Добавлен: 23.04.2023
Просмотров: 1373
Скачиваний: 16
- персональный компьютер;
- монитор;
- клавиатура и манипулятор типа «мышь»;
- модем, для сетевого подключения;
- операционная система: Windows XP, 7, 8 ,10;
- браузер: Yandex, Opera, Amigo, Google Chrome;
- антивирусная программа: Kaspersky Lab.
Разработанный сайт по предоставлению услуг применяется в целях донести до пользователя полезную информацию с дальнейшим воздействием на оказание услуги праздничного агентства «Праздник».
Требований по установке нет, необходимо только запустить любой интернет – браузер или дважды нажать по исполняемому файлу index.php.
4.2 Руководство пользователю
После запуска исполняемого файла перед пользователем открывается главная страница сайта, главная страница сайта приведена на рисунке 4.1 – 4.3.
Рисунок 4.1 – Шапка веб-сайта праздничного агентства «Праздник»
Рисунок 4.2 – Информационный блок веб-сайта
Рисунок 4.3 – Подвал веб-сайта
Далее с помощью кнопок, расположенных на главной форме, пользователь может осуществлять различные переходы по сайту, результат переходов по страницам сайта приведён на рисунках 4.4 – 4.7.
Рисунок 4.4 – Веб-страница «О нас»
Рисунок 4.5 – Веб-страница «Услуги»
Рисунок 4.6 – Веб-страница «Наши партнеры»
Рисунок 4.7 – Веб-страница «Отзывы»
Каждая страница сайта, написана в отдельном файле, в котором прописывается, что должно отображаться на странице и так далее.
Также отдельно создан файл стиля страницы, который привязывается к файлу отображения страницы и добавляет на него прописанные в нём элементы, например, фон страницы, шрифт страницы и так далее.
Со страниц сайта также можно осуществить поиск по карте сайта и оставить заявку на оказание услуги, а также оставить отзыв, добавить новости и многое другое. Для этого пользователю необходимо нажать на соответствующую кнопку, результат оформления заявки, поиск с помощью карты сайта, добавление отзыва представлены на рисунках 4.8 – 4.10.
Рисунок 4.8 – Оформление заявки на оказание услуги
Рисунок 4.9 – Поиск с помощью карты сайта
Рисунок 4.10 – Добавление отзыва на веб-сайт
Таким образом разработанный сайт имеет простой и понятный для пользователя интерфейс, является простым в использовании, с помощью данного сайта пользователь сможет узнать всю необходимую ему информацию о проводимых мероприятиях района и другую нужную информацию.
Заключение
Результатом выполнения курсового проекта является разработанный веб-сайт по предоставлению услуг для Праздничного агентства «Праздник».
При выполнении курсового проекта первым этапом была осуществлена постановка задачи, а именно была описана предметная область, рассмотрены существующие аналоги, изучена информационная модель и функциональное назначение.
На втором этапом было проектирование задачи. На данном этапе был описан алгоритм решения задачи, осуществлено логическое моделирование и построены следующие модели: логическая схема данных, диаграмма вариантов использования, диаграмма последовательности, диаграмма классов. А также были проанализированы основные инструменты предназначенные для решения задачи.
На третьем этапе было осуществлено программная реализация, была построена физическая структура проекта, а также описаны разработанные и используемые модули.
Четвертым этапом было описано применение разработанного проекта, а именно описано назначение и условие применения сайта, и составлено руководство пользователя.
Достигнута поставленная цель и задачи в разработке веб-сайта по предоставлению услуг для Праздничного агентства «Праздник».
Список литературы
1. Пауэлл Т.А. Полное руководство по HTML. -Мн.: ООО "Попурри", 2018. - 912 с.
2. Дубаков М.А. Создание Web-страниц: искусство верстки. – Мн.: Новое знание, 2014. – 287 с.
3. Браун М., Ханикатт Д. HTML в подлиннике. Спб.: Издательство “БХВ- Петербург” – 2016. - 1048с.
4. Титтел Эд, Бурмейстер Мэри. HTML 4 для "чайников". 5-е издание. М.: Издательский дом “Диалектика -Вильямс” – 2017. - 368с.
5. Божко А. Dreamweaver 4. Базовый курс. - Москва: издательство "ДЕСС КОМ", 2015. - 448 с.
6. Дубаков М.А. Веб-мастеринг средствами CSS. - СПб.: БХВ-Петербург, 2002. – 544 с.
7. Молли Э. Хольцшлаг. Использование HTML и XHTML. Специальное издание. М.: Издательский дом “Вильямс” – 2014. - 736с
8. Коржинский С.Н. Настольная книга Web-мастера: эффективное применение HTML, CSS и Javascript. - М.:Издательский торговый дом "Кнорус", 2018. - 320с.
9. Гончаров А. Самоучитель HTML. – СПб.: Питер, 2017. – 240с.
10. Шафран Э. Создание Web-страниц: самоучитель. - СПб.: Питер, 2016. - 320 с.
Приложение А. Код программы
--Главная страница--
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Праздничное агенство "Праздник"</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/font-awesome.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
</head>
<body>
<div class="modal fade" id="modal-1">
<div class="modal-dialog modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Оставить заявку на оказание услуги
<button class="close" type="button" data-dismiss="modal">
<i class="fa fa-close"></i>
</button>
</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" role="form" method="post">
<div class="form-group">
<label class="col-md-4 control-label">Укажите ФИО:</label>
<div class="col-md-8">
<input type="text" class="form-control" name="fio" placeholder="Фамилия, Имя, Отчество">
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">Укажите вид услуги:</label>
<div class="col-md-8">
<input type="text" class="form-control" name="type_service" placeholder="Вид услуги">
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">Укажите контактный телефон:</label>
<div class="col-md-8">
<input type="text" class="form-control" name="phone" placeholder="Контактный телефон">
</div>
</div>
<div class="form-group">
<div class="col-md-offset-4 col-md-8">
<input type="submit" class="btn btn-default" name="add_service" value="Оставить заявку">
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button class="btn btn-danger" type="button" data-dismiss="modal">Закрыть окно</button>
</div>
</div>
</div>
</div>
<?php
include_once("dbconn/db.php");
if(isset($_POST['add_service']))
{
$fio = strip_tags(trim($_POST['fio']));
$type_service = strip_tags(trim($_POST['type_service']));
$phone = strip_tags(trim($_POST['phone']));
mysql_query(" INSERT INTO service(fio, type_service, phone) VALUES('$fio','$type_service','$phone')");
mysql_close();
}
?>
<div class="modal fade" id="modal-2">
<div class="modal-dialog modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Карта сайта - Праздничное агенство "Праздник"
<button class="close" type="button" data-dismiss="modal">
<i class="fa fa-close"></i>
</button>
</h4>
</div>
<div class="modal-body">
<ul class="nav navbar">
<li><a href="celebration.php">Танцевальный жанр</a></li>
<li><a href="celebration.php">Оригинальный жанр</a></li>
<li><a href="celebration.php">Фотосъемка</a></li>
<li><a href="celebration.php">Видеосъемка</a></li>
<li><a href="celebration.php">Пиротехника, фейерверки, салюты</a></li>
<li><a href="celebration.php">Цветы</a></li>
<li><a href="celebration.php">Воздушные шары</a></li>
<li><a href="celebration.php">Подбор места проведения праздника</a></li>
<li><a href="celebration.php">Звуковое и световое оборудование</a></li>
<li><a href="celebration.php">Авторская музыка</a></li>
<li><a href="celebration.php">Корпоративная программа</a></li>
<li><a href="info.php">Контакты</a></li>
<li><a href="partners.php">Наши партнеры</a></li>
</ul>
</div>
<div class="modal-footer">
<button class="btn btn-danger" type="button" data-dismiss="modal">Закрыть окно</button>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row" style="margin-top: 10px; margin-bottom: 10px;">
<div class="col-md-3">
<a href="#" class="btn btn-default" data-toggle="modal" data-target="#modal-2">Карта сайта</a>
<a href="#" class="btn btn-default" data-toggle="modal" data-target="#modal-1">Оставить заявку</a>
</div>
<div class="col-md-5"></div>
<div class="col-md-4">
<form class="form-inline" role="form" name="search" action="index.php" method="post">
<div class="form-group">
<input type="text" class="form-control" name="words" id="search" placeholder="Поиск по сайту..." style="width: 300px;">
<button type="submit" name="bsearch" class="btn btn-default"><i class="fa fa-search"></i></button>
</div>
</form>
</div>
</div>
</div>
<div class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<span class="fa-stack fa-2x" style="color: #9acfea">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-gift fa-stack-1x fa-inverse" aria-hidden="true"></i>
</span>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav" style="font-size: medium; margin-top: 5px">
<li><a href="index.php">Главная</a></li>
<li><a href="info.php">О нас</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Услуги <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="celebration.php">Организация праздников</a></li>
<li><a href="celebration.php">Свадьба</a></li>
<li><a href="celebration.php">Юбилей</a></li>
<li><a href="celebration.php">День рождения</a></li>
<li><a href="celebration.php">Новый год</a></li>
<li><a href="celebration.php">Последний звонок и выпускной вечер</a></li>
<li><a href="celebration.php">Детский праздник</a></li>
<li><a href="celebration.php">Корпоративный праздник</a></li>
<li><a href="celebration.php">Юбилей компании</a></li>
<li><a href="celebration.php">Презентация (рекламная акция)</a></li>
<li><a href="celebration.php">Банкет и фуршет</a></li>
<li><a href="celebration.php">Отдых на природе</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Наши партнеры <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="partners.php">Ведущие</a></li>
<li><a href="partners.php">Звезды эстрады</a></li>
<li><a href="partners.php">Исполнители (вокалисты)</a></li>
<li><a href="partners.php">Музыканты</a></li>
<li><a href="partners.php">Музыкальные коллективы</a></li>
<li><a href="partners.php">Диджеи</a></li>
<li><a href="partners.php">Танцоры и танцевальные коллективы</a></li>
</ul>
</li>
<li><a href="#">Музыка</a></li>
<li><a href="#">Видео</a></li>
<li><a href="#">Фотогалерея</a></li>
<li><a href="reviews.php">Отзывы</a></li>
<li><a href="info.php">Контакты</a></li>
</ul>
</div>
</div>
</div>
<div id="carousel" class="carousel slide">
<ol class="carousel-indicators">
<li class="active" data-target="#carousel" data-slide-to="0"></li>
<li data-target="#carousel" data-slide-to="1"></li>
<li data-target="#carousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="images/img1.jpg">
<div class="carousel-caption">
<h1>Праздичное агенство "Праздник"</h1>
<p>Органицазия праздников, Свадьба, Юбилей</p>
</div>
</div>
<div class="item">
<img src="images/img2.jpg">
<div class="carousel-caption">
<h1>Праздичное агенство "Праздник"</h1>
<p>День рождения, Новый год, Корпоратив</p>
</div>
</div>
<div class="item"><img src="images/img3.jpg">
<div class="carousel-caption">
<h1>Праздичное агенство "Праздник"</h1>
<p>Банкет, Отдых на природе, Детский праздник</p>
</div>
</div>
</div>
<a href="#carousel" class="left carousel-control" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<a href="#carousel" class="right carousel-control" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
<div class="container">
<div class="row" style="margin-left: 60px;">
<div class="col-md-3" id="block">
<div class="row" style="margin-top: 10px;">
<div class="col-md-4"><i class="fa fa-user-circle fa-5x"></i></div>
<div class="col-md-8"><h4>Услуги</h4></div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="col-md-12">
<p style="text-align: justify; font-size: 12px;">Праздничное агенство "Праздник" занимается организацией различного вида мероприятий. Мы организовываем:
свадьбы, юбилеи, дни рождения, новый год, последний звонок и выпускной вечер, детский праздник, корпоративный праздник, юбилей компании,