Запуск новой версии сайта Мед. центра «‎Здоровая семья»

Подготовка

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

Этапы разработки

Было выделено 2 этапа разработки:

• Этап 1 - разработка публичной части сайта
• Этап 2 - разработка личного кабинета пациента и интеграция с 1С

Этап 1. Верстка и разработка публичной части сайта

Перед верстальщиком проекта встала непростая задача реализовать проект с максимальными значениями accessability, сделать возможной работу с сайтом с использованием одной лишь клавиатуры и при этом очень близкой к предоставленным макетам. Работа осложнялась тем, что верстка была начата, когда макеты находились в процессе создания, соответственно охватить все и сразу не представлялось возможным и приходилось вносить коррективы в базовые элементы при поступлении новых макетов. В совокупности, все это привело к большому количеству правок и несоответствий на финальном этапе работы. Однако команда смогла справиться с поставленными задачами и получить на выходе результат высокого качества.

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

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

Хотим поблагодарить представителей заказчика Бориса и Светослава за плотную обратную связь и нулевую толерантность к ошибкам. В хорошем итоговом результате есть большая доля их вклада.

Этап 2. Разработка личного кабинета

Перед стартом работ мы написали спецификацию по интеграции сайта с 1С. В данном документе мы описали все направления обмена информацией между сайтом и 1С. Было решено, что обмен должен осуществляться в режиме реального времени посредством веб-сервисов 1С на базе протокола SOAP, а на сайте было реализовано REST API в формате XML. Также в спецификацию мы внесли: техническое описание интерфейсов обмена и приемочные тесты.

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

Разработка велась на базе фреймворка Laravel также с использованием шаблонизатора Twig. Затем в публичной части была создана посадочная страница, в которую было интегрировано разработанное приложение.

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

В конечном итоге мы получили сайт с каталогом услуг и специалистов клиники «Здоровая семья» с полной интеграцией личного кабинета и базы 1С.