Если у вас возникли сложности с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой - мы готовы помочь.
Предоплата всего
Подписываем
Изм.
Лист
№ докум.
Подпись
Дата
Лист
12
КП 230103.58.0275. ПЗ
Введение
Темой курсового проекта является разработка веб-сайта автомойки «Avtofresh». Разработанный веб-сайт содержит общую информацию об автомойках, которая включает в себя: информацию от посетителей (отзывы); сведения о руководстве «Avtofresh»; контактные данные; стоимость всех видов услуг; постоянно обновляющиеся новости. Так же сайт содержит контактную информацию, которая может быть полезна для всех желающих посетить автомойку: время работы, схема проезда.
Цель курсового проекта - дать общее представление посетителям, о качестве проведения и выполнению работ по очистке автомобиля, информировать посетителей о времени работы автомойки, о стоимости услуг и времени выполнения. Свойства веб-сайта:
1.Постановка задачи
1.1 Обоснование необходимости создания сайта
Задача автомойки – стать популярной и престижной среди других автомоек, а также предложение дополнительных услуг таких, как химчистка салона авто, чистка комплектующих автомобиля, предпродажная подготовка. Поэтому автомойка должен общаться с клиентами 24 часа в сутки и просматривать страницу отзывов, в которой посетители делятся впечатлениями о предложенном сервисе. Предоставляется адресная и контактная информация тем людям, которые впервые хотят посетить автомойку. Предоставлена информация о моющих средствах подобранных индивидуально в зависимости от типа лакокрасочного покрытия автомобиля и марки машины. Сайт так же может предоставить посетителям сайта информацию о фирмах изготовителях моющих средств и какое место по популярности продаж они занимают на экономическом рынке.
1.2 Описание данных системы
1.2.1 Входные документы
1) Данные пользователя - содержит поля: имя, логин, пароль, повторение пароля. Происходит проверка данных, если введенный логин пользователя совпадает с логином, хранящийся уже в базе данных, то выдается ошибка: «Извините, введённый вами логин уже зарегистрирован. Введите другой логин». Если пользователь заполнил все поля правильно, то выдается сообщение: «Вы успешно зарегистрированы». Форма заполнения представлена на рисунке 1.
Рисунок 1 – Регистрация на сайте
Рисунок 2 – Успешная регистрация
3) Отзывы
Зарегистрированный пользователь сайта сможет оставить свой отзыв. Содержит информацию, оставленную пользователем. Форма отзыва представлена на рисунке 5.
Рисунок 5 – Форма «Отзывы»
4) Контактные данные
На страничке имеется информация о адресе местонахождения боксов автомойки, время работы, номере телефона. Данных об автомойке представлены на рисунке 6.
Рисунок 6 – Форма «Контактные данные»
6) Полезная информация
На форме содержится рекламная информация о моющих средствах для автомобиля. Полезная информация представлена на рисунке 7.
Рисунок 7 – Форма «Полезная информация»
7) Стоимость услуг
На форме содержится таблица стоимости услуг. Информация о стоимости услуг представлены на рисунке 8.
Рисунок 8 – Форма «Стоимость услуг»
1.2.2 Выходные документы
1) Отзывы. Содержит имя отправителя, текст;
2) новости;
3) контактная информация;
4) полезная информация;
5) стоимость услуг.
Схема информационных потоков представлена на рисунке 9.
Рисунок 9 – Схема информационных потоков
I1 – Данные пользователя;
I2 – отзывы;
I3 – новости;
I4 – полезная информация;
I5 – контактные данные;
I6 – стоимость услуг.
В1 – имя;
В2 – текст отзыва;
В3 – сохранение информации – новости;
В4 – сохранение информации - полезная информация;
В5 – сохранение информации - контактные данные;
В6 – сохранение информации - стоимость услуг.
О1 – Отзывы;
О2 – новости;
О3 – полезная информация;
О4 – контактные данные;
О5 – стоимость услуг.
1.3 Описание функций системы
Исходя из требований заказчика, были выделены следующие функции:
6) Авторизация – предоставление посетителю сайта полномочий на выполнение определенных действий (оставить отзыв об автомойке). Пользователь вводить свой логин и пароль, если данные верны, выводится сообщение «Вы успешно зашли на сайт!». Если пользователь ввел неправильные данные, выводится сообщение об ошибке «Неправильно введет логин или пароль», авторизация не происходит.
Запросы пользователя:
Запрос 1
Регистрация. Для регистрации необходимы данные посетителя сайта. На форме «Регистрация», пользователь вводит имя, логин, пароль, повторяет ввод пароля. Если пользователь заполнил все поля правильно, то при нажатии кнопки «Зарегистрироваться», выводится сообщение об успешной регистрации. Если пользователь неправильно повторил ввод пароля, то выводится сообщение о том, что пароль неправильно был повторен, и пользователь снова повторяет попытку регистрации. Если пользователь ввел логин, который уже существует, то выдается ошибка «Извините, введённый вами логин уже зарегистрирован. Введите другой логин».
Запрос 2
Авторизация. После того, как пользователь зарегистрировался на сайте, ему необходимо авторизоваться. Авторизация предоставляет посетителю сайта полномочий на выполнение определенных действий, такой как оставить отзыв о автомойке. Для авторизации пользователь заполняет поля: логин и пароль. Если авторизация прошла успешно, то на экране появляется сообщение, о том, что пользователь зашел на сайт.
Запрос 3
Отзывы об автомойке. Зарегистрированные и авторизованные пользователи на форме «Отзывы» могут оставить отзыв. На форме содержится информация, которую оставил пользователь и его имя.
Запрос 4
Контактные данные. В меню выбираем пункт «Контактные данные» и переходим на нужную нам форму. При посещении страницы должна быть представлена информация о времени работы, телефон, схема проезда.
Запрос5
Полезная информация. В меню выбираем пункт «Полезная информация» и переходим на нужную нам форму. При посещении страницы должна быть представлена рекламная информация о моющих средствах и полезных вещах для автомобиля.
Запрос5
Стоимость услуг. В меню выбираем пункт «Стоимость услуг» и переходим на нужную нам форму. При посещении страницы должна быть представлена таблица с наименованием и стоимостью услуг.
1.4 Построение SADT – диаграммы
SADT – диаграмма представлена на рисунке 10.
I – входные потоки данных,
В – управляющие потоки данных,
О – выходные потоки данных.
Рисунок 10 – SADT – диаграмма
1.5 Построение DFD – диаграммы
DFD – диаграмма представлена в приложении А.
Словарь требований
Хранилище D1 – содержит логин, пароль, имя. Регистрация - данные поступают из процесса А1 (Регистрация). Авторизация - данные поступают из процесса А2 (Авторизация).
I1 – Данный пользователя;
Хранилище D2 – содержит список отзывов об автомойке. Отзывы – поступают из процесса А3 (Ввод и редактирование отзывов).
I2 – отзывы;
Хранилище D3 – содержит информацию об новостях. Данные об новостях - поступают из процесса А4 (Ввод и редактирование данных).
I3 – новости;
Хранилище D4 – содержит информацию об полезной информации. Данные об полезной информации - поступают из процесса А5 (Ввод и редактирование данных).
I4 – полезная информация;
Хранилище D5 – содержит информацию об стоимости услуг. Данные об стоимости услуг - поступают из процесса А6 (Ввод и редактирование данных).
I5 – стоимость услуг;
Хранилище D6 – содержит информацию об контактах. Данные об контактах - поступают из процесса А7 (Ввод и редактирование данных).
I6 – контактные данные.
1.6 Построение концептуальной модели
Концептуальная модель представлена на рисунке 11.
В результате анализа предметной области были выведены сущности Пользователь и Отзывы. Выделенные сущности имеют следующие атрибуты:
Пользователь (номер пользователя, логин, пароль, имя).
Отзывы (номер отзыва, имя пользователя, сообщение, дата отправленного сообщения).
Рисунок 11 – Концептуальная модель
1.7 Логическое проектирование
Таблица 1 – Users – Пользователь
|
Атрибут |
Смысловое описание |
Тип |
Ограничения |
Значения по умолчанию |
Ключ |
|
id |
Табельный номер пользователя |
Числовой |
0-9999 |
не пусто,>=0 |
Первичный |
|
login |
Логин пользователя |
Символьный |
15 |
не пусто |
|
|
password |
Пароль |
Символьный |
15 |
не пусто |
|
|
name |
Имя |
Символьный |
20 |
не пусто |
Таблица 2 – Msgs – Отзывы
|
Атрибут |
Смысловое описание |
Тип |
Ограничения |
Значения по умолчанию |
Ключ |
|
id |
Табельный номер отзыва |
Числовой |
0-9999 |
не пусто,>=0 |
Первичный |
|
name |
Имя пользователя |
Символьный |
20 |
не пусто |
|
|
msg |
Отзыв пользователя |
Текстовый |
- |
не пусто |
|
|
time |
Дата, отправленного сообщения |
Дата |
- |
не пусто |
1.7.1 Описание базы данных
Сведения о пользователе.
Users (id, login, password, name).
Первичный ключ – id.
Сведения о отзывах.
Msgs (id, name, msg, time).
Первичный ключ – id.
1.7.2 Анализ транзакций.
Т1: Регистрация пользователя.
При выполнении Т1 производится добавление данных в базу данных Avtofresh в таблицу Users (id, login, password, name).
Т2: Авторизация пользователя.
При выполнении Т2 производится сравнение данных, хранящихся в базе данных Avtofresh в таблице Users логина и пароля (login, password). Если пользователь сайта ввел правильно логин и пароль, то он авторизуется, иначе выдается ошибка, и пользователь не проходит авторизацию.
Т3: Отзывы.
При выполнении Т3 производится добавление данных в базу данных Avtofresh в таблицу Msgs (id, name, msg, time).
R1: «Отзывы»
Производится выборка данных из таблицы Msgs (id, name, msg, time) и выводится на страницу.
1.8 Проектирование структуры сайта
Каждая веб-страница должна содержать:
Схема сайта представлена на рисунке 12.
Рисунок 12 – Схема сайта
Навигационная схема сайта представлена в приложении Д.
2 Расчетная часть
2.1 Проектирование физической структуры базы данных
Таблица 3 – Users – Пользователь
|
Атрибут |
Смысловое описание |
Тип |
Ограничения |
Ширина |
Значения по умолчанию |
Ключ |
|
id |
Табельный номер пользователя |
Integer |
0-9999 |
4 |
Auto Increment |
Primary |
|
login |
Логин пользователя |
Varchar |
15 |
15 |
не пусто |
|
|
password |
Пароль |
Varchar |
15 |
15 |
не пусто |
|
|
name |
Имя |
Varchar |
20 |
20 |
не пусто |
Таблица 4 – Msgs – Отзывы
|
Атрибут |
Смысловое описание |
Тип |
Ограничения |
Ширина |
Значения по умолчанию |
Ключ |
|
id |
Табельный номер отзыва |
Integer |
0-9999 |
4 |
Auto Increment |
Primary |
|
name |
Имя пользователя |
Varchar |
20 |
20 |
не пусто |
|
|
msg |
Отзыв пользователя |
Text |
- |
- |
не пусто |
|
|
time |
Дата, отправленного сообщения |
Timestamp |
- |
- |
не пусто |
На рисунке 13 представлена концептуальная модель разработанная средствами PhpMyAdmin. Линиями указаны связи в базе данных. Данные типа int – целочисленные, типа varchar – строковые, типа text – переменной длинны.
Рисунок 13 – Концептуальная модель
2.2 Разработка страниц сайта.
Схема работы сайта с указанием идентификаторов для каждой страницы и каждого программного модуля показано в приложении Б.
Описание интерфейса страниц с указанием назначения отдельных элементов:
Index.php, default_subject.php, about.php, contact.php, inform.php, service.php, inreg.php, reg.php - страницы разрабатывалась с использованием языка разметки страницы HTML, скриптового языка программирования PHP, а также таблиц стилей CSS. Используется внутренний, глобальный CSS. Подключается связная таблица стилей Style.css. Листинг представлен в приложении В. Листинг Style.css представлен в приложении Г. Листинг SQL запросов представлен в приложении В.
2.3 Схема работы сайта с указанием идентификаторов для каждой страницы и каждого программного модуля показано в приложении Д.
3 Тестирование и отладка
При разработке программ наиболее трудоемким является этап отладки и тестирования программ. Цель тестирования заключается в выявлении имеющихся в программе ошибок. Цель отладки состоит в выявлении и устранении причин ошибок.
При этом обязательными критериями для сдачи проекта являются следующие пункты:
В основном всплывают такие ошибки, как различное отображение сайта в различных браузерах. На сегодняшний день в Интернете больше сайтов, которые не адаптируют ко всем браузерам, и поэтому приходиться загружать сразу несколько браузеров одновременно и смотреть один и тот же сайт. Иногда в одном браузере нельзя сохранить сайт, а в другом это сделать можно. Также могут не работать одни виды меню, а в другом браузере работают отлично. Данный сайт был разработан при помощи браузера Mozilla firefox, в нём произведем все действия пользователя при посещении сайта и добавления отзывов.
Для проверки всего функционала сайта зарегистрируем нового пользователя и проведем все необходимые работы:
Визит на сайт в качестве неавторизованного пользователя.
Данный пункт проверки ошибок не обнаружил, все пункты меню работают исправно. Визит на сайт в качестве неавторизованного пользователя представлен на рисунке 14.
Рисунок 14 - Визит на сайт в качестве неавторизованного пользователя
Регистрация пользователя
На форме регистрации пользователя используются такие проверки как: уникальность логина, проверка правильности повторении пароля, заполнение всех полей. Листинг программы расположен в приложении.
Проверка на уникальность логина
Пользователь с логином Visp123 уже имеется в базе, попробуем зарегистрировать его снова. Ввод данных предоставлен на рисунке 15.
После нажатия на кнопку зарегистрироваться, выдалось сообщение о том, что пользователь с таким логином уже существует. Сообщение об ошибке представлено на рисунке 16.
Рисунок 15 – Проверка на уникальность логина - ввод данных
Рисунок 16 – Проверка на уникальность логина – сообщение об ошибке
Проверка правильности повторения пароля
При проверке пробуем ввести 2 разных пароля. Ввод двух разных паролей представлен на рисунке 17.
Рисунок 17 – Проверка правильности повторения пароля - ввод двух разных паролей
Проверка заполнены ли все поля.
При регистрации, пользователю необходимо заполнить все поля. Заполнение все полей обязательно. При проверке пробуем не заполнять некоторые поля поочередно. Форма с незаполненными полями представлена на рисунках 18, 19.
Рисунок 18 – Проверка заполнены ли все поля, имя - незаполненное поле.
Рисунок 19 – Проверка заполнены ли все поля, пароль - незаполненное поле.
Успешная регистрация пользователя
При заполнении всех полей пользователь успешно регистрируется в систему. Ввод данных в форму регистрации представлен на рисунке 1. Сообщение об удачной регистрации представлено на рисунке 2. Его информация добавляется в базу данных, что подтвердит успешная авторизация этого пользователя при проверке формы авторизации.
Авторизация пользователя
При авторизации пользователя может возникнуть ошибочная ситуация, при которых выведутся соответствующие сообщения.
Ошибка пустых полей
При нажатии на кнопку войти, если пользователь не заполнил поля логин или пароль выведется соответствующее сообщение об ошибке. Сообщение об ошибке представлено на рисунке 20,21.
Рисунок 20 – Авторизация пользователя – ошибка пустых полей – пароль – пустое поле
Рисунок 21 – Авторизация пользователя – ошибка пустых полей – логин – пустое поле
Ошибка ложных данных
При нажатии на кнопку войти, при этом введя ложные или ошибочные логин и пароль выведется соответствующее сообщение об ошибке. Сообщение об ошибке представлено на рисунке 22.
Рисунок 22 – Авторизация пользователя – ошибка ложных данных
Удачная авторизация пользователя
При нажатии на кнопку войти, при этом введя без ошибок свои логин и пароль, у пользователя появляется возможность оставить свой отзыв о сайте. Изменения в сайте после удачной авторизации представлены на рисунке 23.
Рисунок 23 – Авторизация пользователя – удачная авторизация
Добавление отзыва авторизованным пользователем
Авторизованный пользователь может оставить свой отзыв на сайте. Удачное добавление отзыва и просмотр отзыва на сайте представлены на рисунке 24,25.
Рисунок 24 – Удачное добавление отзыва
Рисунок 25 – Просмотр отзывы на сайте
Просмотр сайта на мониторах с различной разрешающей способностью.
Для сайта был выбран динамический способ отображения, поскольку наиболее эффективно использует доступное пространство. Он наиболее удобен для пользователей со стандартными разрешениями экрана, но при чрезмерно высоких или чрезмерно низких разрешениях может вести себя нестабильно. Рассмотрим поведение сайта при различных разрешениях
- 800х600 и более низкие разрешения. Сайт поддерживает работу в этих разрешениях, но, тем не менее, их использование является нежелательным, поскольку работать с сайтом будет неудобно.
- 1024x768, 1200x800. Это оптимальные разрешения для просмотра сайта. Они же установлены не менее, чем у 85% пользователей. При использовании этих разрешений сайт производит наилучшее визуальное впечатление, а информация расположена оптимальным образом.
- 1360x824 и более высокие разрешения. Сайт поддерживает работу в этих разрешениях, но, тем не менее, их использование является нежелательным, поскольку шаблон дизайна слишком сильно растягивается под высокое разрешение экрана.
Заключение
В соответствии с заданием к курсовому проекту, необходимо было разработать сайт автомойки «Avtofresh».
Данный проект был разработан с учетом требований заказчика по оформлению сайта, по информационному и графическому наполнению, по функциональным возможностям.
Во время разработки сайта были выявлены потоки данных в предметной области. Доказана актуальность данного проекта.
При отладки и тестировании ошибок, неработающих ссылок не выявлено.
Разработанный сайт позволил максимально автоматизировать работу информационных потоков автомойки «Avtofresh». Задача достаточно актуальна и может быть внедрена в эксплуатацию.
Библиографическая ссылка