Разработка web-сайта организации (на материалах ООО "Автомир", г. Гомель)

Размещено на http://www.allbest.ru/

[Введите текст]

Белорусский республиканский союз потребительских обществ

Учреждение образования

«Белорусский торгово-экономический университет потребительской кооперации»

Кафедра информационно- вычислительных систем

Дипломная работа

на тему: «Разработка web-сайта организации (на материалах ООО «Автомир», г. Гомель)»

Гомель 2014



СОДЕРЖАНИЕ

ВВЕДЕНИЕ

1. АНАЛИЗ АВТОМАТИЗИРОВАННОЙ ИНФОРМАЦИОННОЙ СИСТЕМЫ ООО «АВТОМИР»

1.1 Социально-экономическая характеристика организации

1.2 Анализ уровня автоматизации бизнес-процессов в организации

1.2.1 Функциональная структура АИС

1.2.2 Техническое обеспечение информационной системы

1.3 Обоснование необходимости создания web-сайта организации

2. ТЕХНОЛОГИИ РАЗРАБОТКИ ИНТЕРАКТИВНЫХ САЙТОВ

2.1 Технологии, используемые при разработке статических страниц сайтов

2.2 Технологии создания и поддержки интерактивных web-сайтов

2.3 Оптимизация кода

2.4 Выбор и обоснование программных средств для разработки ресурса

3. РЕАЛИЗАЦИЯ ПРОЕКТА РАЗРАБОТКИ WEB-САЙТА ООО «АВТОМИР»

3.1 Концепция присутствия организации в сети Интернет

3.2 Требования, предъявляемые к создаваемому сайту

3.3 Описание бизнес-процесса создания сайта

3.4 Эскизы страниц сайта

3.5 Описание логической и физической структуры сайта

3.6 Описание технологии создания сайта

3.7 Разработка формы обратной связи с клиентами

3.8 Реализация алгоритма добавления прайс-листа на сайт

3.9 Комплекс мероприятий по продвижению сайта

3.10 Преимущества, получаемые организацией от использования сайта

3.11 Определение экономической эффективности разработки web-сайта

ЗАКЛЮЧЕНИЕ

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

ВВЕДЕНИЕ

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

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

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

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

Качественный сайт является основным информационным ресурсом всей компании. При помощи сайта можно:

1) Опубликовать последние новости компании, передать всю необходимую информацию о товарах и услугах компании;

2) Наладить прямой контакт с клиентом, начиная от продаж в интернет-магазине и заканчивая сервисной информационной поддержкой (например, в форуме);

3) Разрекламировать фирму (товары, услуги) так, чтобы иметь одновременно зрелищность телевизионной рекламы и информативность буклета.

Итак, организации нужно создать сайт, на котором посетителям предоставляются всевозможные данные и аналитические материалы в области деятельности фирмы. Причём проект должен постоянно дополняться и обновляться. Самое главное -- грамотные и не содержащие никакой рекламы статьи. Такой проект привлечёт множество заинтересованных людей, а размещение на веб-страницах ссылок на корпоративный сайт будет очень эффективно. И это не говоря уже о том, что организация, создавшая и поддерживающая информационный сайт, получает огромный плюс к своему имиджу и увеличение «узнаваемости» у покупателей.

Целью дипломной работы является разработка web-сайта ООО «Автомир».

Для достижения поставленной цели необходимо поставить и выполнить следующие задачи:

- провести комплексный анализ автоматизированной информационной системы ООО «Автомир», включающий в себя социально-экономическую характеристику организации, анализ уровня автоматизации бизнес-процессов в организации

- обосновать необходимость создания web -сайта организации

- рассмотреть существующие технологии разработки интерактивных сайтов

- выбрать и обосновать программные средства для разработки ресурса

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

- разработать форму обратной связи с клиентами

- реализовать алгоритм добавления прайс-листа на сайт

- разработать комплекс мероприятий по продвижению сайта

- рассчитать экономический эффект от создания сайта

Предметом исследования является технологии, средства разработки и языки программирования для создания web-сайта. Методы доступа к базам данных средствами WWW. Возможность создания web-сайта, реализующего задачи предметной области на основе PHP технологии.

Методы исследования. Методы работы основываются на принципах информационного моделирования предметной области. Исследование проводилось посредством изучения предметной области. Подбор необходимых материалов по разработке сайтов осуществлялся из Интернет и соответствующей литературы.

1. АНАЛИЗ АВТОМАТИЗИРОВАННОЙ ИНФОРМАЦИОННОЙ СИСТЕМЫ ООО «АВТОМИР»

1.1 Социально-экономическая характеристика организации

Общество с ограниченной ответственностью «Автомир» зарегистрировано решением Гомельского областного исполнительного комитета от 27.12.2002 № 853. Юридический адрес: 246013, г.Гомель, проезд Орудийный, 192/1.

ООО «Автомир» является юридическим лицом, имеет самостоятельный баланс, печать, расчетный и иные счета в учреждениях банков. На налоговом учете организация состоит в ИМНС по Новобелицкому району г. Гомеля с 14.01.2003.

ООО «Автомир» создано с целью получения прибыли в интересах участников общества и удовлетворения потребностей в его услугах. Организация имеет:

- лицензию на осуществление розничной торговли (включая алкогольные напитки и табачные изделия) и общественного питания;

- лицензию на осуществления деятельности по обеспечению пожарной безопасности: торговля средствами противопожарной защиты: огнетушителями;

- лицензию на право осуществления медицинской деятельности: оптовая и розничная реализация изделиями медицинского назначения;

- лицензию на осуществления деятельности в области автомобильного, внутреннего водного, морского транспорта: выполнение внутриреспубликанских автомобильных перевозок грузов; выполнение международных автомобильных перевозок грузов;

- сертификат на услуги по техническому обслуживанию и ремонту автотранспортных средств;

- свидетельство участника внешнеэкономической деятельности.

В настоящее время ООО «Автомир» занимает лидирующие позиции на рынке г. Гомеля по продаже автозапчастей для отечественных автомобилей. Торговая сеть включает три магазина:

- магазин автозапчастей «Автомир» по ул.Ефремова, 5;

- магазин автозапчастей «Автомир» по ул.Федюнинского, 8а;

- магазин автозапчастей «Автомир» по ул.Ильича, 59а.

Основная продукция поставляется из Российской Федерации.

Ассортиментный перечень реализуемых товаров в торговой сети ООО «Автомир»:

- автозапчасти для автомобилей ВАЗ, ГАЗ, УАЗ, Москвич, ОКА, РАФ;

- кузовные детали;

- трансмиссия;

- ходовая часть;

- механизм управления;

- электрооборудование;

- аккумуляторы;

- стекла, оптика;

- автокосметика;

- автомасла;

- шины;

- печатные издания: руководства по эксплуатации и ремонту автомобилей ВАЗ, ГАЗ, УАЗ, Москвич, ОКА, РАФ.

Также организация оказывает услуги по ремонту и техническому обслуживанию автотранспортных средств: легковых и грузовых автомобилей. Станция технического обслуживания соответствует предприятию автосервиса категории «В/С». Находится по адресу: проезд Орудийный, 192.

В торговую сеть ООО «Автомир» кроме магазинов автозапчастей входит магазин «Стройарсенал», находящийся по адресу: ул.Ильича, 194е.

Ассортиментный перечень реализуемых товаров:

- строительные и отделочные материалы;

- гипсокартон;

- сухие строительные смеси;

- товары для облицовки и отделки;

- пена монтажная;

- лакокрасочные материалы;

- инструмент;

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

- метизы;

- сантехнические изделия;

- обои;

- бытовая химия;

- предметы личной гигиены;

- парфюмерно-косметические средства.

Оплата за продукцию и услуги производиться как за наличный, так и безналичный расчет.

Территориальное размещение структурных подразделений ООО «Автомир» представлено на рисунке 1.1.

Организация располагает квалифицированными кадрами. Большинство сотрудников имеют высшее или среднее специальное образование. Многие сотрудники обучаются на заочной форме обучения в университетах, как в Республике Беларусь, так и за ее пределами: в Российской Федерации и Украине.



Рисунок 1.1 - Территориальное размещение структурных подразделений

Качественный состав кадров представлен в таблице 1.1.

Таблица 1.1 - Качественный состав кадров ООО «Автомир» в разрезе на 01.01.2014

Наименование показателя	Списочная численность работников на 01.01.2014	Женщин	В том числе:
			служащие	из них:	рабо-чие
				руководители	специалисты	другие служащие
Всего работников	52	20	13	2	10	1	39
в т.ч. имеют образование:
высшее	12	5	8	2	6	-	4
среднее специальное	17	6	1	-	1	-	16
профессионально-техническое	12	5	1	-	1	-	11
общее среднее	10	4	2	-	1	1
общее базовое	1	-	1	-	1	-	-
Из всей численности работников имеют возраст, лет:
до 16	-	-	-	-	-	-	-
16-17	-	-	-	-	-	-	-
18-24	11	5	5	-	4	1	5
25-29	7	2	-	-	-	-	2
30	1	-	-	-	-	-	-
31	6	3	3	2	1	-	3
32-39	11	4	4	-	4	-	4
40-49	10	4	1	-	1	-	4
50-54	3	1	-	-	-	-	1
55-59	3	1	-	-	-	-	1
60 лет и старше	-	-	-	-	-	-	-

Сертифицированные системы управления качеством в ООО «Автомир» отсутствуют.

Оценка уровня унификации, регламентации и стандартизации в системе менеджмента в ООО «Автомир» отсутствует.

Для повышения эффективности управления организацией и его отдельными подразделениями, а также для автоматизации труда каждого специалиста в ООО «Автомир» функционирует автоматизированная система управления предприятием, представляющая собой совокупность автоматизированных рабочих мест (АРМ). В АИС используются порядка 14 АРМ специалистов с файловой системой передачи данных через файл-сервер. Файл-серверная технология передачи данных реализована в рамках локальной вычислительной сети (ЛВС) с выделенным сервером.

Программное обеспечение АИС включает в себя как системные программы, так и прикладные программы. ООО «Автомир» в основном использует программы, приобретенные у сторонних разработчиков, такие как 1С: Предприятие и 1С: Бухгалтерия, «BS-Client» подсистемы «Банк-клиент», ПП "Декларант-ГТД".

Схема организационной структуры ООО «Автомир» представлена на рисунке 1.2.



Рисунок 1.2 - Организационная структура ООО «Автомир»

Организация имеет выход в Интернет через провайдера Byfly, имеет свой электронный ящик e-mail: avtomir1@rambler.ru.

1.2 Анализ уровня автоматизации бизнес-процессов в организации

ООО «Автомир» не имеет отдела информационных технологий. Так как многие программы приобретены у сторонних разработчиков, отдельными вопросами информационных технологий, наладкой работы программ и их сопровождением занимаются привлеченные сторонние организации и индивидуальные предприниматели.

Рассмотрим некоторые их них:

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

Предметом договора является:

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

общая проверка работоспособности компьютеров;

проверка компьютеров на наличие вирусов;

проверка состояния и работоспособности жестких дисков;

проверка состояния мониторов, клавиатур, манипуляторов;

консультация и помощь пользователям и/или администратору локальной сети Заказчика.

Исполнитель при необходимости и/или по заданию Заказчика производит следующие работы, которые включены в стоимость постоянного обслуживания компьютерной техники:

установка и обновление программного обеспечения;

работы по замене неисправных комплектующих и модернизация компьютеров заказчика;

техническое обслуживание компьютеров (разборка, сборка, чистка системного блока);

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

замена расходных материалов во время планового или срочного выездов;

Запасные части, узлы системного блока необходимые для ремонта и модернизации, расходные материалы необходимые для выполнения Исполнителем обязательств предоставляются Заказчиком.

Исполнитель по заданию Заказчика может выполнять дополнительные работы:

установка, настройка серверов;

ремонт оборудования;

восстановление информации;

другие работы связанные с ремонтом, настройкой и обслуживанием компьютерной техники и оборудования.

Техническое профилактическое обслуживание и мелкий ремонт производится на месте установки компьютеров Заказчика.

С индивидуальным предпринимателем Рычка Егором Викторовичем заключен договор по обслуживанию программных продуктов системы «1С: Предприятие».

Предметом договора является:

Ежемесячное обслуживание программного продукта «1С: Предприятие».

Обновление конфигурации клиента.

Обновление релизов «1С: Предприятие» версии 7.7.

Установка типовых форм отчетности, редактирование и модификация существующих печатных форм и отчетов.

Консультация по работе с программной в рамках (архивация, перепроведение, граница последовательности, периоды, методика работы с программной).

Тестирование и исправление баз данных, настройка интерфейсов и прав доступа.

Эксплуатация программ «1С: Предприятие» построена так, что отдельные функции развития информационных технологий могут выполнять менеджеры, экономисты, операторы ЭВМ и бухгалтерия.

Программа не требует специальных знаний компьютера только элементарных навыков. Однако специальные знания менеджера или бухгалтера как специалиста обязательны для грамотного расчета и составления документов.

С ОАО «БПС-Банк» заключен договор банковского обслуживания с использованием подсистемы «Банк-клиент» системы ДБО «BS-Client».

Предметом договора является:

Основанием для осуществления Клиентом приема, передачи электронных документов и сообщений (подтверждение результатов обработки электронных документов, запросов (ответов), информирования о курсах валют) с использованием подсистемы «Банк-клиент» системы дистанционного банковского обслуживания «BS-Client» (далее Подсистемы) и предусматривает проведение безналичных расчетов в белорусских рублях и иностранной валюте, а также совершение других банковских операций посредством Подсистемы в соответствии с требованиями законодательства Республики Беларусь и локальных нормативных правовых актов Банка.

Банк обязуется проводить обслуживание Клиента через Подсистему, а Клиент уплачивать вознаграждение (плату) (далее вознаграждение) за обслуживание в Подсистеме в размерах, установленных Сборником вознаграждений (платы) за операции, осуществляемые ОАО «БПС-Банк».

Стороны признают, что платежные инструкции и другие, переданные Клиентом в Банк с использованием Подсистемы, являются электронными документами (далее - ЭД) и имеют равную юридическую силу с платежными инструкциями и документами Клиента на бумажном носителе, заверенными оттиском печати и подписями должностных лиц Клиента, согласно заявленным в Банк образцам подписей и оттиска печати.

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

С УП «Таможпроект» заключен договор на внесение изменений в программные продукты (в частности ПП «Декларант-ГТД»).

Предметом договора является:

УП «Таможпроект» предоставляет услуги по внесению изменений в программные продукты для таможенного оформления (в дальнейшем ПП). Внесение изменений в ПП включает в себя обновление программных продуктов в соответствии с изменениями таможенного законодательства.

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

С ООО «Главный бухгалтер - Инфо» заключен договор о передаче и обслуживании справочно-аналитической системы «Бизнес-Инфо».

В данном договоре оговариваются порядок проведения установки и обновления ПО.

Источником получения текстов нормативных правовых актов, включенных в Систему, является эталонный банк данных правовой информации Национального центра правовой информации Республики Беларусь, и Исполнитель гарантирует, что правовая база Системы содержит достоверную информацию относительно эталонного банка данных правовой информации Республике Беларусь.

1.2.1 Функциональная структура АИС

Целью функционирования АИС в ООО «Автомир» является повышение эффективности работы торговых объектов и структурных подразделений организации и, как следствие, увеличение прибыли организации.

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

Задачей существующей АИС в ООО «Автомир» является формирование интегрированной информационной системы, основанной на применении современных компьютерных технологий.

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

В ООО «Автомир» используются АРМ специалистов на основе баз данных. Применяется несколько АРМов (АРМ менеджера, АРМ бухгалтера, АРМ экономиста, АРМ декларанта, АРМ оператора ЭВМ). В основном почти все АРМы основаны на использовании 1С: Предприятие и 1С: Бухгалтерия.

В таблице 1.2 представлен перечень используемых АРМов.

Таблица 1.2 - Перечень АРМ, входящих в состав АИС ООО «Автомир» на 01.01.2014

Название отдела	Тип АИС	Потребность в обновлении (да, нет)
Бухгалтерия	АРМ бухгалтера	да
Станция технического обслуживания	АРМ экономиста	да
Торговые объекты	АРМ оператора ЭВМ	да
Рабочее место декларанта	АРМ декларанта	да
Рабочее место менеджера	АРМ менеджера	да

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

Для взаимосвязи АИС с внешней средой используется экстрасистемы т.е. полноценно функционально взаимодействующие с определенным кругом внешних информационных систем, к таким системам можно отнести «Бизнес-Инфо» и подсистему «Банк-клиент» системы ДБО «BS-Client».

1.2.2 Техническое обеспечение информационной системы

Рассмотрим уровень технического обеспечения в ООО «Автомир».

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

В настоящее время техническое обеспечение ООО «Автомир» включает 15 персональных компьютеров, которые были приобретены, а более устаревшие заменены на протяжении 2007 - 2008 гг.

Конфигурация персональных компьютеров представлена в таблице 1.3.

Таблица 1.3 - Конфигурация персональных компьютеров ООО «Автомир»

Месторасположение ПК	Количество	Конфигурация
1. Офис	2	AMD Sempron (tm) Processor LE-1200 2.10 ГГЦ, 896 МБ ОЗУ
	2	AMD Sempron (tm) Processor 2800+ 1.61 ГГц, 448 МБ ОЗУ
	5	Intel (R) Celeron (R) CPU AT/AT Compatible 260 МБ ОЗУ
2. Станция технического обслуживания	1	AMD Sempron (tm) Processor 2800+ 1.61 ГГц, 448 МБ ОЗУ
3. Торговые объекты	4	Intel (R) Celeron (R) CPU 1.70 GHz, 1,70 ГГц, 224 МБ ОЗУ

Все без исключения ПК имеют жидкокристаллический монитор, оптическую мышь.

Помимо персональных компьютеров в АИС широко используется периферийное оборудование и оргтехника. Так в ООО «Автомир» имеется 12 принтеров, из них:

- 10 лазерных принтеров HP LaserJet 1200;

- 1 лазерное многофункциональное устройство Сanon Laser Base MF3228;

- 1 струйный цветной принтер HP DeskJet D1560.

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

Также имеются 7 факсов Panasonic KX-FT22RU: по одному факсу на каждом торговом объекте, 1 факс - на СТО, 2 факса непосредственно в офисе и 1 системный телефон Samsung NX-24E выполняющий функции Мини-АТС.

Используемая оргтехника и периферия представлена в таблице 1.4.

Таблица 1.4 - Обеспеченность ООО «Автомир» оргтехникой на 01.01.2014

Вид оргтехники	Количество	Спецификация
1. Принтер	11	HP LaserJet 1200 HP DeskJet D1560
2. Многофункциональное устройство	1	Сanon Laser Base MF3228
3. Факс	7	Panasonic KX-FT22RU
4. Мини-АТС (системный телефон)	1	Samsung NX-24E

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

ЛВС ООО «Автомир» реализована путём объединения персональных компьютеров в сеть на основе технологии Full Duplex, связанных кабельным соединением 100Base-TX (витая пара). Назначение локальной сети - осуществление совместного доступа к данным, программам и оборудованию. Локальная сеть предоставляет возможность совместного использования оборудования.

Как наиболее быстрый и надёжный был использован сетевой протокол TCP/IP, который обеспечивает скорость передачи данных по кабельному соединению 100 Мегабит в секунду.

Для организации сети используется топология звезды. Эта схема сети напоминает соединенные между собой звезды. Связь между компьютерами осуществляется посредством кабелей типа «витая пара».

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

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

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

Конфигурация сервера представлена в таблице 1.5.

Таблица 1.5 - Конфигурация сервера ООО «Автомир»

Месторасположение сервера	Конфигурация
Офис	Intel (R) Pentium (R) 4 GPU 3.00 GHz 3,01 ГГц, 1,50 ГБ ОЗУ

Связь между офисом и торговыми объектами осуществляется посредством сети Интернет.

Таким образом, в организации уделяется значительное внимание техническому обеспечению. При этом конфигурация используемых компьютеров полностью соответствует требованиям, предъявляемыми устанавливаемыми на данные компьютеры системами, а также позволяет эффективно выполнять поставленные перед работниками задачи.



1.3 Обоснование необходимости создания web-сайта организации

Функции сайта

ООО «Автомир», как и любая другая организация стремится к росту прибыли, а также к более широкой известности, поэтому немаловажным в решении этих целей является создание собственного web-сайта.

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

Информационная функция

Информационная функция заключается в том, чтобы предоставить пользователю, как можно более полную информацию о товарах или услугах, которые предлагает организация. Недостаток полного спектра необходимой информации это серьёзная ошибка, которая приводит к тому, что пользователи, пришедшие на сайт, не становятся покупателями. Поэтому нужно подробно и доступно для потенциального покупателя описывать все, что ему потребуется для принятия решения о покупке товара в данной организации.

Коммуникационная функция

Ещё одна важная функция, которую должен выполнять коммерческий сайт - это коммуникационная функция, цель которой наладить каналы общения с потенциальным покупателям. Наверняка у будущего клиента возникнут какие-либо вопросы, ему захочется что-то обсудить, пообщаться с такими же покупателями. Для того чтобы данный процесс проходил наиболее комфортно, на сайте должна быть создана коммуникационная среда. Это может быть просто удобные инструменты обратной связи (формы обратной связи, прямой онлайн чат с консультантом), На более крупных проектах могут быть использованы более масштабные инструменты коммуникации, такие как форум, корпоративный блог, присутствие в социальных сетях. Чем лучше развита коммуникационная функция сайта, тем проще наладить контакт с клиентом, и тем охотнее он пойдёт на сделку.

Маркетинговая функция

Маркетинговая функция сайта отвечает за продажи. Это одна из главных функций, которая позволяет его владельцем получать постоянную прибыль. В рамках этой функции до посетителя нужно донести информацию о том почему он должен купить этот товар именно у нас, то есть наши конкурентные преимущества должны быть видны потенциальному покупателю, едва он зашёл на сайт. Также важно создать удобный интерфейс покупки. Пользователь должен чётко понимать как ему купить товар или услугу, как заплатить за неё (при получении товара, с помощью банковской карты или платёжной системы), как и когда доставят товар или если речь идёт об услуге, когда он сможет ей воспользоваться. Из этого следует, что маркетинговая функция сайта призвана убедить посетителя купить у нас и сделать так, чтобы процесс покупки прошёл легко и комфортно.

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

Задачи, решаемые с помощью web-сайта

Определение задач создания сайта -- очень важный этап работ. Нужно иметь чёткое представление для чего создаётся сайт нашей организации и это позволит правильно определить структуру будущего сайта, сделать правильные акценты, определить необходимый набор инструментов.

Сайт решает следующие задачи:

- Позволяет расширить аудиторию потенциальных клиентов.

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

Ссылку на наш сайт можно указать в визитках, в рекламных материалах, в различных справочниках, каталогах и поисковых системах, в разговоре.

На сайте легко публиковать информацию, которую невозможно разместить ни в одном другом виде традиционной рекламы.

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

- Позволяет привлекать новых клиентов и упрощает процесс реализации услуг организацией.

Web-сайт - это инструмент, с помощью которого можно привлечь потенциальных клиентов и упростить начальный процесс заказа ваших услуг.

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

Посетители смогут заполнить на сайте специальную форму-заявку и указать в ней свои реквизиты и пожелания по услуге. Форма-заявка автоматически будет отправлена по электронной почте ответственному менеджеру для обработки, согласования и выполнения.

- Позволяет повысить уровень обслуживания клиентов.

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

На сайте можно создать специальный раздел «вопросы и ответы», где будут собраны наиболее часто задаваемые вопросы клиентов и квалифицированные ответы на них.

- Способствует упрощению доступа к корпоративной информации и выполнению административных функций.

Web-сайт - это инструмент, помогающий в работе сотрудникам и руководителям фирмы.

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

Естественно, что доступ к информации должен контролироваться и управляться с помощью специальной системы контроля прав.

- Повышает имидж организации.

Web-сайт работает на наш имидж. Наличие web-сайта свидетельствует о технической оснащённости компании и соответствии требованиям времени.

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

Преимущества, получаемые организацией от использования сайта

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

Создание и поддержка корпоративного сайта предоставляет организации множество преимуществ:

- оперативное информирование потребителей и деловых партнёров о различных услугах, проводимых акциях и новых предложениях;

- эффективный инструмент для продвижения и укрепления имиджа компании на рынке;

- возможность простого и быстрого обновления актуальной информации на сайте;

- доступность Интернет-ресурса двадцать четыре часа в сутки для привлечения потенциальных потребителей;

- сокращение расходов на другие виды рекламы;

- эффективная обратная связь для уточнения пожеланий и потребностей потребителей;

- возможности для увеличения объёма продаж;

- средство обмена конфиденциальной информацией между удалёнными офисами.

2. ТЕХНОЛОГИИ РАЗРАБОТКИ ИНТЕРАКТИВНЫХ САЙТОВ

Существуют два типа сайтов с точки зрения программирования - динамические и статические.

2.1 Технологии, используемые при разработке статических страниц сайтов

Статический сайт - используется стандартный код HTML, адрес страницы статический и простой, например page.html. Данный тип свойственен более простому типу сайтов, где не требуется постоянное добавление и обновление большого количества информации. Это вполне подходит для сайта частной компании.

Статический сайт лучше перерабатывается поисковыми машинами, поэтому веб-мастера динамических сайтов стараются создать для динамических страниц статические адреса. Однако крупный портал просто не мыслим без динамики. Поэтому выбор в ту или иную сторону делается непосредственно "на месте", т.е. исходя из типа сайта и его дальнейших перспектив.

Web-страницы могут существовать в любом формате, но в качестве стандарта принят Hyper Text Markup Language - язык разметки гипертекстов, предназначенный для создания форматированного текста, насыщенного изображениями, звуком, анимацией, видеоклипами и гипертекстовыми ссылками на другие документы, разбросанные как по всему Web-пространству, так и находящиеся на этом же сервере или являющиеся составной частью этого же Веб-проекта.

Можно работать на Web без знания языка HTML, поскольку тексты HTML могут создаваться разными специальными редакторами и конвертерами. Но писать непосредственно на HTML нетрудно. Возможно, это даже легче, чем изучать HTML-редактор или конвертер, которые часто ограничены в своих возможностях, содержат ошибки или проводят плохой HTML код, который не работает на разных платформах.

Язык HTML существует в нескольких вариантах и продолжает развиваться, но конструкции HTML, скорее всего, будут использоваться и в дальнейшем. Изучая HTML и познавая его глубже, создавая документ в начале изучения HTML и расширяя его насколько это возможно, мы имеем возможность создавать Web-страницы, которые могут быть, просмотрены многими браузерами Web, как сейчас, так и в будущем. Это не исключает возможности использования других методов, например, метод расширенных возможностей, который предоставляется Netscape Navigator, Internet Explorer или некоторыми другими программами.

Работа по HTML - это способ усвоить особенности создания документов в стандартизированном языке, используя расширения, только если это действительно необходимо.

HTML был ратифицирован World Wide Web Consortium. Он поддерживается несколькими широко распространенными броузерами, и, возможно, станет основанием почти всего программного обеспечения.[32]

Структура HTML документа

Поскольку HTML-документы записываются в ASCII-формате, то для ее создания может быть использован любой текстовый редактор.

Обычно HTML-документ - это файл с расширением .html или .htm, в котором текст размечен HTML-тегами (англ. tag - специальные встроенные указания). Средствами HTML задаются синтаксис и размещение тегов, в соответствии с которыми, браузер отображает содержимое Веб-документа. Текст самих тегов Веб-браузером не отображается.

Все теги начинаются символом '<' и заканчиваются символом '>'. Обычно имеется пара тегов - стартовый (открывающий) и завершающий (закрывающий) тег (похоже на открывающиеся и закрывающиеся скобки в математике), между которыми помещается размечаемая информация:

<p>Информация</p>

Здесь стартовым тегом является тег <P>, а завершающим - </P>. Завершающий тег отличатся от стартового лишь тем, что у него перед текстом в скобках <> стоит символ '/' (слэш).

Браузер, читающий HTML-документ, отображает его в окне, используя структуру HTML-тегов. В каждом HTML-документе должны присутствовать три главных части:

a) объявление HTML;

b) заголовок;

c) тело документа.

Объявление HTML

<HTML> и </HTML>. Пара этих тегов сообщает программе просмотра (браузеру) что между ними заключен документ в формате HTML, причем первым тегом в документе должен быть тег <HTML> (в самом начале документа), а последним - </HTML> (в самом конце документа).

<HTML>

.

.

.

</HTML>

Заголовочная часть

<HEAD> и </HEAD>. Между этими тегами располагается информация о документе (название, ключевые слова для поиска, описание и т.д.). Однако наиболее важным является название документа, которое мы видим в верхней строке окна браузера и в списках "Избранное (BookMark)". Специальные программы-спайдеры поисковых систем используют название документа для построения своих баз данных. Для того чтобы дать название своему HTML-документу текст помещается между тегами <TITLE> и </TITLE>.



<HTML>

<HEAD>

<TITLE>Моя первая страница</TITLE>

</HEAD>

</HTML>

Тело документа

Третьей главной частью документа является его тело. Оно следует сразу за заголовком и находится между тегами <BODY> и </BODY>. Первый из них должен стоять сразу после тега </HEAD>, а второй - перед тегом </HTML>. Тело HTML-документа - это место, куда автор помещает информацию, отформатированную средствами HTML.

<HTML>

<HEAD>

<TITLE> Моя первая страница</TITLE>

</HEAD>

<BODY>

</BODY>

</HTML> [15,с.26-32]

Форматирование текста

В разделе BODY все символы табуляции и конца строк браузером игнорируются и никак не влияют на отображение страницы. Поэтому перевод строки в исходном тексте HTML-документа не приведет к началу новой строки в отображаемом обозревателем тексте при отсутствии специальных тегов. Это правило очень важно помнить и не забывать ставить разделяющие строки теги, иначе у текста не будет абзацев, и он станет нечитаемым.

Для начала новой строки используется тег <BR> (сокр. от англ. break - прервать). Этот тег приводит к отображению браузером дальнейшего текста с начала следующей строки. Закрывающий для него тег не используется. Он удобен, если требуется с какого-то места писать с новой строки без начала нового абзаца, например, в стихотворении. Повторное его использование позволяет вставить одну или несколько пустых строк, отодвинув следующий фрагмент страницы вниз.

Сплошной текст без промежутков читается не очень легко, его неудобно просматривать и находить нужные места. Разбитый на абзацы, текст воспринимается гораздо быстрее. Для начала нового абзаца используется тег <P> (англ. paragraph - абзац). Этот тег, кроме начала новой строки, вставляет одну пустую строку. Но многократное повторение <P>, в отличие от <BR>, не приведет к появлению нескольких пустых строк, останется все та же одна пустая строка.

Внутри скобок тега кроме его названия могут размещаться также атрибуты (англ. atributes - атрибуты). Они отделяются от названия и между собой пробелами (одним или несколькими), а пишутся в виде имя_атрибута="значение". Если значение не содержит пробелов, то кавычки могут быть опущены, но так делать не рекомендуется. Тег <P> может содержать атрибут ALIGN, определяющий выравнивание абзаца. По умолчанию абзац выравнен влево ALIGN="left". Возможны также выравнивания вправо ALIGN="right" и по центру ALIGN="center". При использовании атрибутов, после форматируемого текста следует использовать закрывающий тег </P>. Если его нет, то новый тег <P> означает закрытие предыдущего, соответственно вложенные <P> невозможны. Выровнять текст по центру возможно также тегом <CENTER>.

Кроме использования этих тегов, для разрыва строк возможно использование символов конца строк и табуляций в самом HTML-документе. Для этих целей существует тег <PRE>. Весь текст, помещенный между тегами <PRE> и </PRE>, будет выводиться без изменений, то есть со всеми концами строк и табуляциями.

Например:

<PRE>Это текст написан

в две строки.</PRE>

В HTML-документе, кроме текста, могут содержаться горизонтальные разделительные линии. Они, как и текст, не требуют никаких внешних файлов. Тег <HR> выведет горизонтальную линию единичной толщины вдоль всей ширины страницы. Горизонтальная разделительная линия всегда приводит к разрыву строки, но пустых строк между линией и текстом не появляется. Тег <HR> может содержать несколько атрибутов. <HR SHADE> и <HR> дают контурную линию с трехмерным эффектом углубления. <HR NOSHADE> дает сплошную черную линию. Линия может не простираться во всю ширину страницы, а составлять лишь некоторую часть. Атрибут WIDTH задает ширину линии, в процентах от ширины всей страницы или в пикселах. Например, 50% - половина ширины страницы, 400 - ширина в 400 пикселов. Атрибут ALIGN может принимать значения, аналогичные его значениям для тега <P>, но выравнивание по умолчанию - по центру. Атрибут SIZE задает толщину линии в пикселах от 1 до 175; по умолчанию 1, но если <HR SHADE>, (линия - контурная), то добавляется толщина, необходимая для трехмерного эффекта углубления.

Линии, наряду с абзацами, позволяют выделить логические фрагменты текста. Но большое количество горизонтальных линий неприятно для посетителя вашей Веб-страницы, поэтому после каждого абзаца их ставить не следует. Они больше подходят для выделения целых разделов.

В данной работе очень широко использовались таблицы, фреймы и их сочетания. Так, практически каждая страница сайта имеет в себе хотя бы одну таблицу. Теги HTML для создания таблиц первоначально были разработаны, чтобы представлять строки и столбцы табулированных данных. Однако для разработчиков таблицы быстро стали ценным средством управления разметкой Web-страниц. Таблицы позволяют создавать столбцы текста, задавать интервалы между элементами, сокращать размеры содержимого страницы способами, которые недоступны другим тегам форматирования HTML. Спецификация HTML 4.0 по таблицам значительно сложнее предыдущего стандарта 3.2. Она пытается привнести контекст и структуру в табличные данные и обеспечить системы для инкрементального вывода и вывода невизуальными средствами (такими как речевые броузеры и броузеры, работающие по системе Брайля). Пока эти средства находятся в стадии разработки, поэтому потребуется некоторое время, чтобы понять на практике, насколько они соответствуют стандартам.

CSS

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

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

Помимо визуальных представлений, определяющих внешний вид, у документа могут быть и другие виды представлений, например, аудиальные, то есть звуковые. Тенденции развития языка разметки нацелены на торжество принципа разделения содержания и представления на уровне конечного кода веб-страниц, передаваемого веб-сервером клиенту. При соблюдении этого принципа на HTML возлагается лишь задача структурирования контента, тогда как управление его представлениями полностью ложится на плечи CSS.

Спецификации HTML 4.01 Strict и XHTML 1.0 Strict, а тем более XHTML 1.1, объявляют не рекомендованными к использованию многие теги и атрибуты визуального форматирования, унаследованные от более ранних версий языка HTML. Примерами могут служить теги, аналогичные <font> и <center>, а также атрибуты вроде align, valign, color, bgcolor, size, width, height, border, cellspacing, cellpadding и т. д.

Актуальная на сегодняшний день версия CSS, CSS level 2 (или, сокращенно, CSS2), позволяет полностью отказаться от нежелательных тегов и атрибутов HTML, отвечающих за визуальное представление данных.

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

Отказываясь от визуальных средств HTML в пользу CSS, мы не меняем «шило на мыло», а приобретаем массу дополнительных преимуществ. Во-первых, максимальное использование CSS дает возможность существенно сократить объем HTML-разметки. Разумеется, при этом возрастает объем CSS-кода, но CSS-файл, будучи внешним по отношению к группе HTML-документов, как правило, кэшируется браузером и не требует повторной загрузки с каждым вновь открываемым документом, связанным с этим файлом.

Уменьшение объема HTML-кода положительно сказывается на скорости загрузки веб-страниц. Кроме того, уменьшение отношения объема служебной разметки к объему полезного содержания весьма благотворно сказывается на ранжировании страницы в выдаче поисковых систем.

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

В-третьих, CSS2 позволяет управлять представлением данных, учитывая специфику среды или устройства вывода информации, включая, например, программы синтеза речи, дисплеи Брайля и т. д.

В-четвертых, возможности CSS2 по управлению визуальными представлениями документов гораздо богаче, нежели аналогичные возможности устаревших тегов и атрибутов визуального форматирования, предусмотренных в HTML.[2]

Способы подключения CSS к документу

Правила CSS пишутся на формальном языке CSS и располагаются в таблицах стилей, то есть таблицы стилей содержат в себе правила CSS. Эти таблицы стилей могут располагаться как в самом веб-документе, внешний вид которого они описывают, так и в отдельных файлах, имеющих формат CSS. (По сути, формат CSS -- это обычный текстовый файл. В файле .css не содержится ничего, кроме перечня правил CSS и комментариев к ним.)

То есть, эти таблицы стилей могут быть подключены, внедрены в описываемый ими веб-документ четырьмя различными способами:

1. Когда таблица стилей находится в отдельном файле, она может быть подключена к веб-документу посредством тега <link>, располагающегося в этом документе между тегами <head> и </head>. (Тег <link> будет иметь атрибут href, имеющий значением адрес этой таблицы стилей). Все правила этой таблицы действуют на протяжении всего документа;

<head>

.....

<link rel="stylesheet" type="text/css" href="style.css"/>

</head>

2. Когда таблица стилей находится в отдельном файле, она может быть подключена к веб-документу посредством директивы @import, располагающейся в этом документе между тегами <style> и </style> (которые, в свою очередь, располагаются в этом документе между тегами <head> и </head>) сразу после тега <style>, которая также указывает (в своих скобках, после слова url) на адрес этой таблицы стилей. Все правила этой таблицы действуют на протяжении всего документа;

<head>

.....

<style type="text/css" media="all">

@import url(style.css);

</style>

</head>

3. Когда таблица стилей описана в самом документе, она может располагаться в нём между тегами <style> и </style> (которые, в свою очередь, располагаются в этом документе между тегами <head> и </head>). Все правила этой таблицы действуют на протяжении всего документа;

<head>

.....

<style type="text/css">

body {

color: red;

}

</style>

</head>

4. Когда таблица стилей описана в самом документе, она может располагаться в нём в теле какого-то отдельного тега (посредством его атрибута style) этого документа. Все правила этой таблицы действуют только на содержимое этого тега.

<p style="font-size: 21px; color: green;">текст</p>

В первых двух случаях говорят, что к документу применены внешние таблицы стилей, а во вторых двух случаях -- внутренние таблицы стилей.

2.2 Технологии создания и поддержки интерактивных web-сайтов

автоматизация бизнес процесс автомир

Динамический сайт - свойственен более сложному типу сайтов, например крупные сайты, новостные ленты, порталы, где требуется постоянное добавление и обновление большого количества информации. Используются технологии ASP, PHP, CGI, Perl и другие. Информация хранится в SQL базе данных, а программирование позволяет лишь доступ к динамике обновления и добавления страниц. Данный тип гораздо более сложен в реализации и значительно дороже. Также проблемным бывает перенос сайта с одной хостинг-площадки на другую. Однако неоспоримым преимуществом является возможность удобной оперативной работы с большим количеством информации, что весьма проблемно в случае со статическим вариантом. Естественно и хостинг-план для второго случая будет стоить дороже.

На рынке существует достаточное количество платный и бесплатных разработок по созданию новостных сайтов в сети Интернет, объединённым под общим названием «CMS».

Аббревиатура CMS расшифровывается как «Content Management Software» («программное обеспечение для управления содержимым»). В Беларуси последнюю букву «S» расшифровывают как «System», а по-русски - «Система управления контентом». Иногда употребляется более простое название - "движок сайта".

Первой СMS-системой принято считать Vignette, которая появилась на западном рынке в 1995 году. У нас в стране решения по управлению содержимым появились значительно позже.

Необходимость систем управления для владельцев сайтов начала проявляться в тот момент, когда количество материалов на web-сайтах начало стремительно расти. Это привело к тому, что традиционные методы и технологии разработки и поддержки сайтов, когда сайт состоял из статических страниц и набора дополнительных специализированных скриптов, стали не успевать за быстро меняющимися условиями бизнеса. Недостатком являлось то, что ввод данных на сайт требовал (как минимум) знания технологий HTML/CSS верстки, изменения структуры сайтов проводились путём каскадного изменением большого количества взаимосвязанных страниц.

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

C некоторого момента развития сайта, затраты на поддержку десятков разнообразных скриптов, написанных разными авторами с использованием различных программных технологий, возрастают настолько, что удобства их использования становится сомнительным. CMS (Content Management System) -- набор программных средств, предоставляющий комплексный подход к созданию сайта.

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

Предлагаемые решения (CMS) позволяют разделить сайты на две составляющие:

1) Дизайн (внешний вид сайта в целом, отдельных страниц, конкретных блоков информации);

2) Содержимое (контент).

Дизайн сайта, как правило, основан на применении шаблонов, которые изменяются значительно реже, чем контент. Для ввода контента хватает знания простых приёмов оформления текста, применяемых в Microsoft Office.