Кейс: Missing Car Register GmbH

Missingсars Register GmbH — коммерческая организация, предоставляющая услуги по поиску украденных или потерянных авто. Основными преимуществами сайта являются:

  • Мультиязычность. Сайт ориентирован на немецкий, английских и русский языки;
  • Отзывчивый интерфейс;
  • Комплексный поиск авто;
  • Кастомная мульти-степ форма для регистрации авто;
  • Воркфлоу для управления информационным контентом и зарегистрированных авто;
  • Система оплаты продукта.

Благодаря системе Drupal 8 для редакторов, рядовых пользователей и администраторов реализован оптимальный требуемый функционал, позволяющий легко удовлетворить необходимые потребности.

О Missingсars

Missingсars Register GmbH - коммерческая организация, ориентированная на рынок Европы. Компания предоставляет услуги как по содействию поиску потерянных или украденных авто. Отличительной особенность является комплексный поиск авто по различным критериям: цвет кузова/интерьера, серийный номер двигателя/коробки передач и другому, а также приобретение специальногочипа для авто, позволяющего отслеживать его положение в случае кражи. Чип содержит всю необходимую информацию об авто, что позволяет однозначно идентифицировать украденный автомобиль.

Вызов

На момент обращения к нам Missingсars имел список требований для будущего функционала. Сайт должен был удовлетворять следующим основным требованиям:

  • Мультиязычность.
  • Распределённая система разделения пользователей по ролям.
  • Реализация Commerce части и интеграция с платёжными системами PayPal и Sofort.
  • Вокрфлоу для управления контентом.
  • Мульти степформа для регистрации авто.
  • Поиск авто.
  • Функционал по управлению автомобилями.

Посетитель должен легко ориентироваться на сайте, получать доступ к поиску или регистрации авто, легко управлять созданной записью, открывать доступ к ранее зарегистрированным авто. Администратору должна предоставляться понятная система по управлению контентом, авто и покупками.

Решение

Missingсars является полноценным мультиязычным веб-сайтом для предоставления тематической информации по авто и доступа к поиску, регистрации и управлению авто. Для регистрации авто создана кастомная ajax мульти-степ форма. Управление контентом и ролевая модель пользователей реализованы с помощью стандартных средств Drupal 8 с небольшой долей кастомизации

Поиск

На сайте предоставляется различная информации в виде статей блога и информационного контента. Для обнаружения необходимой информации был добавлен поиск по соответствующему контенту. Поиск был реализован с помощью мощного поискового движка Drupal Search API. С помощью этого инструмента пользователь может без лишних затрат по времени найти необходимую информацию и получить к ней доступ.

Страница поиска контента

Также добавлен комплексный поиск авто. Это расширяет возможности пользователя по поиску необходимого авто, имея различные критерии для поиска.

Кейс: Missing Car Register GmbH

Страница поиска авто

Реализована с помощью стандартных средств CMF Drupal 8. Предоставлена возможность перевода любого контента на установленные языки. Пользователь может по-своему усмотрению менять язык сайта. Переключение между языками осуществляется с помощью всего лишь пары кликов.

Демонстрация мультиязычности. Английский язык.

Система разделения пользователей по ролям

Для реализации требуемой бизнес-логики была добавлена ролевая модель доступа пользователей к контенту. Реализация осуществлялась стандартными возможностями Drupal 8, что позволят в будущем легко и гибко корректировать доступ пользователей к контенту сайта. Ролевая иерархия позволяет:

  • чётко разделить права и доступ пользователей к содержимому сайта;
  • быть уверенным, что личная/конфиденциальная информация не будет доступна пользователю, не имеющему на это прав.

Реализация Commerce части и интеграция с платёжными системами PayPal и Sofort

Commerce часть построена на основе мощной и гибкой платформы электронной коммерции - Drupal Commerce, которая позволяет реализовывать самые передовые идеи в системах электронной коммерции.

Для интеграции с платёжными системами использовались специальные модули для Drupal 8, разработанные сообществом данного CMF. Модули предоставляют весь необходимый и актуальный функционал для работы с платёжными системами PayPal и Sofort “из коробки”.

Мульти-степ форма для регистрации авто

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

Каждый шаг формы логически разделён и на него отводится собственная роль. Так, например, на шаге загрузки фото авто используется удобный виджет, позволяющий менять порядок загружаемых фото, что влияет на итоговый вид зарегистрированного авто.

В процессе заполнения формы пользователь может свободно вернуться на предыдущий шаг и изменить информацию по своему желанию в рамках бизнес-логики продукта. На основании сделанных пользователем выборов в итоговом шаге будет предоставлен нужный для его потребностей тариф.

Большой выбор различных параметров регистрируемого авто позволяет наиболее точно идентифицировать его в случае кражи, даже если злоумышленники подвергли авто каким-либо внешним изменениям, чтобы скрыть его.

Вывод

Мы разработали мульти-язычный сайт с отзывчивым интерфейсом, доступный для широкой публики. Пользователи получили возможность легко искать и регистрировать свои авто. Так же они могут быть уверенными, что информация об их собственности находится в надёжных руках.

11
4 комментария

Я что-то не до конца понял о чем пост? Реклама сайта, студии?


Просто раз вы пишите что использовали Drupal 8, то описанные превозмогания для него смотрятся немного странно, учитывая что задача для него просто как семечку щелкнуть, такой проект можно даже без кода сделать на друпале мышкой в админке.

Какой конкретно вызов(ы) вызвал проект? Как вы их решали?

Мультиязычность

Штатный функционал в друпале, настраивается кликами в админке.

Распределённая система разделения пользователей по ролям.

Штатный функционал в друпале, 90%+ работы делается мышкой в админке.

Реализация Commerce части и интеграция с платёжными системами PayPal и Sofort.

А в чём тут вызов был? Вы же сами написали что поставили Drupal Commerce + модули оплаты подключили и настроили?  Может пришлось модифицировать воркфлоу заказов и т.д.?

Вокрфлоу для управления контентом.

Какой воркфлоу, какие цели и задачи были, как решили их? Или их покрыл одноименный модуль из ядра Drupal — Workflows?

Мульти степформа для регистрации авто.

Какой вызов был зедсь? Как вы загружаете файлы в Drupal через AJAX? Используете JSON:API или что-то ещё? Или это просто Drupal Form API с аяксом и кастомными Form Element?

Поиск авто.

У вас там вьюсы из коробки Drupal, а весь поиск и фильтрация - раскрытые фильтры того же вьюса.

Функционал по управлению автомобилями.

Опять же, что это значит и какой был вызов? Выглядит со стороны что просто был создан тип материала и накликаны поля в админке.

Просто раз вы упомянули Drupal и начали про "вызовы", рассказали бы хотябы какие вызовы он поставил перед вами. Потому что, ваши вызовы в контексте Drupal, решаются просто настройкой друпала в админке. Тут даже такой сайт можно собрать по факту без строчки кода.

И почему у вас на всех текстовых страницах `p` теги завернуты в `blockqoute`?

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

2
Ответить

Пожалуйста, конкретизируйте заголовок: сейчас не очень понятно, о чем будет речь в статье

Ответить

Хорошо, учтем это на будущее обязательно!

Ответить

В целом проект выглядит действительно интересно и красиво, но что-то с мультиязычностью, на которой вы делаете такой акцент как-то совсем не пошло. Непрофессиональная реализация. Почитайте на досуге как стоило б сделать)
Как правильно создавать и продвигать мультиязычный сайт

Ответить