Материал: Автоматизированная информационная система на основе вебтехнологий для частной медицинской клиники

Скачать

Заказать новую работу

Внимание! Если размещение файла нарушает Ваши авторские права, то обязательно сообщите нам

3.8 Фронтенд разработка


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

Дерево меню пользовательского интерфейса для незарегистрированного пользователя представлено на Рисунке 16.



Рисунок 16 – Дерево меню пользовательского интерфейса для незарегистрированного пользователя
Дерево меню пользовательского интерфейса для зарегистрированного пользователя представлено на Рисунке 17.



Рисунок 17 – Дерево меню пользовательского интерфейса для зарегистрированного пользователя
При загрузке сайта пользователь попадает на гостевую страницу. Гостевая страница содержит:

  • Шапку с логотипом и меню.

  • Описание работы преимуществ клиники.


Форма главной страницы представлена на Рисунке 18.



Рисунок 18 – Форма главной страницы
Форма регистрации пользователя представлена на Рисунке 19.



Рисунок 19 – Форма регистрации пользователя
Форма авторизации пользователя представлена на Рисунке 20.



Рисунок 20 – Форма авторизации пользователя


Форма прайс-листа услуг представлена на Рисунке 21.



Рисунок 21 – Форма прайс-листа услуг
Форма сотрудников представлена на Рисунке 22.



Рисунок 22 – Форма сотрудников



Форма галереи представлена на Рисунке 23.



Рисунок 23 – Форма галереи
Форма отзывов представлена на Рисунке 24.



Рисунок 24 – Форма отзывов
Форма контактов представлена на Рисунке 25.



Рисунок 25 – Форма контактов
Форма просмотра списка своих записей представлена на Рисунке 26.



Рисунок 26 – Форма просмотра списка своих записей

Форма записи на прием представлена на Рисунке 27.



Рисунок 27 – Форма записи на прием

ЗАКЛЮЧЕНИЕ


В рамках выпускной квалификационной работы был спроектирован и разработано веб-приложение для частной медицинской клиники «Альфа-Центр Здоровья».

В рамках теоретической части были исследованы принцыпы разработки серверной и клиентской части Web-приложений, основа проектирования реляционных баз данных. Проведен агализ предметной области – веб-приложение для частной медицинской клиники «Альфа-Центр Здоровья». Была создана информационная структура сайта и навигационная система. Спроектирована структура базы данных и реализована на платформе MySQL.

В рамках практической части:

  • разработано веб-приложение, отвечающее требованиям технического задания;

  • сформирована база данных, хранящая все необходимые сведения.

Разработка серверной Web-приложения реализована на языке PHP и языка запросов SQL.

Для разработки клиентской части веб-приложения использованы язык разметки страниц HTML, язык стилей CSS и скрипты Jscript.

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ


  1. Федеральный закон от 27.07.2006 N 152-ФЗ "О персональных данных" с последними изменениями, внесенными Федеральным законом от 29.07.2019 N 223-ФЗ (ред. 18)

  2. Федеральный закон от 27.07.2006 N 149-ФЗ (ред. от 25.11.2019) "Об информации, информационных технологиях и о защите информации" (с изм. и доп., вступ. в силу с 01.01.2018)

  3. ГОСТ 34.602-89 Техническое задание на создание автоматизированной системы (Взамен ГОСТ 24.201-85) [Текст]. – Введён 1990–01–01. – М.: Изд-во стандартов, 1990.

  4. ГОСТ 19.402-78 Единая система программной документации (ЕСПД). Описание программы (с Изменением N 1)

  5. РД 50-34.698-90 Методические указания. Информационная технология. Комплекс стандартов и руководящих документов на автоматизированные системы. Автоматизированные системы. Требования к содержанию документов

  6. Постановление Правительства РФ от 17.11.2007 N 781 "Об утверждении Положения об обеспечении безопасности персональных данных при их обработке в информационных системах персональных данных"

  7. Атре Ш. Структурный подход к организации баз данных / Ш.Атре. – Москва: Финансы и статистика, 1993. – 320 с.

  8. Баженова, И.Ю. SQL и процедурно-ориентированные языки / И.Ю. Баженова. - 2-е изд., испр. - М.: Национальный Открытый Университет «ИНТУИТ», 2016. - 167 с.

  9. Васильков, А. В. Безопасность и управление доступом в информационных системах / А.В. Васильков, И.А. Васильков. – Москва : Форум, 2015. - 368 c. – Текст: непосредственный.

  10. Гагарина Л. Г. Разработка и эксплуатация автоматизированных информационных систем: Учебное пособие / Л. Г. Гагарина. – М: ИД ФОРУМ, НИЦ ИНФРА, 2017. – 384 с.

  11. Гайдамакин Н. А. Автоматизированные информационные системы, базы и банки данных. Вводный курс: Учебное пособие. / Н. А. Гайдамакин. – М: Гелиос АРВ, 2002. – 368 с.

  12. Гаевский, А.Ю. 100% самоучитель. Создание Web-страниц и Webсайтов. HTML и JavaScript / А.Ю. Гаевский, В.А. Романовский. – Москва : Триумф, 2014. - 464 c. – Текст: непосредственный.

  13. Грибан О. Н. Ай, словарь! Информационные технологии – это просто! Издательская система Ridero, 2017. – 35с.

  14. Гук М. Интерфейсы ПК. Справочник. Наиболее полное руководство / М. Гук, – СПб.: Питер, 1999. – 416 с.

  15. Дэвид Макфарланд. Большая книга CSS3 / Питер [Перевод]. – 2014. – 608 c.

  16. Дэвид Флэнаган. JavaScript. Подробное руководство / Символ-Плюс [Перевод]. – 2008. – 992 c.

  17. Диго, С.М. Базы данных. Проектирование и создание [Текст]: учебно-методический комплекс / Диго С.М. - Москва: Издательский центр ЕАОИ, 2008. - 171 с.

  18. Золотов, С.Ю. Проектирование информационных систем: учебное пособие / С.Ю. Золотов; Министерство образования и науки Российской Федерации, Томский Государственный Университет Систем Управления и Радиоэлектроники (ТУСУР). - Томск: Эль Контент, 2013. - 88 с.

  19. Карпова, Т.С. Базы данных: модели, разработка, реализация: учебное пособие / Т.С. Карпова. - 2-е изд., исправ. - М.: Национальный Открытый Университет «ИНТУИТ», 2016. - 241 с.

  20. Кухарчик, А. PHP: Обучение на примерах [Текст]: научно-популярная литература / А. Кухарчик. - Минск: Новое знание, 2013. - 237 с.

  21. Карминский А.М., Информатизация бизнеса: концепции, технологии, системы / А.М. Карминский, С.А. Карминский, В.П. Нестеров, Б.В. Черников - М. : Финансы и статистика, 2004. - 624 с.

  22. Кириллов В. В. Структуризованный язык запросов (SQL). – СПб.: ИТМО, 1994. – 80 с.

  23. Коннолли, Т. Базы данных. Проектирование, реализация и сопровождение. Теория и практика. / Т. Коннолли, Т., К. Бегг. – 3-е изд.: Пер. с англ. - М.: Издательский дом «Вильямс», 2003. – 1440 с.

  24. Кузнецов С. Д. Основы баз данных. / С. Д. Кузнецов. — 2-е изд — М.: Интернет-Университет ИТ; Бином. Лаборатория знаний, 2007. – 233 с.

  25. Лисицын, Ю.П. Общественное здоровье и здравоохранение: учебник / - 2-е изд. - 2010. - 512 с.

  26. Москвитин, А.А. Решение задач на компьютерах: учебное пособие / А.А. Москвитин. - Москва; Берлин: Директ-Медиа, 2015. - Ч. I. Постановка (спецификация) задач. - 165 с.

  27. Москвитин, А.А. Решение задач на компьютерах: учебное пособие / А.А. Москвитин. - Москва; Берлин: Директ-Медиа, 2015. - Ч. II. Разработка программных средств. - 427 с.

  28. Малышев С. А Самоучитель в VBA. Как это делается в Word, Exel, Access. / С.А. Малышев – СПб.: Наука и Техника, 2001. – 496с.

  29. Мандел Т. Дизайн интерфейсов: Модели пользовательского интерфейса; Объектно-ориентированные интерфейсы; Этапы разработки интерфейса; Web-интерфейсы. Самоучитель.: пер. с англ. / Т. Мандел. - М.: ДМК Пресс. 2005. - 425 с.

  30. Мацяшек Л. А. Анализ требований и проектирование систем. Разработка информационных систем с использованием UML.: пер. с англ. / Л. А. Мацяшек.- М.: Издательский дом «Вильямс», 2002. – 428 с.

  31. Мейер М. Теория реляционных баз данных. / М. Мейер – М.: Мир, 1997. – 608 с.

  32. Новикова Л. В. Организация работы школьного интернет-клуба / Л. В. Новикова, А. Г. Новиков // Информатика и образование. – 2004. – N 9. – С. 27-31

  33. Прохоренок, Н. А. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера / Н.А. Прохоренок, В.А. Дронов. - Москва: СПб. [и др.] : Питер, 2015. - 768 c..

  34. Русаков М. Создание сайта от начала и до конца – М: MyRusakov.ru, 2014. – 172 с.

  35. Савельева, Н.В. Основы программирования на РНР / Н.В. Савельева. - М.: Интернет-Университет Информационных Технологий, 2014. - 264 с.

  36. Таунсенд К. Проектирование и программная реализация экспертных систем / К. Таунсенд, Д. Фохт, В. Кондратенко, В. Трубицына – М.: Финансы и статистика, 2000. – 320 с.

  37. Титоренко Г. А. Автоматизированные информационные технологии в экономике / Г. А. Титоренко. – 2-е изд., перераб. и доп. – М.: ЮНИТИ-ДАНА, 2017. – 463с.

  38. Фатрелл Роберт Т. Управление программными проектами: достижение оптимального качества при минимуме затрат : Роберт Т. Фатрелл, Дональд Ф. Шафер, Линда И. Шафер; [Пер. с англ. А.Бойко и др.]. - М. [и др.] : Вильямс, 2003 (ГПП Печ. Двор). - 1125 с.

  39. Харрингтон Д. Л. Проектирование реляционных баз данных. Просто и доступно / Д. Л. Харрингтон. – М.: ЛОРИ, 2000. – 277 с.

  40. Хомоненко А. Д. Базы данных: Учебник для высших учебных заведений / А. Д. Хомоненко, В. М. Цыганков, М. Г. Мальцев. — СПб: Корона принт, 2000. – 416 с.

  41. Черноусова, А.М. Создание и использование баз данных [Текст]: учебное пособие / Черноусова А.М. - Оренбург: ГОУ ОГУ, 2013. - 244 с.

  42. Григорьев, М. В. Проектирование информационных систем: учебное пособие для вузов / М. В. Григорьев, И. И. Григорьева. — М.: Издательство Юрайт, 2019. — 318 с.

  43. Понятие информационной системы [Электронный ресурс] // Studfiles: [сайт]. [2000-2019]. URL: https://studfiles.net/preview/6058633/page:4/ (дата обращения: 10.11.2019)

  44. IDEF0 [Электронный ресурс] // Wikipedia: [сайт]. [2003-2019]. URL: https://ru.wikipedia.org/wiki/IDEF0 (дата обращения: 19.11.2019)

  45. IDEF0 диаграмма: примеры и правила построения [Электронный ресурс] // ФБ: [сайт]. [2019]. URL: http://fb.ru/article/205834/idef-diagramma-primeryi-i-pravila-postroeniya (дата обращения: 19.11.2019).

  46. Архитектура клиент-сервер требований [Электронный ресурс] // Studfiles: [сайт]. [2000-2019]. URL: https://studfiles.net/preview/1882615/ (дата обращения: 21.11.2019)

  47. Архитектура клиент – сервер [Электронный ресурс] // Студопедия: [сайт]. [2005-2019]. URL: https://studopedia.ru/3_194267_arhitektura-klient--server.html (дата обращения: 21.11.2019)

  48. ИБИС "Санаторий" Российская компания «Облачные технологии» [Электронный ресурс] // Информационная система: [сайт]. URL: http://oblteh.ru/ (дата обращения 1.12.2019)

  49. Пособие. Инфологическое проектирование БД. Сущности, объекты, свойства, связи [Электронный ресурс] // Управление данными [сайт]. URL: https://edu.vsu.ru/mod/book/view.php?id=52622 (дата обращения 4.12.2019)

  50. Нормализация баз данных [Электронный ресурс] // Studfiles: [сайт]. [2000-2019]. URL: https://studfiles.net/preview/5150865/page:14/ (дата обращения: 02.12.2019)

  51. Теоретические сведения Раздел 1. РHP [Электронный ресурс] // Studfiles: [сайт]. [2000-2019]. URL: https://studfiles.net/preview/3009843/page:2/ (дата обращения: 02.12.2019)

  52. Что такое CSS, основные понятия [Электронный ресурс] // TradeBenefit: [сайт]. [2013-2018]. URL: http://tradebenefit.ru/chto-takoe-css-osnovi-termin-ponyatiya (дата обращения: 02.12.2019)

  53. Введение в PHP [Электронный ресурс] // HTMLWEB: [сайт]. URL: https://htmlweb.ru/php/php1.php (дата обращения: 02.12.2019)

  54. Язык гипертекстовой разметки html [Электронный ресурс] // Studfiles: [сайт]. [2000-2019]. URL: https://studfiles.net/preview/5862324/page:29/ (дата обращения: 02.12.2019)

  55. Структура HTML-документа [Электронный ресурс] // MSK.EDU [сайт]. URL: http://msk.edu.ua/ivk/Informatika/1_kurs/Z54/struktura_html-dokumenta.php (дата обращения: 02.12.2019)

  56. Объединение сетей 7.1MySql [Электронный ресурс] // Studfiles: [сайт]. [2000-2019]. URL: https://studfiles.net/preview/5880415/page:8/ (дата обращения: 02.12.2019)

  57. Введение в базы данных. Что такое MySQL? [Электронный ресурс] // SITEBLOGGER [сайт]. URL: https://siteblogger.ru/uroki-mysql/vvedenie-v-bazy-dannyx-chto-takoe-mysql.html (дата обращения: 02.12.2019)

  58. Реляционная база данных и основные её понятия [Электронный ресурс] // Studfiles: [сайт]. [2000-2019]. URL: https://studfiles.net/preview/719850/page:3/ (дата обращения: 02.12.2019).

  59. компресс.ру [Электронный ресурс]: Информационный портал М., 1999-2020. - URL: https://compress.ru/article.aspx?id=10932

  60. мос.ру [Электронный ресурс]: Официальный сайт Мэра Москвы. - URL: https://www.mos.ru/donm/function/ratings-vklada-school/rating-i-metodika-reytinga/

  61. ЯКласс.ру [Электронный ресурс]: Цифровой образовательный ресурс 2017-2020. -URL: https://www.yaklass.ru/materiali?chtid=455&mode=cht

  62. eos.ibi.spb.ru [Электронный ресурс]: Электронное учебное пособие СПб., 1999-2020. - URL: http://eos.ibi.spb.ru/umk/5_4/5/5_R1_T5.html

  63. venyoo.ру [Электронный ресурс]: Онлайн консультант - продукт линейки venyoo 2015-2020. - URL: https://venyoo.ru/blog/internet-portal-vidy-i-istoriya/

  64. Php.ru [Электронный ресурс]: Информационный портал М., 2001-2020. - URL: https://www.php.net/manual/ru/intro-whatis.php

  65. rookee.ру [Электронный ресурс]: Сервис продвижения в поисковых системах - продукт линейки Ingate Т., 2009-2020. - URL: https://wiki.rookee.ru/kontent/

  66. wordstat.yandex.ru [Электронный ресурс]: Информационный портал М., 2008-2020. - URL: https://wordstat.yandex.ru/


Приложение А


Скрипт создания базы данных
SET NAMES utf8mb4;

SET FOREIGN_KEY_CHECKS = 0;
-- ----------------------------

-- Table structure for dolg

-- ----------------------------

DROP TABLE IF EXISTS `dolg`;

CREATE TABLE `dolg` (

`id_dolg` int(11) NOT NULL AUTO_INCREMENT,

`dolg` varchar(100) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,

PRIMARY KEY (`id_dolg`) USING BTREE

) ENGINE = InnoDB AUTO_INCREMENT = 17 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = COMPACT;
-- ----------------------------

-- Table structure for galery

-- ----------------------------

DROP TABLE IF EXISTS `galery`;

CREATE TABLE `galery` (

`id_picture` int(11) NOT NULL AUTO_INCREMENT,

`foto` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,

PRIMARY KEY (`id_picture`) USING BTREE

) ENGINE = InnoDB AUTO_INCREMENT = 10 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = COMPACT;
-- ----------------------------

-- Table structure for otdel

-- ----------------------------

DROP TABLE IF EXISTS `otdel`;

CREATE TABLE `otdel` (

`id_otdel` int(11) NOT NULL AUTO_INCREMENT,

`otdel` varchar(30) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,

PRIMARY KEY (`id_otdel`) USING BTREE

) ENGINE = InnoDB AUTO_INCREMENT = 14 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = COMPACT;
-- ----------------------------

-- Table structure for reviews

-- ----------------------------

DROP TABLE IF EXISTS `reviews`;

CREATE TABLE `reviews` (

`id_review` int(11) NOT NULL AUTO_INCREMENT,

`review` text CHARACTER SET utf8 COLLATE utf8_general_ci NULL,

`data` datetime NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,

`id_user` int(11) NULL DEFAULT NULL,

PRIMARY KEY (`id_review`) USING BTREE,

INDEX `fk11`(`id_user`) USING BTREE,

CONSTRAINT `fk11` FOREIGN KEY (`id_user`) REFERENCES `users` (`id_user`) ON DELETE CASCADE ON UPDATE CASCADE

) ENGINE = InnoDB AUTO_INCREMENT = 16 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = COMPACT;
-- ----------------------------

-- Table structure for sotr

-- ----------------------------

DROP TABLE IF EXISTS `sotr`;

CREATE TABLE `sotr` (

`id_sotr` int(11) NOT NULL AUTO_INCREMENT,

`id_otdel` int(11) NULL DEFAULT NULL,

`id_dolg` int(11) NULL DEFAULT NULL,

`fio` varchar(1000) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,

`stage` varchar(15) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,

`path` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,

PRIMARY KEY (`id_sotr`) USING BTREE,

INDEX `fk3`(`id_otdel`) USING BTREE,

INDEX `fk4`(`id_dolg`) USING BTREE,

CONSTRAINT `fk3` FOREIGN KEY (`id_otdel`) REFERENCES `otdel` (`id_otdel`) ON DELETE CASCADE ON UPDATE CASCADE,

CONSTRAINT `fk4` FOREIGN KEY (`id_dolg`) REFERENCES `dolg` (`id_dolg`) ON DELETE CASCADE ON UPDATE CASCADE

) ENGINE = InnoDB AUTO_INCREMENT = 21 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = COMPACT;
-- ----------------------------

-- Table structure for users

-- ----------------------------

DROP TABLE IF EXISTS `users`;

CREATE TABLE `users` (

`id_user` int(11) NOT NULL AUTO_INCREMENT,

`fio` varchar(100) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,

`login` varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,

`password` varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,

`phone` varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,

`adres` text CHARACTER SET utf8 COLLATE utf8_general_ci NULL,

`age` int(11) NULL DEFAULT NULL,

PRIMARY KEY (`id_user`) USING BTREE

) ENGINE = InnoDB AUTO_INCREMENT = 6 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = COMPACT;
-- ----------------------------

-- Table structure for usluga

-- ----------------------------

DROP TABLE IF EXISTS `usluga`;

CREATE TABLE `usluga` (

`id_usluga` int(11) NOT NULL AUTO_INCREMENT,

`usluga` varchar(100) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,

`price` decimal(10, 2) NOT NULL DEFAULT 0.00,

`id_otdel` int(11) NULL DEFAULT NULL,

PRIMARY KEY (`id_usluga`) USING BTREE,

INDEX `fk1`(`id_otdel`) USING BTREE,

CONSTRAINT `fk1` FOREIGN KEY (`id_otdel`) REFERENCES `otdel` (`id_otdel`) ON DELETE CASCADE ON UPDATE CASCADE

) ENGINE = InnoDB AUTO_INCREMENT = 36 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = COMPACT;
-- ----------------------------

-- Table structure for zapis

-- ----------------------------

DROP TABLE IF EXISTS `zapis`;

CREATE TABLE `zapis` (

`id_zapis` int(255) NOT NULL AUTO_INCREMENT,

`id_sotr` int(255) NOT NULL,

`data` date NOT NULL,

`time` varchar(5) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL,

`id_user` int(255) NOT NULL,

PRIMARY KEY (`id_zapis`) USING BTREE,

INDEX `f7`(`id_user`) USING BTREE,

INDEX `f8`(`id_sotr`) USING BTREE,

CONSTRAINT `f7` FOREIGN KEY (`id_user`) REFERENCES `users` (`id_user`) ON DELETE CASCADE ON UPDATE CASCADE,

CONSTRAINT `f8` FOREIGN KEY (`id_sotr`) REFERENCES `sotr` (`id_sotr`) ON DELETE CASCADE ON UPDATE CASCADE

) ENGINE = InnoDB AUTO_INCREMENT = 11 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = COMPACT;
SET FOREIGN_KEY_CHECKS = 1;



Источник: https://files.student-it.ru/previewfile/239331

Смотрите также:

17. Введение 18. Линейные программы 19. Ветвления 20. Программирование циклических алгоритмов
Анализ эффективности инвестиций предприятия на примере ООО «СпецПримСтрой»
Сборные железобетонные ребристые плиты перекрытия
_-___-~1
_3 тема - Диффузия
_Роджерс Карл, Брак и его альтернативы
_Штерн Вильям, Дифференциальная психология и ее методические основы
- Описание типа СЭТ7009