Веб-система поддержки технического обслуживания мобильных устройств

Содержание

Слайд 2

Основная идея проекта Имеется сервисный центр предоставляющий услуги по ремонту и

Основная идея проекта

Имеется сервисный центр предоставляющий услуги по ремонту и обслуживанию

мобильных устройств. Главная задача проекта: автоматизировать процесс создания заявок путём формирования заявки самим пользователем с помощью веб-приложения и последующим редактированием этих заявок администратором для назначения работников, согласования времени приёма, редактирования заявки, учитывая пожелания клиента. Предприниматели стремятся автоматизировать все процессы своей кампании, а также в сложившихся условиях пандемии, кампаниям необходимо перенести все рабочие процессы в онлайн.
Слайд 3

Актуальность разработки Пользователям необходимо иметь возможность создания заявки онлайн, а работникам

Актуальность разработки

Пользователям необходимо иметь возможность создания заявки онлайн, а работникам просматривать

назначенные им заявки.
Характеристики и преимущества веб-приложения, в сравнении с офлайн записью:
информация хранится в базе данных;
информацию о заявках и пользователях можно оперативно изменять;
быстрый доступ к получению данных заявки и пользователей;
привлекательный дизайн и удобный интерфейс;
нет необходимости посещения сервисного центра.
Слайд 4

Цели и задачи проекта Цель работы: Создание современного, быстрого и удобного

Цели и задачи проекта

Цель работы:
Создание современного, быстрого и удобного веб-приложения

для автоматизации процесса создания заявок и возможностью их обработки
Задачи:
провести анализ существующих веб-приложений сервисных центров;
выполнить проектирование архитектуры системы;
разработать алгоритмы авторизации и регистрации пользователя, редактирования и оформления заявки;
разработать дизайн интерфейса веб-приложения;
выполнить программную реализацию веб-приложения;
Слайд 5

Существующие веб-приложения сервисных центров Pedant.ru texnotrend.com ritmservice.ru

Существующие веб-приложения сервисных центров

Pedant.ru
texnotrend.com
ritmservice.ru

Слайд 6

Сравнительная характеристика аналогов

Сравнительная характеристика аналогов

Слайд 7

Диаграмма прецедентов

Диаграмма прецедентов

Слайд 8

Блок-схема алгоритма регистрации нового пользователя

Блок-схема алгоритма регистрации нового пользователя

Слайд 9

Блок-схема алгоритма авторизации пользователя

Блок-схема алгоритма авторизации пользователя

Слайд 10

Блок-схема алгоритма создания заявки

Блок-схема алгоритма создания заявки

Слайд 11

База данных Для данного проекта в качестве базы данных была выбрана

База данных

Для данного проекта в качестве базы данных была выбрана NoSQL

база данных MongoDB. Ее основные преимущества для данного проекта это:
Отсутствие предопределенной схемы базы данных, на схеме отображены только обязательные поля, сама же база может хранить дополнительные поля для некоторых из документов
Инструмент mongostat, позволяющий получить статистику по данным, находящимся в бд
Расположение на собственном сервере
Стабильность и скорость работы 

Схема базы данных:

Слайд 12

Дизайн-макет главной страницы сайта

Дизайн-макет главной страницы сайта

Слайд 13

Реализация Для реализации данного проекта был выбран язык программирования JavaScript, а

Реализация

Для реализации данного проекта был выбран язык программирования JavaScript, а также

проект включает в себя базу данных MongoDB, библиотеку Express для создания серверной части проекта, библиотеку HandleBars для создания клиентской части и NodeJS в качестве программной платформы.В качестве среды разработки использовалась Visual Studio Code.
Слайд 14

Скриншоты разработанного веб-приложения

Скриншоты разработанного веб-приложения

Слайд 15

Слайд 16