Однако в структуре Q&A этот процесс выражен явно. В каждой точке диалога система выводит в качестве подсказки один вопрос, на который пользователь дает один ответ. В зависимости от полученного ответа система может решить, какой следующий вопрос задавать. Структура Q&A предоставляет естественный механизм ввода как управляющих сообщений (команд), так и данных. Диалог на основе экранных форм. Как структура типа «вопрос — ответ», так и структура типа меню предполагают обработку на каждом шаге диалога единственного ответа. Диалог на основе экранных форм допускает обработку на одном шаге диалога нескольких ответов. На практике формы используются в основном там, где учет какой-либо деятельности требует ввода достаточно стандартного набора данных. С точки зрениярасположения: информационная система располагается на сервере, который является частью сети Интернет, и поэтому открыт для любого пользователя сети, желающего посетить его или просмотреть данные. С точки зрения физической реализации, информационную систему с веб-интерфейсом можно определить, каквеб-портал узкого целевого назначения, целью, которого является представление организации и организация ведения бизнеса в сети Интернет, состоит из веб-контента с форматированной информацией, расположенной в базе данных, механизмов обработки информации, системы администрирования, интерфейсной части, которая загружается на компьютер клиента.
2.4.
4. Прототипирование.
На этапе проектирования определяется какие модули должны присутствовать на каждой страницевеб-интерфейса.В нашем случае будет одна страница с навигацией и описанием принципов работы и остальные страницы будут реализовывать результаты выполнения запросов к базе данных.Рис.
2.5. Начальное проектирование дизайна в редакторе BalsamiqMockupsПроектировать дизайн сайта лучше с использованием одного из специальных редакторов прототипа сайта. При прототипировании мы получаем ряд прямоугольников и макетов элементов, которые требуется разместить на странице (экране). Чем выше реалистичность элементов тем выше уровень редактора (рис.
2.5).Страница не очень наглядна поэтому для финальной стадии разработки прототипа использовался редактор Axure. Итак, в качестве технологий проектирования используется прототипирование.
2.5. Разработка веб-интерфейса.
Систему отличаетособый дизайн. В данном проекте дизайну следует уделить особое внимание, так как он максимально соответствует направленности сайта и реализации задач, которые положены на сайт. Структура: Главная, Ввод данных, выборка данных, Вывод результатов, Константы и выражения, Группировка и упорядочение, Использование функций. Практически для каждого пункта горизонтального меню существует либо подменю, либо соответствующее вертикальное меню (рис.
2.6).Рис.
2.6. Реализация функций системы через меню пользователя.
В результате реализации первых двух этапов разработки были определены основные элементы технологии разработки:
среда разработки — XAMPP (тестовая разработка ведется на локальном компьютере с последующим переносом на серве);в качестве языка программирования выбран PHP версии 5.5;в качестве системы управления базами данных — СУБД MySQLi.Рис.
2.7. Структура системы Процесс обработки данных происходит по схеме «клиент — веб-серверсервер приложений — база данных». Поступивший запрос обрабатывается сервером приложений, который получает и обрабатывает информацию через СУБД и передает/получает данные из информационной системы, а при подключении к бизнес процессам больницы, выполняет взаимодействия с системами, которые реализуют эти процессы в системе интерактивного сайта или передают обработанные данные врачам, которые реализуют возложенные на них функции по медицинскому и консультационному обслуживанию пациентов в границах специфики данной информационной системы. Таким образом, для реализации системы управления интерактивным сайтом в минимальной конфигурации необходимо иметь: Web-сервер для распределения поступающих запросов и реализации разграничения доступа; сервер приложений для управления работой всех модулей и компонентов системы, в частности, бизнес-логикой, элементами функционала, подсистемами интерактивного сайта ;СУБД для реализации всех операций по хранению и обработке всех видов информации: данных о товарах, клиентах, счетах и т. п. Были определены следующие требования: цель — разработать веб интерфейс, задачами которого является передача данных из веб формы в базу данных, обработка данных и вывод данных в интерфейс. Программный продукт должен быть представлен в клиент-серверной архитектуре и работать с базой данных и реализовывать функции добавления данных из формы, выводы данных из базы в форму, организация запроса, реализация юзабилити веб-интерфейса.Основными характеристиками системы интерфейса системы являются функции, реализуемые системой, скорость обработки запросов, полнота и удобство доступа к элементам (функциям системы). Система рассчитана на работу рекламных агентов и менеджеров филиалов. Менеджерами филиалов определяются все работники руководящего и контролирующего звена организации, которые имеею доступ к функциям системы. Рекламные агенты — это работники филиалов, которые осуществляют два основных вида деятельности — заключение договоров с клиентами на разработку рекламы — дальнейшая цепочка дизайнер и заключение договоров с организациями двух типов на аренду рекламных площадок, где будет размещаться реклама.
Рис.
2.7. Элементы веб-интерфейса.
Рис.
2.8. Фрагменты разработки веб-интерфейса.
ЗАКЛЮЧЕНИЕ
При выполнении курсовой работы была проанализирована литература и Интернет источники по вопросу разработки и проектирования веб-сайтов различного направления и функциональности, проанализирована литература и определены понятия, связанные с интернет-представительствами их работой, организацией, разработкой и продвижением. Были определены виды, типы структура интерфейсов и их место в информационной системе любого предприятия. Особое внимание было уделено анализу вопросов разработки информационной системы и проектированию и разработки ее веб-интерфейса.В работе подробно описаныэтапы разработки веб-интерфейса. Рассмотрены основные положения клиент-серверной разработки, технологии, языки, средства разработчика. Была определена структура сайта и элементов его дизайна, изучены инструменты проектирования и разработки современных сайтов, установлено на локальный компьютер программное обеспечение необходимое для разработки информационной системы рекламного агентства с разветвленной филиальной структурой. В СУБД MySQL была создана база данных для Рекламного агентства. Фирма предоставляет услуги по размещению рекламы на телевидении, радио и городских площадках. Данная система может использоваться практически в любых фирмах, осуществляющих подобные заказы.
СПИСОК ЛИТЕРАТУРЫ
Агальцов В. П. Базы данных. В 2-х т. Т. 2. Распределенные и удаленные базы данных: Учебник / В. П. Агальцов.
— М.: ИД ФОРУМ, НИЦ ИНФРА-М, 2013. — 272 c. Агальцов В. П. Базы данных.
В 2-х т.Т. 1. Локальные базы данных: Учебник / В. П. Агальцов. — М.: ИД ФОРУМ, НИЦ ИНФРА-М, 2013.
— 352 c. Алгазинов, Э. К. Анализ и компьютерное моделирование информационных процессов и систем: учебное пособие / Э. К. Алгазинов, А. А. Сирота. — М.: ДИАЛОГ-МИФИ, 2009 — 416c.
Боггс.
У. UML u Rational Rose / У. Боггс, М. Боггс. — М.:Лори, 2008.
Белов В.С. Информационно-аналитические системы. Основы проектирования и применения: учебное пособие, руководство, практикум, 2-е изд., перераб. и доп. — М.: Евразийский открытый институт, 2010.
— 111 с. Баканов А. С. Эргономика пользовательского интерфейса: от проектирования к моделированию человеко-компьютерного взаимодействия / А. С. Баканов, А. А. Обознов. ;
М.: Институт психологии РАН, 2011. — 176 с. Блюмин А. М. Проектирование систем информационного, консультационного и инновационного обслуживания. Учебное пособие / А. М. Блюмин.
М.: Дашков и Ко, 2010 — 352 с. Вендров А. М. Проектирование программного обеспечения экономических информационных систем. / А. М. Вендеров. — М.: Финансы и статистика, 2000.
Вендров А.М. CASE-технологии. Современные методы и средства проектирования информационных систем. М.: Финансы и статистика, 1998.
176 с. Грекул В. И., Денищенко Г. Н., Коровкина Н. Л. Проектирование информационных систем. Интернет-университет информационных технологий. / В. И. Грекул, Г. Н. Денищенко, Н. Л. Коровкина // ИНТУИТ.ру. − 2008.
Камаев, В. А. Технологии программирования / В. А. Камаев, В. В. Костерин. — М.: Высшая школа, 2005 — 359c. Круг С. Веб-дизайн: книга Стива Круга или «не заставляйте меня думать!», 2-е издание. -.
Пер. с англ./ С. Круг — СПб: Символ-Плюс, 2008. -.
224 с.: цв. ил Петров В. И. Информационные системы. СПб. :
Питер, 2002. 688 с. Купер А., Рейман Р., Кронин Д. Алан Купер об интерфейсе. Основы проектирования взаимодействия.
— Пер. с англ. — СПб.: Символ Плюс, 2009. — 688 с., ил. Проектирование и дизайн пользовательского интерфейса/ А. К. Гультяев., В. А. Машин.- СПб.: Коронапринт, 2000.-352 с.
Рудаков, А. В. Технология разработки программных продуктов: Учебник / А. В. Рудакова. — 6-е изд., стереотип.
М.: Академия, 2011 — 208c. Соловьев, И. В. Проектирование информационных систем: Фундаментальный курс / И. В. Соловьев, А. А. Майоров. — М.: Академический проект, 2009 — 398c. Скотт Б., Нейл Т. Проектирование веб-интерфейсов. /.
Б. Скотт, Т. Нейл Символ-Плюс, 2010 год, 352 стр., Тидвелл Дж. Разработка пользовательских интерфейсов. / Дж. Тидвелл- Питер, 2007, 436 с.,. Пер. с англ. ПРИЛОЖЕНИЯПриложение А. Вид запросов к базе данных.
На додбавление данных в таблицу$query = «INSERT INTO agent VALUES ('» .$agentid." ', '" .$fil." ', '" .$agsur." ', '" .$agnam." ', '" .$agtel." ', '" .$adress." ')" ;$query = «INSERT INTO designer VALUES ('» .$designid." ', '" .$dessur." ', '" .$desnam." ', '" .$despasp." ', '" .$fil." ', '" .$adress." ', '" .$destel." ')" ;$query = «INSERT INTO television VALUES ('» .$telid." ', '" .$canal." ', '" .$count." ', '" .$data." ', '" .$time." ', '" .$dur." ')" ;Простая выборка$sql="SELECT * FROM agency WHERE ID = '$fil1'" ;$sql="SELECT * FROM agent ORDER BY $a_sort" ;Выборка с сортировкой$sql="SELECT * FROM designer ORDER BY $d_sort1, $d_sort2, $d_sort3″ ;$sql="SELECT DISTINCT * FROM television ORDER BY $t_sort" ;Избавление от повторяющихся значеий $sql="SELECT DISTINCT * FROM municipality ORDER BY $t_sort" ;Запрос из нескольких таблиц с выражением$sql="SELECT * FROM contract INNER JOIN agent WHERE agent. id=contract.id_agent AND Pay>20 000″ ;Запрос с сортировкой$sql="SELECT * FROM agent ORDER BY $a_sort" ;Выборка с условием из нескольких таблиц$sql="SELECT * FROM contract INNER JOIN agent WHERE agent. id=contract.id_agent AND Pay BETWEEN 10 000 AND 20 000″ ;$sql="SELECT * FROM contract INNER JOIN agent WHERE agent. id=contract.id_agent AND Data BETWEEN '2016;10−21' AND '2016;10−26' AND Pay>25 000″ ;С добавлением сортировки$sql="SELECT designer. ID, designer. Surname, designer.Name, agency. ID, agency. City, agency. Adress, television. ID, television. canal, contract. id, contract. Pay, contract. Data FROM designer, agency, television, contract WHERE designer. id_agency=agency.ID" ;$sql="SELECT designer. ID, designer. Surname, designer.Name, agency. ID, agency. City, agency. Adress, television. ID, television. canal, contract. id, contract. Pay, contract. Data FROM designer, agency, television, contract WHERE designer. id_agency=agency.ID ORDER BY television. canal, agency. City" ;С добавлением различных группировок$sql="SELECT designer. ID, designer. Surname, designer.Name, agency. ID, agency. City, agency. Adress, television. ID, television. canal, contract. id, contract. Pay, contract. Data FROM designer, agency, television, contract GROUP BY television. canal" ;$sql="SELECT designer. ID, designer. Surname, designer.Name, agency. ID, agency. City, agency. Adress, television. ID, television. canal, contract. id, contract. Pay, contract. Data FROM designer, agency, television, contract WHERE designer. id_agency=agency.ID AND contract. pay>20 000 GROUP BY contract. Pay" ;Приложение Б. Вид PHPфайла — элемента информационной системы.<!—начало html документа —><htmllang="ru-RU" > <!—заголовок документа—><head> <!—установка метатегов для данных о веб странице —><meta charset="UTF-8″ ><meta name="viewport" content="width=device-width, initial-scale=1″ ><title>Рекламное агентство " Поиск</title><link rel="pingback" href=".
https://booking.cruise-volna.ru/xmlrpc.php" /><!—открытиескрипта—><script type="text/javascript" > //window.datepickerDateFormat = «dd.mm.yy» ;window.datepickerAltFormat = «yy-mm-dd» ;window.themePath = «.
https://booking.cruise-volna.ru /wp-content/themes/BookYourTravel" ;window.siteUrl = «.
https://booking.cruise-volna.ru" ;window.wooCartPageUri=".
https://booking.cruise-volna.ru/cart/" ;window.useWoocommerceForCheckout = 1;window.enableRtl = false;window.currentUserId = 0;<!—закрытиескрипта—></script><link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css" ><link rel="stylesheet" type="text/css" href="css/main.css" ><script type="text/javascript" src="js/jquery.js" ></script><script type="text/javascript" src="bootstrap/js/bootstrap.min.js" ></script></head><body><?phpinclude ('connect.php'); $_SESSION['rez']=0;session_start ('first'); ?> <header class="header header-default" style="height:100px" > <div class="col-md-5″ > <imgsrc="img/logo2.jpg" style="width:10em; float: left" class="img-circle img-thumbnail" > <div class="h1 text-left" >КРЕО</div> <div class="h4 text-left" >Рекламноеагенство</div> </div> <div class="col-md-2″ >Телефонподдержки <div class="h3″ >+7917−123−23−55</div></div> <div class="col-md-5″ ><form class="navbar-for naqvbar-left" > <div class="form-group col-md-5″ > <input type="text" class="form-control" placeholder="Поиск" > </div> <div class="col-md-1″ ><button type="submit" class="btnbtn-default" >Искать</button></div> </form></div> <div class="col-md-1″ style="border:1px solid lightblue; background-color:lightblue" ><button type="button" >Кабинет</button></div> </header> <section> <nav class="navbarnavbar-default" > <div class="container-fluid" > <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1″ > <ul class="navnavbar-nav" > <li class="active" ><a href="index.php" >Главная<span class="sr-only" >(current)</span></a></li> <li> <a href="page1.php" >Вводданных</a></li> <li><a href="page2.php" >Выборкаданных</a></li> <li><a href="page3.php" >Выводрезультатов</a></li> <li class="dropdown" > <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >Константыивыражения<span class="caret" ></span></a> <ul class="dropdown-menu" > <li><a href="page4.php" >Телевидение/радио</a></li> <li><a href="page5.php" >Муниципалитеты</a></li> <li role="separator" class="divider" ></li> <li><a href="page6.php" >Реклама</a></li> <li><a href="page7.php" >Дизайнеры</a></li></ul> </li> <li><a href="page8.php" >Группировка и упорядочивание</a></li> <li><a href="page9.php" >Использование функций</a></li> </ul> </div> </div> </nav> </section><divclass="h3 default" >Список агентов с договорами более 20 000 руб.</div><?php //$a_sort=$_POST['a_sort']; //echo «$fil1″; //$t_sort="canal»; $sql="SELECT * FROM contract INNER JOIN agent WHERE agent. id=contract.id_agent AND Pay>20 000″ ;if ($rezult=mysqli_query ($link, $sql)) {echo «Ok» ;} else {echo «no» ;}?><table class="table table-striped table-bordered table-hover" ><tr><th>Id</th><th>Фамилия</th><th>Имя</th><th>Телефон</th><th>Дата</th><th>Стоимость</th></tr><?phpif (true){ // выводимданныеwhile ($ag = mysqli_fetch_assoc ($rezult)){$pole1=$ag['ID']; $pole2=$ag['Surname'];$pole3=$ag['Name']; $pole4=$ag['Telephon']; $pole5=$ag['Data']; $pole6=$ag['Pay'];//echo «</td></tr>» ;echo «<tr><td>$pole1</td><td>$pole2</td><td>$pole3</td><td>$pole4</td><td>$pole5</td><td>$pole6</td></tr>» ;} //echo «<tr><td>$pole1</td><td>$pole2</td><td>$pole3</td></tr>»; } /* очищаемрезультатывыборки */mysqli_free_result ($rezult);/* закрываем подключение */mysqli_close ($link);?></table></div></section><footer></footer></body></html>
