Основные требования к заданию
● Код сайта должен быть валиден и соответствовать требованиям HTML5, CSS3;
● Сайт должен иметь мобильную версию и отображаться корректно на различных устройствах (ПК, планшет, телефон).
● CSS код должен быть валиден;
● Наименования элементов (class, id) должны соответствовать их применению.
● Необходимы комментарии к блокам кода с описанием того что реализуется в том или ином блоке;
● Сайт должен одинаково отображаться в следующих браузерах:
o Firefox (последняя версия),
o Google Chrome (последняя версия),
● Кодировка файлов – UTF-8;
● Анимация должна соответствовать стилю / дизайну страницы;
● Исходный файл логотипа также должен быть размещен на сервере (.psd,.ai,.cdr)
● Цветовая палитра должна быть сбалансирована;
● Весь текст должен быть соответственно однородным, учитывая шрифт, размер и цвет.
● Главное меню, под меню и подвал должны соответствовать друг другу.
● Пустое пространство, баланс текста и изображений должны быть обдуманными.
● Область блока авторизации и ссылка на регистрацию должны располагаться на главной странице сайта.
● Каждое место на макете космического аппарата должно визуально соответствовать своему состоянию: свободно, не доступно, забронировано вами.
● Сайт должен в обязательном порядке содержать следующие страницы:
o Главная страница:
▪ Форма авторизации: логин, пароль, кнопка авторизации
▪ Отзывы о туре: логин, дата, отзыв
o О компании
▪ Контакты
o Регистрация новых пользователей
▪ Форма: e-mail, логин, пароль, кнопка регистрации
o Страница бронирования с просмотром модели шаттла
▪ Модель шаттла с просмотром статуса мест
▪ Страница бронирования: ФИО, номер паспорта
# | Критерий | Балл |
Логотип | ||
O | Логотип разработан | |
J | Логотип соответствует деятельности компании | |
J | Логотип соответствует РФ | 0.5 |
J | Логотип масштабируем | 0.5 |
O | Исходник логотипа есть | 0.5 |
J | Логотип гармонично вписывается в стиль сайта | |
Дизайн | ||
J | Общий стиль – сдержанный, деловой, с элементом легкости для отражения туристической составляющей. | |
O | Цветовая гамма – как для логотипа. | |
O | Текст везде однородный, учитывая цвет, шрифт и размер | |
O | Каждое место на макете космического аппарата визуально соответствует своему состоянию: свободно, не доступно, забронировано вами | 0.5 |
O | Все страницы сайта присутствуют в шаблоне. Штраф 0.5 за каждую отсутствующую страницу | |
O | На главной странице присутствуют отзывы о туре. Каждый отзыв содержит логин пользователя, дату написания отзыва и сам отзыв. Штраф 0.2 за каждую отсутствующую деталь | |
O | Область авторизации и ссылка на регистрацию находится на главной странице | 0.5 |
O | На шаттле изображены все места. Штраф 0.5 за каждый неправильный салон | 1.5 |
J | Цветовая палитра сбалансирована | |
J | Пустое пространство и отступы равномерно используются | |
J | Главное меню и подвал соответствуют друг другу | |
J | Шаттл выглядит оригинально | |
J | Общее впечатление о дизайне | |
J | Оригинальность дизайна | |
Верстка | ||
O | Код сайта валиден и соответствует требованиям HTML5. Штраф 0.25 за каждую типовую ошибку валидатора W3C | |
O | CSS код валиден | |
O | Наименования элементов (class, id) соответствуют их применению | |
O | Комментарии присутствуют в коде | 0.5 |
O | Кодировка файлов – UTF-8 | 0.5 |
O | Сайт одинаково смотрится во всех указанных браузерах | |
O | Все элементы указанные в задании присутствуют в верстке (формы, поля форм, кнопки и т.д.). Штраф 0.25 за каждый отсутствующий элемент | |
J | Сайт имеет хорошую мобильную версию |
Модуль 2
Программирование на стороне клиента и сервера
Время выполнения: 4 часа
ЗАДАНИЕ
Компания ОАО «Покусись на марс» была воодушевлена вашим дизайном и решила продолжить сотрудничество с вами. Теперь вашей задачей будет “оживить” ваш дизайн-макет и сделать его полноценным сайтом с возможностью бронирования мест на космическом корабле.
ОПИСАНИЕ ЗАДАНИЯ
Вам необходимо реализовать следующий функционал:
Для гостей сайта
Для гостей сайта необходимо реализовать следующие возможности:
● возможность просмотра страниц:
o Главная страница: Форма авторизации, отзывы
o О компании: контакты
Контент на указанные страницы должен загружаться из базы данных
● возможность осуществить регистрацию на сайте. Для регистрации пользователя необходимо запросить уникальные данные: e-mail пользователя, логин и пароль.