Разработка сайта для детской поликлиники. Часть 2

1  2  3

---

2. Требования к функциональности системы

2.1 Функциональность системы

 

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

Авторизация пользователей.

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

Аватары пользователей

Каждый зарегистрированный пользователь может настраивать свой профиль, в том числе загружать аватары.

Управление ролями

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

Управление пользователями

Администратор располагает контактными данными всех зарегистрированных пользователей, может отслеживать их обращения и полностью контролировать действия, связанные с их работой на ИС «Сайт детской поликлиники».

Верификация через электронную почту

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

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

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

Так же администратор имеет полные права по управлению финансовыми потоками системы.

Модератор – имеет доступ по управлению заказами. Может выносить предупреждения пользователям.

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

Больной – имеет право размещать заявки на прием к врачу.

Незарегистрированный пользователь – имеет возможность просмотра расписания приема врачей, чтения информационных сообщений..

Забаненный пользователь – ограничен доступ к сайту. Выводится предупреждающая запись о сроке окончания ограничений.

 

2.1.1 Требования к обеспечению надёжного функционирования системы

 

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

а) организацией бесперебойного питания технических средств;

б) использованием лицензионного программного обеспечения;

в) регулярным выполнением рекомендаций Министерства труда и социального развития РФ, изложенных в Постановлении от 23 июля 1998 г.

Об утверждении межотраслевых типовых норм времени на работы по сервисному обслуживанию ПЭВМ и оргтехники и сопровождению программных средств»;

г) регулярным выполнением требований ГОСТ 51188-98. Защита информации. Испытания программных средств на наличие компьютерных вирусов

 

2.1.2 Удобство использования

 

Удобство использования пользовательского интерфейса ( usability ) — показатель его качества, который определяет количество усилий, необходимых для изучения принципов работы с программной системой при помощи данного интерфейса, ее использования, подготовки входных данных и интерпретации выходных. Иначе говоря, удобство использования определяет степень простоты доступа пользователя к функциям системы, предоставляемым через человеко-машинный (пользовательский) интерфейс.

На удобство использования пользовательского интерфейса влияют следующие факторы:

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

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

Пользовательская информация и способы ее корректировки должны быть человекопонятны.

 

2.2 Анализ существующих систем управления контентом сайта

 

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

Глобальная сеть Internet сделала информационную систему доступной для фирм любого масштаба. Если раньше организация электронного обмена данными требовала заметных вложений в коммуникационную инфраструктуру и была доступна лишь крупным компаниям, то использование интернета позволяет сегодня вступить в ряды «электронных торговцев» и небольшим фирмам. Информационная система дает любой компании возможность привлекать клиентов со всего мира.

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

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

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

 

2.2.1. Обзор существующих CMS. «Joomla»

 

• Полностью основанный на БД движок с использованием PHP/MySQL.
• Секции новостей, продукции или услуг легко редактируемы и управляемы.
• Разделы тем могут быть добавлены авторами.
• Полностью настраиваемые схемы расположения элементов, включая левый, правый и центральный блоки меню.
• Форум/Опросы/Голосования для эффективной обратной связи.
• Возможность создавать неограниченное количество страниц
• Для каждой динамической страницы можно создать свое описание и ключевые слова в целях повышения рейтинга в поисковых системах
• Возможность ограничить доступ к определенным разделам сайта только для зарегистрированных пользователей
• Секции новостей, продукции или услуг легко редактируемы и управляемы
• Закачка изображений при помощи браузера в вашу собственную библиотеку — для последующего использования с любого места сайта
• Различные модули — такие как последние новости, счетчик посещений, подробная статистика посещений, гостевая книга, форум и т.д.
• Причем Вы сами выбираете, будут ли показаны эти модули и на каких страницах
• Иерархия объектов — количество секций, разделов, подразделов и страниц, зависит от вашего желания.
• Библиотека изображений позволит Вам хранить все Ваши GIF- и JPEG-файлы под рукой для лёгкого доступа.
• Менеджер архива. Помещайте Ваши старые статьи в архив, чем просто удалять их.
• Выбор из 3 визуальных редакторов, что упрощает редактирование материалов до уровня редактирования текста в программе Word.
• Возможность легкой смены дизайна.
• Экономное использование места на сервере за счет использование базы данных MYSQL.

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

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

Какие CMS мы выберем в качестве анализируемых? Обратимся к открытым рейтингам российского интернета:

Рисунок 2.1 – Рейтинги систем управления контентом

Рисунок 2.2 — 2011.tagline.ru

Судя по этим рейтингам в лидерах среди CMS с открытым кодом находятся Joomla, WordPress, ModX и Drupal. Причем лидирует по суммарному баллу по одной версии Joomla, а по другой WordPress.

 

2.2.2. Обзор существующих CMS. «Drupal»

 

Архитектура Drupal позволяет применять его для построения различных типов сайтов — от блогов и форумов до информационных архивов или сайтов новостей. Имеющийся по умолчанию функционал можно увеличивать подключением дополнительных расширений — «модулей» в терминологии Drupal. Наиболее важные функции, предоставляемые Drupal «из коробки»:

• единая категоризация всех видов содержимого (таксономия) — от форумных сообщений до блогов и новостных статей
• широкий набор свойств при построении рубрикаторов: плоские списки, иерархии, иерархии с общими предками, синонимы, родственные категории
• вложенность категорий любой глубины
• поиск по содержимому сайта, в том числе поиск по таксономии и пользователям
• разграничение доступа пользователей к документам (ролевая модель)
• динамическое построение меню
• поддержка XML-форматов:
• вывод документов в RDF/RSS
• агрегация материалов с других сайтов
• BlogAPI для публикации материалов с помощью внешних приложений
• авторизация через OpenID
• символьные осмысленные URL (иначе «человеко-понятные» — ЧПУ)
• переводы интерфейса сайта на разные языки, а также поддержка ведения разноязычного контента
• возможность создания сайтов с пересекающимся содержимым (например общей базой пользователей или общими настройками)
• раздельные конфигурации сайта для различных виртуальных хостов (в том числе собственные наборы модулей и тем оформления для каждого подсайта)
• механизм для ограничения нагрузки на сайт (автоматическое отключение при высокой посещаемости части информационных блоков и модулей)
• уведомления о выходящих обновлениях модуля.

 

2.2.3. Обзор существующих CMS. «Cotonti»

 

Cotonti сочетает гибкость веб-фреймворка с быстрым развертыванием и компонентами системы управления содержимым. Несмотря на то, что в нем «из коробки» есть учётные записи, создание контента, управление файлами и инструментарий для сообществ, он может быть легко расширен с помощью модулей и плагинов. У Cotonti есть свой шаблонизатор, быстрый и легкий в освоении.

Главные особенности

Открытый код, развивается сообществом

Безопасный и надежный

Быстрый и легкий

Модульный и расширяемый

Вид отделен от логики

Быстрый и удобный шаблонизатор

Интернациональный.

Модель-представление-контроллер (Model-View-Controller или MVC)

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

Данные. Вся информация хранится в БД, вывод данных осуществляется посредством специального API. В настоящее время Cotonti поддерживает только СУБД MySQL. Поддержки других баз не планируется, так как MySQL является самой популярной и наиболее оптимальной для веб-приложений. Хотя, при необходимости возможно написание специального адаптера для других СУБД.

Представление (вид). Это непосредственно сам дизайн сайта, то, как посетитель вашего сайта его увидит. В Cotonti дизайн отделен от кода посредством шаблонов. Любой веб-дизайнер может быстро и без дополнительных усилий освоить работу с шаблонами. В качестве шаблонизатора (системы, которая обеспечивает поддержку шаблонов) мы использовали XTemplate, который является весьма гибким и очень простым в использовании.

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

Модульная архитектура

«Сердцем» данной системы является набор библиотек, которые необходимы для работы всего сайта. Этот набор библиотек называют ядром или CMF (ContentManagementFramework). В целом, это набор файлов, в которых находятся функции и классы, обеспечивающие работу модулей и плагинов.

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

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

Макеты всех модулей и плагинов находятся в шаблонах. Из шаблонов формируется тема (скин) сайта. Каждый скин может иметь несколько вариантов оформления.

Интернационализация

Интернационализация (на англоязычных сайтах обычно используется сокращение i18n) является одной из обязательных особенностей CMS, которая обеспечивает поддержку различных языков. Это необходимый шаг вперед при формировании мультиязычного контента. В современном мире на сайтах все чаще и чаще встречается информация на различных языках. По этой причине все больше и больше людей выбирают в качестве кодировки символов Unicode.

В Cotonti изначально включена поддержка Unicode и по умолчанию используется UTF-8.

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

Стабильность и безопасность.

Seditio считался одной из самых стабильных систем управления сайтом в мире (если верить багтракам), а стабильность при написании системы стояла в качестве первостепенной задачи. При создании Cotonti мы придерживались данной традиции. Кодерам известно о SQL-инъекциях, межсайтовом скриптинге (XSS), подделке HTTP-запросов (CSRF), ошибках PHP, поэтому при создании Cotonti наши разработчики уделяют особое внимание защите, как пассивной (внимательное написание кода, исправление существующих ошибок в системе защиты), так и активной (создание специальных алгоритмов защиты).

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

В Cotonti включена Защита от повторных соединений (Anti-Hammering), а так же защита против спама (anti–spam).

Одним из определяющих стабильность системы является отсутствие в коде ошибок. Достигается это двумя способами: тщательное аккуратное кодирование и сообщение пользователями о найденных ошибках тех. поддержке (так называемое Обеспечение качества или QA) .

Производительность и расширяемость

Когда речь идет о производительности, мы говорим в первую очередь о количестве обрабатываемых запросов в минуту (RPM, RequestsPerMinute) или запросов в секунду (RPS).

SEO (Поисковая оптимизация)

В стандартный комплект Cotonti входит мощная утилита по формированию произвольных URL, а так же настраиваемые заголовки, мета тэги, множество необходимых для этого настроек

AJAX

В Cotonti встроена популярная, хорошо докуметированная JavaScript библиотека jQuery, которая обеспечивает полнофункциональную поддержку AJAX. Вы можете легко и быстро написать плагины, которые поддерживают AJAX технологию.

Подписка (Синдицирование)

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

 

2.2.4. Обзор существующих CMS. «WordPress»

 

WordPress(Вордпресс) — это CMS (CMS — система управления содержимым) для создания блогов, новостных порталов, и даже для создания интернет-магазинов.

Характеристики WordPress.

• Благодаря CMS и, в данной случае WordPress, сильно упрощается процесс создания блога, сайта. Создавать сайты и блоги «с нуля» блокнотом довольно долгое занятие, требующее немало знаний в языках программирования (HTML, PHP, CSS и др.). А с помощью Вордпресса блог можно создать буквально за 1 день!
• Возможность написания статей прямо с рабочего стола в оффлайн режиме, с последующей публикацией оттуда.
• Простота установки (знаменитая 5-ти минутная установка WP) и легкость управления блогом с «админки».
• Легко подключить плагины, из-за которых блог можно поменять до неузнаваемости. Те же самые плагины позволяют намного расширить возможности WordPress.
• Поддержка «тем», которые меняют полностью внешний вид. А из-за того, что темы сделаны на PHP языке, велики их графическая и функциональные возможности.
• Очень большой список тем и плагинов для работы.
• Существование русских переводов.
• Легкость в продвижении поисковых роботов.
• WordPress — абсолютно БЕСПЛАТЕН.

При изучении некоторых из вышенаписанных CMS, я остановился на WordPress, так как он прост и удобен в использовании.Функциональность настоящей CMS достаточная для решения поставленных в настоящей работе целей.

 

2.3.3. Обзор технических средств разработки

2.3.1 Локальный сервер

 

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

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

Функциональность программы XAMPP:

• Apache HTTPD 2.2.6
• MySQL 5.0.45
• PHP 5.2.4 + 4.4.7 + PEAR + Switch
• MiniPerl 5.8.7
• Openssl 0.9.8e
• PHPMyAdmin 2.11.1
• XAMPP Control Panel 2.5
• Webalizer 2.01-10
• Mercury Mail Transport System v4.01a
• FileZilla FTP Server 0.9.23
• SQLite 2.8.15
• ADODB 4.94
• Zend Optimizer 3.3.0
• XAMPP Security
• Ming. For Windows 98, 2000, XP

AppServ — сборкавеб-сервера, содержащаяApache, MySQL, интерпретаторскриптовPHP, phpMyAdminидругиедополнения, позволяющаязапуститьполноценныйвеб-сервер.

Функциональность программы

• MySQL 5.0.24
• Apache 2.2.3
• PHP 5.1.6
• phpMyAdmin 2.9.0.2

 

2.3.2. Веб-сервер

 

Се́рвер (англ. server от англ. toserve — служить, мн. ч. се́рверы) — специализированный компьютер или специализированное оборудование для выполнения на нём сервисного программного обеспечения (в том числе серверов тех или иных задач).

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

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

Клиент, которым обычно является веб-браузер, передаёт веб-серверу запросы на получение ресурсов, обозначенных URL-адресами. Ресурсы — это HTML-страницы, изображения, файлы, медиа-потоки или другие данные, которые необходимы клиенту. В ответ веб-сервер передаёт клиенту запрошенные данные. Этот обмен происходит по протоколу HTTP.

 

2.3.3 HTML

 

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

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

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

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

Работа над HTML5 началась в 2004 году и в настоящее время осуществляется в рамках совместных усилий между W3C HTML WG и WHATWG. Многие ключевые игроки участвуют в работе W3C, в том числе представители четырех основных поставщиков браузеров: Apple, Mozilla, Opera и Microsoft, а также ряд других организаций и частных лиц со своими интересами и опытом.

Структура

HTML5 вводит целый ряд новых элементов, которые упрощают структуру страниц. Большинство страниц на HTML4 содержат типовые элементы, такие как «шапка», «подвал» и колонки. Ныне, как правило, в коде документа они обозначаются с помощью элементов <div>, описывая каждый атрибутом id или class.

Рисунок 2.5 — Расположение колонок

На рисунке 1 показано типичное расположение двух колонок сверстанных с использованием <div> с атрибутами id и class. Макет содержит шапку, подвал и горизонтальную навигацию ниже заголовка. Основное содержание включает статью и боковую панель справа (сайдбар).

Использовать элементы <div> правильно, потому что в HTML4 не хватает нужной семантики для описания этих частей более конкретно. HTML5 решает эту проблему путем внедрения новых элементов для представления каждого из этих разных разделов.

Элементы <div> могут быть заменены новыми элементами <header>, <nav>, <section>, <article> и <footer>

Видео и аудио

В последние годы видео и аудио в Интернете становится все более жизнеспособным и сайты вроде YouTube, Viddler, Revver, MySpace и десятки других облегчают жизнь тем, кто публикует видео и аудио. Поскольку в настоящее время в HTML не хватает необходимых средств для успешного внедрения и управления мультимедиа, многие сайты полагаются на Flash, чтобы обеспечить эту функциональность. Хотя можно вставлять мультимедиа с помощью различных плагинов (таких как QuickTime, WindowsMedia и др.), Flash сейчас единственный широко используемый плагин, обеспечивающий кроссбраузерную совместимость с требуемыми для разработчиков API-интерфейсами.

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

Новые элементы <lot1> и <lot> делают это очень простым. Большинство API одинаково для этих двух элементов, разница лишь связана с присущими различиями между визуальным и невизуальным медиа.

Opera и WebKit выпустили версии с частичной поддержкой элемента <lot1>. Вы можете скачать эти браузеры, чтобы опробовать примеры. Opera включает в себя поддержку OggTheora, WebKit поддерживает все форматы, которые поддерживает QuickTime, включая дополнительные кодеки.

Самый простой способ вставить видео это использовать элемент <lot1> и позволить браузеру обеспечить интерфейс по умолчанию. Атрибут controls указывает, желает автор использовать пользовательский интерфейс или выключить его по умолчанию.

<lot1 src=»lot1.ogv» controls poster=»poster.jpg»

width=»320″ height=»240″>

<a href=»lot1.ogv»>Скачать ролик</a>

</lot1>

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

Так же просто вставить аудио на страницу с помощью элемента <lot>. Большинство атрибутов являются общими между элементами <lot> и <lot1>, хотя по понятным причинам у <lot> нет атрибутов width, height и poster.

<lot src=»music.oga» controls>

<a href=»music.oga»>Скачатьпесню</a>

</lot>

HTML5 предоставляет элемент <source> для указания альтернативных аудио и видеофайлов, которые браузер может выбрать на основе типа носителя или кодека. Атрибут media может быть использован для указания типа носителя, чтоб отобрать определенные устройства, атрибут type — для указания типа файла и кодека. Обратите внимание, что при использовании элементов <source>, атрибут src у родительских <lot1> и <lot> или альтернативные<source> игнорируются.

<lot1 poster=»poster.jpg»>

<source src=»lot1.3gp» type=»lot1/3gpp» media=»handheld»>

<source src=»lot1.ogv» type=»lot1/ogg; codecs=theora, vorbis»>

<source src=»lot1.mp4″ type=»lot1/mp4″>

</lot1>

<lot>

<source src=»music.oga» type=»lot/ogg»>

<source src=»music.mp3″ type=»lot/mpeg»>

</lot>

Для авторов, которые хотят больше контроля над пользовательским интерфейсом, чтобы вписать его в дизайн веб-страницы, обширный API предоставляет несколько методов и событий, позволяющим скриптам управлять воспроизведением. Простейшие методы используют play(), pause() и currentTime для перемотки в начало. Следующий пример иллюстрирует их использование.

<lot1 src=»lot1.ogg» id=»lot1″></lot1>

<script>

var lot1 = document.getElementById(«lot1″);

</script>

<p><button type=»button» onclick=»lot1.play();»>Воспроизвести</button>

<button type=»button» onclick=»lot1.pause();»>Пауза</button>

<button type=»button» onclick=»lot1.currentTime = 0;»><<Перемотать</button>

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

Представление документа

В отличие от предыдущих версий HTML и XHTML, которые определены с позиции их синтаксиса, HTML5 в настоящее время определяется в терминах объектной модели документа (DOM) —дерево представления, которое используют браузеры для отображения документа. К примеру, рассмотрим очень простой документ, состоящий из названия, заголовка и абзаца. Дерево DOM может выглядеть примерно так.

Дерево DOM включает элемент <title> внутри <head>, а также <h1> и <p> в <body>

Преимуществом определения HTML5 в терминах DOM является то, что язык сам по себе может быть определен независимо от синтаксиса. Существует два синтаксиса, которые могут быть использованы для представления HTML-документов: публикация на HTML (известная как HTML5) и публикация на XML (известная как XHTML5).

Синтаксис HTML основан на SGML, ранней версии HTML, но определен как более совместимый с браузерами на практике.

<!DOCTYPE html>

<html>

<head>

<title>HTML-документ</title>

</head>

<body>

<h1>Пример</h1>

<p>Это пример HTML-документа

</body>

</html>

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

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

Обратная совместимость с существующими браузерами.

Авторы уже знакомы с синтаксисом.

Снисходительный синтаксис не приведет к появлению «Желтого экрана смерти», при возникновении случайной ошибки.

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

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

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

Напрямую интегрируется с другими XML-технологиями вроде SVG и MathML.

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

 

2.3.4 JavaScript

 

JavaScript— мультипарадигменный язык программирования.Поддерживает объектно-ориентированный, императивный и функциональный стили. Является реализацией языка ECMAScript (стандарт ECMA-262).

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

jQuery— библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими.

 

2.3.5 MySQL

 

На MySQL составлена сама база данных, используемая сайтом.

 

2.3.6 Средства визуализации сайта

 

CSS — используется для создании списка стилей.

LESS (язык стилей) — это динамический язык стилей, который разработал AlexisSellier. Он создан под влиянием языка стилей Sass, и, в свою очередь, оказал влияние на его новый синтаксис «SCSS», в котором также использован синтаксис, являющийся расширением СSS[1].

LESS — это продукт с открытым исходным кодом. Его первая версия была написана на Ruby, однако в последующих версиях было решено отказаться от использования этого языка программирования в пользу JavaScript. Less — это вложенный метаязык: валидный CSS будет валидной less-программой с аналогичной семантикой.

LESS обеспечивает следующие расширения CSS: переменные, вложенные блоки, миксины, операторы и функции[2].

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

Основные инструменты Bootstrap:

Сетки — заранее заданные размеры колонок, которые можно сразу же использовать, например ширина колонки 140 px относится к классу .span2 (.col-md-2 в третьей версии фреймворка), который можно использовать в CSS-описании документа.

Шаблоны — фиксированный или резиновый шаблон документа.

Типографика — описания шрифтов, определение некоторых классов для шрифтов, таких как код, цитаты и т. п.

Медиа — представляет некоторое управление изображениями и видео.

Таблицы — средства оформления таблиц, вплоть до добавления функциональности сортировки.

Формы — классы для оформления форм и некоторых событий, происходящих с ними.

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

Алерты — оформление диалоговых окон, подсказок и всплывающих окон.

Таким образом, подводя итог анализа существующих систем разработки мы выбираем следующие технические средства:

Веб-сервер;

CMSWordpress;

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

 

3. Практическая часть

3.1 Выбор доменного имени

 

Перед тем, как начать работу с сайтом, мы должны выбрать ему домен или доменное имя.

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

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

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

В нашем случае это будет домен второго уровня http://mbuz-dgp9.ru. Во-первых имя домена конкретизирует сферу деятельности, во-вторых обозначает принадлежность к региону.

 

3.2 Выбор хостинга

 

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

В качестве наиболее приемлемого хостинга выбираем хость группы компаний Ru-Center.

Рисунок 3.1 — Интерфейс хостинга Ru-Center

 

3.3 Разработка проекта на сервере

 

В дальнейшем переходим в пользовательский кабинет нашего хостинга и в разделе «сайты» создаем наш сайт: http://mbuz-dgp9.ru.

Предварительно прописываем у регистратора доменных имен DNS адреса.

Таким образом, получаем следующее (рисунок 3.2):

Рисунок 3.2 — Административная панель создаваемого сайта

На следующем этапе производим установку СМS.

 

3.4 Установка CMS

 

Как уже говорилось выше, в качестве проектного решения мы выбираем СМSWordPress.

Перед тем как закачивать дистрибутив WordPress на хостинг, необходимо создать базу данных для сайта. Для этого переходим в раздел СУБД MySQL хостинга (Рисунок3.3.).

Рисунок3.3 — Панель управления базами данных

И создаем базу данных для нашего сайта.

Далее устанавливаем СМSWordPress. Для этого через FTP клиент закачиваем на хостинг дистрибутив системы управления контентом сайта.

Рисунок 3.4 — Загрузка СМSWordPress

Процесс установки следующий:

1. Разархивируйте пакет в пустой каталог и загрузите на сервер.
2. Откройте wp-admin/install.php в вашем браузере. Этот скрипт поможет вам создать файл wp-config.php с параметрами доступа к вашей базе данных.
3. Если по какой-то причине автоматическая установка не удалась, не волнуйтесь. Она работает не на всех серверах. Откройте wp-config-sample.php в текстовом редакторе наподобие WordPad и заполните параметры доступа к вашей базе данных.
4. Сохраните файл под именем wp-config.php и загрузите на сервер.
5. Откройте wp-admin/install.php в вашем браузере.
6. Как только файл конфигурации будет создан, скрипт установки создаст таблицы, необходимые для вашего блога. Если произошла ошибка, перепроверьте ваш файл wp-config.php и попробуйте ещё раз. Если снова не удалось, обратитесь на форум поддержки с как можно большим количеством собранной информации.
7. Если вы не вводили пароль, запомните тот, который вам выдан. Если вы не вводили логин, им будет admin.
8. Скрипт установки перенаправит вас на страницу входа. Войдите с логином и паролем, выбранными во время установки. Если пароль был создан автоматически, можно перейти на страницу «Профиль», чтобы сменить его.

В итоге получаем (рисунок 3.4):

Рисунок 3.4- Завершение установки

 

3.5 Установка необходимых модулей и расширений

 

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

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

Перейдем в административную часть нашего сайта.

Рисунок3.5 — Административная часть сайта

В ходе анализа предложений в интернете, мы выбрали следующие плагины:

— Buttonvisuallyimpaired;

— WP-Опросы;

— Akismet:

— HelloDolly;

— TinyMCEAdvanced.

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

 

3.6 Базы данных

 

Как известно для сайта нужна база данных.

Создание базы.

Для создания базы данных запускаем наш сервер. Затем в строке браузера обращаемся к панели управления базами данных phpmyadmin на нашем сервере, которая находится по адресу https://server73.hosting.reg.ru/manager/ispmgr

В окошке «Создать новую БД» набираем имя нашей базы и нажимаем на кнопку «Создать».

Рисунок 3.6 — Создание базы данных

Теперь надо создать пользователя для нашей базы данных, определить его привилегии и назначить пароль. Для этого выбираем пункт «добавить нового пользователя» В окне добавления нового пользователя набираем:

«Имя пользователя» – ваше имя

«Хост» — localhost,

«Пароль» — ваш пароль

«Подтверждение» — повторить пароль.

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

Физическая модель базы данных предоставлен на рисунках 3.6, 3.7, 3.8.

---

1  2  3