+7 (982) 010-01-18 Обсудить проект
Ноутбук с онлайн-платформой обучения и сертификатом о прохождении курса

Веб-разработка

Разработка LMS и онлайн-платформ

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

Курсы, тесты, вебинары
Кабинеты учеников и кураторов
Продажа курсов

Стоимость

Сколько стоит

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

Вилку называем после брифа

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

Входит в работу

  • Анализ учебного процесса и требований
  • Прототип и дизайн кабинетов ученика и преподавателя
  • Конструктор курсов, тесты и домашние задания
  • Роли пользователей и права доступа
  • Продажа курсов с подключением платежной системы
  • Интеграции с CRM, HR-системой или 1С
  • Тестирование на пилотной группе и запуск

Оплачивается отдельно

  • Серверы, хранение и раздача видео
  • Комиссии эквайринга
  • Аккаунты разработчика в App Store и Google Play
  • Создание учебных материалов и съемка курсов
  • Маркетинг и привлечение учеников
Калькулятор стоимости

Оценим ваш проект

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

Проверьте номер: нужно 11 цифр

Без согласия мы не можем принять заявку

Как мы храним и используем данные, описано в политике конфиденциальности

Заявка отправлена

Свяжемся с вами в течение рабочего дня.

Кейсы

Как выглядят продукты, которые мы собираем

Умникум

Онлайн-школа: видеоуроки, домашние задания и прогресс ученика

WebiOSAndroid

Терапис

Телемедицина: запись к врачу, видеоконсультации и медкарта

iOSAndroid

Трассер

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

WebAndroidiOS

BrandSled

Мониторинг репутации бренда: поиск, отзывы, Telegram, ответы нейросети

WebTelegram

Напомка

Сервис напоминаний: запись обычной фразой, Telegram-бот, пуши и виджет

WebAndroidiOSTelegram

Календарь выставок

Учет отраслевых выставок для B2B-компании: календарь, пакеты участия, чек-листы и напоминания

WebiOSAndroid

fpv0

Симулятор FPV-дрона в браузере: четыре 3D-карты, стики на телефоне и конструктор трасс

WebPWAAndroidiOS

Панель хозяйства

Присмотр за машинами, сайтами и сервисами с телефона без открытия домашней сети

WebiOSAndroid

Капиталика

Инвестиционное приложение: портфель, аналитика и персональные рекомендации

iOSAndroid

Грядка

Доставка фермерских продуктов: каталог, корзина и курьер на карте

iOSAndroidWeb

Ритмика

Приложение сети фитнес-клубов: расписание, абонементы и трекер тренировок

iOSAndroidWatch

Сначала проекты, которые мы запустили: свои продукты и работы для заказчиков, названия заказчиков скрыты. Дальше демо-проекты с пометкой "демо": интерфейсы и архитектура продуктов разных классов.

Процесс

Как идет работа

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

  1. 01

    Анализ

    Учебный процесс, роли, форматы занятий, интеграции. Итог: требования и оценка

  2. 02

    Прототип

    Кабинеты и путь ученика от регистрации до сертификата

  3. 03

    Дизайн

    Интерфейс веба и приложения, удобный для долгих занятий

  4. 04

    Разработка

    Сервер, платформа, приложение, видео, тесты и оплата

  5. 05

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

    Пилот на группе учеников, нагрузка во время вебинаров

  6. 06

    Публикация

    Запуск на сервере, выпуск приложения, перенос курсов

  7. 07

    Поддержка

    Исправления, обновления, новые модули по запросам

Стек

Технологии

Стек выбираем под задачу, бюджет поддержки и команду, которая будет развивать продукт

  • React и TypeScriptкабинеты ученика, преподавателя и администратора
  • Node.jsкурсы, тесты, прогресс, оплаты, API для приложения
  • PostgreSQLученики, курсы, результаты тестов и отчеты
  • HLS и S3-хранилищехранение и потоковая раздача видеоуроков
  • WebRTCвебинары и живые занятия внутри платформы
  • SCORMимпорт готовых электронных курсов
  • Flutterмобильное приложение для учеников под iOS и Android

Форматы

Три способа начать

Формат выбираем на первом созвоне, по задаче и бюджету

01

MVP

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

Разработка MVP
02

Проект под ключ

Ведем продукт целиком: аналитика, дизайн, разработка, тесты, запуск и поддержка.

Как мы работаем
03

Выделенная команда

Собираем команду под ваш продукт, она работает в вашем ритме и по вашим задачам.

Выделенная команда

Подробно

Разработка LMS (learning management system, система управления обучением) нужна онлайн-школам, учебным центрам и компаниям, которые учат сотрудников и уперлись в ограничения арендованных сервисов. Мы делаем собственную LMS-платформу: курсы, уроки, тесты, вебинары, личный кабинет ученика и кабинеты кураторов, продажу курсов с оплатой и мобильное приложение. Платформа принадлежит вам, платы за каждого ученика нет.

Разработка онлайн-платформы

Разработка онлайн-платформы для обучения начинается с ролей пользователей. У ученика, преподавателя, куратора, методиста и администратора разные задачи, и права доступа настраиваем под каждую роль. Базовый набор модулей такой:

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

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

Если у компании уже есть курсы в формате SCORM (стандарт упаковки электронных курсов), платформа импортирует их без переделки. Обучение сотрудников можно связать с кадровыми событиями: новичок получает вводный курс в первый день, при переводе на новую должность система сама назначает нужную программу.

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

Создание платформы

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

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

Разработка сайтов для школ

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

Написание программы развития школы

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

Платформа создания сайтов или своя LMS

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

Мы разделяем задачи: маркетинговые страницы можно оставить на привычной CMS, а учебный процесс перенести в LMS и связать их через API. Регистрация и оплата на сайте сразу открывают доступ к курсу в платформе.

Как создать веб-платформу?

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

Если в планах приложение, делаем его на Flutter сразу под iOS и Android: одна кодовая база работает с тем же сервером, что и веб. Отдельная платформа для создания мобильного приложения в таком случае не нужна, ученики получают полноценное приложение вашей школы в сторах.

Этапы разработки платформы

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

  1. Анализ: разбираем учебный процесс, роли, источники контента, интеграции с CRM, HR-системой, 1С.
  2. Прототип: схема кабинетов и путь ученика от регистрации до сертификата.
  3. Дизайн: интерфейс для веба и мобильного приложения, удобный для долгих занятий.
  4. Разработка: серверная часть, веб-платформа, приложение, подключение видео и оплаты.
  5. Тестирование: пилот на группе реальных учеников, нагрузка во время вебинаров.
  6. Публикация: запуск на сервере, выпуск приложения в сторах, перенос курсов.
  7. Поддержка: исправления, обновления, новые модули.

Сроки и стоимость называем после брифа. Как такая система обучения могла бы выглядеть, показываем на демо-проектах студии Умникум, Терапис и Трассер.

Вместе к большему

Расскажите, кого и чему вы учите

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

Вопросы

Частые вопросы

Не нашли ответ? Спросите нас
Как создать онлайн-платформу?
  1. Вы описываете аудиторию, форматы занятий и модель заработка.
  2. Мы проводим анализ и предлагаем состав первой версии.
  3. Вместе согласуем прототип кабинетов.
  4. Студия разрабатывает платформу, подключает видео и оплату.
  5. Вы загружаете курсы и запускаете пилотную группу, мы сопровождаем запуск.

Начать можно с брифа на разработку.

Что такое платформа разработки?

Платформа разработки - это набор инструментов, на котором программисты создают программы: язык, библиотеки, среда выполнения и средства сборки. От готовой платформы-продукта, например LMS или конструктора сайтов, она отличается тем, что сама ничего не делает для конечного пользователя и служит основой для кода. Пример: Flutter используют как платформу разработки мобильных приложений, а LMS, собранная на нем, уже продукт для учеников.

Как создать платформу приложения?
  1. Вы описываете, кто пользуется приложением и какие задачи решает.
  2. Мы проектируем серверную часть, роли и API, общие для веба и приложения.
  3. Вместе согласуем прототип и дизайн.
  4. Студия разрабатывает сервер и приложение на Flutter под iOS и Android.
  5. Вы тестируете сборку на пилотной группе, мы публикуем приложение в сторах.

Первую версию удобно запускать в формате MVP.

Что такое платформа разработки приложений?

Платформа разработки приложений - это фреймворк или набор SDK, на котором пишут приложения под конкретные устройства. От low-code конструктора (сервиса, где приложение собирают из готовых блоков без программирования) она отличается полным контролем над кодом. Пример: Swift и Xcode для iOS, Kotlin и Android Studio для Android, Flutter для обеих систем сразу.

Что такое платформа разработки программы?

Платформа разработки программы - это среда, для которой пишут и в которой запускают программу: язык, среда выполнения и стандартные библиотеки. От языка программирования она отличается тем, что включает инструменты запуска и готовые модули. Пример: платформа .NET, где на C# пишут настольные программы и серверы, или Node.js для серверной части веб-сервисов.

Как создать приложение для школы?
  1. Администрация школы решает, кто пользуется приложением: ученики, родители, учителя.
  2. Мы собираем сценарии: расписание, домашние задания, оценки, сообщения.
  3. Вместе согласуем прототип и дизайн.
  4. Мы разрабатываем приложение на Flutter и связываем его с платформой школы.
  5. Школа тестирует его на одном классе, мы публикуем приложение в сторах.

Оценку можно получить через бриф.

Как создать платформу для программы обучения?
  1. Вы описываете программу: модули, длительность, кто учится и как проверяются знания.
  2. Мы переводим ее в структуру курса, тестов и ролей.
  3. Проектируем кабинеты и отчеты для организатора.
  4. Разрабатываем платформу или модуль в существующей LMS.
  5. Вы загружаете материалы и запускаете первый поток, мы поддерживаем систему.

Прикинуть объем работ можно в калькуляторе.

Что такое платформа разработки сайтов?

Платформа разработки сайтов - это CMS, конструктор или фреймворк, на основе которого собирают сайт. От хостинга она отличается тем, что отвечает за устройство сайта и управление им, а хостинг только за место на сервере. Пример: для лендинга курса подойдет конструктор, а образовательную платформу с кабинетами собирают на фреймворках вроде Next.js или Laravel.

Бесплатно

Прототип вашего приложения или сайта за 5 дней

5-7 ключевых экранов и смета по этапам. Останутся у вас, даже если дальше вы решите работать не с нами.

Оставить заявку

Расскажите о вашем проекте

Мы свяжемся с вами в течение рабочего дня и предложим варианты решения.

Или напрямую: +7 (982) 010-01-18

Укажите имя

Проверьте номер: нужно 11 цифр

Проверьте адрес почты

Без согласия мы не можем принять заявку

Как мы храним и используем данные, описано в политике конфиденциальности

Ответим в течение рабочего дня

Заявка отправлена

Свяжемся с вами в течение рабочего дня.