Разработка ИС для организации учебного процесса

1.

МИНОБРНАУКИ РОССИИ
ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ
УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ
«САРАТОВСКИЙ НАЦИОНАЛЬНЫЙ ИССЛЕДОВАТЕЛЬСКИЙ
ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ИМЕНИ Н.Г. ЧЕРНЫШЕВСКОГО»
Колледж радиоэлектроники имени П.Н. Яблочкова
Разработка ИС для организации учебного
процесса
感谢您下载包图网平台上提供的PPT作品 为了您和包图网以及原创作者的利益 请勿复制、传播、销售 否则将承担法律责任 包图网将对作品进行维权 按照传播下载次数进行十倍的索取赔偿
ibaotu.com
Студент:
Гаспарян Вардан Саргисович ИСП-43.
Преподаватель:
Семенов Д. А.

2.

Цель работы
Цель моего дипломного проекта - это разработка
информационной системы, позволяющей студентам в удобной
форме просматривать список домашних заданий, а
преподавателям — выставлять домашние задания и отслеживать
всевозможные группы и список студентов.
感谢您下载包图网平台上提供的PPT作品 为了您和包图网以及原创作者的利益 请勿复制、传播、销售 否则将承担法律责任 包图网将对作品进行维权 按照传播下载次数进行十倍的索取赔偿
ibaotu.com

3.

Пример работы программы

4.

Обзор и сравнительный анализ существующих ИС для организации учебного процесса
感谢您下载包图网平台上提供的PPT作品 为了您和包图网以及原创作者的利益 请勿复制、传播、销售 否则将承担法律责任 包图网将对作品进行维权 按照传播下载次数进行十倍的索取赔偿
ibaotu.com

5.

Лендинг или целевая-страница
Архитектура:
1.
Одна или две страницы HTML, отражающие основную информацию.
2.
Веб-сервер с Nginx или Apache, на котором храняться данные страницы.
感谢您下载包图网平台上提供的PPT作品 为了您和包图网以及原创作者的利益 请勿复制、传播、销售 否则将承担法律责任 包图网将对作品进行维权 按照传播下载次数进行十倍的索取赔偿
ibaotu.com
Принцип взаимодействия:
1.
Пользователь обращается к определённому домену.
2.
Веб-сервер определяет домен и отдаёт соответствующую страницу.

6.

Мульти-страничное приложение или MPA
Архитектура:
1. Несколько HTML страниц с JavaScript кодом, хранящихся на веб-сервере Nginx или Apache.
2. Поверх веб-сервера описана логика работы приложения на Java, Node.js или PHP.
3. База данных Mysql, PostgreSQL, MongoDB, Oracle.
感谢您下载包图网平台上提供的PPT作品 为了您和包图网以及原创作者的利益 请勿复制、传播、销售 否则将承担法律责任 包图网将对作品进行维权 按照传播下载次数进行十倍的索取赔偿
ibaotu.com
PHP, Node.js, Java — инструменты, выбор которых зависит от поставленной задачи, также как и выбор базы
данных.
Принцип взаимодействия:
1. Пользователь запрашивает определённую страницу, веб-сервер обрабатывает полученные данные, проверяет
имеет ли пользователь доступ к запрашиваемой странице и контенту, формирует данные и возвращает пользователю
совместно со страницей.
2. Внутрь каждой страницы может быть подключён JavaScript код, который неявно от пользователя может
обращаться к веб-серверу, чтобы получить или отправить необходимые данные.

7.

Прогрессивное веб-приложение или PWA
Архитектура:
1.
Серверная сторона идентична MPA.
2.
Клиентская сторона содержит всего один файл HTML, в который подключается
感谢您下载包图网平台上提供的PPT作品 为了您和包图网以及原创作者的利益 请勿复制、传播、销售 否则将承担法律责任 包图网将对作品进行维权 按照传播下载次数进行十倍的索取赔偿
JavaScript.
ibaotu.com
Принцип взаимодействия:
1.
Пользователь запрашивает любую возможную страницу.
2.
Сервер отдаёт одну HTML страницу с JavaScript кодом.
3.
JavaScript обрабатывает маршрут к которому обратился пользователь, обрабатывает
данные и рендерит на их основе содержимое.

8.

Одностраничное приложение или SPA Архитектура
Такой тип приложения ничем не отличается от SPA за исключением того, что
данный вид приложения можно установить на устройство как полноценную
программу. Такой вид характерен для приложений заказа такси, карт, погоды и т.п.
感谢您下载包图网平台上提供的PPT作品 为了您和包图网以及原创作者的利益 请勿复制、传播、销售 否则将承担法律责任 包图网将对作品进行维权 按照传播下载次数进行十倍的索取赔偿
ibaotu.com
Технология рендеринга на серверной стороне или SSR
Большая часть сложных вычислительных процессов, от которых зависит
рендеринг содержимого, выполняется на сервере в условиях больших мощностей и в
конечном итоге отдаётся клиенту в виде уже сформированной HTML разметки.

9.

Выбор инструментальных средств проектирования информационных систем для
организации учебного процесса
VS Code полностью покрывает необходимые требования: поддерживает удобное
отслеживание файлов, дебагер, встроенную систему контроля изменений git, даёт возможность
легко устанавливать необходимые расширения в виде линтеров, шрифтов, визуальных тем,
感谢您下载包图网平台上提供的PPT作品 为了您和包图网以及原创作者的利益 请勿复制、传播、销售 否则将承担法律责任 包图网将对作品进行维权 按照传播下载次数进行十倍的索取赔偿
менее требовательный к ресурсам, более легковесный, его проще освоить, нежели Visual
ibaotu.com
Studioили Web Storm. Надстройками и расширениями для VS code будут являться:
ESLint (eslint-config-airbnb) — линтер, помогает придерживаться аккуратного стиля кода,
параллельно минуя мимолётные ошибки.
Webpack — сборщик модулей JavaScript с открытым исходным кодом.
Дебагер VS Code на серверной стороне, позволяющий запускать проект в среде ENVили
совместно с переменными окружения.

10.

Frontend
Vue.js более лёгок в освоении, нежели его собратья, но не смотря на это, он отлично покрывает
все требования, легко расширяем, поддерживает SSR.
Поверх Vue.js будут установлены следующие библиотеки, предоставляющие необходимые
感谢您下载包图网平台上提供的PPT作品 为了您和包图网以及原创作者的利益 请勿复制、传播、销售 否则将承担法律责任 包图网将对作品进行维权 按照传播下载次数进行十倍的索取赔偿
надстройки и функционал:
ibaotu.com
Vuetify — это библиотека пользовательского интерфейса Vue с красиво изготовленными
вручную компонентами материалов.
Vue-router — официальный роутер или маршрутизатор для Vue.js.
CASL — библиотека, позволяющая централизовано описывать и регулировать «способности»
каждого пользователя в зависимости от его роли.
Axios — HTTP-клиент для браузера и Node.js основанный на обещаниях JavaScript.

11.

Backend
Node.js + Express.js, Java, PHP
Поверх Express.js будут установлены следующие библиотеки:
jsonWebToken — библиотека, позволяющая создавать/обрабатывать токены JWT.
感谢您下载包图网平台上提供的PPT作品 为了您和包图网以及原创作者的利益 请勿复制、传播、销售 否则将承担法律责任 包图网将对作品进行维权 按照传播下载次数进行十倍的索取赔偿
ibaotu.com
cookie-parser — промежуточный обработчик, позволяющий собирать информацию из cookie в
заголовках запроса.
Luxon — библиотека для работы с датой
Mysql2 — библиотека предоставляет API для удобного взаимодействия с базой данных MySQL.
Multiparty — промежуточный обработчик для запросов с типом контента FormData,
содержащих файлы.

12.

Database
MongoDB, Oracle, PostgreSQL, MySQL
В качестве дополнительных средств, помогающих в проектировании ИС были
использованы следующие веб-ресурсы:
感谢您下载包图网平台上提供的PPT作品 为了您和包图网以及原创作者的利益 请勿复制、传播、销售 否则将承担法律责任 包图网将对作品进行维权 按照传播下载次数进行十倍的索取赔偿
ibaotu.com
Figma — даёт возможность нарисовать веб-дизайн сайта и в рамках этого проекта был
использован чтобы сконструировать примерный макет ИС.
Draw.io — позволило графически отобразить взаимосвязь между таблицами в базе данных.
Git — позволил поделить разработку ИС на подзадачи.

13.

PAR
T ON
E
Реализация бекэнда информационной системы. Описание основных модулей
API — содержит описание всех возможных запросов к серверной стороне: GET, POST,
PUT, DELETE запросы к каждой части приложения и функциональности.
Пример модуля
1.Подключается роутер и сервис.
感谢您下载包图网平台上提供的PPT作品 为了您和包图网以及原创作者的利益 请勿复制、传播、销售 否则将承担法律责任 包图网将对作品进行维权 按照传播下载次数进行十倍的索取赔偿
ibaotu.com
2.Описывается метод и маршрут, на котором ждём запрос.
3.Вызываем сервис.
4.В случае успешного выполнения отправляет ответ с данными и статусом 200.
5.В случае ошибки формируем сообщение об ошибке и отправляем со статусом 403/409.
plugins — содержит вспомогательный плагин — роутер, позволяющий декомпозировать
каждый API маршрут.
services — содержит сервисы для обработки данных и отправки sql-запросов к базе данных.
< 01 >

14.

PAR
T ON
E
Реализация бекэнда информационной системы. Описание основных модулей
Пример сервиса:
1.Подключаем утилиту подключения к базе данных и утилиту формирования запросов.
2.Сервис принимает на вход данные, которые мы передали в него вызвав сервис в
модуле API.
感谢您下载包图网平台上提供的PPT作品 为了您和包图网以及原创作者的利益 请勿复制、传播、销售 否则将承担法律责任 包图网将对作品进行维权 按照传播下载次数进行十倍的索取赔偿
ibaotu.com
3.Сервис приводит данные в читабельный сервером вид и передаёт дальше в утилиту
формирования запросов.
4.Когда запрос был построен, сервис отправляет запрос к базе данных.
5.В случае ошибки — возвращает её, где в последствии обрабатывается.
6.В случае успешного выполнения — возвращает данные.
7.Совершает остальные вышеописанные операции, если такие имеются.
8.Преобразует данные вернувшиеся из БД в понятный клиенту «язык».
< 01 >

15.

PAR
T ON
E
Реализация бекэнда информационной системы. Описание основных модулей
Пример сервиса:
1.Подключаем утилиту подключения к базе данных и утилиту формирования запросов.
2.Сервис принимает на вход данные, которые мы передали в него вызвав сервис в
модуле API.
感谢您下载包图网平台上提供的PPT作品 为了您和包图网以及原创作者的利益 请勿复制、传播、销售 否则将承担法律责任 包图网将对作品进行维权 按照传播下载次数进行十倍的索取赔偿
ibaotu.com
3.Сервис приводит данные в читабельный сервером вид и передаёт дальше в утилиту
формирования запросов.
4.Когда запрос был построен, сервис отправляет запрос к базе данных.
5.В случае ошибки — возвращает её, где в последствии обрабатывается.
6.В случае успешного выполнения — возвращает данные.
7.Совершает остальные вышеописанные операции, если такие имеются.
8.Преобразует данные вернувшиеся из БД в понятный клиенту «язык».
< 01 >

16.

PAR
T ON
E
Реализация базы данных информационной системы.
academic_subjects —
Поля таблицы:
содержит информацию о дисциплинах.
id — ключевое поле.
teacherId — id прподавателя, который создал
домашние задание.
groupId — id группы, которому задание было
адресовано.
title — заголовок.
description — описание.
fileUrl — путь до файла, который принадлежит
заданию.
subjectId — id дисциплины.
taskId — вспомогательный id, фильтрующий
список домашних заданий (вместо связи М:М).
Поля таблицы:
id — ключевое поле.
name — наименование.
感谢您下载包图网平台上提供的PPT作品 为了您和包图网以及原创作者的利益 请勿复制、传播、销售 否则将承担法律责任 包图网将对作品进行维权 按照传播下载次数进行十倍的索取赔偿
ibaotu.com
group_list — содержит список групп.
Поля таблицы:
id — ключевое поле.
name — наименование.
home_tasks — содержит
список домашних заданий.
< 01 >

17.

PAR
T ON
E
Реализация базы данных информационной системы.
user_group_relation — таблица М:М
Поля таблицы:
студент к какой группе принадлежит.
id — первичный ключ.
login — логин.
password — пароль.
Поля таблицы:
users_data — пользовательские
id — первичный ключ.
groupId — id группы.
userId — id пользователя.
данные: имя, фамилия, роль.
хранит информацию о том, какой
感谢您下载包图网平台上提供的PPT作品 为了您和包图网以及原创作者的利益 请勿复制、传播、销售 否则将承担法律责任 包图网将对作品进行维权 按照传播下载次数进行十倍的索取赔偿
ibaotu.com
users — таблица с пользовательскими
данными авторизации и refresh токеном.
Поля таблицы:
id — первичный ключ.
lastName — фамилия.
firstName — имя.
role — роль.
< 01 >

18.

Заключение
По проделанному дипломному проекту можно сделать вывод, что
разработка информационных систем для образовательного процесса
содержит множество вариантов реализации, каждый вариант по-своему
уникален и содержит как ряд плюсов, так и минусов.
感谢您下载包图网平台上提供的PPT作品 为了您和包图网以及原创作者的利益 请勿复制、传播、销售 否则将承担法律责任 包图网将对作品进行维权 按照传播下载次数进行十倍的索取赔偿
ibaotu.com
Веб-приложение информационная система для организации
образовательного процесса полностью удовлетворяет бизнестребованиям или техническому заданию. Текущая ИС может
продолжать разрабатываться и расширяться, пополняться новым
функционалом и получить место в различных
образовательных учреждениях.

19.

Спасибо за
внимание!
感谢您下载包图网平台上提供的PPT作品 为了您和包图网以及原创作者的利益 请勿复制、传播、销售 否则将承担法律责任 包图网将对作品进行维权 按照传播下载次数进行十倍的索取赔偿
ibaotu.com