Министерство транспорта Российской Федерации

Федеральное агентство железнодорожного транспорта

Федеральное государственное бюджетное образовательное учреждение

высшего образования «Дальневосточный государственный университет путей сообщения»

Кафедра «Вычислительная техника и компьютерная графика»

К ЗАЩИТЕ ДОПУСТИТЬ

Заведующий кафедрой

______О.А. Графский

«_____»___________2017

web-ПРИЛОЖЕНИЕ ДЛЯ СТОМАТОЛОГИЧЕСКОЙ КЛИНИКИ ооо «семейная стоматология»

Выпускная квалификационная работа

ВКР 09.03.03.ПрИ.06.00.941 – ПЗ

Студент 941 группы___________________________А.А. Какорина

Руководитель

доцент, к.т.н._________________________________Ю.А. Сухобок

Нормоконтролер

доцент, к.т.н._________________________________Е.В. Буняева

Хабаровск 2017

Содержание

Введение 3

1 Требования к Web-приложению 5

1.1 Характер и анализ деятельности предприятия 5

1.2 Общие требования к Web-приложению 6

1.3 Требования к структуре Web-приложения 6

1.4 Требования к дизайну Web-приложения 9

1.5 Описание работы сервиса Web-приложения 13

2 Обзор технологий, используемых для разработки 15

и продвижения WEB-приложений 15

2.1 Программное обеспечение для разработки дизайна 15

Web-приложений 15

2.2 Технологии разработки Web-приложений 20

2.3 Технологии продвижения Web-приложений 24

2.4 Выбор технологий для разработки Web-приложения 28

3 Проектирование Web-приложения 30

3.1 Разработка дизайна Web-приложения 30

3.2 Разработка клиентской части Web-приложения 35

3.3 Разработка серверной части Web-приложения 40

4 Внедрение Web -приложения 46

4.1 Публикация Web-приложения 46

4.2 Продвижение Web-приложения 47

4.3 Технико-экономическое обоснование 48

Заключение 52

Список использованных источников 53

Введение

С каждым днём число интернет-пользователей растёт, и всё больше людей получают необходимую информацию из сети интернет. Для каждого предприятия важно привлечь как можно больше потенциальных клиентов. Web-приложение – это отличный способ для решения этой задачи; к тому же, в Web-приложении можно разместить всю необходимую информацию о предприятии и его услугах, что поможет избежать большого числа звонков и направить освободившиеся время на развитие компании.

Web-приложение – это клиент-серверное приложение, в котором клиентом выступает браузер, а сервером – Web-сервер [24]. Логика Web-приложения распределена между сервером и клиентом, хранение данных осуществляется преимущественно на сервере, обмен информацией происходит по сети.

Целью выпускной квалификационной работы является разработка Web-приложения для стоматологической клиники ООО «Семейная стоматология».

Для реализации поставленной цели необходимо решить следующие задачи:

– дать характеристику деятельности предприятия и выявить, какие процессы деятельности предприятия нуждаются в автоматизации;

– определить требования к разрабатываемому продукту;

– изучить и выбрать технологии для разработки;

– описать процесс разработки;

– опубликовать и провести поисковую оптимизацию разработанного продукта;

– описать технико-экономическое обоснование процесса разработки.

Пояснительная записка выпускной квалификационной работы состоит из четырёх разделов:

1. требования к Web-приложению;

2. обзор технологий, используемых для разработки и продвижения Web-приложений;

3. проектирование Web-приложения;

4. внедрение Web-приложения.

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

Основанием для разработки Web-приложения стоматологической клиники ООО «Семейная стоматология» является заказ от предприятия ООО «Семейная стоматология» от 21 февраля 2017 года.

1 Требования к Web-приложению

1. Характер и анализ деятельности предприятия

Стоматологическая клиника ООО «Семейная стоматология» расположена в Ленинском округе г. Комсомольск-на-Амуре и обслуживает население Ленинского округа и всего города.

Основной целью стоматологической клиники является полное и качественное удовлетворение потребностей пациентов в стоматологических услугах и получение прибыли в результате своей производственной деятельности.

Основными процессами деятельности стоматологической клиники являются:

– запись пациентов;

– приём и оказание платных стоматологических услуг (лечение, протезирование, хирургия и т.д.) пациентам;

– оформление медицинских карточек пациентов;

– повторная запись на приём.

Автоматизация данных процессов стоматологической клиники влияет на качество и скорость их выполнения, а, следовательно, на качество предоставляемых стоматологических услуг и успешность предприятия в целом.

Основными целями внедрения Web-приложения в стоматологическую клинику являются:

– повышение качества предоставления стоматологических услуг;

– планирование работы персонала, приём пациентов;

– унификация и систематизации данных о пациентах, персонале;

– анализ и мониторинг деятельности клиники её руководством для осуществления дальнейшего перспективного планирования и повышения эффективности работы.

Деятельность стоматологической клиники ООО «Семейная стоматология» лицензирована министерством здравоохранения Хабаровского края от 21 декабря 2011 года.

1. Общие требования к Web-приложению

Предметом разработки является Web-приложение стоматологической клиники.

Данное Web-приложение должно реализовывать следующие задачи:

– предоставление информации о стоматологической клинике;

– предоставление возможности записи на приём;

– предоставление пациентам просмотра своих записей на приём;

– предоставление персоналу возможности просмотра записи пациентов;

– предоставление персоналу медицинских карточек пациентов.

Для достижения поставленных задач необходимо реализовать следующие функции:

– добавление, удаление, редактирование записи пациентов;

– вход и регистрация персонала и пациентов в Web-приложение;

– формирование отчёта по медицинским карточкам пациентов.

Web-приложение должно быть ориентировано на совершеннолетних русскоговорящих пользователей.

Web-приложение должно хорошо отображаться на компьютерах, ноутбуках, планшетах и телефонах с различным разрешением экрана.

Данное Web-приложение рекомендовано просматривать в наиболее распространенных браузерах: Internet Explorer (версии 8.0 и выше), Opera (40-я версия и выше), Google Chrome (54-я версия и выше), Firefox (48-я версия и выше).

1. Требования к структуре Web-приложения

Web-приложение должно состоять из следующих разделов:

– о клинике;

– врачи;

– услуги;

– прайс;

– записаться на приём;

– партнёры;

– контакты.

Web-приложение должно обеспечивать навигацию по всем доступным пользователю ресурсам и отображать соответствующую информацию. Для навигации должно использоваться меню, которое представляет собой текстовый блок (список гиперссылок) в верхней части страницы.

Для разделов, содержащих подразделы, должно быть предусмотрено выпадающее подменю. Взаимосвязь между разделами и подразделами представлена на рисунке 1.1.

Пользователей Web-приложения можно разделить на четыре группы в соответствии с правами доступа:

1. группа – посетители;

2. группа – зарегистрированный пользователь;

3. группа – сотрудники;

4. группа – администратор.

Для зарегистрированных пользователей раздел «Записаться на прием» должен быть изменен на «Запись на прием», в котором будут содержаться подразделы «Моя запись», «Записаться на прием». Для сотрудников клиники и администратора Web-приложение должно содержать разделы «Запись пациентов», «Медицинская карта». При этом раздел «Запись пациентов» для сотрудников клиники должен содержать подразделы «Запись на сегодня», «Запись на завтра», «Запись на неделю», «Записать на прием», а для администратора – «Запись на сегодня», «Запись на завтра», «Запись на неделю», «Запись на месяц», «Запись за все время», «Записать на прием». Кроме того, раздел «Врачи» для администратора должен содержать подразделы «Врачи», «Редактировать информацию о врачах», «Добавить врача».

Рисунок 1.1 – Карта Web-приложения

Таблица 1.1 – Группы пользователей

Доступ к личному кабинету авторизованных пользователей, сотрудников и администратора должен осуществляться с использованием уникального логина и пароля.

1. Требования к дизайну Web-приложения

Стиль Web-приложения должен быть современным и деловым. В качестве фонового цвета должен использоваться белый цвет или светлые оттенки голубого. При оформлении Web-приложения должна использоваться фирменная цветовая палитра стоматологической клиники (рисунок 1.2).

Рисунок 1.2 – Фирменная цветовая палитра предприятия

В дизайне не должны присутствовать мелькающие баннеры, много сливающегося текста, темные и агрессивные цветовые сочетания и графические решения.

Шапка Web-приложения должна содержать фирменный блок стоматологической клиники (рисунок 1.3), контактную информацию, кнопки входа, регистрации и выхода. Фирменный блок должен быть ссылкой на главную страницу.

Рисунок 1.3 – Фирменный блок предприятия

Основное меню должно располагаться в верхней части окна (под фирменным блоком) и содержать ссылки на все разделы и подразделы.

Основное поле контента должно располагаться в центре страницы. В этом поле отображается основное содержание выбранного раздела. Стилевое оформление материалов и их элементов (ссылок, заголовков, основного текста, изображений, форм, таблиц и т.п.) должно быть единым для всех страниц Web-приложения.

Все изображения должны быть в формате gif или jpg. Размеры изображений по ширине должны быть не более 1000 пикселей, исключение составляет фирменный блок Web-приложения размерами 1248 на 160 пикселей. Размеры по высоте должны быть пропорциональны заданной ширине изображения. Оптимальный размер файла должен быть до 200 Кб (если необходимо выложить изображение в хорошем качестве, то размер должен быть не более 1 Мб).

Шрифты, используемые в графических элементах Web-приложения, могут выбираться произвольно. Шрифты, используемые в текстовых материалах, должны соответствовать стандартным шрифтам браузеров: Arial, Times New Roman, Courier.

Допустимо использование иных распространенных шрифтов в том случае, если их замена на стандартные шрифты не приведет к визуальному искажению текста. Размер шрифтов должен обеспечивать удобство восприятия текста при минимально допустимом размере экрана.

Контентная область первой страницы должна делиться на следующие разделы (рисунок 1.4):

– кнопки «Вход» и «Регистрация»;