Предназначена для получения опыта в разработке и реализации веб-структур (порталов, сайтов, страниц) и проведения соревнований World Skills по компетенции «17J Web Design and Development».

Архитектура мастерской разделена на два уровня:

  • рабочая площадка студентов/юниоров
  • рабочее место преподавателя/эксперта

Рабочая площадка студентов представляет из себя три рабочих места и один серверный участок.

Все оборудование установлено в единую мебельную конструкцию и образует собой рабочий остров, который следует концепции «клиент-сервер»: студенты на своих рабочих местах ведут разработку проектов, а запускают их на сервере своего острова. Сервер содержит шесть виртуальных гостевых операционных систем (ОС), по две ОС на студента (Linux/Windows). Таким образом реализуется концепция «песочницы»: у каждого студента есть свои серверные ОС, и он никоим образом не вмешивается и не влияет на работу других студентов.

На рабочих компьютерах студентов (клиентах) установлено следующее ПО:

  • Windows 10
  • Visual Studio 2019
  • JetBrains IntelliJ IDEA
  • PHP Storm
  • Adobe Photoshop
  • Клиент удаленного управления

В гостевой виртуальной ОС Linux сервера установлено следующее ПО:

  • Apache HTTP Server
  • MySQL Server
  • PostgreSQL
  • PHP
  • Apache Tomcat
  • JAVA

В гостевой виртуальной ОС Windows Server сервера установлено следующее ПО:

  • IIS
  • MS SQL Server (возможно версия Express)
  • .NET Framework

Таким образом, количество рабочих мест острова равно 3. Количество островов в классе может варьироваться в зависимости от потребностей учебного заведения (размер группы студентов, габариты аудитории и т.д.)

Также в мастерской устанавливается рабочее место преподавателя, которое представляет собой сервер с установленными серверными ОС Linux и Windows и всем ПО, которое указано выше.

Отдельной опцией является мультимедийный модуль мастерской, который включает в себя:

  • проектор
  • дополнительные экраны на рабочих местах студентов
  • дополнительная видеокарта на сервере преподавателя
  • коммуникации и фурнитура для создания единой системы вещания мультимедийного материала с рабочего места преподавателя.

Мультимедийный модуль позволяет проецировать материал с ПК преподавателя не только на проектор, но и на дополнительные экраны на рабочих местах студентов. Это может быть необходимо в случае, если студентам не видно картины с проектора из-за конструктивных особенностей аудитории и/или мебельных конструкций, включая конструкцию острова. Также это полезно при проведении дополнительных лекционных занятий в аудитории мастерской.

Мастерская позволяет освоить следующий материал

  1. Изучение HTML. Верстка страниц. Изучение протокола HTTP. Web-серверы, устройство и принципы работы.
    Практика: Верстка простейших страниц на HTML. Настройка IIS для отображения этих страниц.
    Целевая ОС сервера: Windows
  2. Изучение технологий CSS и Java Script. Возможности и принципы использования.
    Практика: Изменение внешнего вида ранее созданных страниц с помощью CSS, добавление функционала с помощью JS.
    Целевая ОС сервера: Windows
  3. Изучение языка PHP. Динамические страницы. Возможности PHP и принципы работы.
    Практика: Создание простейшего сайта с серверной частью на языке PHP.
    Целевая ОС сервера: Windows
  4. CMS. Изучение возможностей, выгода использования, негативные аспекты. Рассмотрение примеров CMS: Joomla, WordPress.
    Практика: Настройка одной из CMS.
    Целевая ОС сервера: Linux
  5. Создание визуальных интерфейсов Web-приложений. Ручное написание и автоматическая генерация кода с помощью Bootstrap.
    Практика: Создание интерфейса для приложения, которое будет разрабатываться на последующих этапах.
  6. Изучение Adobe Photoshop в аспекте создания визуальных интерфейсов Web-приложений.
    Практика: Создание интерфейса для приложения, которое будет разрабатываться на последующих этапах.
  7. Изучение фреймворков (в аспекте PHP). Принципы организации архитектуры фреймворков, реализуемых ими задач, каковы выгода использования. Фреймворк Yii2.
    Практика: Создание Web-приложения с хранением данных в БД MySQL, используя фреймворк Yii2. Визуальный интерфейс использовать, созданный на предыдущих этапах.
    Целевая ОС сервера: Linux
  8. Теория БД и принципы использования в аспектах Web-приложений. Изучение абстракции слоя доступа к данным и готовые реализации этих слоев (ORM).
    Типовые архитектуры Web-приложений, архитектура MVC(Модель-вид-контроллер).
    Целевая ОС сервера: Linux
  9. Изучение принципов работы с заказчиком. Создание типовой документации для проекта.
    Практика: Формализация задачи разработки сайта по готовому требованию заказчика. Создание технического задания, плана работ, схем взаимодействия частей системы.
  10. Изучение технологии Microsoft ASP.NET и сопутствующих технологий, таких как С#, Linq и т. д. Фреймворк MVC для Microsoft ASP.NET. Проведение параллелей с фреймворками для PHP.
    Практика: Разработка крупного приложения на ASP.NET MVC. Создание интерфейса с помощью Bootstrap.
    Целевая ОС сервера: Windows
  11. Изучение технологии JSON-API сервера и клиентской части на JS в браузере.
    Целевая ОС сервера: Windows
  12. Обзорное изучение фреймворков Ruby on Rails, Django.
    Целевая ОС сервера: Windows