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


РАЗРАБОТКА КЛИЕНТСКОЙ ЧАСТИ ВЕБ-ПРИЛОЖЕНИЯ ПО ОПЛАТЕ БЕЗНАЛИЧНЫХ ЧАЕВЫХ

Работа №88603

Тип работы

Дипломные работы, ВКР

Предмет

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

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

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


Введение 5
1 Теоретические основы функционирования современных веб-приложений 8
1.1 Что такое веб-приложение 8
1.1.1 Какие преимущества даёт веб-приложение 9
1.2 Клиент-серверная архитектура 9
1.2.1 Клиентская часть (Фронтенд) 11
1.2.2 Серверная часть (Бэкенд) 14
1.3 REST-архитектура 16
1.3.1 Принципы REST 16
1.4 Протокол HTTP 20
1.4.1 История развития HTTP протокола 21
1.4.2 Методы HTTP протокола 24
1.4.3 Коды состояния 24
1.5 Выводы по главе 25
2 Обзор аналогичных сервисов и инструментов для разработки
веб-приложения 26
2.1 Обзор аналогичных сервисов 26
2.2 Обзор инструментов для разработки веб-приложения 27
2.2.1 Язык программирования 27
2.2.2 Фреймворк 29
2.3 Выводы по главе 33
3 Разработка клиентской части веб-приложения 34
3.1 Настройка среды разработки и инициализация проекта .... 34
3.2 Разработка функционала для главной страницы 37
3.3 Разработка функционала для регистрации и авторизации ... 38
3.4 Разработка страниц для авторизованного пользователя .... 47
3.5 Разработка функционала для страницы с формой оплаты . . . 56
3.6 Выводы по главе 68
Заключение 70
Список использованной литературы 71
ПРИЛОЖЕНИЕ 2 75
ПРИЛОЖЕНИЕ 3 76
ПРИЛОЖЕНИЕ 4 77
ПРИЛОЖЕНИЕ 5 78
ПРИЛОЖЕНИЕ 6

Чаевые - это подарок и соответственно не облагается налогом. По Гражданскому кодексу РФ чаевые - это безвозмездная и добровольная выда¬ча (перечисление) клиентами заведений денежных средств напрямую офи¬циантам в рамках договора дарения (п. 1, ст. 572 ГК РФ) [1]. С точки зрения налогового законодательства по статье 217 НК п.18.1 [2].
До недавнего времени интерес к внедрению сервиса по приему безна-личных чаевых устойчиво проявляли лишь представители Hotel-Restaurant- Catering/Cafe (HoReCa), поскольку здесь выражение благодарности выгля¬дит максимально естественно. Однако если посмотреть шире, то выражение и прием благодарности в виде вознаграждения может масштабироваться не только на работников индустрии гостеприимства.
Безналичные расчеты прочно вошли в нашу жизнь, активно вытесняя оплату за товары и услуги наличными деньгами. Расплатиться картой в ка-фе или ресторане - обычное дело. Но что делать сотрудникам сферы услуг, часть дохода которых - это чаевые от клиентов: официантам, парикмахерам, бариста, горничным, сотрудникам заправок? Для них созданы специальные сервисы. Многие сервисы стараются расширять сферы применения, сотруд¬ничая с бьюти-индустрией, курьерами и другими областями, где могут быть уместны чаевые и другие переводы на сравнительно небольшие суммы.
За рубежом сервисы, позволяющие быстро перечислить небольшую сумму, работают достаточно давно: подобные услуги предоставляет, напри¬мер, PayPal, Venmo и Ko-Fi. Перечисление чаевых по QR-коду - тренд, наи¬более распространенный в азиатском регионе, однако последние несколько лет он набирает популярность и в странах Европы и США.
В компанию Freematiq [3], которая занимается разработкой уникальных ИТ-решений для бизнеса, обратился заказчик с задачей разработать сервис, который позволял бы производить оплату чаевых безналичным способом по QR-коду сотрудника. Сам же я в этой компании занимаю должность програм¬миста. Наличие данного заказа на разработку такого сервиса говорит нам о том, что современный бизнес имеет потребность в решениях для бесконтакт¬ных чаевых.
Компания поставила меня разрабатывать этот проект. Также мне было разрешено обозревать ход работы над этим проектом, но при определённых условиях: не разглашать некоторую информацию о заказчике, не демонстри¬ровать определённые участки кода.
В первой главе данной работы рассмотрены теоретические основы функционирования современных веб-приложений, а также компоненты веб-технологий, без которых было бы невозможно создать полноценное веб-приложение.
Во второй главе представлен обзор аналогичных сервисов. Проведён обзор инструментов для разработки: языки программирования, фреймворки и библиотеки. Также выделены те инструменты, которые мы выбрали непо¬средственно для разработки веб-приложения.
Третья глава содержит подробное описание всех этапов разработки веб-приложения. К данным этапам относится: настройка среды разработки; создание удобной инфраструктуры для разработки при использовании вы-бранного фреймворка; подключение вспомогательных библиотек/пакетов, а также решение проблем с зависимостями при установке самих пакетов; реа¬лизация регистрации и авторизации пользователя; реализация функционала для сотрудника, менеджера и простого клиента.
Цель: Разработать клиентскую часть веб-приложения по переводу без¬наличных чаевых по QR-коду сотрудника различных заведений.
Задачи:
1. Провести обзор аналогичных сервисов.
2. Изучить средства разработки, языки программирования и фреймворки для разработки приложения.
3. Разработать основной функционал приложения, который позволял бы полноценно пользоваться сервисом:
• регистрация и авторизация пользователя;
• функционал для сотрудника: личный кабинет, редактирование данных профиля, просмотр своего баланса, вывод средств;
• функционал для менеджера: личный кабинет, редактирование данных профиля, просмотр своего баланса, вывод средств, отсле¬живание поступающих средств тому или иному сотруднику, про¬смотр рейтинга сотрудников;
• функционал для клиента: форма оплаты чаевых с возможность сделать непосредственно оплату и оставить отзыв (комментарий и рейтинг) сотруднику.

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

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

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


В ходе выполнения выпускной квалификационной работы была разра-ботана клиентская часть веб-приложения, которое позволяет осуществлять перевод безналичных чаевых по QR-коду сотрудника различных заведений.
Были выполнены все поставленные задачи, а именно:
1. Изучили компоненты веб-технологий, без которых невозможна работа любого веб-приложения.
2. Провели обзор аналогичных сервисов.
3. Изучили средства разработки, языки программирования и фреймворки для разработки приложения.
4. Разработан основной функционал приложения, который позволяет полноценно пользоваться сервисом:
• регистрация и авторизация пользователя;
• функционал для сотрудника: личный кабинет, редактирование данных профиля, просмотр своего баланса, вывод средств;
• функционал для менеджера: личный кабинет, редактирование данных профиля, просмотр своего баланса, вывод средств, отсле-живание поступающих средств тому или иному сотруднику, про-смотр рейтинга сотрудников;
• функционал для клиента: форма оплаты чаевых с возможность сделать непосредственно оплату и оставить отзыв (комментарий и рейтинг) сотруднику.
Полученное в результате разработки веб-приложение соответствует всем поставленным требованиям и имеет определённые преимущества пе¬ред существующими аналогичными решениями для оплаты бесконтактных чаевых.



СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ
1. ГК РФ Статья 572. Договор дарения КонсультантПлюс [Электронный ресурс]. — URL: http : / / www. consultant. ru / document / cons _ doc _ LAW _ 9027 / e92736ea135e1b4b4f24d328a683d6954e73a27c/ (дата обр.
20.11.2021) .
2. НК РФ Статья 217. Доходы, не подлежащие налогообложению (осво-бождаемые от налогообложения) КонсультантПлюс [Электронный ре-сурс]. — URL: http : / / www . consultant . ru / document / cons _ doc _ LAW_28165 /625f7f7ad302ab285fe87457521eb265c7dbee3c/ (дата обр.
20.11.2021) .
3. Freematiq - Разработка уникальных ИТ-решений для бизнеса [Электрон-ный ресурс]. —URL: https://freematiq.com/ (дата обр. 20.11.2021).
4. Дильмухаметова Р. Х. и Ишмухаметова А. А. Использование веб-приложения для улучшения процессов договорной деятельности. — МЦИИ ОМЕГА САЙНС, 2020.
5. Что такое веб-приложение? Их виды, архитектура и принцип работы [Электронный ресурс]. —URL: https://highload.today/veb-prilozheniya/ (дата обр. 20.11.2021).
6. Гурьева К. Н. иРудская Е. Н. Стратегия ведения переговоров. Win-Win как путь к успеху // Научно-исследовательский журнал ’’Вектор эконо¬мики”. — 2018.
7. Мартин Р. Чистая архитектура. Искусство разработки программного обеспечения. — Питер, 2018.
8. Somasegar S. и Guthrie S. Microsoft Application Architecture Guide 2 edition. — Microsoft Corporation, 2009.
9. Архитектура клиент-сервер | BUGZA [Электронный ресурс]. — URL: https://bugza.info/arxitektura-klient-server/ (дата обр. 20.11.2021).
10. Top 10 Databases to Use in 2021. MySQL, Oracle, PostgreSQL, Microsoft... | by Md Kamaruzzaman | Towards Data Science [Электронный ресурс]. — URL: https: / / towardsdatascience. com/top -10- databases - to - use -in-2021- d7e6a85402ba (дата обр. 20.11.2021).
11. Сукиасян В. М. и Придиус Е. С. Современные принципы и подходы к frontend архитектуре веб-приложений. — Наука, техника и образование,
2019.
12. Тупые и умные компоненты | DevsDay.ru [Электронный ресурс]. — URL: https://devsday.ru/blog/details/20228 (дата обр. 20.11.2021).
13. World Wide Web Consortium (W3C) [Электронный ресурс]. — URL: https://www.w3.org/ (дата обр. 20.11.2021).
14. Диков А. В. Клиентские технологии веб-программирования: JavaScript и DOM: учебное пособие. — Лань, 2020.
15. React interview cheatsheet [Электронный ресурс]. — URL: https : / / alejandroaspinwall.com/react-cheatsheet/ (дата обр. 20.11.2021).
16. Как работает виртуальный DOM [Электронный ресурс]. — URL: https: //webdevblog.ru/chto-takoe-virtual-dom/?ysclid=l3mk9bznwn (дата обр.
20.11.2021) .
17. Сысолетин Е. Г. и Ростунцев С. Проектирование интернет- приложений. —Издательство Уральского университета, 2015.
18. What is a Backend? | Back4App Blog [Электронный ресурс]. — URL: https://blog.back4app.com/what-is-backend/ (дата обр. 20.11.2021).
19. Изобразительное State Transfer [Электронный ресурс]. — URL: https: //www.hmong.press/wiki/RESTful_API (дата обр. 20.11.2021).
20. Обзор REST. Часть 1: что такое REST [Электронный ресурс]. — URL: https: //javarush. ru/ groups/posts/2486- obzor- rest- chastjh-1- chto-takoe-rest (дата обр. 20.11.2021).
21. Лоре А. Проектирование веб-API. — ДМК Пресс, 2020.
22. протокол — Этимологический словарь Крылова [Электронный ре¬сурс]. — URL: https://gufo.me/dict/krylov/%D0%BF%D1%80%D0% BE%D1%82%D0%BE%D0%BA%D0%BE%D0%BB?ysclid=l3rj97kvqi (дата обр. 20.11.2021).
23. Pollard B. HTTP/2 in Action. — Manning, 2019.
24. Олифер В. и Олифер Н. Компьютерные сети. Принципы, технологии, протоколы: Юбилейное издание. — Питер, 2020.
25. Cherny B. Programming Typescript: Making Your Javascript Applications Scale. —O’Reilly, 2021.
26. WebStorm — умная среда разработки для JavaScript, созданная в JetBrains [Электронный ресурс]. —URL: https://www.jetbrains.com/ru- ru/webstorm (дата обр. 20.11.2021).



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




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