Добавлен: 07.11.2023
Просмотров: 198
Скачиваний: 1
ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
СОДЕРЖАНИЕ
1.1.2 Роль веб-сайта в работе медицинской клиники
1.2 Обоснование выбора средств создания веб-сайта
1.3 Обзор систем управления базами данных
2.1.3 Характеристики оборудования
2.3 Средства для разработки и проектирование сайта
2.3.1 Анализ средств для разработки и создания Web-сайта
2.3.2 Фреймворки, используемые при разработке Web-сайтов: сравнительный анализ
2.3.4 Разработка веб-сайта в CMS WordPress
3. Тестирование веб-сайта и руководство пользователя
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 и специализированные пакеты для создания компьютерной графики и анимации.
Особого внимания заслуживает создание графики для веба. Следует помнить, что существует два вида графики: растровая (при описании каждой точки изображения) и векторная (при задании формулы построения изображения). Последний способ построения графиков более компактен и идеально подходит для создания анимаций.