Тип работы:
Предмет:
Язык работы:


РАЗРАБОТКА УЧЕБНОГО ПОРТАЛА УНИВЕРСИТЕТА

Работа №94136

Тип работы

Бакалаврская работа

Предмет

информационные системы

Объем работы80
Год сдачи2022
Стоимость4345 руб.
ПУБЛИКУЕТСЯ ВПЕРВЫЕ
Просмотрено
61
Не подходит работа?

Узнай цену на написание


Введение 4
Глава 1. Анализ способов разработки программного продукта 6
1.1 Анализ современных учебных порталов 6
1.2. Анализ современных технологий реализации web-приложения 13
1.3. Техническое задание 17
Глава 2 Разработка web-приложения «Учебный портал» 26
2.1. Проектирование, описание модели и разработка web-приложения ... 26
2.2. Результат разработки web-приложения «Учебный портал» 66
2.3. Проведение апробации 72
Заключение 73
Список информационных источников 74


В настоящее время существует множество платформ для организации учебного процесса, таких как Google Classroom, Zoom, Discord или же Skype. Для преподавателей может и удобно пользоваться какой-то своей «удобной» платформой, но не ученикам/студентам, ибо появляется необходимость устанавливать множество программ на свой персональный компьютер или же мобильное устройство, регистрировать множество учётных записей на различных площадках, и главное, помнить данные всех учетных записей. Таким образом, лучшим решением данных проблем будет создание единой платформы для проведения учебного процесса. Таким решением может служить web-приложение [1].
Разработка web-приложения с подключенной базой данных - это процесс, проходящий в несколько этапов. Как и в любом IT-проекте, всё начинается с анализа проекта заказчика и построения технического задания. На данном этапе две стороны заказчик и разработчик проекта должны согласовать функционал будущего проекта: определить построение СУБД проекта, к примеру, какая будет модель базы данных реляционная или не реляционная; на каком языке программирования нужно будет написать данное web-приложение, и каким фреймворком пользоваться при разработке; и конечно же нужно согласовать дизайн web-приложения, который бы удовлетворял потребности заказчика. На следующем этапе проводится проектирование продукта, в котором время уделяется разрабатыванию интерфейса будущего проекта, программной части, переносом информации об пользователе в базу данных. На последнем этапе проводится тестирование проекта на наличие ошибок, апробация проекта заказчику и установкой проекта.
Для разработчика приложения самым главным является разработка грамотного технического задания, где будут подробно описаны детали будущего проекта и график выполнения работ; что потребуется для реализации проекта и соблюдение всех требований заказчика.
Также важным является обоснованный выбор правильного стека технологий т.е. такого набора инструментов, применяющийся при разработке проекта, который будет актуален на момент разработки и на долгую поддержку этих самых инструментов.
Проект был выполнен по заявке педагогов кафедры информатики, информационных технологий и методики обучения информатики института математики, физики, информатики и информационных технологий Уральского государственного педагогического университета.
Предмет разработки: web-приложение «Учебный портал».
Цель разработки: разработать логику работы (back-end) и пользовательский интерфейс (front-end) web-приложения «Учебный портал», позволяющий создавать элементы в пользовательском интерфейсе, а также регистрировать пользователя в web-приложении, сохранять его учетную запись в базе данных, и проводить авторизацию в web-приложении.
Задачи:
1. Провести анализ программных продуктов для организации учебного процесса.
2. Провести анализ современных технологий реализации проекта, выбрать язык программирования и обосновать данный выбор.
3. В соответствии с техническим заданием провести разработку серверной части web-приложения.
4. В соответствии с техническим заданием и возможностями серверной части выполнить разработку клиентской части web-приложения.
5. Провести апробацию разработанного web-приложения.


Возникли сложности?

Нужна помощь преподавателя?

Помощь студентам в написании работ!


В ходе выполнения выпускной квалификационной работы были проанализированы учебные порталы. Была изучена актуальность языков программирования: все их преимущества и недостатки, а также были изучены актуальные фреймворки для JavaScript. Был проведен анализ фреймворка React. Была спроектирована модель разработки web-приложения, а также его база данных, был выбран стек технологий «MERN», была изучена архитектура построения серверной части и также была разработана серверная и клиентская часть web-приложения.
Таким образом, основная цель выпускной квалификационной работы, а именно - Описать процесс проектирования и разработки web-приложение «Учебный портал» с возможностью авторизации/регистрации пользователей в базе данных, а также создания учебных курсов, была выполнена успешно.
Для достижения поставленной цели были решены следующие задачи:
1. Провести анализ программных продуктов для организации учебного процесса.
2. Провести анализ современных технологий реализации проекта, выбрать язык программирования и обосновать данный выбор.
3. В соответствии с техническим заданием провести разработку серверной части web-приложения.
4. В соответствии с техническим заданием и возможностями серверной части выполнить разработку клиентской части web-приложения.
5. Провести апробацию разработанного web-приложения.
Развитие web-приложение возможно за счет использованного стека технологий и внедрение в web-приложение, новых функций и элементов. В данных момент, работа является завершенной, ибо соответствует всем заданным условиям, указанных в техническом задании.



1. Веб-приложение. - Текст электронный // ВикипедиЯ Свободная энциклопедия - URL:https://гu.wikipedia.oгg/wiki/Веб-приложение(дата обращения 08.01.2022)
2. Система управления обучением - Текст электронный // ВикипедиЯ
Свободная энциклопедия - URL:
ййр8://ги^1к1реШа.огд^1к1/Система управления обучением (дата
обращения 08.01.2022)
3. Навигатор по учебным ресурсам - Текст электронный // Уральский
Государственный Юридический Университет Имени В.Ф. Яковлева - URL: https://xn--c1azic8c.xn--p1ai/students/resource-navigator/index.php (дата
обращения 09.01.2022)
4. Учебный портал как часть корпоративного портала. - Текст электронный //
HRbazaar - URL: https://hrbazaar.ru/articles/uchebnyj-portal-kak-chast-
korporativnogo-portala/(дата обращения 10.01.2022)
5. Универсариум. - Текст электронный. // Межвузовская площадка электронного образования | Универсариум - URL:https://universarium.org/(дата обращения 10.01.2022)
6. Как оптимизировать сайты с помощью Lighthouse. - Текст электронный. // HTML Academy - URL:https://htmlacademy.ru/blog/boost/tools/lighthouse(Дата обращения 10.01.2022)
7. Лекториум. - Текст электронный. // Лекториум - URL: https://www.lektorium.tv/(дата обращения: 11.01.2022)
8. Что такое CMS (Система управления контентом). - Текст электронный // Комьюнити - URL:https://timeweb.com/ru/community/articles/chto-takoe-cms(дата обращения 11.01.2022)
9. 2021 Developer Survey. - Текст электронный. // Stack Overflow - URL: https://insights.stackoverflow.com/survey/2021#most-popular-technologies-language(дата обращения: 12.01.2022) 

https://ru.wikipedia.org/wiki/Фреймворк(дата обращения: 12.01.2022)
11.Что лучше всего изучать в 2020 году: Angular, React или Vue.js. - Текст электронный. // Блог php программиста: статьи по PHP, JavaScript, MySql - URL: https://badcode.ru/chto-luchshie-vsiegho-izuchat-v-2020-ghodu-angular-
react-ili-vue-js/(дата обращения: 13.01.2022)
12. ГОСТ 34.602-89 - ИНФОРМАЦИОННАЯ ТЕХНОЛОГИЯ КОМПЛЕКС
СТАНДАРТОВ НА АВТОМАТИЗИРОВАННЫЕ СИСТЕМЫ.
ТЕХНИЧЕСКОЕ ЗАДАНИЕ НА СОЗДАНИЕ АВТОМАТИЗИРОВАННОЙ СИСТЕМЫ. Издание официальное. Дата введения 01.01.90. - Москва: Стандартинформ 2009. - Текст непосредственный.
13. Draw.io: [сайт]. - URL:https://app.diagrams.net/(дата обращения: 22.02.2022)
14. Visual Studio Code: [сайт]. - URL:https://visualstudio.microsoft.com/ru/(дата обращения: 22.01.2022)
15.Загрузка | Node.js [сайт]. - URL:https://nodejs.org/ru/download/(дата обращения: 22.01.2022)
16. Создаём новое React - приложение. - Текст электронный // React - URL:
https://ru. reactj s. org/docs/create -a-new-react-app.html (дата обращения
23.01.2022)
17. Руководство по Node.JS, часть 5: npm и npx. - Текст электронный. // Хабр -
URL: https://habr.com/ru/cpmpany/ruvds/blog/423705/ (дата обращения
23.01.2022)
18. ГОСТ 2.105 - 95. Единая система конструкторской документации ОБЩИЕ
ТРЕБОВАНИЯ К ТЕКСТОВЫМ ДОКУМЕНТАМ. Издание официальное. РАЗРАБОТАН Всероссийским научно-исследовательским институтом стандартизации и сертификации в машиностроении (ВНИИНМАШ) Госстандарта России. ВНЕСЕН Госстандартом Российской Федерации. ПРИНЯТ Межгосударственным советом по стандартизации, метрологии и сертификации (протокол № 7 от 26 апреля 1995 г). - Москва:
Стандартинформ, 2007. - Текст непосредственный.
19. ГОСТ 34.201-89 - ИНФОРМАЦИОННАЯ ТЕХНОЛОГИЯ Комплекс
стандартов на автоматизированные системы ВИДЫ, КОМПЛЕКТНОСТЬ И ОБОЗНАЧЕНИЕ ДОКУМЕНТОВ ПРИ СОЗДАНИИ
АВТОМАТИЗИРОВАННЫХ СИСТЕМ. Дата введения 01.01.90. - Москва: ИПК Издательство стандартов 2002. - Текст непосредственный. Захарова, И.Г. Информационные технологии в образовании: учебное пособие / И.Г. Захарова. - 7-е изд. - М.: Издательский центр "Академия", 2011. - 192 с. - Текст: непосредственный.
20. ГОСТ Р 52653. - 2006. Информационно-коммуникационные технологии в
образовании ТЕРМИНЫ И ОПРЕДЕЛЕНИЯ. Издание официальное. РАЗРАБОТАН Государственным образовательным учреждением высшего профессионального образования Московский государственный технологический университет «Станкин» (Отраслевой
специализированный ресурсный центр регистрации, стандартизации и сертификации информационных ресурсов системы образования). ВНЕСЕН Техническим комитетом по стандартизации ТК461 «Информационно-коммуникационные технологии в образовании». УТВЕРЖДЕН И ВВЕДЕН В ДЕЙСТВИЕ Приказом Федерального агентства по техническому регулированию и метрологии от 27 декабря 2006 г. № 419-ст. - Москва: Стандартинформ, 2007. - Текст непосредственный.
21. N причин, чтобы использовать Create React App - Текст электронный // Хабр: [сайт]. - URL:https://habr.com/ru/company/plarium/blog/326520/(дата обращения: 23.01.2022)
22. Инициализация. - Текст электронный // ВикипедиЯ Свободная энциклопедия - URL:https://ru.wikipedia.org/wiki/Инициализация(дата обращения 24.01.2022)
23. REST. - Текст электронный // ВикипедиЯ Свободная энциклопедия - URL: https://ru.wikipedia.org/wiki/REST(дата обращения 25.01.2022)
24. HTTP. - Текст электронный // ВикипедиЯ Свободная энциклопедия - URL: https://ru.wikipedia.org/wiki/HTTP(дата обращения 25.01.2022)
25. Хеш-функция. - Текст электронный // ВикипедиЯ Свободная энциклопедия
- URL: https ://ru. wikipedia. org/wiki/Хеш-функция (дата обращения
25.01.2022)
26. JSON Web Token. - Текс электронный // ВикипедиЯ Свободная энциклопедия - URL:https://ru.wikipedia.org/wiki/JSON Web Token(дата обращения 25.01.2022)
27. Грант, К. CSS для профи. — СПб.: Питер, 2019. — 496 с.: ил. — (Серия «Библиотека программиста).
28. Бэнкс. А, Порселло. Е, React: современные шаблоны для разработки приложений. 2-е изд. — СПб.: Питер, 2022. — 320 с.: ил. — (Серия «Бестселлеры O’Reilly»).
29. Хоффман. Э, Безопасность веб-приложений. — СПб.: Питер, 2021. — 336 с.: ил. — (Серия «Бестселлеры O’Reilly»).
30. Хорстман. К. С. Современный JavaScript для нетерпеливых / пер. с англ. А. А. Слинкина. - М.: ДМК Пресс, 2021. - 288 с.: ил.
31. Бхаргава, А. Грокаем алгоритмы. Иллюстрированное пособие для
программистов и любопытствующих. - СПб.: Питер, 2017. - 288 с.: ил. - (Серия «Библиотека программиста»).
32. Бэнкер, К. MongoDB в действии / К. Бэнкер. -М.: Высшаяшкола, 2016. -287c.
33. Симпсон, К. {Вы не знаете JS} Асинхронная обработка и оптимизация. — СПб.: Питер, 2019. — 352 с. — (Серия «Бестселлеры O’Reilly»).
34. Фрисби, М. JavaScript для профессиональных веб -разработчиков. 4-е международное изд. — СПб.: Питер, 2022. — 1168 с.: ил. — (Серия «Для профессионалов»).
35. Фрэйн, Б. Отзывчивый дизайн на HTML5 и CSS3 для любых устройств. 3-е
изд. — СПб.: Питер, 2022. — 336 с.: ил. — (Серия «Библиотека
программиста»).
36. Zammetti, F. Modern Full-Stack Development, 2020 - 384c.
37. Аквино К., Ганди Т. Front-end. Клиентская разработка для профессионалов. Node.js, ES6, REST. — СПб.: Питер, 2017. — 512 с.: ил. — (Серия «Для профессионалов»).
38. Янг А., Мек Б., Кантелон М. Node.js в действии. 2 -е изд. — СПб.: Питер, 2018. — 432 с.: ил. — (Серия «Для профессионалов»).
39. Тиленс, Т. М. React в действии. — СПб.: Питер, 2019. — 368 с.: ил. — (Серия «Для профессионалов»).
40. Хавербеке, М. Выразительный JavaScript. Современное веб¬
программирование. 3-е изд. - СПб.: Питер, 2019. - 480 с.: ил. - (Серия «Для профессионалов»).
41. Крокфорд, Д. Как устроен JavaScript. — СПб.: Питер, 2019. — 304 с. — (Серия «Для профессионалов»).
42. Figma: [сайт]. - URL:https ://www. fi gma. com/(дата обращения 13.01.2022)
43. Redux. - Текст электронный // Википедия Свободная энциклопедия - URL: https://ru.wikipedia.org/wiki/ Redux(дата обращения: 13.01.2022)
44. Асинхронность в программировании. - Текст электронный // Tproger - URL: https://tproger.ru/articles/asynchronous-programming/(дата обращения 13.01.2022)
45. Редюсеры | React с примерами кода. - Текст электронный // Справочник React - URL:https://reactdev.ru/libs/redux/basics/reducers/(дата обращения 14.01.2022)
46. Экшены | React с примерами кода. - Текст электронный // Справочник React
- URL: https://reactdev.ru/libs/redux/basics/actions/(дата обращения
14.01.2022)
47. Стор | React с примерами кода. - Текст электронный // Справочник React - URL:https://reactdev.ru/libs/redux/basics/store/(дата обращения 14.01.2022)
48. Middleware. - Текст электронный // Redux - URL:
https://redux.js.org/api/applymiddleware(дата обращения 15.01.2022)
49. Provider. - Текст электронный // React Redux - URL:https://react-redux.js. org/api/provider(дата обращения 15.01.2022) 

https ://v5. reactrouter. com/web/api/NavLink(дата обращения 15.01.2022)
51. Введение в хуки. - Текст электронный // React - URL: https://ru.reactjs.org/docs/hooks-intro.html(дата обращения 16.01.2022)
52. Hooks, UseDispatch. - Текст электронный // ReactRedux - URL:https://react-redux.j s.org/api/hooks#usedispatch(дата обращения 16.01.2022)
53. Справочник API хуков, хук UseState. - Текст электронный // React - URL: https: //ru. reactj s. org/docs/hooks -reference. html#usestate(дата обращения 16.01.2022)
54. React Router Dom.- Текст электронный // Справочник React - URL:
https: //reactdev. ru/libs/react-router/#browserrouter/ (дата обращения
17.01.2022)
55. Стрелочные функции. - Текст электронный // MDN Web Docs - URL: https: //devel oper. mozilla. org/ru/docs/W eb/JavaS cript/Reference/F unctions/Arrow functions(дата обращения 18.01.2022)
56. Компоненты и свойства. - Текст электронный // React - URL: https://ru.react.js.org/docs/components-and-props.html(дата обращения 18.01.2022)
57. Неуправляемые компоненты. - Текст электронный // React - URL: https://ru.reactjs.org/docs/uncontrolled-components.html(дата обращения 18.01.2022)
58. Управляемые компоненты. - Текст электронный // React - URL: https://ru.reactjs.org/docs/forms.html#controlled-components(дата обращения 18.01.2022)
59. Как использовать Axios в React. - Текст электронный // Хабр - URL: https://habr.com/ru/post/521902/(дата обращения 19.01.2022)
60. Using the jsonwebtoken Node Package to Verify JSON Web Tokens. - Текст
электронный // Medium - URL: https://medium.com/swlh/using-the-
jsonwebtoken-node-package-to-verify-json-web-tokens-497ecdaba830 (дата
обращения 20.01.2022)
61. CORS. - Текст электронный // MDN Web Docs - URL:
https://developer.mozilla.org/ru/docs/Glossary/CORS (дата обращения
21.01.2022)
62. Cross-Origin Resource Sharing (CORS). - Текст электронный // MDN Web Docs - URL:https://developer.mozilla.org/ru/docs/Web/HTTP/CORS(дата обращения: 21.01.2022).
63. React Transition Group - Текст электронный // React Transition Group - URL: https://reactcommunity.org/react-transition-group/(дата обращения 22.01.2022)
64. Симпсон К. ES6 и не только. — СПб.: Питер, 2017. — 336 с.: ил. — (Серия «Бестселлеры O’Reilly»)
65. Симпсон К. {Вы пока еще не знаете JS} Область видимости и замыкания. 2¬е межд. издание. — СПб.: Питер, 2022. — 240 с.: ил. — (Серия «Библиотека программиста»).
66. Хук состояния - Текст электронный // Learn React JS -URL:https://learn-reactj s.ru/core/hooks/state -hook(дата обращения 16.01.2022)
67. useHistory - Текст электронный // Справочник React - URL:
https://reactdev.ru/libs/react-router/#usehistory(дата обращения 22.01.2022)
68. useMemo - Текст электронный // React - URL:https: //reactj s. org/docs/hooks -reference.html#usememo(дата обращения 25.01.2022)
69. Отрисовка по условию - Текст электронный // React - URL:
https://ru.react.js.org/docs/conditional-rendering.html (дата обращения
25.01.2022)
70. Rules of Hooks - Текст электронный // React - URL:
https://reactjs.org/docs/hooks-rules.html(дата обращения 17.01.2022)
71. Список кодов состояния HTTP - Текст электронный // ВикипедиЯ
Свободная энциклопедия - URL:
https: //ru. wikipedia. огд^кРСписок кодов состояния НТТР (дата
обращения 21.01.2022)


Работу высылаем на протяжении 30 минут после оплаты.



Подобные работы


©2024 Cервис помощи студентам в выполнении работ