Часть 2.2. Профессионально-компетентностное задание

(вариативная часть для специальности 09.02.04;

по выбору: 09.02.02., 09.02.03, 09.02.05)

Максимальное количество баллов за выполнение данного задания – 40 баллов

Время, отведенное на выполнение данного задания – 120 мин

ПК 1.1. Собирать данные для анализа использования и функционирования информационной системы, участвовать в составлении отчетной документации, принимать участие в разработке проектной документации на модификацию информационной системы.

ПК 1.4. Участвовать в экспериментальном тестировании информационной системы на этапе опытной эксплуатации, фиксировать выявленные ошибки кодирования в разрабатываемых модулях информационной системы.

ПК 2.2. Программировать в соответствии с требованиями технического задания.

ПК 2.3. Применять методики тестирования разрабатываемых приложений.

ПК 2.4. Формировать отчетную документацию по результатам работ.

ПК 2.5. Оформлять программную документацию в соответствии с принятыми стандартами.

Задание

Результаты работы сохранять в папке на рабочем столе. Имя папки соответствует индивидуальному шифру.

Вам предоставлены: логотип и название фирмы по продаже товаров, прототипы двух страниц, краткое описание фирмы, список товаров с фотографиями и описанием.

Ваша задача - разработать сайт для интернет-магазина «***» по продаже *** и сопутствующих товаров, используя вводные данные и требования. Дизайн вашего сайта должен эффективно поддерживать цели сайта – вы должны выбирать цвета, шрифты, графические элементы исходя из сферы деятельности организации (например, сине-голубая гамма цветов ассоциируется с корпоративным стилем).

НЕ нашли? Не то? Что вы ищете?

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

Требуется разработать сайт в соответствии с предоставленными прототипами страниц. Страницы должны быть сверстаны с учетом просмотра её на различных устройствах с разными разрешениями, то есть:

● иметь резиновую верстку для просмотра на компьютере при различных разрешениях до 1024px;

● иметь мобильную версию для просмотра на телефонах и планшетах вплоть до минимального разрешения – 320px. Специальных требований по расположению элементов на странице не предъявляется, но необходимо учитывать разрешение и способ навигации по странице.

Обязательные элементы сайта:

1. Логотип;

2. Шапка

3. Вертикальное меню (категории товаров);

4. Подвал;

5. Таблица вывода товаров.

Критерии оценивания результатов выполнения задания


Критерий

Аспекты

Оценка эксперта

Макс балл

Дизайн

15

1.1

Все основные цвета предоставленного логотипа используются в дизайне сайта

Да

1

1.2

Выбрано оптимальное  соотношение яркости между текстом и фоном

Да

1

1.3

Однородность текста и равномерность распределения пустых мест

Да

1

1.4

Все страницы сайта имеют одинаковый пользовательский  интерфейс и выполнены в одном стиле (минус 0.5 за нарушение)

Да

2

1.5

Дизайн сайта соответствует профилю деятельности фирмы

0 – Дизайн не подходит для целевой аудитории

1 – Цвета, элементы, типографика плохо подходят для целевой аудитории

2 – Цвета, элементы, типографика в целом подходят для целевой аудитории

3 – Цвета, элементы, типографика полностью подходят для целевой аудитории

Субъективная

5

1.6

Общее впечатление о дизайне сайта

0 – Плохой дизайн

1 – Нормальный дизайн, использованы все необходимые блоки

2 – В целом хороший дизайн, элементы и цвета хорошо подобраны

3 – Отличный профессиональный дизайн

Субъективная

5

Соответствие прототипам

10

2.1

Количество страниц сайта соответствует количеству прототипов

Да

1

2.2

Шапка соответствует прототипу

Да

1

2.3

Вертикальное меню (категории товаров) соответствует прототипу

Да

1

2.4

Отображение товаров соответствует представленному прототипу

Да

1

2.5

Подвал соответствуют представленному прототипу

Да

1

2.6

Заглушка вместо баннера встроена в сайт в соответствии с пртотипом

Да

1

2.7

Стили для сайта хранятся в отдельном файле (нет inline стилей)

Да

1

2.8

Идентичное отображение страниц сайта в браузерах Firefox, Chrome, IE11 (минус 0.5 за отличие)

Да

3

Верстка

15

3.1

Применяется блочная верстка

Да

1

3.2

Изменение разрешения не создает горизонтальных скроллбаров

Да

1

3.3

У всех интерактивных элементов на странице присутствуют три состояния:

покой, наведение, нажатие

Да

2

3.4

Валидность HTML (минус 0.5 за ошибку валидации)

Да

3

3.5

Валидность CSS (минус 0.5 за ошибку валидации)

Да

3

3.6

Общее впечатление и удобство использования мобильной версии

0 – Дизайн не масштабируется

1 – Дизайн масштабируется но элементы не перестраиваются

2 – Дизайн масштабируется элементы перестраиваются

3 – Дизайн масштабируется элементы перестраиваются, меню оптимизированно

Субъективная

5