Файл: Разработка сайта для парикмахерской.pdf

Введение

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

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

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

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

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

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

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

Задачами для достижения поставленной цели являются:

• Разработка дизайна сайта
• Создание базы данных
• Программирование внутренней логики сайта
• Тестирование работы на локальном сервере.

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

Глава 1. Техническое задание и выбор средств реализации.

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

---

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

Рисунок 1. Структурная схема предприятия.

Владелец сети «Парикмахерская №1» надеется благодаря созданию сайта увеличить объемы оказания услуг и прибыль за счет привлечения большего числа клиентов, открытию новых салонов – расширить бизнес.

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

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

Обычно сайт представляет собой набор страниц, на который отображены текстовая, графическая и иная информация в понятном посетителям виде. Эти страницы имеют свою логику построения и стандартизированный язык. Этот язык называется HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки»). Чтобы придать динамичности и интерактивности на странице, необходимо использовать другой язык, который называется Javascript.

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

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

Лидером среди языков по использованию при создании веб сайтов является PHP. Это скриптовый язык общего назначения, который поддерживается подавляющим большинством хостинг-провайдеров. Я буду его использовать для построение внутренней логики работы сайта.

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

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

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

• Яндекс браузер версии 21
• Opera браузер версии 73
• Internet Explorer версии 11
• Mozilla Firefox версии 85
• Google Chrome версии 88

---

Функционально внутренняя программа, написанная на PHP, должна уметь:

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

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

1. Главная страница
2. О компании
3. Услуги
4. Предварительная запись
5. Отзывы о нас
6. Контакты
7. Страница администратора

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

На странице администратора должен быть доступен интерфейс для

• Ответов на отзывы
• Просмотр и редактирование списка работающих специалистов
• Просмотр посещений сайта
• Назначение скидки зарегистрированным посетителям.

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

• www.Google.com
• www.Yandex.ru
• www.bing.com
• www.baidu.com

Глава 2. Описание модулей серверной части и их взаимодействие.

2.1 Общая структура

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

Серверная часть

Клиентская часть

БД

Рисунок 2.1 Общая структура сайта.

Серверная часть работает на отдельном хостинге и должна решать следующие задачи:

• разграничение доступа
• добавление записи в расписание
• возможность отвечать на отзывы о мастерах
• редактирование списка работающих мастеров
• вести учёт пользователей

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

---

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

Таблица 2.1 Таблица с описание программных модулей

Название модуля	Назначение
Auth.php	Модуль авторизации
Otzivi.php	Модуль управления отзывами
Masters.php	Модуль управления информацией о мастерах
Zapis.php	Модуль записи к конкретному мастеру и занятость
Statistik.php	Модуль ведения статистики
DB.php	Модуль работы с базой данных
Controll.php	Модуль контроллера вызовов

Страница

авторизации

Главная страница сайта

Возможность

записи

Редактор мастеров

Ответы на отзывы

Страница администратора сайта

Статистика

сайта

Рисунок 2.2 Структура серверной части.

2.2 Алгоритм работы сайта

Алгоритм взаимодействия пользователей и администраторов сайта приведен в виде UML диаграммы последовательности и представлен на рисунках 2.4 - 2.6.

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

Рисунок 2.3 Алгоритм работы при запросе главной страницы и авторизации в виде UML последовательности.

Рисунок 2.4 Алгоритм работы при запросе мастеров и записи к ним в виде UML последовательности.

Рисунок 2.5 Алгоритм работы при работе с отзывами в виде UML последовательности.

Рисунок 2.6 Алгоритм работы при запросе статистики посещения в виде UML последовательности.

2.3 Средства разработки

В качестве средства разработки и отладки программного решения серверной части выбрана специализированная свободная интегрированная для создания кода на языке PHP - IDE NetBeans. Эта среда имеет возможность полной интеграции с веб-стандартами, а также реализует полную поддержку технологий разработки HTML5, JavaScript и CSS3.

---

Эта среда бесплатная, т.е. каждый может её использовать для разработки программных решений и не платить создателям NetBeans.

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

• Наблюдение за переменными
• Установка точек останова и просматривание выполнение кода в реальном времени
• Переход к действиям объявления, типам и файлам
• Использование глобального пути включения (include)

DB.php

Controll.php

Запрос

Auth.php

Otzivi.php

Masters.php

Zapis.php

Statistik.php

Рисунок 2.7 Дерево вызова программных модулей.

В качестве локального сервера выбран локальный сервер WAMP (общепринятая аббревиатура Windows, Apache, MySQL и PHP) – Денвер. Этот набор инструментов содержит интерпретатор PHP, библиотеки работы с базой данных, дистрибутив систему управления данными MySQL и веб-сервер Apache.

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

Также вместе с MySQL поставляется панель администрирования phpMyAdmin, которая позволяет полностью проводить администрирования созданной базы данных.

Этапы реализации функционала серверной части представлены на рисунках 2.8-2.10.

На рисунке 2.8 представлен процесс разработки и тестирования модуля Controll.php. Этот модуль отвечает за обработку вызовов пользователей и в зависимости от них реализует логику всего приложения. Часть некоторых функций приведены в Приложении 1. Более подробно список используемых функций данным модулем приведен в таблице 2.2.

Рисунок 2.8 Проектирование модуля Controll.php.

Модуль «Отзывы» позволяет просматривать и добавлять ответы на отзывы от посетителей. У посетителей на каждого мастера есть возможность оставить отзыв. Такая возможность позволяет другим посетителям сделать правильный выбор, а для мастеров служит дополнительным стимулом делать свою работу лучше. На рисунке 2.9 представлен процесс разработки и тестирования модуля Otzivi.php. Часть некоторых функций приведены в Приложении 1.

Для администратора ведется статистика посещения пользователями сайта. Эта информация важна, так как дает представление откуда пришли посетители, сколько раз и в какой промежуток времени они приходили. Можно понять какой самый популярный мастер, а какой наименее. На рисунке 2.10 представлен процесс разработки и тестирования модуля Statistik.php. Часть некоторых функций приведены в Приложении 1.

---