Создание сайта для анализа достижений класса

1.

Муниципальное автономное общеобразовательное учреждение «Лицей №176»
ТЕМА проекта:
Создание сайта для анализа достижений класса
Тип проекта: творческий
Авторы проекта:
ученики 7 «А» класса: Черкасов Роман, Потапов
Тимофей.
Руководитель проекта:
Окунева Наталья Александровна
2025

2.

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

3.

Цель и задачи проекта
Цель: Создание функционального веб-сайта для анализа
достижений класса.
Задачи:
Изучить основы разработки сайта
Изучить основы backend-разработки с использованием Python и
Flask.
Разработать пользовательский интерфейс.
Разработать функционал сайта, такой как редактирование и
удаление достижений, а также систему аутентификации и
систему рейтинга

4.

Основные технологии веб-разработки
Для создания сайта мы использовали
программирования «html» и «Python»
языки
HTML - это язык разметки, который используется для
создания структуры веб-страниц. Он определяет
элементы, такие как заголовки, абзацы, ссылки,
изображения и другие компоненты веб-страницы.
Python - это язык программирования, который широко
используется в интернет-приложениях, разработке
программного обеспечения, науке о данных и машинном
обучении (ML).

5.

Для создания
сайта мы
написали коды
используя языки
программировани
я «html» и
«Python»:

6.

Создание внешнего вида и внутренней работы
сайта
Для создания внешнего вида мы использовали div-верстку,
то есть каждый отдельный элемент сайта мы оборачиваем в
отдельный div. Потом внутри div-ов мы верстаем то, что нам
требуется для сайта.
Для создания внутренней работы сайта мы импортировали
все необходимые нам библиотеки. Создали окно сайта и
прикрепили к нему файлы с «html» кодом. Прописали логику
системы аутентификации и работы с базой данных. В качестве
базы данных мы использовали sql lite.
Для развертывания сайта на хостинг нам требуется URLадрес. В качестве сервера мы выбрали сервис «replit» и он же
предоставил нам URL-адрес.

7.

Наш сайт создан для того,
чтобы можно было отследить
достижение ученика каждого класса.
При захождении на наш сайт
открывается страница регистрации.
Если вы уже зарегистрированы, то
вам нужно перейти на страницу
«Вход», нажав на кнопку «Войти».
После
регистрации
вас
перекидывает на главную страницу.
Здесь можно выбрать или создать
класс (если вашего класса нет), а
также создать свою страницу
ученика и выкладывать туда свои
достижения

8.

При заходе в свой аккаунт можно
смотреть страницы других учеников, но при
этом ученик может редактировать только
свою страницу.
К сожалению мы не смогли сделать
так, чтобы фотографии достижений было
видно на самом сайте, мы планируем
продолжить работу над сайтом, чтобы
решить эту проблему
Ссылка на наш сайт: https://dc54ad5ba043-41a6-b64e-a0a87447a3d1-00j8ijff7a0056.pike.replit.dev/login

9.

Заключение
Мы разработали пользовательский интерфейс сайта, продумали его внешний вид и внутреннюю
работу.
В ходе проекта мы применяли различные методы и приемы:
Провели теоретический анализ существующих решений для отслеживания достижений
учеников.
Смоделировали (спроектировали) интерфейс сайта, учитывая удобство использования.
Обобщили результаты проектной работы, чтобы убедиться, что сайт соответствует поставленным
задачам.
Большинство этапов проекта были завершены: изучение литературы, создание структуры сайта,
разработка функционала, создание сайта и развертывание сайта на хостинг. Но мы не смогли
создать функцию редактирования загруженных достижений на сайте и сделать так, чтобы было
видно фотографии. В будущем сайту можно будет добавить требуемого функционала.
В результате нашей проектной работы мы создали продукт, который соответствует поставленной
нами цели. Наш сайт позволяет отслеживать и анализировать достижения учеников, что может
повысить рейтинг класса.

10.

СПАСИБО ЗА ВНИМАНИЕ!