Найти тему
IQ MAXIMA

Разработка сайта | Личный кабинет в 1С-Битрикс

Оглавление

Сегодня мы хотим показать вам один интересный и необычный кейс.

К нам обратились представители автономной некоммерческой организации «Азы пожарной безопасности». Компания работает с 2013 года и занимается обучением руководителей, специалистов и работников в области пожарной безопасности и охраны труда.
Компания нуждалась в новом функциональном сайте, отвечающем всем современным стандартам.

🔹 Создание нового сайта "Под ключ"

Задачи

— Разработка сайта с уникальным дизайном;
— Переработка структуры сайта;
— Адаптация под любое разрешение экрана;
— Перенос всей текстовой и графической информации со старого сайта (+ добавление новой);
— Базовая SEO-оптимизация сайта;
— Установка Яндекс карт и систем аналитики.

Сайт ДО обновления

Так выглядел ресурс заказчика до начала сотрудничества
Так выглядел ресурс заказчика до начала сотрудничества

Срок реализации готового проекта — 2 месяца.

На протяжении всего времени работы постоянно шло общение с заказчиком. Мы отрисовали макеты главной и внутренних страниц сайта с индивидуальным дизайном, выполнили все поставленные задачи и разработали для компании «Азы пожарной безопасности» новый сайт, отвечающий всем требованиям заказчика.

Сайт ПОСЛЕ обновления

-3

CMS (система управления сайтом) для данного проекта была выбрана 1С-Битрикс. Это стабильная CMS-ка, позволяющая реализовывать многие важные функции, которые могут пригодиться в перспективе.

🔹 С какой сложностью столкнулись далее?

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

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

Компания IQ MAXIMA является сертифицированным бизнес-партнером «1С-Битрикс», все наши программисты проходят обязательное корпоративное обучение.

Разработка, техническая поддержка и продвижение сайтов выполняется БЕЗ посредников и фрилансеров. Все сотрудники находятся в штате компании!

Наши разработчики способны последовательно и грамотно использовать свои знания для достижения лучших результатов и предотвращения/оперативного устранения сложных проблем.

Мы не просто создаем страницу в интернете, мы разрабатываем стратегически важный инструмент продаж и продвижения бизнеса.

🔹 Разработка личного кабинета

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

Задача

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

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

С чего начали?

Перед началом работы, совместно с Заказчиком, мы составили подробное технического задание для оценки объёма предполагаемых задач по разработке личного кабинета дистанционного обучения.

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

Процесс работы над проектом "Азы пожарной безопасности" мы разбили на 3 основных этапа, в каждом из которых были задействованы узкоспециализированные сотрудники.

Этапы и сроки

  • 1 ЭТАП

1.1. Разработка структуры и карты сайта личного кабинета

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

1.2. Дизайн личного кабинета

По согласованным прототипам визуализируем главную страницу личного кабинета и все внутренние страницы. UX-дизайнеры разрабатывают адаптивные макеты дизайна, в соответствии с общей стилистикой сайта.

Срок реализации: 1 месяц

  • 2 ЭТАП

2.1. HTML-вёрстка макетов страниц

Верстка дизайн-макетов в адаптивном разрешении под мобильные, планшетные устройства и обычные мониторы по стандартам W3C.

2.2. Программирование функционала личного кабинета

Это один из самых продолжительных и сложных этапов разработки. Программирование всех функций для эффективного дистанционного обучения включает в себя разработку серверной части пользовательского интерфейса (backend) и программирование клиентской стороны (frontend).

Срок реализации: 3 месяца

  • 3 ЭТАП

3.1. Тестирование

Финальная проверка и тестирование вёрстки программной части по экспертному чек-листу.

3.2. Базовое наполнение

Создание каталога курсов, наполнение тестов, настройка автоматических подсказок в случаях неверных ответов и т.д.

3.3. Заключительные работы

Демонстрация готового продукта ключевым сотрудникам Заказчика. Подготовка обучающих материалов по работе с ЛК.

Срок реализации: 1 месяц

В общей сложности разработка личного кабинета "от и до" заняла 5 месяцев. Учитывая его функционал, это довольно короткий срок.

Функционал личного кабинета (со стороны пользователя)

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

Доступные дисциплины
Доступные дисциплины

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

Окончание теста
Окончание теста

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

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

Помимо интерфейса непосредственно для пользователей, проходящих обучение, был реализован интерфейс для работы администратора.

Функционал личного кабинета (со стороны администратора)

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

В разделе "Администрирование курсов" внедрено:

- добавление/удаление/корректировка курсов и материалов к нему;
- редактирование билетов и вопросов, относящихся к дисциплинам;
- возможность скачать список обучающихся в данный момент на конкретном курсе в формате pdf либо word;
- и многое другое...

Раздел "Администрирование курсов"
Раздел "Администрирование курсов"

В разделе "Администрирование пользователей" внедрено:

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

Раздел "Администрирование пользователей"
Раздел "Администрирование пользователей"

Добавлена возможность получить данные о том, какие курсы были пройдены либо уже недоступны конкретному пользователю.

🔹 Резюме

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

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

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

Хотите, чтобы ваш проект был реализован на высшем уровне?
Обращайтесь в IQ MAXIMA.

Наш ВК
Наш Telegram-канал
Для консультации по услугам звоните: 8 (800) 200-13-73
или оставляйте заявку на сайте в описании канала.