Автоматизированная система работы поликлиники

Размещено на http://www.allbest.ru/

Автоматизированная система работы поликлиники



Содержание

сайт медицинский фреймворк руководство

Введение

1. Аналитическая часть

1.1 Виды и характеристика веб-сайтов, роль в работе поликлиник

1.1.1 Виды медицинских веб-сайтов

1.1.2 Роль веб-сайта в работе медицинской клиники

1.2 Обоснование выбора средств создания веб-сайта

1.3 Обзор систем управления базами данных

2. Технологическая часть

2.1 Постановка задачи

2.1.1 Актуальность

2.1.2 Назначение веб-сайта

2.1.3 Характеристики оборудования

2.2 Реализация проекта

2.3 Средства для разработки и проектирование сайта

2.3.1 Анализ средств для разработки и создания Web-сайта

2.3.2 Фреймворки, используемые при разработке Web-сайтов: сравнительный анализ

2.3.3 Проектирование веб-сайта

2.3.4 Разработка веб-сайта в CMS WordPress

3. Тестирование веб-сайта и руководство пользователя

3.1 Тестирование веб-сайта

3.2 Руководство пользователя

Заключение

Список использованной литературы

Приложение



Введение

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

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

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

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

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

Цель дипломной работы -- разработать веб-сайт поликлиники.

В соответствии с поставленной целью в работе определены следующие задачи:

* провести анализ предметной области;

* проанализировать средства разработки веб-сайта;

* разработать модель веб-сайта;

* реализовать разработанную модель веб-сайта средствами веб-технологий;

* наполнить веб-сайт контентом.



1. Аналитическая часть

1.1 Виды и характеристика веб-сайтов, роль в работе поликлиник

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

1.1.1 Виды медицинских веб-сайтов

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

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

2. Сайты научных исследований. Сайты исследовательских работ в области медицины, врачей, преподавателей медицинских ВУЗов, научных работников.

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

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

5. Сайты типа виртуальных методических объединений. Сайты методического объединения врачей по специализациям, методам лечения, сайты для тематических врачебных конференций и чатов в online режиме по вопросам лечения пациентов.

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

1.1.2 Роль веб-сайта в работе медицинской клиники

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

Официальный сайт обычно имеет следующие разделы:

• новостная информация;

• нормативные документы, положения;

• направления деятельности;

• структура учреждения;

• кадровый состав;

• контактная информация (список ответственных лиц, их должности, координаты и часы приема).

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

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

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

1.2 Обоснование выбора средств создания веб-сайта

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

Наиболее популярные и распространенные системы управления контентом:

Joomla -- вторая по популярности Content Management System (CMS), более гибкая и простая. Joomla прекрасно подходит для разработки веб-сайта с нестандартной структурой, например, корпоративного портала.

Данная система управления контентом производная ветвь от широко известного проекта Mambo. В системе Joomla самые разнообразные инструменты для создания сайта.

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

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

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

Преимущества:

* поддержка ленты новостей, веб-статистики, подписок;

* платформа дает возможность осуществлять контроль над всеми элементами страницы (от платежной системы до документооборота и чата).

При хороших навыках владения языком программирования можно легко «переписать» администрирование под себя.

Возможности:

* создание разнообразных сайтов на стандартах, адаптирующихся под различные браузеры;

* настройка ключевых слов, дружественных Uniform Resource Locator(URL).

Недостатки:

* маленькое количество готовых шаблонов, но разработчики обещают увеличить коллекцию;

* чтобы восстанавливать удаленные объекты, необходимо установить специальные плагины.

Drupal -- это система управления веб-сайтом, написанная на языке PHP и использующая в качестве хранилища содержания реляционную базу данных (поддерживаются MySQL, PostgreSQL, а также любые базы данных, поддерживаемые библиотекой PEAR). За счет открытого кода доступа, она удобна в использовании, настройке. Drupal является свободным программным обеспечением, защищенным лицензией GPL и создается усилиями энтузиастов со всего мира. Начал разработку голландец DriesBuytaert, который и поныне является руководителем проекта. Архитектура Drupal позволяет применять его для построения различных типов веб-сайтов -- от блогов и форумов, до информационных архивов или веб-сайтов новостей. Функциональность обеспечивается подключаемыми модулями.

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

Недостатки:

* функциональная избыточность приводит к большому количеству неиспользуемого программного кода, что снижает эффективность;

* Высокие требования к управляемым ресурсам;

* При выходе из стандартного функционала сайта требуется глубокий анализ сложного кода системы;

* Из-за большого количества пользователей системы влияние сетевых студий на развитие системы стремится к нулю;

* Клиенты часто рассматривают покупку Битрикс вместо полной поддержки сайта, что снижает их лояльность;

* Многочисленные встроенные функции затрудняют обучение клиентов и вызывают проблемы с сайтом;

* Разработка сайта создается на основе любого готового шаблона, вылезает большое количество неиспользуемых элементов и программных модулей, что приводит к низкой скорости загрузки сайта;

* Для некоторых клиентов коммерческие лицензии неприемлемы.

* Невозможно взять на себя полную ответственность за конечный продукт: система управления разработана другой компанией, размер кода веб-студии намного меньше;

* Интеграция с «1С:Управление предприятием» обычно требует существенной доработки;

* Система архитектурно неотделима от площадки. Администрирование выполняется на рабочих экземплярах сайта.

Кратко подытожим: у системы 1С-Битрикс достаточно недостатков, чтобы вызывать только негативные отзывы разработчиков и пользователей системы. NetCat -- это профессиональная система управления контентом. NetCat -- одна из ведущих систем управления контентом на российском рынке. Первая версия системы была создана в 1999 году. Согласно исследованию российского рынка CMS, проведенному интернет-изданием Webinform, система NetCat является самым продаваемым инструментом управления сайтами общего назначения в России.

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

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

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

Описание основных преимуществ системы управления контентом WordPress:

* легкость в настройке и управлении консолью. Понятно и интуитивно доходчиво, не составит большого труда разобраться с программой имея минимальные навыки либо придерживаясь понятным урокам по WordPress;

* предоставленных возможностей разработчиками достаточно, чтобы разрабатывать сайты практически любой сложности, создавать и редактировать шаблоны;

* обширные возможности с целью оптимизации как отдельных компонентов, так и целого сайта;

* достаточно развитая система безопасности;

* плагины для расширения возможностей системы управлением контентомдают возможность настроить и представить контент более качественным и удобным методом;

* часто обновляемая система управления показатель постоянной деятельности разработчиков над усовершенствованием системы;

* новости о WordPress выходят достаточно часто, и это подтверждение тому, что система является действительно популярной.

На рисунке 1 изображено сравнение CMS систем.

Рисунок 1- Сравнение CMS систем

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

Проанализировав наиболее популярные системы управления контентом, была выбрана система WordPress. Такой выбор обусловлен тем, что среди всех имеющихся и более популярных, WordPress имеет продуманный механизм управления данными, он дает возможность администратору сайта с легкостью добавлять, редактировать и удалять информацию, позволяя не тратить много времени на операции. Для WordPress имеется много бесплатных модулей и плагинов, которые дают возможность увеличить функциональность базовой версии данной системы. Кроме того, система управления контентом WordPress является самой популярной и востребованной среди остальных систем управления. В этом можно убедиться, воспользовавшись сервисом GoogleTrends. Результаты рейтинга за март 2021 года представлен на рисунке 2. [1]

Рисунок 2 - Исследование популярности CMS за 2021 год

Популярность другого распространенного движка Joomla уменьшается, а желающих воспользоваться WordPress меньше не становится. Для тестирования и отладки используется хостинг jino.ru, с поддержкой PHP и СУБД MySQL. Что даёт возможность заказчику контролировать процесс разработки в режиме online. Внося свои корректировки и поправки.



1.3 Обзор систем управления базами данных

Система управления базами данных (СУБД) -- набор программного обеспечения общего или специального назначения и языковых инструментов для управления созданием и использованием баз данных.

- Основные возможности СУБД:

- Управление данными на диске;

- Управлять данными в памяти;

- Запись изменений, резервное копирование и восстановление БД после сбоя;

- Поддержка языка базы данных.

- СУБД условно можно разделить на 2 части:

- Открытый исходный код (MySQL)

- Коммерческий (Oracle, MS SQL) [5].

База данных Oracle. Система управления базами данных Oracle популярна благодаря своей надежности и безопасности. Разработанная для предприятий любого размера, Oracle Database предлагает уникальные возможности автоматической настройки и самодиагностики, которые выводят корпоративные системы на новый уровень функциональности и надежности.

Преимущества использования Oracle:

- Хранить пространственные данные в открытом стандартизированном формате;

- Данные хранятся в одной СУБД;

- Стандартизированный доступ к данным через SQL;

- Обеспечение совместной работы с данными и совместного доступа на уровне СУБД;

- Надежность, производительность;

- Расширяемость;

- Техническая поддержка и постоянное совершенствование программного обеспечения [6].

СУБД MySQL является наиболее приспособленной, для применения в среде web, системой управления базами данных. Не секрет, что для исполнения приложений клиента на большинстве хостинг-площадок провайдеры предоставляют небольшое количество ресурсов. Поэтому для данного применения необходима высокоэффективная СУБД, обладающая высокой надежностью.

Основные преимущества MySQL:

- многопоточность;

- оптимизация связей;

- записи фиксированной и переменной длины;

- ODBC драйвер;

- гибкая система привилегий и паролей;

- гибкая поддержка форматов чисел, строк переменной длины и меток времени;

- быстрая работа;

- масштабируемость;

- совместимость с ANSI SQL;

- хорошая поддержка со стороны хостинг-провайдеров;

- быстрая поддержка транзакций [7].

Microsoft SQL Server -- это система управления реляционными базами данных, разработанная Microsoft. Поддерживается несколько языков SQL. Он используется для небольших и средних баз данных, для крупных корпоративных баз данных и для конкуренции с другими СУБД. Одним из основных преимуществ SQL Server являются расширенные графические и визуальные средства управления, благодаря которым вы можете значительно снизить административную нагрузку при обслуживании.

Имеет высокую производительность с удобным и простым пользовательским интерфейсом.

Основные преимущества SQL Server :масштабируемость; превосходная производительность; простота использования; готовность к использованию в Интернете; хранилища данных; интеграция с другими продуктами Microsoft [8].

Основные преимущества рассмотренных СУБД представлены в таблице 1.

Таблица 1 - Преимущества СУБД

Название	Преимущества
Oracle Database	хранение пространственных данных; стандартизованный, доступ к данным; совместная работа с данными и разделение доступа; надежность, производительность и масштабируемость; техническая поддержка совершенствование ПО.
СУБД MySQL	многопоточность; оптимизация связей; записи фиксированной длины; ODBC драйвер; система привилегий и паролей; быстрая работа, масштабируемость; совместимость с ANSI SQL; поддержка со стороны провайдеров услуг хостинга; поддержка транзакций.
Microsoft SQL Server	масштабируемость; превосходная производительность; простота использования; готовность к использованию в Интернете; хранилища данных; интеграция с другими продуктами Microsoft.



2. Технологическая часть

2.1 Постановка задачи

2.1.1 Актуальность

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

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

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

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

2.1.2 Назначение веб-сайта

С помощью веб-сайта можно ознакомиться со списком врачей, о самой поликлинике и её местоположению.

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

2.1.3 Характеристики оборудования

Для работы с системой управления контентом необходимо:

* операционные система Windows: Microsoft Windows 10/8/7.

Требования к компьютеру:

* IntelPentium III/800 мГц или выше (или аналогичный);

* минимум 4 Гб ОЗУ;

* 1 Тб свободного места на сервере;

Характеристики используемой системы:

* операционная система Microsoft Windows 10 x64;

* Intel Core i7;

* 16 Гб ОЗУ;

* разрешение экрана 1366x768.

2.2 Реализация проекта

В соответствии с требованиями заказчика были выделены следующие этапы реализации проекта:

1. Проектирование веб-сайта.

2. Создание баз данных для сайта.

3. Разработка веб-сайта на платформе WordPress.

4. Тестирование веб-сайта.

2.3 Средства для разработки и проектирование сайта

2.3.1 Анализ средств для разработки и создания Web-сайта

Инструменты и программы, такие как HTML, CSS, JavaScript, FLASH, PHP, XML и т. д., обычно используются для создания современных веб-сайтов.

Конструктор сайтов

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

Язык HTML предназначен для формирования и оформления текстовых страниц, предназначенных для просмотра в сети Интернет с помощью специальной программы - браузера [14].

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

Все, что нужно для чтения HTML документа -- это веб-браузер, который интерпретирует HTML-разметку и отображает документ на экране в форме, предоставленной автором. HTML позволяет использовать теги для обозначения расположения заголовков или абзацев в документе, а затем позволить веб-браузеру интерпретировать эти теги. Основное преимущество HTML заключается в том, что документы можно просматривать в различных типах веб-браузеров и на различных платформах [15].

CSS (каскадные таблицы стилей) -- каскадные таблицы стилей -- пытаются отделить детали дизайна страницы от ее структуры и содержимого. В классическом HTML смешаны структура и оформление: рядом с абзацем текста его цвет, размер шрифта, тип шрифта и так далее. Если вам нужно изменить простые параметры, такие как размер шрифта на вашем сайте, вам придется переписать все страницы. Команды CSS позволяют назначать стили всем объектам, описания которых можно полностью хранить в отдельных файлах. Используя декодеры CSS, вы можете изменить размер шрифта всех страниц вашего сайта, исправив только один файл стиля.

Чем больше разных стилей вы примените, тем веселее будет менять дизайн. Самое главное, что вам не придется изменять готовый HTML-документ на сервере. Браузер пользователя получит доступ к файлу со стилями (по ссылке) и придаст странице желаемый вид [16].

CSS можно добавить на веб-страницу тремя способами: встроенным, вложенным и связанным с отдельным файлом CSS. Логично использовать ссылки на файлы CSS.

Таблица стилей -- это отдельный файл, содержащий только правила CSS. Неограниченное количество веб-страниц может использовать такие файлы, что позволяет обеспечить надежный и идентичный внешний вид для всех страниц сайта [17].

Фреймы -- элемент языка HTML, позволяющий строго разделить страницу на несколько отдельных окон и разместить в каждом окне собственную веб-страницу. В основном он используется для организации меню, которые продолжают появляться на экране, в то время как сама информация находится в другом окне. Flash -- это технология, разработанная Macromedia Inc. Разнообразить обычные текстовые страницы сайта красочной и интерактивной векторной графикой. Технология Flash позволяет создавать потрясающие презентационные видеоролики и интерактивные интерфейсы, создавая новое комфортное качество на вашем сайте.

Преимущества Flash:

- платформенная независимость;

- распространенность и предоставление дизайнерам огромное количество инструментов;

- правильно созданные Flash-файлы занимают мало места и достаточно быстро загружаются.

Недостатки Flash:

- Flash-технология сложна в изучении;

- нет желания у многих пользователей Интернет обновлять версии проигрывателей Flash, и следовательно многие новые Flash-модули не работают;

- Долгая загрузка из-за большого объема графических файлов.

JavaScript. Это отличный инструмент, позволяющий HTML-страницам, загруженным в браузер, динамически управлять своим содержимым и самим браузером. Реализация JavaScript под названием «динамический HTML» позволяет веб-страницам иметь почти полный пользовательский интерфейс, включая многоуровневые раскрывающиеся меню, перетаскивание, анимацию и многое другое. Текст программы встраивается непосредственно в HTML-документ и интерпретируется самим браузером.

Популярность языка JavaScript связана с его широким спектром возможностей для взаимодействия с элементами веб-страницы без перезагрузки веб-страницы. Это позволяет скрывать и показывать фрагменты дизайна, перемещать их и изменять внешний вид. С помощью этих действий вы можете создавать эффекты презентации, меню, мини-игры, обрабатывать данные форм и управлять контентом [18]. PHP -- это язык программирования высокого уровня, используемый для написания скриптов для различных целей. Первая версия этого языка была создана Расмусом Лердофом для разработки веб-сайтов. Отсюда и исходное название языка -- PHP (Personal Homepage -- Персональная домашняя страница). По мере того, как его популярность росла, PHP вырос настолько, что стал полноценным языком программирования. Теперь это называется обработка гипертекста. Высокий уровень языка означает простоту его синтаксиса и принципов программирования [19].

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

PHP можно использовать в различных операционных системах: Windows, Linux, Unix и Mac OS. Между тем есть два варианта использования PHP -- создание веб-приложений и разработка программ общего назначения. Поэтому предусмотрено два исполняемых модуля интерпретатора:

PHP CGI (Common Getwaitc Interface) -- используется для выполнения скриптов через веб-сервер и отображения результатов в окне браузера;

PHP CLI (интерфейс командной строки) -- для выполнения общих сценариев. Этот модуль имеет интерфейс командной строки.

Сценарии PHP хранятся в виде простых текстовых файлов, поэтому их можно писать и редактировать с помощью простого текстового редактора, такого как Блокнот. Расширение файла скрипта может быть любым, но чаще всего используется .рhp.

Необходимо обратить внимание на особенности взаимодействия PHP и веб-сервера.

PHP наиболее широко используется для веб-приложений, то есть для создания сценариев, которые выполняются на стороне сервера в Интернете, а не в браузере. Как известно, скрипты также могут выполняться на стороне клиента, но они пишутся на других языках и их код вставляется в HTML-документы.

XML (eXtensible Markup Language) -- расширяемый язык разметки для описания структурированных данных в текстовой форме. Этот текстовый формат во многом похож на HTML и был разработан специально для хранения и передачи данных.

XML позволяет описывать и передавать такие структурированные данные, как:

- отдельные документы;

- метаданные, описывающие содержимое какого-либо узла Internet;

- объекты, содержащие данные и методы работы с ними;

- отдельные;

- всевозможные web-ссылки на информационные и людские ресурсы в Интернете.

Данные, описанные в XML, называются XML-документом. Язык XML легко читать и легко понимать. Исходный текст XML-документа состоит из набора XML-элементов, каждый из которых содержит открывающий и закрывающий теги. Каждая пара меток представляет один фрагмент данных. То есть, как и HTML, XML использует теги для описания данных. Однако, в отличие от HTML, XML допускает бесконечный набор пар тегов, каждый из которых представляет не содержащиеся в нем данные, а то, что они означают.

Вы можете использовать специальные директивы -- таблицы стилей XSL (Extensible Style Sheet Language) для управления отображением элементов в окнах клиентских программ (например, окнах браузера). Эти XSL-таблицы позволяют определять внешний вид элемента на основе его положения в документе, то есть к двум элементам с одинаковым именем могут применяться разные правила форматирования. Кроме того, базовым языком XSL является XML, а это означает, что таблицы XSL являются более общими, и для контроля правильности таких таблиц стилей можно использовать DTD или схемы данных.

Инструменты для обработки данных, полученных в формате XML, могут быть разработаны в средах Visual Basic, Java или C++ [21].

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

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

HTML-документы можно создавать в любом текстовом редакторе, например в Блокноте. HTML-документы могут быть преобразованы из многих программ, таких как Microsoft Word. После преобразования страница текста может быть превращена в огромный HTML-файл размером более 100 КБ. HTML-документы можно создавать с помощью пакетов визуализации, таких как Microsoft FrontPage. Эти редакторы сами генерируют html-код документа, а разработчик просто выбирает нужные ему опции из меню.

Macromedia Corporation -- один из лидеров в разработке программного обеспечения для подготовки веб-публикаций. Большой популярностью пользуются пакеты Macromedia: Dreamweaver, HomeSite и специализированные пакеты для создания компьютерной графики и анимации.

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

Для использования PHP необходимы смежные серверные компоненты, а именно:

- web-сервер;

- сервер баз данных - это серверный компонент, который позволит работать с базами данных, управляемых из PHP.

В дополнение к серверным компонентам также очень полезны инструменты, без которых работа PHP-программиста может быть затруднена. Это редакторы кода PHP, позволяющие подсвечивать синтаксис PHP, что значительно упрощает написание сценариев [22].

JavaScript -- это скриптовый язык программирования. Часто используется как встраиваемый язык для программного доступа к объектам приложения. Он наиболее широко используется в браузерах в качестве языка сценариев для создания интерактивных веб-страниц.

Для написания приложений вы можете использовать NotePad++, бесплатный текстовый редактор с открытым исходным кодом для Windows с подсветкой синтаксиса для большого количества языков программирования и разметки. Базовый функционал программы может быть расширен плагинами и сторонними модулями, такими как компиляторы и препроцессоры [23].

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

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

Для css и xml вы можете использовать HTML-Kit -- редактор HTML, XHTML и XML с подключаемыми модулями, который предоставляет рекомендации по CSS и многое другое.

2.3.2 Фреймворки, используемые при разработке Web-сайтов: сравнительный анализ

Фреймворк -- это программный фреймворк, который реализует базовую архитектуру проекта. Самыми известными современными php-фреймворками являются Zend Framework, Yii, CodeIgniter, Symfony и многие другие.

Фреймворки предоставляют разработчикам очень мощный инструмент для разработки более гибких и менее подверженных ошибкам приложений за меньшее время. Фреймворки часто помогают ускорить процесс разработки, предоставляя необходимую функциональность. К ним относятся управление пользователями/разрешениями, доступ к данным, кэширование и многое другое. Фреймворки помогают сосредоточиться на более важных деталях дизайна и с легкостью управлять проектами.Zend Framework (ZF) - является объектно-ориентированным фреймворком с открытым исходным кодом, использует PHP5 и выпущен под лицензией New BSD License.

Zend Framework был задуман в начале 2005 года, когда много новых фреймворков набирали популярность в сообществе web-разработчиков. О ZF впервые было объявлено на первой Zend конференции в октябре 2005 года.

Функции Zend Framework включают в себя:

- большое количество модулей и библиотек;

- разрабатывается разработчиками ядра PHP;

- поддержка unit-тестов;

- достаточно низкая скорость работы с библиотеками;

- встроенный JS фреймворк DOJO и библиотеки для него.

Symfony - web-фреймворк написанный на PHP, использует платформу модель-представление-контроллер (MVC). Был выпущен под лицензией MIT. Symfony является свободным программным обеспечением.

Symfony не следует путать с Symfony CMS, Open Source XML/XSLT системой управления контентом. Symfony ускоряет создание и поддержку web-приложений. В настоящее время совместима с ORM Propel и Doctrine. Следует отметить, что на типичном хостинге, где ускоритель PHP отсутствует, Symfony может использовать собственный движок кэширования для ускорения выполнения кода.

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

Достоинства:

- простой в освоении;

- достаточно высокая скорость работы ядра.

Yii -- высокопроизводительный фреймворк, и для организации из 10+ человек имеет смысл его изучать, а с одним Yii сложно справиться. Этот фреймворк позволяет создавать очень эффективные системы.

Yii -- лучший выбор между Zend Framework и Codeingiter. Он хорошо документирован, и вы всегда можете вникнуть в код, чтобы понять, что и как работает.

Фреймворк строго написан на PHP5 и строго следует концепции ООП, поэтому его легко понять, если у вас есть базовое понимание принципов ООП.

Yii более сложен (более функционален) и лучше структурирован, чем CodeIgniter.

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

CodeIgniter - это PHP фреймворк, который использует платформу MVC, имеет классы для доступа к данным, классы для работы с почтой, FTP и XML-RPC.

У CodeIgniter имеется исчерпывающая документация для начала работы [24].На рисунке 3 изображён интефейс CodeIgniter.

Рисунок 3- Интерфейс CodeIgniter

Таблица 2 - Характерные особенности фреймворков

Описание	Zend Framework 1	Code Igniter 2	Symfony 2
	Академически грамотный код. Очень гибок. Требует хорошего знания PHP и ООП.	Почти микрофреймворк. Очень лёгкий для изучения. Отличная документация. Гибок. Легко использовать сторонний код.	Активно использует командную строку. Мощный ORM, хорошая система view, генераторы кода.
Необходимый уровень знаний	PHP5, ООП, шаблоны проектирования.	PHP, Основы ООП	PHP5, ООП, ORM, консоль.
Платформа	PHP 5	PHP 4/5	PHP 5
Сложность установки и настройки	Высокая	Низкая	Высокая
Поддерживаемые БД	MySQL, Oracle, PostgreSQL, MS SQL, SQLite	MySQL, Oracle, PostgreSQL, MS SQL, SQLite	MySQL, Oracle, PostgreSQL, MS SQL, SQLite
Русскоязычное сообщество	Да	Документация, форум, блоги	Нет
Лицензия	New BSD	BSD	MIT

2.3.3 Проектирование веб-сайта

Заказчиком является поликлиника, расположенная в городе Абиджан находящаяся по адресу 4 Bd de l'Indeniй, Abidjan, Кот-д'Ивуар, поликлинику посещают жители города и ближайших населенных пунктов города Абиджан.

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

Структура сайта представлена на рисунке 2.



Рисунок 2- Структура сайта

1. Первая страница.

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

Основное назначение главной страницы web-сайта - рассказать пользователям о поликлинике, ее преимуществах. Разработанный сайт оказывает медицинские услуги. Это и отражено на главной странице путём размещения на ней прямых ссылок на главную информацию о поликлинике и её услугах.

2. О поликлинике.

В этом разделе приводится краткая информация о поликлинике.

3. Услуги.

В этом разделе описаны медицинские услуги, которые предоставляет поликлиника

4. Отзывы.

Раздел содержит отзывы посетителей поликлинике совместно с оцениванием её по 5 бальной шкале

5. Книга записей

Раздел «Книга записей» -- раздел в котором показано свободное время для записей у специалистов поликлиники.

6. Вход в систему

Раздел «Вход в систему» позволяет пользователю зарегистрироваться на веб-сайте или войти под своим логином и паролем, если он уже зарегистрирован на веб-сайте.

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

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

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

KiviCare -- плагин для клиники и управления пациентами. Он разработан для врачей и клиник, чтобы обрабатывать несколько назначений врачей и встреч в клинике. Это позволяет делать, управлять и отслеживать запись пациентов на прием к врачам. Сохраняя конфиденциальность на переднем плане, каждый визит к врачу может быть конфиденциальным для других. Администратор создаёт учётную запись для врача и присылает на его почту пароль, который врач может поменять перейдя по ссылке полученной по электронной почте. На рисунке 3 показана панель администратора при создании учётной записи врача.



Рисунок 3- Панель администратора

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

Рисунок 4- Структура главной страницы

На рисунке 5 и 6 изображены база данных пациентов и врачей , которые можно экспортировать в csv и excel. 

Рисунок 5- База данных пациентов

Рисунок 6- База данных врачей

2.3.4 Разработка веб-сайта в CMS WordPress

Перед тем, как приступить к разработке веб-сайта в CMS WordPress, необходимо установить систему на хостинг и настроить необходимое ПО для работы с ним.

Для установки CMS WordPress был скачан дистрибутив c официального веб-сайта ru.wordpress.org. После скачивания дистрибутива был установлено программное обеспечение OpenServer. Данный программный комплекс включает в себя тщательно подобранный набор серверного программного обеспечения, а также невероятно удобную и продуманную управляющую утилиту, которая обладает мощными возможностями по администрированию и настройке всех доступных компонентов.

Базовые модули

• Apache: 2.2.31, 2.4.38, 2.4.41, 2.4.53 + auth_ntlm, fcgid, maxminddb, xsendfile

• Bind: 9.16.28

• FTP FileZilla: 0.9.60

• Ghostscript: 9.56.1

• Nginx: 1.21.6 + ssl_preread, image_filter, geoip, geoip2, brotli

• NNCron Lite: 1.17

• Sendmail: 32

После установки системы необходимо подготовить будущую базу данных и панель администратора для дальнейшей работы с дистрибутивами. OpenServer Panel изображена на рисунке 7.

Рисунок 7- OpenServer Panel

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

После всех манипуляций создаём администратора для веб-сайта и заходим в WordPress для создания сайта. На рисунке 8 изображён интерфейс Wordpress.

Рисунок 8- Интерфейс Wordpress

После того, как сайт был создан нужно создать домен для него, для сайта поликлиники был выбран домен https://delya-food.online/. Листинг сайта изображён в Приложении А.

На основе созданных шаблонов и с помощью CMS WordPress был разработан конечный продукт -- веб-сайт. На главной странице расположена активная кнопка «Book Appointment», контактная информация, активные иконки оказываемых услуг и информация о руководстве медицинской клиники. Главная страница веб-сайта представлена на рисунке 9.



Рисунок 9- Главная страница веб-сайта поликлиники

В блоке «About» главной страницы расположена кликабельная иконка на услуги снизу блока, сверху написана информация о поликлинике. Блок «About» представлен на рисунке 10.

Рисунок 10- Блок «About»

В блоке «Procedures» главной страницы расположена информация об услугах поликлиники. Блок «Procedures» представлен на рисунке 11.



Рисунок 11- Блок «Procedures»

В блоке «Reviews» главной страницы расположены отзывы клиентов поликлиники. Блок «Reviews» представлен на рисунке 12.

Рисунок 12 Блок «Reviews»

В блоке «Contact» главной страницы расположены адрес, контакты и местоположение поликлиники. Блок «Contact» представлен на рисунке 13.

Рисунок 13- Блок «Contact»

При нажатии на кнопку главной страницы «Login/Sign Up» пользователя переносит на страницу регистрации и вхождения в аккаунт . Страница регистрации пользователя представлена на рисунке 14.

Рисунок 14 - Страница регистрации пользователя

На странице аккаунта показана информация о пользователе и о текущих записях. Страница аккаунта изображена на рисунке 15.

Рисунок 15- Страница аккаунта

На странице аккаунта в блоке «Appointments» страницы расположены записи пользователя к специалистам поликлиники. Блок «Appointments» представлен на рисунке 16.

Рисунок 16- Блок «Appointments»

В блоке «Book Appointment» находится окно с выбором специалиста и временем записи к нему. Блок «Book Appointment» представлен на рисунке 17. 

Рисунок 17- Блок «Book Appointment»

В блоке «Encounters» находятся старые записи пользователя в поликлинике. Блок «Encounters» представлен на рисунке 18.

Рисунок 18- Блок «Encounters»

На странице аккаунта в блоке «Profile» страницы расположена информация о пользователе, которую пользователю может изменить в любой момент времени. Блок «Profile» представлен на рисунке 19.

Рисунок 19 Блок «Profile»

Листинг веб сайта показан в Приложении А.



3. Тестирование веб-сайта и руководство пользователя

3.1 Тестирование веб-сайта

Тестирование сайта -- это процесс контроля качества программного продукта.

Основная функция тестирования заключается в обнаружении и документировании дефектов (или ошибок) в программном обеспечении.

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

Существует несколько уровней тестирования программного обеспечения:

* Альфа-тестирование - имитация реальной работы системы штатными разработчиками;

* Бета-тестирование. Распространите бета-версию программного обеспечения среди большего числа людей, чтобы гарантировать, что продукт содержит достаточно ошибок, чтобы исправить их в будущих выпусках.

* Модульное тестирование -- для тестирования используйте наименьший возможный тестовый компонент, например, один класс или функцию;

* Интеграционное тестирование - тестирование компонентов, подсистем или интерфейсов между системами;

* Системное тестирование - проверка сложных систем на соответствие требованиям;

Сайт прошел все этапы тестирования для различных версий операционных систем Microsoft Windows 7.8 и 10.



Таблица 2 - Результаты функционального тестирования

№п/п	Категория набора тестов	Ожидаемый результат	Результат
1	Проверка работоспособности кнопок главной страницы	Все кнопки главной страницы функционируют должным образом	Пройден
2	Проверка работоспособности регистрация	Регистрация на веб сайте работает, данные сохраняются в базе данных	Пройден
3	Проверка валидации при регистрации	Валидация фамилии, имени и электронной почты работают	Пройден
4	Проверка работоспособности верификации	Верификация на сайте работает, после внесения логина и пароля, пользователя переносит в его личный кабинет	Пройден
5	Запись пользователя к врачу	Выбор врача и даты записи к врачу	Пройден
6	Просмотр записей к врачам	После того, как пользователь заходит в личный кабинет он может видеть текущие и старые записи к врачам

3.2 Руководство пользователя

1.Общее назначение веб-сайта.

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

2.Варианты использования веб-сайта.

В ходе анализа требований была разработана UML-диаграмма вариантов использования пользователем веб-сайта. (рис.20)



Рисунок 20- Варианты взаимодействия пользователя с веб-сайтом

Для того, чтобы зайти на веб-сайт поликлиники требуется запустить браузер и перейти по ссылке https://delya-food.online/. После перехода по ссылке на главной странице пользователь может посмотреть информацию о поликлинике и перейти на страницу регистрации нажав на кнопку Login/Sign up.

На рисунке 21 изображена страница регистрации пользователя.

После регистрации пользователя на странице регистрации пользователя переносит на профиль, в котором он может записываться на приём перейдя на вкладу Book Appointments , посмотреть свои записи к врачам на вкладке Appointment и изменить данные во вкладке Profile. Вкладки Appointments, Book Appointment и Profile показаны на рисунках 22,23,24.



Рисунок 22- Вкладка Book Appointment

Рисунок 23- Вкладка Appointment



Рисунок 24- Вкладка Profile



Заключение

Результатом выпускной квалификационной работы является готовый веб-сайт поликлиники.

Были решены следующие частные задачи:

· ознакомление с современными Интернет - технологиями и их использование в настоящей разработке;

· изучение программного инструментария, применяемого для разработки и создания Web-сайтов программы Wordpress;

· ознакомление со структурой поликлиники;

· определение структуры Web-страниц;

· изучены методы размещения сайтов в Интернете

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



Список использованной литературы

1. Голомбински К. Добавь воздуха! Основы визуального дизайна для графики, веб и мультимедиа [Текст] / К. Голомбински, Р. Хаген. -- СанктПетербург: Питер, 2013. -- 272 с.

2. Городулин В. Основы CSS [Электронный ресурс]. -- Режим доступа: http://css.manual.ru/articles/css_basics (дата обращения: 20.11.2017).

3. Демченко Д. Обзор систем управления сайтом (CMS) [Электронный ресурс]. -- Режим доступа: http://www.white-windows.ru/obzor-sistemupravleniya-sajtom-cms/ (дата обращения: 18.01.2018).

4. Дакетт Джон HTML и CSS. Разработка и дизайн веб-сайтов [Текст] /Джон Дакетт. -- Москва: ЭКСМО, 2013. -- 480 с.

5. Для тех, кто делает сайты [Электронный ресурс]. -- Режим доступа: http://htmlbook.ru (дата обращения: 12.03.2017).

6. Дунаев В. В. Основы WEB-дизайна [Текст]: самоучитель /В. В. Дунае. -- 2-е издание, перераб. и доп. -- Санкт-Петербург: Питер, 2012.-- 480 с.

7. Как создать сайт [Электронный ресурс]. -- Режим доступа:http://myrusakov.ru (дата обращения: 20.12.2017).

8. Квентор И. Адаптивная верстка сайтов [Электронный ресурс]. --Режим доступа: http://www.websovet.com/adaptive-layout-introduction (дата обращения: 19.11.2017).

9. Лоусон Б. Изучаем HTML5. Библиотека специалиста [Текст] /Б. Лоусон, Р. Шарп. -- Санкт-Петербург: Питер, 2013. -- 286 с.

10. Макфарланд Д. Большая книга CSS [Текст] / Д. Макфарланд. -- 3-е изд. -- Санкт-Петербург: Питер, 2014. -- 608 с.

11. Маркотт И. Отзывчивый веб-дизайн [Текст] / И. Маркотт. -- Книга 1. -- пер. Миронов П. -- Москва: Манн, Иванов и Фербер, 2012. -- 231 с.

12. Чебыкин Р. Разработка и оформление текстового содержания сайтов. -- Санкт-Петербург: БХВ-Петербург, 2014. -- 528 c.

13. Сарычев А. Идеально! Как создать и переделать свой сайт. Правильный подход и передовые техники разработки [Текст] / А. Сарычев. --Москва: СилаУма, 2013. -- 369 с.

14. Сидерхолм Д. CSS3 для веб-дизайнеров [Текст] / Д. Сидерхолм. Книга 5. -- пер. Кудашев E. -- Москва: Манн, Иванов и Фербер. 2013. --273с.



Приложение

if (!defined('KB_IN_BYTES')) { define('KB_IN_BYTES', 1024); }

if (!defined('MB_IN_BYTES')) { define('MB_IN_BYTES', 1024 * KB_IN_BYTES); }

if (!defined('GB_IN_BYTES')) { define('GB_IN_BYTES', 1024 * MB_IN_BYTES); }

if (!defined('DUPLICATOR_PHP_MAX_MEMORY')) { define('DUPLICATOR_PHP_MAX_MEMORY', 4096 * MB_IN_BYTES); }

date_default_timezone_set('UTC'); // Some machines don't have this set so just do it here.

@ignore_user_abort(true);

if (!function_exists('wp_is_ini_value_changeable')) {

/**

* Determines whether a PHP ini value is changeable at runtime.

*

* @staticvar array $ini_all

*

* @link https://secure.php.net/manual/en/function.ini-get-all.php

*

* @param string $setting The name of the ini setting to check.

* @return bool True if the value is changeable at runtime. False otherwise.

*/

function wp_is_ini_value_changeable( $setting ) {

static $ini_all;

if ( ! isset( $ini_all ) ) {

$ini_all = false;

// Sometimes `ini_get_all()` is disabled via the `disable_functions` option for "security purposes".

if ( function_exists( 'ini_get_all' ) ) {

$ini_all = ini_get_all();

}

}

// Bit operator to workaround https://bugs.php.net/bug.php?id=44936 which changes access level to 63 in PHP 5.2.6 - 5.2.17.

if ( isset( $ini_all[ $setting ]['access'] ) && ( INI_ALL === ( $ini_all[ $setting ]['access'] & 7 ) || INI_USER === ( $ini_all[ $setting ]['access'] & 7 ) ) ) {

return true;

}

// If we were unable to retrieve the details, fail gracefully to assume it's changeable.

if ( ! is_array( $ini_all ) ) {

return true;

}

return false;

}

}

@set_time_limit(3600);

if (wp_is_ini_value_changeable('memory_limit'))

@ini_set('memory_limit', DUPLICATOR_PHP_MAX_MEMORY);

...