Картографичесий квиз

Картографичесий квиз

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

  • Роль

    Бэкэнд + Фронтенд

  • Продолжительность

    13-21 Марта, 2023

  • Платформы

    Веб + телефоны

Мотивация

Учителем по английскому языку была поставлена задача придумать активность для обсуждения в классе. Я решил сделать игру, в которой люди делились бы на группы и угадывали местоположение достопримечательностей. Позже это стало моим дипломным проектом.

Выявляем проблему

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

  1. Учитель

    "Постоянно испытывает негативные эмоции, потому что ученики не интересуются предметом"

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

  2. Ученик

    "Обычно скучает на уроках английского языка"

    Хочет, чтобы учеба была более интересная и динамичная, что позволит ей лучше усваивать информацию

Исследование показало что основная цель:

Повышение эффективности обучения за счет автоматизации процессов представления информации и оценивания результатов контрольных мероприятий

Требования к решению

  1. Интерактивность

    Система обучения на основе интерактивной карты

  2. Динамичность

    Работа в реальном времени

  3. Оценивание

    Отдельная панель администратора

Техническая реализация

Проект построен на клиент-серверной архитектуре. Весь код написан на JavaScript

Фронтенд

Для фронтенда использовался фреймворк React.JS. В качестве карты использовался Leaflet вместе с OpenStreetMap.

Бэкенд

Бэкенд написан на NodeJS с использованием Express. Система не хранит данные в базе данных. Для обмена между клиентом и сервером использовался протокол WebSocket и библиотека Socket.IO.

Функциональность