МОДУЛИ ЗАДАНИЯ И НЕОБХОДИМОЕ ВРЕМЯ
Технологии модуля: HTML 5, CSS 3, PHP, WordPress, Bootstrap 4
Модули с описанием работ. Модуль 1 (5 часов)
Ваша задача разработать интернет-магазин для компании ООО «ДАЛЬТЕХМОНТАЖ» с помощью 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.4. Разделы в главном меню:
3.4.1. Главная
- Текст и изображения, дающие представление о деятельности компании
3.4.2. О компании
- Текст и изображения, дающие представление об оказываемых услугах компании и их выполненных проектах
3.4.3. Напишите нам
Представлена форма для отправки сообщения с полями:
- Имя:
- Адрес электронной почты:
- Номер телефона:
- Способ получения сообщений: почта, SMS, WhatsApp сообщение;
- Сообщение:
3.4.4. Новости
- Каждая новость содержит: текст, изображение, дату публикации.
- На странице должно выводится не более 4 новостей. Если новостей больше должна выводится пагинация.
- Дата публикации не должна совпадать для всех новостей.
3.4.5. Каталог
- Каталог товаров разделенный на группы: Пристройки, Бытовки, Винтовые сваи, Монтаж кровли, Сайдинг, Теплицы, Качели, Лестницы, Разное. Все категории должны содержать хотя бы один соответствующий товар.
- Каждый товар должен содержать изображение, название, стоимость и информация о наличии.
- Товар можно добавить в корзину и заказать. Сформированный заказ должен быть доступен через панель управления.
3.5. Блок в нижней части страницы (колонтитул)
- ООО «ДАЛЬТЕХМОНТАЖ» © Copyright, 2018
- Ссылка на условия использования интернет-магазина
- Используя плагин, добавить ссылки на социальные сети:
- Facebook - http://www.facebook.com
- Twitter - http://www.twitter.com
- YouTube - http://www.youtube.com
4. Разработайте плагин, который реализует указанный функционал:
1) Создание формы обратной связи на выбранной странице с помощью шорткода;
2) Обработку и валидацию данных, которые отправляет пользователь через эту форму.
3) Пользователь может вводить номер телефона в любом формате, используя дополнительные символы, но в панели администратора номер отображается только в виде цифр.
4) Способ получения сообщений предполагает множественный выбор:
- почта
- SMS
- 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 на странице входа на страницу администрирования должен быть заменён на логотип организации ООО «ДАЛЬТЕХМОНТАЖ».
Критерии оценок.
Описание аспекта | Оценка судьи | Описание дополнительного аспекта | Максимальный бал |
Используемые медиа-файлы связаны с назначением разделов сайта | 0.25 | ||
0 |
Медиа-файлы связаны плохо или не связаны с целями разделов сайта |
||
1 | Только часть медиафайлов связана с разделами сайта. В разделах есть более одной проблемы. | ||
2 | Большая часть медиафайлов связана с целями секции, но есть, по крайней мере, одна проблема | ||
3 | Используемые медиафайлы полностью связаны с объектами разделов сайта | ||
Доступ к веб-сайту можно получить с помощью http://xxxxxx-m5.wsr.ru/ | 0.25 | ||
Новая тема зарегистрирована под именем Sahalin | PNG format, комментарии | 1.00 | |
Использован сервис GIT (загружен архив с сайтом) | 0.50 | ||
Дизайн сайта соответствует тематике проекта | 2.00 | ||
0 | Веб-сайт не был реализован или очень прост | ||
1 | На сайте недостаточно продвигается идея компании | ||
2 | веб-сайт привлекателен, но для его совершенствования необходимо улучшить взаимодействие с пользователем | ||
3 | Цель достигнута, и пользователь хочет сделать заказ | ||
Соответствие структуры разделов требованиям задания | 0.25 | ||
Соответствие содержания разделов требованиям задания | Не отображать автора новости, текст соответствует теме раздела | 1.00 | |
Логотип размещен согласно требований задания | 0.25 | ||
Удобочитаемость содержимого разделов | 0.50 | ||
0 | Содержимое не читаемо | ||
1 | Содержимое частично читаемо | ||
2 | Содержимое читаемо | ||
3 | Параметры текста идеально подобраны для удобства прочтения | ||
Удобство формы отправки сообщения | 0.50 | ||
0 | Формы нет | ||
1 | Форма частично реализована | ||
2 | Форма реализована полностью | ||
3 | Форма реализована полностью и удобно скомпонована | ||
Общее впечатление от работы | 1.50 | ||
0 | Низкий уровень реализации | ||
1 | Некоторые элементы реализованы хорошо | ||
2 | Профессиональная реализация работы | ||
3 | WOW! | ||
Все страницы корректно отображаются | За каждое некорректное отображение блока штраф - 0,25 балла | 1.00 | |
Адаптация страницы на мобильные версии в соответствии с заданием | Должно быть минимум два перехода (мобильная-планшетная, планшетная-десктопная). За отсутствие любого перехода - штраф 0,5 балла | 1.00 | |
Форма контактов корректно отображается на мобильных платформах | 0.50 | ||
Выполняется фиксация меню для desktop-версии | 0.50 | ||
Документирование кода PHP+JS | 0.50 | ||
0 | Коментарии отсутствуют | ||
1 | Коментарии недостаточно подробны | ||
2 | Комментарии достаточно подробны, но требуют доработки | ||
3 | Комментирование достаточно для передачи проекта другому разработчику | ||
Отсутствие ошибок в консоли и при отображении сайта | 1.00 | ||
Наличие и корректная работа SEO-модуля | 0.50 | ||
Наличие и корректная работа Google Analytics | 0.50 | ||
Доступ к администрированию CMS в соответствии с требованиями | Login: Admin and Password: adminAdmin | 0.20 | |
Wordpress установлен и работает исправно (показывает сайт и страницу администратора) | 0.50 | ||
Логотип WordPress при входе на страницу администрирования должен быть обновлен | 0.75 | ||
Созданная тема используется на веб-сайте | 0.25 | ||
Наличие и корректная работа плагина для социальных сетей | 0.10 | ||
Нижний колонтитул раздела представлен в соответствии с заданием | Ссылка на условия использования и копирайт | 0.20 | |
Наличие уведомлений при отправке сообщений пользователем | 0.75 | ||
Письмо добавляется в панель управления | 0.75 | ||
Администратор может просмотреть и удалить сообщение | 1.00 | ||
Плагин размещен в сайдбаре | 1.00 | ||
Плагин добавляется на страницу по шорткоду | 1.00 | ||
Валидация полей формы работает корректно | 0.75 | ||
Способ получения сообщений предполагает множественный выбор | 1.00 | ||
Код плагина содержит необходимые комментарии разработчика | 0.75 | ||
Общее впечатление от работы плагина | 1.00 | ||
0 | Низкий уровень реализации | ||
1 | Некоторые элементы реализованы хорошо | ||
2 | Плагин работает корректно | ||
3 | Профессиональная реализация работы |
Дополнительный материал для изучения