И описание профессиональной компетенции

Конкурсное задание

Конкурсное задание включает в себя следующие разделы:

1. 
   ВВЕДЕНИЕ
   

2. ФОРМЫ УЧАСТИЯ В КОНКУРСЕ

3. ЗАДАНИЕ ДЛЯ КОНКУРСА

• 
  модуль 1 ­ графический дизайн и верстка(33 балла);
  

• 
  модуль 2 ­ верстка CSS (17 баллов);
  

• 
  модуль 3 ­ программирование на стороне сервера PHP (35 баллов);
  

• 
  модуль 4 ­ программирование на стороне клиента JS (15 баллов).
  

4. МОДУЛИ ЗАДАНИЯ И НЕОБХОДИМОЕ ВРЕМЯ

5. Критерии оценки

6. ОБЩИЕ ИНСТРУКЦИИ К ВЫПОЛНЕНИЮ МОДУЛЕЙ

• 
  Модуль представляет собой верстку сайта по заданному макету.
  
• 
  В рамках задания конкурсанты должны
  

• 
  Сверстать сайт по заранее разработанному дизайнером шаблону.
  
• 
  Верстка сайта должна быть резиновая, то есть все блоки и элементы сайта должны сохранять свои позиции и относительные размеры при изменении размеров окна (до 1200px).
  
• 
  В шапке макета должна быть галерея товаров, которую необходимо реализовать из пяти изображений. При наведении на любой элемент галереи, элементы плавно смещаются с анимацией влево (появляется пятое изображение, а первое скрывается).
  
• 
  При наведении на кнопки «Где купить» они изменяют свой цвет.
  
• 
  Функционал кнопок «Где купить» переводит на блок с картой.
  
• 
  Все остальные гиперссылки и кнопки – пустой указатель (#).
  
• 
  В макете используются следующие шрифты: robotobold, robotolight, roboto_condensedbold.
  
• 
  В качестве альтернативного шрифта можно использовать sans-serif.
  
• 
  В шапке и подвале макета логотип со слоганом являются пустой ссылкой (#).
  

• 
  Модуль представляет собой оформление сайта, созданного в модуле 1, с помощью внешнего файла со стилями CSS. Оформление должно быть идентичным заданному макету (скриншоту).
  
• 
  В рамках задания необходимо:
  
  • 
    размер, расположение, цвет, форма, тени “Шапки” сайта соответствует макету;
    
  • 
    оформление блоков идентично заданному макету;
    
  • 
    размер, расположение, цвет, форма, тени “Подвала” сайта соответствует макету;
    
  • 
    CSS-код должен быть сгруппирован и содержать комментарии;
    
  • 
    идентичное отображение страниц сайта в браузерах Firefox, Chrome;
    
  • 
    файл CSS3 должен быть валидным.
    

• 
  В данном модуле необходимо создать базу данных, реализовать авторизацию и регистрацию пользователей, создать панель администратора сайта по управлению контентом.
  
• 
  В рамках задания необходимо:
  
  • 
    Создать базу данных;
    
  • 
    Реализовать авторизацию (логин и пароль берется из базы данных);
    
  • 
    Добавить регистрацию пользователей (фамилия, имя, пароль и логин заносится в базу);
    
• 
  Реализовать следующий функционал панели администратора, которая должна позволять добавлять, удалять, редактировать элементы, отображаемые на сайте:
  

• 
  Реализовать возможность удаления пользователя;
  
• 
  Возможность изменить номер телефона в шапке сайта;
  

• 
  Заголовок (название товара) может меняться;
  
• 
  Описание товара(до 500 символов с пробелами) может меняться;
  
• 
  Особенности товара, их может быть любое количество (на сайте это блок с галочками )
  
• 
  Заслуги товара (блок со звездочками )может добавляться или удаляться
  
• 
  Изображение товара может меняться;
  
• 
  Возможность заменить изображение с картой;
  
• 
  Можно задавать цвет фона блока;
  
• 
  Цвета кнопки «Где купить?», в двух состояниях (при наведении и неактивная) также можно задавать;
  
• 
  Поле для указания приоритета отображения товара на странице (сортировка);
  
• 
  Названия городов и представительств можно добавлять и удалять.
  

• 
  Модуль представляет собой создание анимированного баннера для рекламы товаров фирмы.
  
• 
  Требования к баннеру:
  

• 
  Использовать логотип фирмы;
  
• 
  Использовать минимум одну картинку;
  
• 
  Реализовать интерактивные функциональные возможности (при наведении, при нажатии и т.д.);
  
• 
  Предусмотреть кнопку для перехода на сайт, созданный в модуле 1. Сайт должен открываться в новой вкладке.
  

• 
  Требования к анимации:
  

• 
  реализовать анимацию, длительностью не менее 5 секунд, т.е. не мгновенное изменение состояния объекта;
  
• 
  анимация должна состоять минимум из трех сцен;
  
• 
  на каждой сцене должно быть не менее двух активных, взаимодействующих объектов;
  
• 
  переход к последующей сцене осуществляется или по результатам взаимодействия объектов на сцене, или в результате интерактивных действий пользователя.
  

7. НЕОБХОДИМЫЕ ПРИЛОЖЕНИЯ