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





