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


Разработка клиентской части веб-сервиса «Электронный фотоальбом»

Работа №164238

Тип работы

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

Предмет

информатика

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

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


ВВЕДЕНИЕ 6
1 Анализ предметной области 8
1.1 Введение в анализ 8
1.2 Анализ существующих решений 9
1.З Определение требований к программному продукту 11
1.4 Выбор инструментов разработки 12
1.5 Выводы 13
2 Планирование, управление и проектирование 15
2.1 Планирование 15
2.1.1 Выбор методологии разработки 15
2.2 Управление 18
2.2.1 Заинтересованные стороны 18
2.2.2 Коммуникации 21
2.2.3 Качество 22
2.3 Проектирование 23
2.3.1 Проектирование архитектуры веб-сервиса 23
2.3.2 Диаграмма вариантов использования 24
2.3.3 Проектирование интерфейса 25
2.4 Выводы 28
3 Разработка клиентской части 29
3.1 Разработка клиентской стороны веб-сервиса 29
3.2 Выводы 36
4 Описание работы программного продукта 37
4.1 Результаты разработки программного продукта 37
4.2 Выводы 45
ЗАКЛЮЧЕНИЕ 46
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ 48


На сегодняшний день переход от реального мира к цифровому ускоряется с каждым днем. Этот процесс охватывает практически все сферы нашей жизни. Различные отрасли с каждым годом модернизируются за счет внедрения новых технологий, в том числе динамически растет компьютеризация различных сфер производства. Например, чтобы подать заявление в банк не нужно приходить в офис, данная процедура стала возможна онлайн благодаря электронной подписи. Люди отказываются от бумажных заявлений, книг, а также фотографий. Миллиарды фотоснимков хранятся в интернете. Различные социальные сети позволяют мгновенно добавлять фотографии для публичного просмотра. Но хранение фотографий для общего обозрения не является инструментом всеобщего пользования.
Целью данной выпускной квалификационной работы является разработка клиентской части веб-сервиса «Электронный фотоальбом», который представляет собой аналог бумажного фотоальбома. Просмотр фотоальбомов в кругу семьи и друзей должен стать доступнее благодаря онлайн версии. Сортировка альбомов по датам, событиям и друзьям, личное пользование альбомов и демонстрация фотографий благодаря автоматическому воспроизведению - основная функциональность веб-сервиса «Электронный фотоальбом» [1]. Структура данного сервиса является интуитивной, чтобы обеспечить максимальный спрос у людей разных возрастов. Главные задачи со стороны UI-UX разработки - сделать интерфейс доступным, легким и удобным в использовании. Такой фотоальбом отличает и простота в обслуживании. Отличительные черты разрабатываемого электронного фотоальбома - информативность, лаконичность, индивидуальность, интуитивный и привлекательный дизайн [2].
Настоящий проект направлен на разработку клиентской части веб-сервиса, где будут представлены следующие возможности для пользователей:
- регистрация и авторизация;
- изменение данных, введенных при регистрации, в личном кабинете;
- создание фотоальбомов и добавление им описательных характеристик;
- добавление фотографий в созданные фотоальбомы и дополнение фотографий описательными характеристиками;
- осуществление поиска фотоальбомов и фотографий;
- просмотр фотоальбомов и фотографий;
- просмотр фотографий в режиме «Демонстрация»;
- помещение фотоальбомов и фотографий в «Архив» с возможностью их восстановления.

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

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

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


В результате выполнения выпускной квалификационной работы было проведено изучение предметной области и анализ существующих решений разработанного веб-сервиса, была определена актуальность проекта. Создание продукта заключалось в формировании и документировании требований к системе, в выборе инструментов разработки, в проектировании интерфейсов и разработке клиентской части программного продукта.
При создании программного продукта были получены навыки в работе с командой посредством одной из разновидностей Agile методологии - Kanban. Со стороны технической части была изучена и применена библиотека React, которая позволила использовать все возможности языка программирования JavaScript. Также для данного проекта была изучена библиотека для JavaScript - Redux, что помогло упростить передачу данных хранилища через контекст.
Результатом ВКР послужил веб-сервис, который представляет замены бумажных фотоальбомов с дополнительными возможностями, которые невозможно предусмотреть на бумажных носителях фотографий. Разработанный программный продукт позволяет:
- регистрироваться и авторизоваться;
- изменять данные, введенные при регистрации, в личном кабинете;
- создавать фотоальбомы и добавлять им описательные характеристики;
- добавлять фотографии в созданные фотоальбомы и дополнять фотографии описательными характеристиками;
- осуществлять поиск фотоальбомов и фотографий;
- просматривать фотоальбомы и фотографии;
- просматривать фотографии в режиме «Демонстрация»;
- помещать фотоальбомы и фотографии в «Архив» с возможностью их восстановления.
Помимо того, что все поставленные задачи были выполнены, проект имеет дальнейшие перспективы развития, которые включают в себя следующие улучшения и дополнительный функционал:
- регистрация пользователей с помощью различных социальных сетей или сервисов, к примеру, регистрация с помощью уже созданного аккаунта в google, facebook, mail.ruили vkontakte;
- динамическое отображение фотографий по их размерам;
- синхронизация с уже действующими социальными сетями или сервисами;
- адаптивность к мобильным устройствам.



1. Определение целей и задач WEB- сайта [Электронный ресурс]. URL: https://studopedia.su/10_50432_opredelenie-tseley-i-zadach-WEB--sayta.html(Дата обращения 20.04.2021).
2. Тенденции развития информационных технологий [Электронный ресурс]. URL: https://scienceforum.ru/2018/article/2018005029(Дата обращения 20.04.2021).
3. Определение и применение [Электронный ресурс]. URL:
http://www.webtec.com.ua/articles/index/view/2011-03-31/web-site (Дата
обращения 20.04.2021).
4. История альбомной культуры [Электронный ресурс]. URL: https://medium.com/russian/HCTopM-anb6oMHofi-KynbTypbi-76cb91:7a6a68(Дата обращения 20.04.2021).
5. Вахрушева М.Ю., Евдокимов И.В. Разработка программного обеспечения аналитических информационных систем // Труды Братского государственного университета. Серия: Экономика и управление. 2014. Т. 1. № 1. С. 196-199.
6. Создать онлайн фотоальбом Различные виды ссылок Интеграция альбома в сайт [Электронный ресурс]. URL: https://www.photo-pick.com/ru/(Дата обращения 20.04.2021).
7. Vue vs React vs Angular: какой фронтенд-фреймворк выбрать? [Электронный ресурс]. URL:https://proglib.io/p/vue-vs-react-vs-angular-kakoy-frontend-freymvork-vybrat-2020-08-03(Дата обращения 30.05.2021).
8. A JavaScript library for building user interfaces [Электронный ресурс]. URL: https://reactjs.org/(Дата обращения 20.04.2021).
9. HTML5 JavaScript Component Suite for Responsive Web Development: [Электронный ресурс]. URL: https://js.devexpress.com. (Дата обращение 20.04.2021).
10. Что такое Trello и как им пользоваться [Электронный ресурс]. URL: https://netology.ru/blog/trello(Дата обращения 30.05.2021).
11. Гики и Git-ы. Почему Git так популярен [Электронный ресурс]. URL: https://gb.ru/posts/why_git(Дата обращения 30.05.2021).
12. Git и GitHub: что это такое и в чём разница [Электронный ресурс].
URL: https: //tproger.ru/translations/difference-between-git-and-github/(Дата
обращения 30.05.2021).
13. Что такое Git? [Электронный ресурс]. URL:
https://www.atlassian.com/ru/git/tutorials/what-is-git(Дата обращения 30.05.2021).
14. Гурьянов Л. В., Дзюба Е. А., Кульков И. В. GitLab - современный подход к совместной работе студентов, преподавателей и профессиональных программистов // Новые информационные технологии и системы. - 2016. - С. 164-165.
15. Agile или Waterfall — какойвариант соответствуетвашему бизнесу? [Электронный ресурс]. URL: https://worksection.com/blog/waterfall-vs-agile.html(Дата обращения 30.05.2021).
16. Agile, scrum, kanban: в чем разница и для чего использовать? [Электронный ресурс]. URL: https://rb.ru/story/agile-scrum-kanban/(Дата обращения 30.05.2021).
17. Scrum vs Kanban: в чем разница и что выбрать? [Электронный ресурс]. URL: https://habr.com/ru/company/hygger/blog/351048/(Дата обращения 30.05.2021).
18. Chen J., Soundararajan G., Amza C. Autonomic provisioning of backend databases in dynamic content web servers //Autonomic Computing, 2006. ICAC'06. IEEE International Conference on. - IEEE, 2006. - C. 231-242.
19. Шилдт, Герберт. Java 8: руководство для начинающих, 6-е изд.: Пер. с англ. - М. ООО "И.Д. Вильямс", 2015. - 720 с.: ил. - Парал. тит. англ.
20. Вахрушева М.Ю., Евдокимов И.В. Разработка программного обеспечения аналитических информационных систем // Труды Братского государственного университета. Серия: Экономика и управление. 2014. Т. 1. № 1. С. 196-199.
21. Бегг К. и др. Базы данных. Проектирование, реализация и сопровождение. Теория и практика. (Database Systems. A Practical Approach to Design, Implementation, and Management). - 2000.
22. Архитектура информационной системы [Электронный ресурс]. URL: https: //spravochnick.ru/bazy_dannyh/bazy_dannyh_vvedenie/arhitektura_infor macionnoy_sistemy/ (Дата обращения 30.05.2021).
23. UML для бизнес-моделирования: зачем нужны диаграммы процессов [Электронный ресурс]. URL: https://evergreens.com.ua/ru/articles/uml- diagrams.html(Дата обращения 30.05.2021).
24. Blanchard B. S., Fabrycky Wolter J. Systems engineering and analysis. — 4- e изд. — Prentice Hall, 2006
25. Паттерны поведения пользователей [Электронный ресурс]. URL: https://habr.com/ru/post/337382/(Дата обращения 30.05.2021).
26. Краткое руководство по Redux для начинающих [Электронный ресурс]. URL: https://tproger.ru/translations/redux-for-beginners/(Дата обращения 30.05.2021).


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




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