Край Родной: Моя Москва
01.04.2023По настоящее время
Разработка обучающего сервиса с личными кабинетами для первоклассников Москвы
Технологии
Nest.js, PostgreSQL, Steroids/nest
React.js, Redux, Functional components, Steroids
1000
часов разработки05
специалистов в команде на проектЗадача
Клиент обратился к нам с идеей создания сервиса, который расширит знания московских детей о родном городе. С помощью QR‑кодов в обычном бумажном учебнике школьники смогут переходить на интерактивную интернет‑версию с обучающими материалами и заданиями.
Решение
Целевая аудитория сервиса — первоклассники московских школ, проходящие курс краеведения. Мы разработали веб‑сервис, в котором легко ориентироваться как взрослому, так и ребенку. Пользователь может создать на портале свою учетную запись и авторизоваться с помощью логина и пароля, а также — войти через систему «Московская электронная школа». В личном кабинете ученик может увидеть тестовые задания и варианты мастер‑классов, которые можно выполнить. Например, школьники могут сделать лося из картона и пряжи по пошаговой инструкции. В разделе «Мои проекты» можно загрузить фото, видео и описание выполненных поделок. Всего мы заложили возможность создать 130 тысяч аккаунтов для учеников и учителей. Учетная запись учителя отличается по функционалу: в ней можно просматривать список своих учеников, открывать их страницы и просматривать выполненные работы.
Адаптивный дизайн сервиса
Всё содержимое сайта было подготовлено заказчиком: мы разработали сервис, который позволяет просматривать учебные материалы без раздражающих задержек. Портал доступен как на компьютере, так и на мобильных устройствах. Например, на экране телефона интерактивный учебник можно листать, как обычный. Также в сервисе можно прослушать аудиоверсию бумажного учебника. Для удобства учеников материал разделен на 45 глав, каждая из них по времени занимает около 1,5–2 минут.
«Оживление» бумажного учебника с помощью QR-кодов
Для перехода на портал на страницах бумажного учебника размещены QR‑коды. С помощью телефона школьник может отсканировать любой из них и перейти на соответствующую страницу сервиса. Там он увидит интерактивные материалы по теме урока: видео, аудио, тесты. Например, если ребенок захочет больше узнать о кузнецах в древней Москве, то при сканировании QR‑кода он попадет на страницу с видеороликом, где герои книги, такие же школьники как он, попадают в прошлое и заходят в мастерскую кузнеца.
Качественный UX и многофункциональность
Понятный, не перегруженный дизайн позволяет быстро найти нужные разделы и запустить интерактивные элементы. В веб‑сервисе можно: — Изучить интерактивный учебник по краеведению, в котором текст сопровожден звуком, анимацией — вместе с героями книги, школьниками Машей, Настей, Русланом, Гошей и Даниилом, ребята погружаются в разные периоды жизни Москвы; — Прослушать аудиоверсию своего бумажного учебника — материал разделен на короткие по времени главы с обозначенными темами, чтобы школьнику легче было найти нужный фрагмент;
Ознакомиться с понятиями из разных эпох с помощью иллюстрированного словаря — например, там можно найти страницы о гербе или флаге, узнать, что такое ладья или электробус;
Пройти тестовые задания по изученному материалу — короткие вопросы с вариантами ответов помогают закрепить пройденный материал;
Создать собственный проект по пошаговой инструкции, например, макет Боровицкого холма из пенопласта и других материалов или огород древних жителей Москвы из цветной бумаги. Все проекты разделены на группы согласно хронологии — первые поселения и деревянный Кремль, белокаменный Кремль, современный город. Также в отдельные разделы вынесены проекты, посвященные зиме в древней Москве и различным ремеслам.
Результат
Разработанный нами портал «Моя Москва» представлен мэру Москвы — Сергею Собянину. Он высоко оценил проект, и с 1 сентября 2023 года сервис был запущен. В течение месяца порталом начали пользоваться 35 московских школ. Также разработкой заинтересовалось руководство других регионов: после Москвы мы создали аналогичный сервис для Республики Дагестан — с материалами, посвященными местной природе и истории. В будущем планируется развитие проекта, расширение его географии.
Свяжитесь с нами