Главная
Коллекция "Otherreferats"
Программирование, компьютеры и кибернетика
Разработка автоматизированной интернет-системы
Разработка автоматизированной интернет-системы
Автоматизированная интернет-система по разработке плана мероприятия. Анализ аналогичных ресурсов, системно-комплексный анализ компании. Структура интернет-системы и ее основные функции, реализация базы данных. Инструкции пользователя и администратора.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | дипломная работа |
| Язык | русский |
| Дата добавления | 29.06.2012 |
| Размер файла | 4,4 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
Содержание
- Реферат
- Перечень сокращений, символов и специальных терминов с их определениями
- Введение. Постановка задачи
- Глава 1. Аналитический обзор интернет ресурсов данной предметной области
- 1.1 Компания по организация мероприятий и кейтеринга Prime-event
- 1.2 Креативное агентство "Бутик Идей"
- 1.3 Концертно-праздничное агентство Energy Life
- Глава 2. Системно-комплексный анализ
- 2.1 Организационная страта
- 2.2 Информационная страта
- 2.2.1 Функциональный аспект информационной страты
- 2.2.2 Нормализация отношений
- 2.2.3 Cтруктурная схема базы данных
- Глава 3. Реализация системы
- 3.1 Средства разработки интернет-системы
- 3.1.1 HTML
- 3.1.2 PHP
- 3.1.3 CSS
- 3.1.4 JavaScript
- 3.1.5 MySQL
- 3.1.6 Denwer
- 3.2 Проектирование интерфейса
- 3.3 Реализация БД
- 3.4 Страница предварительного расчета стоимости мероприятия
- 3.5 Реализация панели администратора
- 3.6 Создание фотогалереи
- 3.7 Карта сайта
- Глава 4. Руководство пользователя
- 4.1 Инструкция пользователя
- 4.2 Инструкция администратора
- Заключение
- Библиографический список
- Приложение 1. Листинги сайта
Реферат
Данный дипломный проект посвящен разработке автоматизированной интернет-системы по разработке плана мероприятия.
В первой главе данной работы проведен краткий анализ аналогичных ресурсов и проведен системно-комплексный анализ компании.
Вторая глава посвящена обзору существующих технологий разработки сайта.
В третьей главе рассмотрена структура интернет системы и ее основные функции.
В четвертой главе разработано руководство пользователя.
В организационно-экономической части данного дипломного проекта составлен бизнес план и календарный график проведения работ, проведены расчеты для определения цены разработки и дано обоснование целесообразности разработки с экономической точки зрения.
В разделе охраны труда и окружающей среды был проведен анализ рабочего помещения и даны указания по обеспечению электробезопасности и описаны требования электробезопасности к сотрудникам.
В заключении подведены итоги проделанной работы.
В приложениях к пояснительной записке представлены: содержание CD диска (приложение 1), листинги сайта (приложение 2) и графические материалы (приложение 3).
Разработанная автоматизированная интернет-система успешно внедрена, что подтверждается справкой о внедрении.
Перечень сокращений, символов и специальных терминов с их определениями
HTML (Hypertext Markup Language - "язык разметки гипертекста") - это стандартный язык разметки документов во Всемирной паутине.
РНР (Hypertext Preprocessor) - язык программирования, созданный для генерации HTML-страниц на веб-сервере и работы с базами данных.
MySQL - свободная система управления базами данных.
Apache - свободный web-cepвep.
JavaScript - скриптовый язык, чаще всего использующийся при создании сценариев поведения браузера, встраиваемых в веб-страницы.
Денвер - комплекс программ, эмулирующий на локальном компьютере сервер, содержит в себе набор дистрибутивов (Apache+SSL, PHP5 в виде модуля, MySQL5, phpMyAdmin и т.д.) и программную оболочку, используемую Web-разработчиками (программистами и дизайнерами).
Еvent management (от англ. event - "событие") - это комплекс мероприятий по созданию корпоративных и массовых событий.
Кeйтеринг (англ. catering от cater - "поставлять провизию") - отрасль общественного питания, связанная с оказанием услуг на удалённых точках, включающая все предприятия и службы, оказывающие подрядные услуги по организации питания сотрудников компаний и частных лиц в помещении и на выездном обслуживании, а также осуществляющих обслуживание мероприятий различного назначения и розничную продажу готовой кулинарной продукции.
интернет система база пользователь
Введение. Постановка задачи
Настоящий дипломный проект посвящен разработке автоматизированной интернет-системы по организации мероприятий. Актуальность темы обусловлена необходимостью создания информационного портала, поскольку это позволит предоставить полную информацию о своих возможностях, услугах, товарах и ценах.
Цели создания интернет-системы:
1. Создание предварительного расчета стоимости мероприятия для привлечения новых клиентов;
2. Возможность оставить заявку с предварительным планом проведения мероприятия;
3. Отчеты о проведенных мероприятиях с фотогалереей;
4. Возможность простого добавления и редактирования информации в интернет-систему для поддержания интернет-системы в актуальном состоянии.
Разработка автоматизированной интернет-системы позволит улучшить имидж компании, значительно расширить круг потенциальных клиентов, держать их в курсе всех новостей и событий фирмы, ознакомить с деятельностью компании, эффективно и с наибольшим результатом подавать коммерческий продукт организации, что является актуальным на данном этапе работы отдела продаж.
Для решения этих задач необходимо провести: аналитический обзор данной предметной области, системно-комплексный анализ Интернет-системы, генерацию БД, аналитический обзор и выбор инструментальных средств для реализации системы, чему и посвящаются основные главы дипломного проекта.
Глава 1. Аналитический обзор интернет ресурсов данной предметной области
1.1 Компания по организация мероприятий и кейтеринга Prime-event
Компания PrimeTime организует мероприятия для корпоративных клиентов и выездное ресторанное обслуживание.
1.2 Креативное агентство "Бутик Идей"
Креативное агентство "Бутик Идей проводит весь спектр корпоративных мероприятий, таких как: конференция для партнеров, лонч, презентация, выставка, День рождения компании, корпоративный Новый год, поощрение лучших сотрудников, тимбилдинг.
Среди плюсов можно отметить возможность оставить заявку и достаточно подробную информацию о мероприятиях и о самой компании. Также, на странице контактов, кроме адреса, телефонов и карты, есть форма обратного звонка.
1.3 Концертно-праздничное агентство Energy Life
Агентство занимается организацией и проведением праздничных мероприятий, корпоративных, всевозможных торжеств, в том числе крупных корпоративных программ, - так называемых мероприятий "на высшем уровне" и частными праздниками.
Среди плюсов можно отметить подобные фото-отчеты о проведенных мероприятиях и подробное описаний всех видов мероприятий. К недостаткам можно отнести простоту оформления и не совсем правильно подобранную цветовую палитру.
Выводы:
За основу для исследования предметной области было решено взять сайт компании "PrimeTime" по нескольким причинам: это сайт параллельно работающий в такой же отрасли компании, в нем есть множеств функций, которые могут быть использованы в будущей работе. Сайт имеет полный перечень всех предоставляемых услуг и другую информационную базу.
После анализа подобных ресурсов было сделано множество выводов, которые в дальнейшем отразятся на конечном результате. Планируется использовать плюсы всех ресурсов и разработать более совершенный ресурс, отвечающим всем требованиям пользователей.
Глава 2. Системно-комплексный анализ
При системно-комплексном анализе создаваемый объект рассматривается как концептуальная модель:
S0 = < Sио, Sмо, Sэно, Sэко, Sорго >
где S - это страты объекта S0, а
Sи - информационная,
Sм - материальная,
Sэн - энергетическая,
Sэк - экономическая,
Sорг - организационная.
Для создания автоматизированной интернет-системы рассмотрим организационные и информационные страты, то есть те основные потоки, которые нужны для создания данного интернет-системы.
2.1 Организационная страта
Организационная страта совпадает со структурой организации (рис.2.1).
Рис.2.1 - Структура организации
Распределение функций управления между должностями:
1. Генеральный директор - руководство производственно-хозяйственной и финансово-экономической деятельностью организации, организация взаимодействия всех структурных подразделений.
2. Менеджер проектов - распределение функций управления между сотрудниками.
3. Event-менеджер - подготовка документов для составления планов мероприятия.
4. Ассистент - участие в работе по оформлению договоров.
5. Координатор проектов - Контроль за оформлением договоров, проверка документов на оплату актов выполненных работ, составление отчетов о выполненных работах
6. Секретарь - подготовку и передача необходимых материалов подрядчикам.
7. Главный бухгалтер - производит начисление заработной платы, оплачивает счета за выполненные работы и поставку материалов, ведет подсчет по всем видам затрат, перечисляет налоги всех уровней, принимает материальные отчеты от ответственных лиц, а так же производит бухгалтерский баланс.
8. Технический специалист поддержки интернет-системы - обеспечение работоспособности и содержание в актуальном состоянии интернет-системы, разрешение спорных вопросов.
2.2 Информационная страта
Ниже приведена схема информационных связей (рис.2.2):
Рис.2.2 - Схема информационных потоков
1) План мероприятия
2) Договоры с владельцами помещений
3) Договоры на обеспечение продуктами продовольствия
4) Список и контакты всех участников мероприятия
5) Смета на мероприятие
6) Ведомости о зарплатах
7) Отчет о проведенном мероприятии
8) Договоры на аренду технической аппаратуры для проведения мероприятия
9) Список рабочего персонала
10) Корректировка плана мероприятия
11) Предварительная стоимость мероприятия
12) Предварительная заявка
2.2.1 Функциональный аспект информационной страты
Для создания базы данных системы рассмотрен функциональный аспект информационной страты объекта.
Концептуальная модель функционального аспекта информационной страты объекта записана следующим образом:
Sиц = < xи, yи, Fи, Pиц, T >,
где - входные векторы, - выходные векторы, Fи - функция преобразования, Pиц - параметр функции преобразования, T - время.
Графическое представление функционального аспекта информационной страты объекта представлен на рис.2.3.
Размещено на http://www.allbest.ru/
Рис.2.3 - Функциональный аспект информационной страты
Входные векторы объекта:
хи = (хи1, хи2, хи3),
где хи1 = (номер мероприятия, тип мероприятия, количество людей, стоимость меню на человека, количество дополнительный опций);
хи2 = (номер клиента, название фирмы, контактное лицо, телефон, предпочитаемое время для звонка);
хи3 = (номер новости, дата добавления, текст для заголовка, текст новости, код для фотогалереи);
Выходные векторы объекта:
уи = (уи1, уи2),
где уи1 = (номер заявки, номер мероприятия, номер клиента, название фирмы, контактное лицо, телефон, тип мероприятия, количество людей, стоимость меню на человека, количество дополнительный опций);
уи2 = (номер новости, дата добавления, заголовок, новость, фотогалерея).
Проведем анализ базы данных.
База данных - совокупность связанных данных, организованных по определенным правилам, предусматривающим общие принципы описания, хранения и манипулирования, независимых от прикладных программ. База данных является информационной моделью предметной области. Обращение к базам данных осуществляется с помощью системы управления базами данных (СУБД).
SQL - язык структурированных запросов для доступа к базам данных и их управления.
SQL может:
выполнять запросы к базе данных
извлекать данные из базы данных
добавить записи в базу данных
обновить записи в базе данных
удалить записи из базы данных
создавать новые базы данных
создавать новые таблицы в базе данных
создавать хранимые процедуры в базе данных
настроить разрешения для таблиц
Принятые переменные:
table_name - имя таблицы
column_name - колонки (поля)
value - значения
pattern - шаблон
database_name - имя базы данных (БД)
При проектировании БД упор в первую очередь делается на достоверность и непротиворечивость хранимых данных, причем эти свойства не должны утрачиваться в процессе работы с данными, т.е. после многочисленных изменений, удалений и дополнений данных по отношению к первоначальному состоянию БД. Для этого необходимо привести таблицы в нормальную форму (в дальнейшем НФ)
Для поддержания БД в устойчивом состоянии используется ряд механизмов, которые получили обобщенное название средств поддержки целостности. Эти механизмы применяются как статически (на этапе проектирования БД), так и динамически (в процессе работы с БД).
Обратим внимание на те ограничения, которым должна удовлетворять БД в процессе создания, независимо от ее наполнения данными. Приведение структуры БД в соответствие этим ограничениям - это и есть нормализация.
Суть этих ограничений:
каждый факт, хранимый в БД, должен храниться единственный раз поскольку дублирование может привести к несогласованности между копиями одной и той же информации;
следует избегать любых неоднозначностей;
не допускать избыточности хранимой информации.
Следует заметить, что в процессе нормализации постоянно встречается ситуация, когда отношение приходится разложить на несколько других отношений. Поэтому более корректно было бы говорить о нормализации не отдельных отношений, а всей их совокупности в БД. Однако в примерах для простоты нужно стараться иметь дело с отдельными отношениями.
База данных ресурса представляет собой набор нормализованных таблиц:
заявки;
новости;
клиенты;
партнеры;
Анализируя создаваемую интернет-систему, можно выделить следующие информационные элементы:
заявки;
клиенты;
партнеры;
новости;
Между компонентами входных векторов и компонентами информационных элементов должно быть однозначное соответствие, например:
=
=
=
Между компонентами выходных векторов и компонентами информационных элементов должно быть соответствие, которое можно сформулировать так: множество элементов, принадлежащих информационным элементам должно быть достаточно для получения множества векторов , например:
=
=
=
2.2.2 Нормализация отношений
Анализ второго уровня концептуальной модели показывает, что в отношении существует множественная зависимость, поэтому его следует нормализировать.
Отношение содержит зависимость:
Данное отношение можно нормализовать в третью нормальную форму, то есть, получить из исходного отношения отношение
(,,,,,,,) и (,,).
Прежде, чем использовать полученные отношения в дальнейшей работе, следует проверить отсутствие аномалий при соединение отношений. Для проверки отсутствия аномалий используем аналитический метод. Для проведения проверки аналитическим методом следует задать исходную базу данных отношений .
Таблица 2.1 Исходная таблица
|
3 |
IBM |
Николай Бурсонов |
… |
… |
… |
150 |
1400 |
4 |
Один из крупнейших … |
123317 Москва, Пресненская наб., 10 |
|
|
5 |
Microsoft |
Сергей Новиков |
……. |
…. |
… |
40 |
900 |
3 |
Одна из крупнейших транснациональных компаний по… |
125252, ЧАПАЕВСКИЙ ПЕР., 14 |
|
|
6 |
Symantec |
Янковенко Дмитрий |
…… |
… |
… |
70 |
600 |
3 |
Компания по производству программного обеспечения. |
123317, Краснопресненская набережная, 18. |
На основе имеющиеся таблицы можно сформулировать таблицу 2.2 отношений и .
Таблица 2.2 Таблица отношений и
|
3 |
IBM |
Николай Бурсонов |
… |
… |
… |
150 |
1400 |
4 |
Один из крупнейших … |
123317 Москва, Пресненская наб., 10 |
IBM |
|
|
5 |
Microsoft |
Сергей Новиков |
……. |
…. |
… |
40 |
900 |
3 |
Одна из крупнейших транснациональных компаний по… |
125252, ЧАПАЕВСКИЙ ПЕР., 14 |
Microsoft |
|
|
6 |
Symantec |
Янковенко Дмитрий |
…… |
… |
… |
70 |
600 |
3 |
Компания по производству программного обеспечения. |
123317, Краснопресненская набережная, 18. |
Symantec |
Для проверки правильности нормализации следует выполнить естественное соединение отношений:
=.
Результат такого взаимодействия показан в таблице 2.3
Таблица 2.3 Таблица отношений =
|
3 |
IBM |
Николай Бурсонов |
… |
… |
… |
150 |
1400 |
4 |
Один из крупнейших … |
123317 Москва, Пресненская наб., 10 |
|
|
5 |
Microsoft |
Сергей Новиков |
……. |
…. |
… |
40 |
900 |
3 |
Одна из крупнейших транснациональных компаний по… |
125252, ЧАПАЕВСКИЙ ПЕР., 14 |
|
|
6 |
Symantec |
Янковенко Дмитрий |
…… |
… |
… |
70 |
600 |
3 |
Компания по производству программного обеспечения. |
123317, Краснопресненская набережная, 18. |
Анализ исходных данных показывает, сто при соединение таблиц и получается исходная таблица .
2.2.3 Cтруктурная схема базы данных
На рис.2.4 приведена структура базы данных.
Рис.2.4 - структурная схема базы данных
Глава 3. Реализация системы
3.1 Средства разработки интернет-системы
3.1.1 HTML
HTML (HyperText Markup Language) - язык разметки гипертекста страниц. Является языком, использующимся в большинстве случаев, так как появился на заре web-дизайна и имеет на настоящий момент все возможности для разработки современных, качественных и красивых сайтов. Этот язык является приложением языка SGML (Standard Generalized Markup Language - стандартный обобщенный язык разметки) и соответствует стандарту ISO 8879. Первые версии этого языка придерживались идеологии SGML - только разметка текста: заголовков, абзацев, а визуальное форматирование являлось нерекомендованным, хоть язык и имел соответствующие теги. Но, по прошествии некоторого времени, Консорциум всемирной паутины, при содействии корпорации Microsoft, был вынужден изменить стандарты языка, разработав приложение к нему CSS, которое позволяло создавать более красивые и разнообразные сайты. На сегодняшний день язык HTML имеет огромное количество тегов и их свойств для разработки web-страниц.
Версии языка HTML:
· RFC 1866 - HTML 2.0, одобренный как стандарт 22 сентября 1995 года;
· HTML 3.2 - 14 января 1997 года;
· HTML 4.0 - 18 декабря 1997 года;
· HTML 4.01 (изменения, причём более значительные, чем кажется на первый взгляд) - 24 декабря 1999 года;
· ISO/IEC 15445: 2000 (так называемый ISO HTML, основан на HTML 4.01 Strict) - 15 мая 2000 года.
· HTML 5 - в разработке.
Официальной спецификации HTML 1.0 не существует. До 1995 года существовало множество неофициальных стандартов HTML. Чтобы стандартная версия отличалась от них, ей сразу присвоили второй номер.
3.1.2 PHP
PHP (Hypertext Preprocessor) - скриптовый язык, созданный для генерирования web-страниц на сервере и работы с базами данных. В области программирования для сети, PHP - один из популярнейших скриптовых языков (наряду с JSP, Perl и языками, используемыми в ASP.net) благодаря своей простоте, скорости выполнения, богатой функциональности и распространению исходных кодов на основе лицензии PHP. PHP отличается наличием ядра и подключаемых модулей, "расширений": для работы с базами данных, сокетами, динамической графикой, криптографическими библиотеками, документами формата PDF и т.п. Любой желающий может разработать своё собственное расширение и подключить его. Существуют сотни расширений, однако в стандартную поставку входит лишь несколько десятков хорошо зарекомендовавших себя. Интерпретатор PHP подключается к web-серверу либо через модуль, созданный специально для этого сервера (например, для Apache или IIS), либо в качестве CGI-приложения (стандарт интерфейса, используемого для связи внешней программы с сервером).
3.1.3 CSS
CSS (Cascading Style Sheets - каскадные таблицы стилей) - технология описания внешнего вида документа, написанного языком разметки. Преимущественно используется как средство оформления web-страниц в формате HTML и XHTML, но может применяться с любыми видами документов в формате XML, включая SVG (масштабируемые векторные страницы) и XUL (динамические пользовательские интерфейсы). [12]
CSS - это одно из широкого спектра одобрений консорциума W3C, получивших общее название "Стандарты Web". В 90-х годах стала ясна необходимость стандартизировать Web, создать какие-то единые правила, по которым программисты и web-дизайнеры проектировали бы сайты. Так появились языки HTML 4.01 и XHTML и стандарт CSS.
В отличие от многих существовавших на тот момент языков стиля, CSS использует наследование от родителя к потомку, поэтому разработчик может определить разные стили, основываясь на уже определенных ранее стилях.
В середине 90х Конcорциум Всемирной Паутины (W3C) стал проявлять интерес к CSS, и в декабре 1996 года была издана рекомендация CSS1.
Версии CSS:
CSS1. Уровень 1.
Рекомендация W3C принята 17 декабря 1996, откорректирована 11 января 1999. Среди возможностей, предоставляемых этой рекомендацией были:
· Параметры шрифтов. Возможности по заданию гарнитуры и размера шрифта, а также его стиля - обычного, курсивного или полужирного.
· Цвета. Спецификация позволяет определять цвета текста, фона, рамок и других элементов страницы.
· Атрибуты текста. Возможность задавать межсимвольный интервал, расстояние между словами и высоту строки (то есть межстрочные отступы)
· Выравнивание для текста, изображений, таблиц и других элементов.
· Свойства блоков, такие как высота, ширина, внутренние (padding) и внешние (margin) отступы и рамки. Так же в спецификацию входили ограниченные средства по позиционированию элементов, такие как float и clear. И другое.
CSS2. Уровень 2.
Рекомендация W3C принята 12 мая 1998. Построена на CSS1 с сохранением обратной совместимости.
Добавление к функциональности:
· Блочная верстка. Появились относительное, абсолютное и фиксированное позиционирование. Позволяет управлять размещением элементов по странице без табличной верстки
· Типы носителей. Позволяет устанавливать разные стили для разных носителей (например монитор, принтер, КПК)
· Звуковые таблицы стилей. Определяет голос, громкость и т.д. для звуковых носителей (например для слепых посетителей сайта)
· Страничные носители. Позволяет, например, установить разные стили для элементов на чётных и нечётных страницах при печати
· Расширенный механизм селекторов
· Указатели
· Генерируемое содержание. Позволяет установить текст или картинку, который будет отображаться до или после нужного элемента. И другое.
CSS2.1 Уровень 2.1
Рабочая версия W3C от 6 ноября 2006. Построена на CSS2, содержит исправления ошибок.
CSS3. Уровень 3.
Рабочая версия. Сильно расширена по сравнению с предыдущими версиями. Нововведения, начиная с малых, вроде закругленных углов блоков, заканчивая трансформацией (анимацией) и введением переменных (variables).
3.1.4 JavaScript
JavaScript - скриптовый язык, чаще всего использующийся при создании сценариев поведения браузера, встраиваемых в web-страницы. Является одной из реализаций языка ECMAScript. Общим заблуждением является то, что JavaScript аналогичен или тесно связан с Java, это не так. Оба языка имеют C-подобный синтаксис, являются объектно-ориентированными и как правило широко используются в клиентских web-приложениях, на этом их сходство заканчивается. Его используют чаще чем VBScript.
jQuery - библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API (интерфейс прикладного программирования) по работе с Ajax (один из подходов к построению интерактивных приложений, заключающийся в том, что элементы, повторяющиеся на страницах не перезагружаются, что делает работу страниц более быстрой).
3.1.5 MySQL
MySQL - свободная система управления базами данных (СУБД). MySQL является собственностью компании Oracle Corporation, получившей её вместе с поглощённой Sun Microsystems, осуществляющей разработку и поддержку приложения. Распространяется под GNU General Public License или под собственной коммерческой лицензией. Помимо этого разработчики создают функциональность по заказу лицензионных пользователей, именно благодаря такому заказу почти в самых ранних версиях появился механизм репликации.
MySQL является решением для малых и средних приложений. Входит в состав серверов WAMP, AppServ, LAMP и в портативные сборки серверов Денвер, XAMPP. Обычно MySQL используется в качестве сервера, к которому обращаются локальные или удалённые клиенты, однако в дистрибутив входит библиотека внутреннего сервера, позволяющая включать MySQL в автономные программы.
Гибкость СУБД MySQL обеспечивается поддержкой большого количества типов таблиц: пользователи могут выбрать как таблицы типа MyISAM, поддерживающие полнотекстовый поиск, так и таблицы InnoDB, поддерживающие транзакции на уровне отдельных записей. Более того, СУБД MySQL поставляется со специальным типом таблиц EXAMPLE, демонстрирующим принципы создания новых типов таблиц. Благодаря открытой архитектуре и GPL-лицензированию, в СУБД MySQL постоянно появляются новые типы таблиц.
3.1.6 Denwer
"Денвер-3" - комплекс программ, эмулирующий на локальном компьютере сервер, содержит в себе набор дистрибутивов (Apache+SSL, PHP5 в виде модуля, MySQL5, phpMyAdmin и т.д.) и программную оболочку, используемую Web-разработчиками (программистами и дизайнерами).
Ключевая особенность Денвера - поддержка работы сразу с несколькими проектами, каждый из которых располагается на отдельном виртуальном хосте. Виртуальные хосты для проектов создаются автоматически: например, вам достаточно скопировать файлы проекта в /home/ИмяПроекта/www, и он тут же станет доступен по адресу http://ИмяПроекта (DOCUMENT_ROOT также будет корректным). Это особенно удобно работе web-студий, разрабатывающих параллельно несколько сайтов, а также "в связке" с системами контроля версий CVS или Subversion. Схема именования директорий может быть легко настроена персонально на хостинг в шаблоне виртуальных хостов.
Все компоненты Денвера уже настроены и готовы для работы (в частности, корректно настроена русскоязычная кодировка MySQL, SSL и т.д.). Кроме того, возможно обновлять любой из сервисов Денвера (Apache, PHP, MySQL и т.д.) вручную, просто копируя новые версии дистрибутивов поверх старых.
Денвер автономен: он может располагаться в любой директории на диске (или даже на флэш-накопителе). Он также не изменяет системных файлов Windows, так что может быть деинсталлирован путем простого удаления своей папки.
Состав базового пакета Денвера:
1. Apache 2 с поддержкой SSL и mod_rewrite.
2. PHP5: выполняемые файлы, модуль для web-сервера Apache, дистрибутивный и адаптированный конфигурационный файл, библиотека GD, модули поддержки MySQL и sqLite.
3. MySQL5 с поддержкой InnoDB, транзакций и русских кодировок (windows-1251).
4. phpMyAdmin - панель управления базой данных MySQL, а также скрипт, упрощающий добавление нового пользователя MySQL.
5. Отладочный эмулятор sendmail (/usr/sbin/sendmail), не отправляющий
письма, а записывающий их в директорию /tmp/! sendmail.
6. Система автоматического поиска виртуальных хостов и обновления системного файла hosts, а также конфигурации Apache. Благодаря ей добавление нового виртуального хоста (или домена третьего уровня) заключается в простом создании каталога в /home (см. по аналогии с уже существующими хостами) и перезапуске комплекса. Все изменения вносятся в конфигурационные и системные файлы автоматически, но вы можете управлять этим процессом при помощи механизма шаблонов хостов.
3.2 Проектирование интерфейса
Цвет и фон страницы выбирается по желанию Web-мастера, но нужно учитывать и тот факт, что от них зависит визуальное восприятие всего сайта. Не нужно все чрезмерно затемнять, текст удобно читать, если его хорошо видно. Не применять черный цвет, мотивируя это продлением срока службы мониторов пользователей. По статистическим данным посещаемость "черных" сайтов не очень высока.
При подборе цвета фона, необходимо учитывать, как он будет гармонировать со всеми остальными элементами: цветом текста, цветом гиперссылок. Крайне необходимо обеспечить достаточный цветовой и яркостной контраст между навигационными элементами на странице и фоном. Если в качестве фона используется изображение, то оно должно быть едва заметным. Это изображение должно содержать только нейтральные, неконтрастирующие друг с другом цвета.
Не желательно создавать очень большие таблицы, можно разделить таблицу на несколько более мелких.
Использование стилей.
Технология таблиц каскадных стилей (CSS) - это набор правил оформления и формирования, которых может быть применен к различным элементам Web-страницы. В стандартном языке HTML для присвоения какому-либо элементу определенных свойств, - таких как цвет, размер и тому подобное - приходится каждый раз их заново описывать. Применяя технологию CSS, достаточно будет один раз описать свойства элементов и определить это описание как стиль.
Всегда необходимо выдерживать принятый стиль. Если сайт с разветвленной структурой, необходимо оформить его страницы одинаково, т.е. выдержанными в рамках одного стиля. На всех страницах должны быть одни и те же управляющие элементы, одинаковые интервалы и подобные шрифты.
Если применять текстовые фильтры, можно добиться хорошего дизайна сайта даже без использования "навороченных" изображений. К тому же, в отличие от изображений, эти фильтры не усложняют загрузку страниц.
В верхней части веб-сайта обычно помещается так называемая "шапка" - логотип организации в сочетании с текстом. Для удобства было выбрано горизонтальное меню.
В результате дизайн веб-сайта получился следующим:
· Нежный бледно-желтый цвет.
· Сайт выполнен с использованием технологий HTML и CSS.
· В верхней части расположен логотип и название интернет-системы.
· Меню располагается горизонтально и чётко видно на багровом фоне.
· По центру экрана расположен основной текст страницы.
3.3 Реализация БД
В результате базы данных формируются связанные таблицы с набором атрибутов. Связь между именами таблиц и названиями отношений, а так же именами атрибутов и компонентами отношений показана в таблице 3.1.
Таблица 3.1 Набор атрибутов
|
Компоненты отношений |
Атрибуты |
Тип |
Размер |
Описание |
|
|
Zayavki |
|||||
|
Id_za |
int |
11 |
Номер заявки |
||
|
firmname |
text |
Название фирмы |
|||
|
contactname |
text |
Контактное лицо |
|||
|
phone |
varchar |
30 |
Телефон |
||
|
timecall |
text |
Удобное время для звонка |
|||
|
tip |
text |
11 |
Тип мероприятия |
||
|
kolvoludei |
int |
Количество людей |
|||
|
stmenu |
int |
11 |
Стоимость меню на человека |
||
|
kolvodop |
int |
11 |
Количество доп. опций |
||
|
Firm |
|||||
|
Firmname |
text |
Название фирмы |
|||
|
Descr |
text |
Описание фирмы |
|||
|
adres |
text |
Адрес |
|||
|
Klienti |
|||||
|
Clientname |
text |
Клиент |
|||
|
worktime |
varchar |
30 |
История работ |
||
|
logo |
text |
Логотип |
|||
|
- Partners |
|||||
|
partnername |
text |
Партнер |
|||
|
info |
text |
Информация |
|||
|
logo |
text |
Логотип |
|||
|
- news |
|||||
|
id |
int |
11 |
Номер новости |
||
|
date |
date |
Дата |
|||
|
Zagolovok |
text |
Заголовок |
|||
|
text |
text |
Текст |
|||
|
img |
text |
Фотогалерея |
Для создания таблиц использовался phpMyAdmin - веб-приложение с открытым кодом, написанное на языке PHP и представляющее собой веб-интерфейс для администрирования СУБД MySQL. phpMyAdmin позволяет через браузер осуществлять администрирование сервера MySQL, запускать команды SQL и просматривать содержимое таблиц и баз данных.
3.4 Страница предварительного расчета стоимости мероприятия
В соответствие с заданием на дипломное проектирование в интренет-системе была размещена страница предварительный расчета стоимости мероприятия.
Для создания использовался JavaScript. В коде присутствуют описания переменных, необходимых для внесения границ допустимых значений, например количества гостей. Если граница превышена (или наоборот, значение слишком мало), то значение автоматически переключится на минимальное
var minguestlimit = 20;
var maxguestlimit = 160;
Помимо этого используются функции с радиокнопками для случаев, когда выбор ограничен 2-3 вариантами, например функция dayChange для выбора дня мероприятия (будни или выходные):
function dayChange () {
if (document. getElementById ('day_radio_1'). checked == true) {…
} else {…}
Функция HideAllBLocks делает невидимыми блоки, если в даный момент они не нужны:
function HideAllBlocks () {
for (var i = 1; i <= 15; i++) {
document. getElementById ('block_'+i). style. display = "none"; }
Формула расчета:
Расчет стоимости заносится в переменную result_price (по умолчанию равную нулю), которая увеличивает свое значение, когда у блоков дополнительный опций для мероприятия (необходим перевод или фотосъемка, например) стоит галочка (чекбокс).
$result_price += 3000;
Если пользователя устроила приблизительная стоимость, то он может оставить заявку.
Эта заявка заносится в базу данных и доступ к ней будут иметь только сотрудники фирмы.
3.5 Реализация панели администратора
Чтобы зайти в панель администратора необходимо добавить к адресу главной страницы "/admin”. В ней например можно добавлять новости.
Сначала идет подключение к БД (в файле connect. php написан логин, пароль и адрес БД) и проверка существования переменных:
include ("modules/connect. php"); /*Соединяемся с базой*/if (isset ($_POST ['date'])) {$date = $_POST ['date']; }
if (isset ($_POST ['zagolovok'])) {$zagolovok = $_POST ['zagolovok']; }
…
Затем заносятся данные, что ввел пользователь, из переменных в саму БД в правильные столбцы:
$result = mysql_query ("INSERT INTO news (date, zagolovok, text, img) VALUES ('$date','$zagolovok','$text','$img')");
При редактировании новости, написанный в соответствующей строке текст полностью заменит предыдущий. Окно редактирования показано на рисунке 3.7
3.6 Создание фотогалереи
Для работы фотогалереи был выбран плагин для jquery (легко подключаемая библиотека для JavaScript) - lightbox.
Браузер подключает плагин, когда видит путь к картинке с параметром ”lightbox”
в виде:
<a href="images/ev/top_1. jpg" rel="lightbox [top1] ">Фотогалерея</a>
Плагин имеет множество настроек, например:
$. Lightbox. construct ({
"speed": 500,скорость эффекта открытия фото и его закрытия, в милисекундах.
или
"opacity": 0.8,прозрачность затемняемого фона; принимает значения от 0 до 1; цвет фона можно поменять в стилевом файле.
3.7 Карта сайта
Глава 4. Руководство пользователя
4.1 Инструкция пользователя
После ввода адреса домена браузер загружает главную страницу сайта (рисунок 4.1). Здесь предоставлена информация о деятельности фирмы.
Рис.4.1 - Главная страница сайта
Для перехода по страницам web-сайта необходимо использовать верхнюю панель навигации. Например, для просмотра новостей компании необходимо выбрать пункт меню "Новости" на панели навигации (рисунок 4.2). Здесь можно найти информацию о проведенных мероприятиях и посмотреть фотографии с них.
Рис.4.2 - Страница "Новости"
На странице "предварительный расчет стоимости" можно рассчитать стоимость вашего предстоящего мероприятия (рис.4.3), а также сразу же оставить заявку для подбора вариантов сотрудником компании (рис.4.4).
Рис.4.3 - Страница "Предварительный расчет стоимости"
Рис.4.4 - Страница "Предварительный расчет стоимости" - заявка
На странице "О нас" можно прочитать о компании (рис.4.5).
Рис.4.5 - Страница "О нас"
На странице "Контакты" дана информация для связи и нахождение офиса на карте (рис.4.6).
Рис.4.6 - Страница "Контакты"
На странице "Наши клиенты" дана информация о клиентах, которые обращаются к нам за услугами (рис.4.7).
Рис.4.7 - Страница "Наши клиенты"
На странице "Наши партнеры" дана информация о партнерах, с которыми мы сотрудничаем (рис.4.8).
Рис.4.8 - Страница "Наши партнеры"
4.2 Инструкция администратора
После ввода в адресную строку "/admin” появляется форма авторизации (рис.4.9).
Рис.4.9 - Страница авторизации в панель администратора
После ввода логина и пароля, показана страница с панелью администратора (рис.4.10)
Рис.4.10 - Страница панели администратора
Чтобы отредактировать существующую новость нужно навести курсор на кнопку новости и в выпадающем списке выбрать пункт "редактировать" (рис.4.11)
Рис.4.11 - Страница выбора опции "редактировать новость"
Затем необходимо выбрать нужную новость (рис.4.12).
Рис.4.12 - Страница выбор новости для редактирования
В форме редактирования вносятся все необходимые исправления или дополнения (рис.4.13).
Рис.4.13 - Страница редактирования новости
Если выбрать опцию "добавить новость", то откроется соответствующая форма для добавления и функция для загрузки фотографий (рис.4.14).
Рис.4.14 - Страница добавления новости
Если выбрать опцию "удалить новость" - появится список всех новостей, в котором необходимо выбрать ненужную новость и нажать кнопку "удалить новость!" (рис.4.15).
Рис.4.15 - Страница удаления новости
Аналогичными функциями обладают также и формы "Заявки”, "Клиенты" и "Партнеры”.
Заключение
В настоящем дипломном проекте был проведен анализ деятельности работников ООО "G-and-G". Произведенный анализ позволил выявить различного рода проблемы, создающие трудности взаимодействия с клиентами. Основная проблема - недостаток информации о ценах на мероприятия. На этом основании = была сформулирована задача разработки интерактивного web-сайта с возможность предварительного расчета стоимости мероприятия.
На основе поставленных задач был предложен вариант разработки интерактивного web-сайта. Был разработан дизайн сайта и спроектированы: контент сайта, формы входной и выходной информации, схема меню, структура таблиц и базы данных.
Спроектированный web-сайта был доведен до практической реализации используя возможности PHP, Html и MySQL.
Внедрение интерактивного web-сайта имеет следующие преимущества:
Расширение круга потенциальных клиентов компании;
Увеличение известности компании;
Снижение нагрузки на персонал отдела продаж, за счет автоматизации приема предварительных заказов;
Разработанная автоматизированная интернет-система успешно внедрена, что подтверждается справкой о внедрении.
Библиографический список
1. "Выполнение организационно-экономической части дипломного проекта", Методические указания, МИРЭА, Москва, 2007 г.;
2. Чумак Б.Б. Лекции по курсам "Управлению данными " и "Базы данных";
3. Максимов, В.В. Технологии создания Web-сайтов / В.В. Максимов, А.В. Алексеев С.Д. Лыткин; Якут. гос. ун-т им. М.К. Аммосова, Центр дистанц. образования ЯГУ "Ситим", Прожект Хармонии, Инк. - Якутск: Якут. фил. Изд-ва СО РАН, 2002. - 44 с. Шифр РНБ: 2003-4/18815;
4. Фролов, А.В. Практика применения PERL, PHP, APACHE и MySQL для активных Web-сайтов / Александр Вячеславович Фролов, Григорий Вячеславович Фролов. - М.: Рус. ред., 2002. - 526 с. Шифр РНБ: 2002-5/6015;
5. Кузнецов М.В., Симдянов И.В. Самоучитель PHP. - 2-е изд., перераб. и доп. - СПб.: БХВ-Петербург, 2006.
6. Основы веб-дизайна, http://www.nundesign.com/st/35.html
7. Кингсли-Хью Э., JavaScript: учебный курс. - СПб.: Питер, 2002
8. MySQL. Руководство администратора. - Вильямс, 2005;
Приложение 1. Листинги сайта
Файл index.html
<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict. dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="css/style. css">
<meta http-equiv="Content-Type" content="text/html; charset=ANSI" />
<title>Сайт Бочейко</title>
</head>
<body>
<div id="zad_fon">
<div id="cont_zad_fon">
<div class="fon">
<div class="logo1"><a href="/"><img src="images/logo1. png"></a>
<div class="logo2"><a href="/"><img src="images/logo2. png"></a>
</div>
</div><! - --end fon-->
<div id="menu">
<ul id="nav">
<li class="no_border"><a href="/index.html" class="button button-brown"><span>Главная</span></a></li>
<li><a href="/news. php" class="button button-brown"><span>Новости</span></a></li>
<li><a href="/ras4et. php" class="button button-brown"><span>Предварительный расчет стоимости</span></a></li>
<li><a href="/about.html" class="button button-brown"><span>О нас</span></a></li>
<li><a href="/contacts.html" class="button button-brown"><span>Контакты</span></a></li>
<li><a href="/klienti. php" class="button button-brown"><span>Наши клиенты</span></a></li>
<li><a href="/partners. php" class="button button-brown"><span>Наши партнеры</span></a></li>
</ul><! - --end nav-->
</div><! - --menu--> </div><! - --cont_zad_fon-->
<div id="opentext">
<h1 align="center"> Организация праздников</h1>
<p> Важные события хочется отметить так, чтобы они запомнились надолго. Компания "Театр праздников" - это, прежде всего, коллектив креативных жизнелюбивых людей, и основным нашим делом является организация праздников. Мы несём самые позитивные эмоции и впечатления нашим клиентам. С нашей помощью вы сможете воплотить в жизнь практически любые фантазии для того, чтобы ваш праздник стал незабываемым! </p>
<h1 align="center"> Проведение детских праздников</h1>
<p>Компания "Театр праздников" предлагает услуги по организации и проведению детских праздников в Москве и подмосковье. Мы с удовольствием подберём программу праздника с учётом возраста и пожеланий вашего ребёнка. С особым днём в жизни маленьких виновников торжества придут поздравить их любимые сказочные персонажи. Наша фантазия практически безгранична и поэтому мы сумеем превратить любой праздник в незабываемое и яркое событие для вашего чада! </p>
<h1 align="center"> Организация и проведение праздников в нашей компании</h1>
<p> Каждый праздник создается как картина на холсте. Владея множеством техник ивент - "живописи" мы рисуем их, воплощая самые заветные мечты и оправдывая ожидания самых взыскательных клиентов. Мы считаем, что к организации праздника нельзя подойти как к чему-то серийному, шаблонному и стараемся не повторяться и быть всегда новыми и интересными на динамично развивающемся рынке организации праздников в России. </p>
<p> Организация праздника - всегда большая ответственность, сочетание множества сфер деятельности, в которых мы не имеем права на ошибку. Мы называем себя агентством необыкновенных событий не просто так - дни рождения, свадьбы, корпоративные вечеринки, которые мы организуем это реализация нашего творческого и профессионального потенциала и мы сами заинтересованы в постоянном совершенствовании наших навыков и расширении наших возможностей в подготовке и проведении праздников любого масштаба. </p>
</div><! - --end opentext-->
</div>
</div>
</body>
</html>
Размещено на Allbest.ru
Подобные документы
Функциональные и качественные требования к разработке Интернет-ресурса стоматологической клиники, его роль в деятельности заведения. Разработка базы данных, оригинальных элементов и графического интерфейса. Структура функционирования Интернет-ресурса.
дипломная работа [852,3 K], добавлен 28.03.2012Определение основных аспектов создания и преимуществ использования интернет-магазина. Разработка автоматизированной системы торгового предприятия: выбор технологии проектирования (BPWin и Rational Rose), составление базы данных, создание интерфейса.
дипломная работа [1,2 M], добавлен 02.03.2010Технология создания сценария для общего доступа к данным на web-узле. Написание Интернет-сценария "Форум". Обеспечение общения пользователей между компьютерами по сети Интернет. Проектирование базы данных. Архитектура системы и панель администратора.
курсовая работа [1,4 M], добавлен 17.01.2011Описание состава реляционной базы данных как системы связанной информации, сохраняемой в двумерных таблицах. Основные функции CMS и изучение структуры сервера MySQL. Разработка системы выборок данных по товарам для интернет-магазина, таблицы покупателей.
курсовая работа [2,0 M], добавлен 21.04.2015Разработка информационной системы интернет-магазина автозапчастей с целью учета их заказов из разных стран. Создание базы данных для регистрации информации: код товара, вид, марка, поставщик. Функции системы; программная среда, интерфейс пользователя.
курсовая работа [2,0 M], добавлен 04.05.2013Назначение и цели создания системы учета по подключению Интернет-сети. Анализ методов решения задачи, входные и выходные данные. Разработка информационной модели, алгоритма задачи и интерфейса пользователя. Этапы тестирования программного продукта.
дипломная работа [1,8 M], добавлен 08.05.2009Анализ функционирования интернет-сайтов по предоставлению услуг. Обзор методологий проектирования интернет-представительства. Инструментальные средства разработки и реализации системы управления сайтом. Разработка интерфейса пользователя и web-сайта.
дипломная работа [1,2 M], добавлен 03.08.2014Возникновение и функции интернета. Системы адресации и протоколы передачи данных. Структура иерархической базы данных. Формирование базы данных учета сотрудников организации, создание таблиц с тремя видами запросов на выборку, конструктор отчетов.
контрольная работа [885,8 K], добавлен 10.11.2010Изучение предметной области и выявление основных задач Интернет-магазинов. Выбор средств разработки системы, базы данных, инфологической и даталогической моделей. Разработка программного приложения, программных модулей, представленных экранными формами.
дипломная работа [4,2 M], добавлен 22.04.2015Категории и принципы формирования системы электронной коммерции, ее разновидности и отличительные особенности. Анализ требований к корзине покупок. Обзор языковой и программной базы, критерии выбора. Разработка информационной системы - Интернет-магазина.
дипломная работа [2,3 M], добавлен 27.09.2010
