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

Технологии модуля: 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 Профессиональная реализация работы

Дополнительный материал для изучения

Html & Css