Архитектура разрабатываемого продукта

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ

ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ

«РОССИЙСКИЙ ГОСУДАРСТВЕННЫЙ СОЦИАЛЬНЫЙ УНИВЕРСИТЕТ»

КУРСКИЙ ИНСТИТУТ СОЦИАЛЬНОГО ОБРАЗОВАНИЯ

(ФИЛИАЛ) РГСУ

 

Инженерно-технический факультет

Кафедра информационных систем и информационного права

 

КУРСОВОЙ ПРОЕКТ

КП.230102.65.07.24.2013 ПЗ

по дисциплине: «Проектирование автоматизированных систем обработки информации и управления»

 

на тему: «Разработка web-ориентированного клиент-серверного приложения»

 

                             

 

 Выполнил студент(ка) АСУ-1-З-2010-1-СППО  

специальности «Автоматизированные системы обработки

 информации и управления»                                    Носова Н.Н.

заочной формы обучения

       

Руководитель: к.т.н., доцент                                          Зайцев С.А.

 

Приняли члены комиссии:

председатель:  канд. техн. наук, доцент              Гранкин А.Н.

члены комиссии:

канд. техн. наук, доцент                                   Горбатенко С.А.

 канд. пед. наук, доцент                                    Крапивка С.В.

 

                  

Проект защищен с оценкой

_______________

«__»_______2013 г.

Курск 2013 г.

Содержание

 

Введение. 3

1 Техническое задание. 5

1.1 Обоснование требований к комплексу технических средств. 5

1.2 Описание функциональной структуры.. 5

1.3 Выбор инструментальных средств разработки. 6

2 Архитектура разрабатываемого продукта. 8

2.1 Разработка внутренней структуры.. 11

3 Этапы работы с Web - приложением. 16

Заключение. 20

Список литературы.. 21

Приложения. 23

 

 

Введение

 

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

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

Бурное развитие вычислительной техники, потребность в эффективных средствах разработки программного обеспечения привели к появлению программ, предназначенных специально для создания сайтов. К таким программам относятся Microsoft FrontPage, Macromedia Dreamweaver CS3, блокнот и многие другие.

Назначение разработки сайта заключается в предоставлении пользователям информации о салоне «Вероника».

Объектом исследования курсового проекта является процесс управления обработкой заявок на продажу коллекций салона «Вероника».

Предметом исследования является методика обработки заявок на продажу коллекций салона «Вероника».

Целью курсового проекта является автоматизация заявок на продажу коллекций салона «Вероника».  

Для достижения цели был проведен анализ различных web-приложений салонах одежды, а также онлайн-конструкторов ucoz.ru и narod.ru в сети Internet.

Основными процессами жизненного цикла программного продукта являются:

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

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

– рабочий проект, в которое входит: программа и методика испытаний; создание эксплуатационной документации (руководство системного программиста, руководство оператора).

Информация хранится в виде html-документов.

Источниками данных являются каталог коллекций и нормативные документы салона «Вероника».

 

1 Техническое задание

  1.1 Обоснование требований к комплексу технических средств

Для разработки web-приложения салона «Вероника» необходимы следующие технические требования:

Персональный компьютер:

– объем оперативной памяти 1024 Мб;

– объем жесткого диска - 80 Гб;

процессор с тактовой частотой 2.0 ГГц.

Программное обеспечение:

- Microsoft Windows XP Professional SP3;

- Adobe Dreamweaver CS3;

- Windows Internet Explorer 8.0.

    1.2 Описание функциональной структуры

Результатом выполнения курсовой работы является web-приложение «Салон «Вероника».

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

Данная разработка будет использоваться пользователями сети Internet.

Web-приложение должно выполнять следующие функции:

запуск web-приложения;

просмотр коллекций;

увеличение размеров изображение;

отправка сообщений при помощи гостевой книги;

отправка запроса на предоставление прайса;

навигация по сайту с помощью меню.

Описание информационных и управляющих связей между компонентами продукта представлено на рисунке 1.

·

Пользователь

Web-страница

Web-сервер

Интерпретатор  java

·

Рисунок 1 - Интерфейс продукта

   

1.3 Выбор инструментальных средств разработки

Для создания Web-приложения использовалась программа Dreamweaver внешний вид которой представлен в приложении А. В ней есть такие возможности как:

- идеальное сочетание визуальных инструментов и средств для редактирования кода;

-  свобода выбора технологий;

-  разработка сложных Интернет- приложений для любых типов браузеров;

-  надежная защита элементов сайта;

-  использование каскадных таблиц стилей;

-  интеграция с необходимыми для работы приложениями

Также для разработки Web-приложения целесообразно использовать язык программирования Javascript. Java script - это язык программирования, используемый в составе html страниц, с целью увеличения функциональности сайта. Java script был разработан фирмой Netscape в сотрудничестве с Sun Microsystems на базе языка Sun's Java. Java скрипты выполняются на стороне клиента, хотя изначально Liveware - прародитель java script, являлся серверным языком программирования. Итак, с помощью JavaScript можно создавать красивые и интерактивные веб страницы, что невозможно сделать стандартными тегами html. Скрипты выполняются в результате каких-либо событий, инициированных действиями пользователя. Это может быть - наведение курсора, клик и т.д. Java script поможет вам создавать функциональные веб страницы.

Повышенное внимание, уделяемое сегодня JavaScript, объясняется его возможно­стями на стороне клиента. Тем не менее, JavaScript можно также использовать в каче­стве инструментального средства написания сценариев серверной стороны. Microsoft поддерживает JScript в ASP и ASP.NET (он называется JScript.NET) как язык написа­ния сценариев для серверной стороны.

Таким образом, создание скриптов Java Script, требует наличия любого текстового редактора и подходящего браузера. Чтобы запустить скрипт написанный на языке Java Script, понадобится только браузер, способный обрабатывать скрипты. Например, Netscape Navigator (начиная с версии 2.0) или Microsoft Internet Explorer (начиная с версии 3.0). С тех пор, как оба эти браузера получили самое широкое распространение, практически все пользователи сети получили возможность работать с Java скриптами, которые, несомненно, улучшают как внешний вид, так и функциональность веб страниц.

PHP – это язык серверных скриптов (server scripting language), встраиваемый в HTML, который интерпретируется и выполняется на сервере.

До того, как сервер "отдаст" файл браузеру, его просматривает препроцессор-интерпретатор. Для того, чтобы это происходило, файлы, которые подвергаются обработке препроцессором, должны иметь определенное расширение (обычно это.phtml или.php3, но эти значения можно поменять) и содержать (хотя это не обязательное требование) код для препроцессора. Перед отправкой страницы PHP-код проигрывается на сервере и брокеру выдается результат в виде опять таки HTML-страницы, которая может сильно отличаться от той, что хранится на сервере. Обычные же страницы, имеющие расширение.html/.htm Web-сервер будет отправлять браузеру без какой-либо обработки.

PHP называется языком серверных скриптов в отличие от JavaScript/Jscript/VBScript, которые являются языками клиентских скриптов. Это значит, что PHP-скрипт выполняется на сервере, а клиенту передается результат его работы, тогда как в JavaScript-код полностью передается на клиентскую машину и только там выполняется браузером.

В нескольких словах – на PHP можно сделать все, что можно сделать с помощью CGI–программ. Например: обрабатывать данные из форм, генерировать динамические страницы, получать и посылать куки (cookies).

Кроме этого в PHP включена поддержка многих баз данных (databases), что делает написание Web-приложений с использованием БД до невозможности простым.

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

- PHP абсолютно бесплатен;

- имеющие опыт программирования на распространенных языках найдут синтаксис PHP хорошо знакомым;

- один и тот же PHP-код можно использовать как в среде NT, так и на платформах UNIX.

 

 

Архитектура разрабатываемого продукта

Структура гипертекстовой системы web-приложения салона «Вероника» представлена в приложении В.

Назначение модулей web-приложения салона «Вероника»:

– index.htm – модуль, формирующий главную страницу;

– about/index.htm– модуль, формирующий общую информацию о салоне;

– vacancies/index.htm – модуль, формирующий информацию о вакансиях в салоне;

– news/index.htm –модуль, формирующий информацию о новостях салона;

– production/index.htm–модуль, формирующий информацию о продукции;

– certificates/index.htm –модуль, формирующий информацию сертификатах салона;

– collections/index.htm –модуль, формирующий информацию о коллекциях салона;

– Rannjaja-vesna-2013/index.htm –модуль, формирующий информацию коллекции «Ранняя весна 2013»;

– Rannjaja-vesna-2013/bluzki/index.htm –модуль, формирующий информацию коллекции блузок «Ранняя весна 2013»;

– Rannjaja-vesna-2013/dzhempery/index.htm –модуль, формирующий информацию коллекции джемперов «Ранняя весна 2013»;

– Rannjaja-vesna-2013/platya/index.htm –модуль, формирующий информацию коллекции платьев «Ранняя весна 2013»;

– Rannjaja-vesna-2013/jubki/index.htm –модуль, формирующий информацию коллекции юбок «Ранняя весна 2013»;

– pozdnjaja-vesna-2013/index.htm –модуль, формирующий информацию коллекции «Поздняя весна 2013»;

– pozdnjaja-vesna-2013/bluzki/index.htm –модуль, формирующий информацию коллекции блузок «Поздняя весна 2013»;

– pozdnjaja-vesna-2013/dzhempery/index.htm –модуль, формирующий информацию коллекции джемперов «Поздняя весна 2013»;

– pozdnjaja-vesna-2013/platya/index.htm –модуль, формирующий информацию коллекции платьев «Поздняя весна 2013»;

– pozdnjaja-vesna-2013/jubki/index.htm –модуль, формирующий информацию коллекции юбок «Поздняя весна 2013»;

– Specpredlozhenie/index.htm –модуль, формирующий информацию коллекции спецпредложения;

– Specpredlozheniennjaja-vesna-2013/bluzki/index.htm–модуль, формирующий информацию коллекции блузок спецпредложения;

– Specpredlozhenie/dzhempery/index.htm –модуль, формирующий информацию коллекции джемперов спецпредложения;

– Specpredlozhenie/platya/index.htm –модуль, формирующий информацию коллекции платьев спецпредложения;

– Specpredlozhenie/jubki/index.htm –модуль, формирующий информацию коллекции юбок спецпредложения;

– leto-2013/index.htm –модуль, формирующий информацию коллекции «Лето 2013»;

– leto-2013/bluzki/index.htm –модуль, формирующий информацию коллекции блузок «Лето 2013»;

– leto-2013/topy/index.htm –модуль, формирующий информацию коллекции топов «Лето 2013»;

– leto-2013/platya/index.htm –модуль, формирующий информацию коллекции платьев «Лето 2013»;

– leto-2013/jubki/index.htm –модуль, формирующий информацию коллекции юбок «Лето 2013»;

– gostevaya-kniga/index.php –модуль, формирующий гостевую книгу;

– clients/salespoint/index.htm –модуль, формирующий где купить коллекции;

– clients/dealers/index.htm –модуль, формирующий информацию для клиентов и диллеров;

– coordinates/index.htm –модуль, формирующий информацию о контактах салона;

– information/care/index.htm –модули, формирующие информацию о полезных советах ухода одежды;

– tissues/index.htm –модули, формирующие информацию о видах тканях;

– information/sizes/index.htm –модуль, формирующий информацию о размерном ряде;

– information/articles/index.htm –модуль, формирующий информацию полезных статей.

Модульная структура Web-приложения представлена в приложении В.