ворд скилс. 9_ Веб-дизайн и разработка WS. Программа повышения квалификации для преподавателей (мастеров производственного обучения) Практика и методика реализации образовательных программ среднего профессионального
 Скачать 4.04 Mb.
|
|
Раздел WSSS 1 Организация работы и управление (WSSS 6%) Специалист должен знать и понимать: • Принципы и практики, которые позволяют продуктивно работать в команде; • Аспекты систем, которые позволяют повысить продуктивность и выработать оптимальную стратегию; Как проявить инициативу и предприимчивость в целях выявления, анализа и оценивания информации из различных источников. Специалист должен уметь: • Решать распространенные задачи веб-дизайна и разработки кода; • Учитывать временные ограничения и сроки; • Производить отладку кода программ и находить ошибки; • Использовать компьютер или устройство и целый ряд программных пакетов; 114 программа повышения квалификации для преподавателей (мастеров производственного обучения) «Практика и методика реализации образовательных программ среднего профессионального образования с учётом спецификации стандартов Ворлдскиллс по компетенции «Веб-дизайн и разработка» • Применять исследовательские приемы и навыки, чтобы быть в курсе последних отраслевых решений; • Планировать график рабочего дня с учетом требований; • Включать ссылки на изображения, шрифты и др. файлы при архивации данных; • Использовать систему контроля версий 2 Коммуникативные и межличностные навыки (WSSS 6%) Специалист должен знать и понимать: • Как решить проблемы в общении, в том числе выявление проблемы, ее исследование, анализ, решение, макетирование, пользовательское тестирование и оценка результатов; • Принципы, лежащие в основе сбора и представления информации; • Дизайн-концепции и техники, в том числе черновое макетирование страниц (wireframing), объектно- событийное моделирование (storyboarding) и создание блок-схем; • английский язык в рамках чтения и понимания официальной технической документации по используемым технологиями и языкам программирования. Специалист должен уметь: • Представить продукт, который отвечает требованиям клиента и спецификации; • Собирать, анализировать и оценивать информацию; • Использовать навыки грамотности для толкования стандартов и требований; • Планировать и организовывать общение с клиентом; • Критиковать свои проекты и идеи 3 Графический дизайн веб-страниц (WSSS 22%) Специалист должен знать и понимать: • Структуру и общепринятые элементы веб-страниц различных видов и назначений; • Вопросы, связанные с когнитивными, социальными, культурными, технологическими и экономическими условиями при разработке дизайна; • Как создавать и оптимизировать графику для сети Интернет; • Как создавать дизайн по предоставляемым инструкциям и спецификациям; • Какие умения и навыки необходимы для выбора цвета, типографики и композиции; • Принципы и методы адаптации графики для использования ее на веб-сайтах; • Правила поддержания фирменного стиля, бренда и стилевых инструкций; • Ограничения, которые накладывают мобильные устройства и разрешения экранов при использовании их для просмотра веб-сайтов; • Принципы построения эстетичного и креативного дизайна; • Современные стили и тенденции дизайна. Специалист должен уметь: • Создавать и анализировать разработанные визуальные ответы на поставленные вопросы, в том числе об иерархии, типографики, эстетики и композиции; • Создавать, использовать и оптимизировать изображения для веб-сайтов; • Анализировать целевой рынок и продукцию, которую продвигает, используя дизайн; • Выбирать дизайнерское решение, которое будет наиболее подходящим для целевого рынка; • Принимать во внимание влияние каждого элемента, который добавляется в проект во время разработки дизайна; • Использовать все требуемые элементы при разработке дизайна; • Учитывать существующие правила корпоративного стиля; • Создавать «отзывчивый» дизайн, который будет отображаться корректно на различных устройствах и при разных разрешениях; • Придерживаться оригинальной концепции дизайна проекта и улучшать его визуальную привлекательность; • Превращать идею в эстетичный и креативный дизайн. 115 программа повышения квалификации для преподавателей (мастеров производственного обучения) «Практика и методика реализации образовательных программ среднего профессионального образования с учётом спецификации стандартов Ворлдскиллс по компетенции «Веб-дизайн и разработка» 4 Верстка страниц (WSSS 22%) Специалист должен знать и понимать • Методы обеспечения доступа к страницам веб-сайтов аудитории с ограниченными возможностями; • World Wide Web Consortium (W3C) стандарты HTML и CSS; • Методы верстки веб-сайтов и их стандартную структуру; • Web accessibility initiative (WAI); • Как применять соответствующие CSS правила и селекторы для получения ожидаемого результата; • Лучшие практики для Search Engine Optimization (SEO) и интернет-маркетинга; • Как встраивать и интегрировать анимацию, аудио, видео и другую мультимедийную информацию, управлять поведением остальных элементов на странице. Специалист должен уметь: • Создавать html-страницы сайта на основе предоставленных графических макетов их дизайна; • Корректно использовать CSS для обеспечения единого дизайна в разных браузерах; • Создавать адаптивные веб-страницы, которые способны оставаться функциональными на различных устройствах при разных разрешениях; • Создавать веб-сайты, полностью соответствующие текущим стандартам W3C (http://www.w3.org); Создавать и модифицировать сайты с учетом Search Engine Optimization. 5 Программирование на стороне клиента (WSSS 22%) Специалист должен знать и понимать: • Возможности клиентского языка программирования JavaScript; • Как разрабатывать код с использованием открытых библиотек. Специалист должен уметь: • Разрабатывать анимацию для веб-сайта для повышения его доступности и визуальной привлекательности; • создавать и модифицировать JavaScript код для улучшения функциональности и интерактивности сайта; • Применять открытые библиотеки. 6 Программирование на стороне сервера (WSSS 14%) Специалист должен знать и понимать: Как разрабатывать PHP (PHP: Hypertext Preprocessor) код на процедурном и объектно- ориентированном уровнях; Как использовать открытые библиотеки и Фреймворки; Распространенные модели организации и хранении данных и реализацию их с применением MySQL; FTP (File Transfer Protocol), особенности использования его на стороне сервера и клиента, а также необходимое для этого программное обеспечение; Как разрабатывать веб-сервисы с применением PHP, XML (Extensible Markup Language) и JSON; Различные методы программирования; Как разрабатывать программный код в соответствии с паттернами (например, MVC (Model View Controller); Как разрабатывать безопасное веб- приложение. Специалист должен уметь: Создавать библиотеки и модули для выполнения повторяющихся задач; Разрабатывать веб-приложения с доступом к базе данных MySQL и веб-сервисы по требованиям клиента; Интерпретировать ER (Entity-Relationship) диаграммы в функционирующую базу данных; Создавать SQL (Structured Query Language) запросы, используя корректный синтаксис (классический и PDO (PHP Data Object)); Обеспечивать безопасность (устойчивость веб-приложения к атакам и взлому); Интегрировать существующий программный код с API (Application Programming Interfaces), библиотеками и фреймворками; Разрабатывать объектно-ориентированный программный код 116 программа повышения квалификации для преподавателей (мастеров производственного обучения) «Практика и методика реализации образовательных программ среднего профессионального образования с учётом спецификации стандартов Ворлдскиллс по компетенции «Веб-дизайн и разработка» 7 Системы управления контентом (Content management systems) (WSSS 8%) Специалист должен знать и понимать: Преимущества и ограничения системы управления контентом с открытым исходным кодом; Как найти, выбрать и подключить подходящие плагины/модули; Способы реализации функциональных возможностей CMS; Понимать необходимость поддержания и обновления для плагинов CMS и соответствующих модулей для безопасности системы. Специалист должен уметь: Устанавливать, настраивать и обновлять систему управления контентом; Устанавливать, настраивать и обновлять плагины/модули CMS; Создать пользовательские темы/шаблоны для системы управления контентом; Создавать пользовательские плагины/модули и шаблоны/темы. 2. Обобщенная оценочная ведомость В данном разделе определяются критерии оценки и количество начисляемых баллов (субъективные и объективные) Общее количество баллов задания/модуля по всем критериям оценки составляет 24,5. Раздел Критерий Оценки Экспертная Объективная Общая 1 Модуль 4 – WordPress (часть 1) 0,25 0 0,25 1 Модуль 4 – WordPress (часть 2) 0 1,75 1,75 2 Модуль 4 – WordPress (часть 1) 2 0 2 3 Модуль 4 – WordPress (часть 2) 2,5 1,5 4 4 Модуль 4 – WordPress (часть 2) 0,5 2 2,5 5 Модуль 4 – WordPress (часть 2) 1 2 3 6 Модуль 4 – WordPress (часть 2) 0 2 2 7 Модуль 4 – WordPress (часть 2) 1 7 8 Итого = 7,25 17,25 23,5 3. Количество экспертов, участвующих в оценке выполнения задания Минимальное количество экспертов, участвующих в оценке демонстрационного экзамена по стандартам Ворлдскиллс Россия по компетенции «Веб-дизайн и разработка» - 4 чел. Дополнительное количество экспертов рассчитывается исходя из количества участников демонстрационного экзамена. 1 эксперт на 10 участников. Минимальное количество рабочих мест по компетенции «Веб-дизайн и разработка» - 10. 4. Список оборудования и материалов, запрещенных на площадке (при наличии) Сотовые телефоны, умные часы, flash-накопители и устройства их содержащие, Фото- Видео- техника, принесенные с собой блокноты, тетради, листы и т.д. Инфраструктурный лист для КОД № 1.3 – приложение №2 117 программа повышения квалификации для преподавателей (мастеров производственного обучения) «Практика и методика реализации образовательных программ среднего профессионального образования с учётом спецификации стандартов Ворлдскиллс по компетенции «Веб-дизайн и разработка» 6.6. ЗАДАНИЕ ДЛЯ ДЕМОНСТРАЦИОННОГО ЭКЗАМЕНА ПО СТАНДАРТАМ ВОРЛДСКИЛЛС РОССИЯ ПО КОМПЕТЕНЦИИ «ВЕБ-ДИЗАЙН И РАЗРАБОТКА» (ОБРАЗЕЦ) Задание включает в себя следующие разделы: Формы участия Модули задания и необходимое время Критерии оценки Необходимые приложения Количество часов на выполнение задания: 3 ч. ФОРМА УЧАСТИЯ индивидуальная МОДУЛИ ЗАДАНИЯ И НЕОБХОДИМОЕ ВРЕМЯ Модули и время сведены в таблице 1 Таблица 1. № п/п Наименование модуля Максимальный балл Время н а выполнение 1 Модуль 4 - WordPress 23,50 3 часа Модули с описанием работ Модуль 4 (3 часа) Ваша задача разработать интернет-магазин для компании ООО «ДАЛЬТЕХМОНТАЖ» с помощью WordPress. CMS WordPress можно получить через репозиторий – GIT. И не забудьте сделать commit выполненной работы в репозиторий, мы же не хотим потерять проект? Весь необходимый контент (изображения и тексты) предоставляется в папке «Media». Соблюдайте следующие требования в процессе разработки: 1. Доступ к сайту происходит по адресу http://xxxxxx-m4.wsr.ru/ где xxxxxxxxx = код участника 2. Чтобы обеспечить последующее администрирование и управление данными веб-сайта, используйте эту информацию для доступа к области администрирования WordPress: 2.1. Логин: Admin 2.2. Пароль: adminAdmin 3. На сайте ООО «ДАЛЬТЕХМОНТАЖ» должны быть представлены следующие разделы и содержание: 3.1. Логотип организации ООО «ДАЛЬТЕХМОНТАЖ» 3.2. Главное меню должно быть зафиксировано в верхней части веб-страницы. .Для показа контента будет использована прокрутка. 3.3. Разделы в главном меню: 3.3.1. Главная Текст и изображения, дающие представление о деятельности компании 3.3.2. О компании o Текст и изображения, дающие представление об оказываемых услугах компании и их выполненных проектах 3.3.3. Напишите нам ● Представлена форма для отправки сообщения с полями: o Имя: o Адрес электронной почты: o Номер телефона: o Способ получения сообщений: почта, SMS, WhatsApp сообщение; o Сообщение: 3.3.4. Новости ● Каждая новость содержит: текст, изображение, дату публикации. ● На странице должно выводится не более 4 новостей. Если новостей больше должна выводится пагинация. ● Дата публикации не должна совпадать для всех новостей. 3.3.5. Каталог ● Каталог товаров разделенный на группы: Пристройки, Бытовки, Винтовые сваи, Монтаж кровли, Сайдинг, Теплицы, Качели, Лестницы, Разное. Все категории должны содержать 118 программа повышения квалификации для преподавателей (мастеров производственного обучения) «Практика и методика реализации образовательных программ среднего профессионального образования с учётом спецификации стандартов Ворлдскиллс по компетенции «Веб-дизайн и разработка» хотя бы один соответствующий товар. ● Каждый товар должен содержать изображение, название, стоимость и информация о наличии. ● Товар можно добавить в корзину и заказать. Сформированный заказ должен быть доступен через панель управления. 3.4. .Блок в нижней части страницы (колонтитул) ООО «ДАЛЬТЕХМОНТАЖ» © Copyright, 2018 Ссылка на условия использования интернет-магазина Используя плагин, добавить ссылки на социальные сети: o Facebook - http://www.facebook.com o Twitter - http://www.twitter.com o YouTube - http://www.youtube.com 4. Разработайте плагин, который реализует указанный функционал: Создание формы обратной связи на выбранной странице с помощью шорткода; Обработку и валидацию данных, которые отправляет пользователь через эту форму. Пользователь может вводить номер телефона в любом формате, используя дополнительные символы, но в панели администратора номер отображается только в виде цифр. Способ получения сообщений предполагает множественный выбор: o почта o SMS o WhatsApp сообщение Все поля формы должны быть заполнены. Отправленные сообщения с формы должны быть доступны через панель управления для просмотра и удаления; Плагин должен размещаться в сайдбаре; После отправки сообщения, должно отобразиться уведомление о статусе отправки. 5. В директории media лежат файлы для выполнения задачи, а именно: ● Плагины WordPress Текст контента и изображения для использования на сайте 6. Необходимо разработать собственную тему интернет-магазина и разместить ее именем Sahalin. Допускается использование стандартной темы WordPress и Bootstrap. Ваша тема должна быть адаптирована под мобильные устройства и корректно отображать все функции и модули интернет- магазина. 7. Чтобы улучшить результаты в поисковых системах, установите и настройте один плагин для SEO на своем веб-сайте. 8. Для проверки статистики доступа, установите и настройте плагин для подключения к Google Analytics. Использовать идентификатор UA-333438812-2. 9. HTML и CSS-код должны быть удовлетворять стандартам W3C (HTML 5 и CSS 3). 10.Логотип WordPress на странице входа на страницу администрирования должен быть заменён на логотип организации ООО «ДАЛЬТЕХМОНТАЖ». КРИТЕРИИ ОЦЕНКИ В данном разделе определены критерии оценки и количество начисляемых баллов (Экспертные и объективные) в Таблице 2. Общее количество баллов задания/модуля по всем критериям оценки составляет 100. Таблица 2. Раздел Критерий Оценки Экспертная Объективная Общая 1 Модуль 4 – WordPress (часть 1) 0,25 0 0,25 1 Модуль 4 – WordPress (часть 2) 0 1,75 1,75 119 программа повышения квалификации для преподавателей (мастеров производственного обучения) «Практика и методика реализации образовательных программ среднего профессионального образования с учётом спецификации стандартов Ворлдскиллс по компетенции «Веб-дизайн и разработка» 2 Модуль 4 – WordPress (часть 1) 2 0 2 3 Модуль 4 – WordPress (часть 2) 2,5 1,5 4 4 Модуль 4 – WordPress (часть 2) 0,5 2 2,5 5 Модуль 4 – WordPress (часть 2) 1 2 3 6 Модуль 4 – WordPress (часть 2) 0 2 2 7 Модуль 4 – WordPress (часть 2) 1 7 8 Итого = 7,25 17,25 23,5 Экспертные оценки – 7,25 балла. 6.7. ПЛАН ПРОВЕДЕНИЯ ДЕМОНСТРАЦИОННОГО ЭКЗАМЕНА ПО СТАНДАРТАМ ВОРЛДСКИЛЛС РОССИЯ План работы участников и экспертов день С-1 С -1 ВРЕМЯ МЕРОПРИЯТИЕ 9:00 – 9:30 Сбор и регистрация экспертов ДЭ 9:30 – 12:00 Инструктаж экспертов, проверка площадки, устранение неисправностей. 12:00 – 13:00 Обед 12:30 – 13:00 Сбор и регистрация участников ДЭ 13:00 – 14:00 Жеребьевка и инструктаж участников, подписание протоколов 14:00 – 17:00 Знакомство с рабочими местами План работы участников и экспертов день С 1: С 1 ВРЕМЯ МЕРОПРИЯТИЕ 9.00 – 12:00 Выполнение модуля № 4 12.00 – 13.00 Обед 13.00 – 16.00 Оценка модуля № 4 16.00 – 21.00 Завершение 1-го дня ДЭ. Подведение итогов. Внесение баллов в CIS. План проведения демонстрационного экзамена корректируется главным экспертом площадки проведения демонстрационного экзамена в зависимости от времени, выделенного на площадке проведения демонстрационного экзамена, количества участников и рабочих мест. |