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

Текст из файла (страница 3)

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

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

3 Разработка web-сайта

Web-сайт (веб-сайт, сайт) – это система электронных документов (файлы данных и файлы кода) в компьютерной сети под общим адресом (IP-адрес или домен), иными словами, веб-сайт – физическое размещение веб-интерфейса в сети [32].

Web-интерфейс (веб-интерфейс) – это совокупность средств для взаимодействия пользователя с веб-сайтом через браузер. Основное требование к веб-интерфейсам – одинаковый внешний вид и одинаковая функциональность при работе в различных браузерах [33].

В настоящее время понятие «web-интерфейс» используют довольно редко, заменяя его понятием «веб-сайт» или «сайт». Несмотря на то, что слова «веб-интерфейс» и «веб-сайт» обозначают разные понятия, в настоящее время допустимо использовать их в качестве синонимов. Также, допустимо использовать в качестве синонимов понятия «web-сайт» и «web-приложение» (Интернет-приложение), так как интерактивный web-сайт является web-приложением. В настоящее время наиболее распространены именно интерактивные web-сайты [32].

3.1 Используемое программное обеспечение

Исходя из технического задания на создание сайта и определенных недостатков CMS, было принято решение – разрабатывать сайт без использования CMS.

Причины отказа от использования CMS:

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

– скорость загрузки сайта без использования CMS выше;

– CMS является универсальным способом для разработки любого типа сайта, но сайт стоматологической клиники имеет узкую направленность, поэтому при разработке сайта с помощью CMS существует вероятность того, что не удастся реализовать некоторые идеи;

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

– при создании сайта без использования CMS отсутствуют ограничения в реализации.

При разработке web-сайта ООО «Партнер» использовалось следующее программное обеспечение: Notepad++, OpenServer.

Notepad++ – это текстовый редактор с подсветкой синтаксиса для операционной системы Windows с открытым исходным кодом. Notepad++ является свободно распространяемым программным обеспечением под лицензией GNU General Public License (лицензия на программное обеспечение, по которой автор программного обеспечения передает разработанное им программное обеспечение в общественную собственность, распространяемую бесплатно) [34]. Notepad++ поддерживает большое количество языков программирования и разметки [35]. С помощью данного текстового редактора полностью прописан исходный код web-сайта для ООО «Партнер» на языке разметки гипертекста HTML, языке программирования веб-страниц JavaScript, языке сценариев PHP с использованием MySQL запросов, а также код каскадных таблиц стилей CSS. Интерфейс Notepad++ представлен на рисунке 4.

Рисунок 4 – Интерфейс Notepad++

Для того, чтобы создавать сценарии веб-страницы на языке PHP необходим интерпретатор PHP и серверный модуль. При разработке web-сайта ООО «Партнер» использовалось ПО Open Server для использования сценарного языка PHP и создания реляционной базы данных с помощью системы управления реляционными базами данных MySQL.

Open Server – это портативная программная среда и WAMP платформа для веб-разработчиков, распространяющаяся под лицензией Donationware [36] (бесплатное предоставление пользователю полностью функционирующего программного обеспечения с возможностью сделать пожертвование разработчику) [37]. WAMP платформа – пакет серверного программного обеспечения под определенную операционную систему, акроним от «Windows, Apache, MySQL, PHP», где Windows – операционная среда, для которой представлен данный пакет ПО, Apache – свободный веб-сервер [38].

Open Server позволяет создать локальный веб-сервер на устройстве. Интерфейс данного программного обеспечения представлен на рисунке 5.

Рисунок 5 – Интерфейс

Open Server

Для администрирования реляционных баз данных с помощью MySQL в Open Server используется веб-приложение с открытым кодом PHPMyAdmin. Интерфейс приложения представлен на рисунке 6.

Рисунок 6 – Интерфейс PHPMyAdmin

3.2 Структура страниц web-сайта

Все веб-страницы разрабатываемого web-приложения, кроме страницы входа администратора имеют одинаковую структуру. Эти страницы состоят из заголовка (header), панели меню (menu), области содержимого или контента (content) и «подвала» (footer). Структура страниц web-сайта представлена на рисунке 7.

Рисунок 7 – Структура страниц web-сайта

3.3 Описание элементов web-сайта

Web-сайт работает в двух режимах – в режиме пользователя и режиме администратора.

В режиме пользователя заголовком является название клиники, выполненное в фирменном стиле (рисунок 8).

Рисунок 8 – Заголовок страниц сайта

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

Рисунок 9 ­– Меню сайта

При наведении курсора мыши на определенный пункт меню, он выделяется рисунком (рисунок 10).

Рисунок 10 – Пункт меню при

наведении на него курсора

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

Рисунок 11 – Интерфейс главной страницы сайта в режиме

пользователя

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

Рисунок 12 – Увеличение изображения с использованием jQuery

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

Следующая страница сайта в панели меню – «Услуги и цены» (рисунок 13).

Рисунок 13 – Интерфейс страницы «Услуги и цены»

На данной странице представлен прайс-лист клиники, разделенный по категориям: терапия, пломбирование, ортопедия и общее. При нажатии на интересующую категорию, пользователю становится доступен список услуг и цен (рисунок 14). Данный механизм реализован с помощью языка программирования web-страниц JavaScript с помощью функции «showlist»:

function showlist(i) {

var obj = document.getElementById("list"+i);

if (obj.style.display == "none") {

obj.style.display = "block";}

else {

obj.style.display = "none";}}

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

Рисунок 14 – Просмотр раздела прайс-листа клиники

Далее в панели меню следует страница с информацией о коллективе клиники (рисунок 15).

Рисунок 15 – Интерфейс страницы «Коллектив»

Затем в панели меню сайта следует страница записи на прием (рисунок 16). Для записи на прием пользователю необходимо оставить свои данные и нажать на кнопку «Записаться». Поля, обязательные для заполнения помечены звездочкой. Для удобной формы заполнения поля «телефон» указан пример заполнения. Такая форма записи желательна для удобства работы доктора и не влияет на функционал веб-сайта. Данные рекомендации не являются обязательными, потому что пользователь может ввести как номер мобильного телефона, так и номер стационарного телефона, при этом вид записи данных номеров различается, поэтому жестким требованием в данном случае является только количество вводимых символов, а не вид вводимого номера. Реализация рекомендаций к заполнению поля «телефон» выполнена с помощью языка разметки гипертекста HTML:

<label> Телефон*:

<input id="teleph" name="teleph" type="tel" required

placeholder="Пример:+1-234-567-89-10" size="30" maxlength="16">

</input>

</label>

Если необходимые поля формы записи не будут заполнены, или будут заполнены неверно, браузер сообщит об ошибке (рисунок 17).

Рисунок 16 – Интерфейс страницы «Запись на прием»

Рисунок 17 – Оповещение браузера об ошибке

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

Список файлов ВКР