Кейс: разработка образовательного стартапа по русскому языку

Как мы разрабатывали портал по интерактивному обучению детей русскому языку

Разработка образовательного стартапа по русскому языку - изображение startap-po-interaktivnomu-obucheniyu-russkomu-yazy-ku на https://digitaldali.ru

Проект в цифрах

Разработка образовательного стартапа по русскому языку - изображение i2 на https://digitaldali.ru

Более 2000 уникальных упражнений

Разработка образовательного стартапа по русскому языку - изображение dali-icon-zayavki на https://digitaldali.ru

16 различных типов заданий

Разработка образовательного стартапа по русскому языку - изображение i1 на https://digitaldali.ru

Интерактивная форма обучения

Коротко о проекте

Когда нам поступают интересные и сложные задачи – мы испытываем больше восторга, чем дети в Диснейленде. В 2015 году к нам обратился Клиент как раз с таким предложением – реализовать портал по интерактивному обучению детей русскому языку.
Мы должны были перевести в интерактивный формат большое количество авторских методик и сделать так, чтобы детям было интересно заниматься русским языком.

3 Главные цели

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

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

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

Прототипирование

Первое, что нужно сделать, когда приступаешь к большому проекту – досконально продумать результат.

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

  • Более 2000 различных упражнений
  • 16 типов заданий
  • Интерактивные игры для двух игроков на основе упражнений портала
  • Статистика обучения ребенка
  • Пробные задания, которые можно решать без регистрации и оплаты
  • 50 статических страниц сайта
Разработка образовательного стартапа по русскому языку - изображение 1.Peretaskivaniya_v_probely--e1468929839297 на https://digitaldali.ru

Дизайн

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

  • Дизайн должен вызывать восторг у самых маленьких пользователей
  • Работа с интерактивными заданиями должна быть простой и понятной без дополнительных объяснений

В оформлении мы использовали яркие цвета и иллюстрации. Оценить визуальную составляющую вы можете на сайте проекта: https://vsrussian.com/#

Возникли вопросы по проекту?

Обращайтесь к нам, мы вам поможем!

Виды упражнений

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

Мы решили ее при помощи создания простого псевдо-языка, который позволил встраивать интерактивные элементы в HTML разметку и создавать упражнения абсолютно любой сложности. Кстати, упражнения проверяются автоматически и позволяют узнать результат решения мгновенно.

Полный список заданий на 2016 год:

  • Перетаскивание слов и предложений
  • Выбор из списка
  • Выделение слова в тексте
  • Впечатывание слова
  • Заполнение таблиц (впечатыванием, выбором или перетаскиванием)
  • Соединение столбиков линиями
  • Выбор одного (или нескольких) правильного ответа из слов или предложений
  • Составление слов из букв
  • Алгоритм
  • Аудио задания и задания с фото
  • Алгоритм (проверяет не только результат, но и ход решения)
  • Вписывание слов в текст
  • Редактирование текста или слов в тексте

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

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

Награды

 

 

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

Разработка образовательного стартапа по русскому языку - изображение skachannafy- на https://digitaldali.ru

Статистика для родитетей

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

афвы

Кратко о технической реализации

Для реализации проекта мы выбрали стек Node.js + MongoDB, который отлично подходит для реализации крупных проектов. Причем в качестве альтернативы CMS мы выбрали KeystoneJS, которая позволяет удобно заполнять контент любой сложности (о нашей экспертизе с KeystoneJS мы расскажем в отдельной статье). Для ускорения фронтенд разработки мы применяли SCSS и Jade, а на бекенде использовали де-факто стандарт — Express, что позволило реализовать серверную часть в виде удобного RESTful API.

Результаты

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

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

Над проектом работали

Разработка образовательного стартапа по русскому языку - изображение m1 на https://digitaldali.ru

Менеджер проекта
Николай Коханов

Разработка образовательного стартапа по русскому языку - изображение skachm2 на https://digitaldali.ru

Фронтенд Разработчик
Максим Пронин

Разработка образовательного стартапа по русскому языку - изображение skm3 на https://digitaldali.ru

Бекенд разработчик
Юрий Сидоров

Разработка образовательного стартапа по русскому языку - изображение skachanm4 на https://digitaldali.ru

Дизайнер
Ксения Чернова

Понравился кейс?

Поделись с друзьями и получи скидку 5%!

Нужна помощь в реализации подобного проекта?

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

Разработка образовательного стартапа по русскому языку - изображение tfluv на https://digitaldali.ru
Головин Антон
Менеджер проектов