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

/

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

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

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

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

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

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

на тему: «Разработка 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

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

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

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

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

Помимо персональных компьютеров в АИС широко используется периферийное оборудование и оргтехника. Так в ООО «Автомир» имеется 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

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

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

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

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

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

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

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

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

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

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

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

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.

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

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

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

В настоящее время большинство CMS используется первый метод управления ресурсом.

Анализ распространённых CMS (Wordpress, Drupal, Jaomla, DLE) позволяет сделать следующие выводы:

1) К достоинствам бесплатных CМS необходимо отнести саму бесплатность, как правило, открытый исходный код, что дает подстроить движок под себя и большое количество добавочных модулей, которые так же предоставляются бесплатно.

2) При использовании бесплатных CMS отсутствуют какие-либо гарантии безопасности.

3) В коммерческих ЦМС все наоборот. К достоинствам можно отнести профессиональную техническую поддержку, которая оперативно поможет Вам решить возникшие проблемы и ответит на вопросы. Коммерческие CMS постоянно обновляются и совершенствуются, учитывая пожелания клиентов.

4) Разработчики CMS обычно ориентируют на неопытных пользователей, которые не знакомы даже с основами HTML. Поэтому в инструкциях всё прописывают до самых мелочей. А требования к уровню людей, занимающихся поддержкой сайта, сведено до минимума.

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

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

7) Вопросы безопасности: в большинстве CMS возможность реализации PHP-including полностью исключается, однако реализация SQL-injection, XSS, возможна во многих случаях.

8) Некоторые CMS плохо индексируются и их не видят поисковые системы.

9) Большинство CMS не поддерживают субдомены.

10) Построение шаблона дизайна в линейном режиме. Если необходимо разные дизайнерские решения разместить на разных типах страниц, то придется написать достаточно сложный код в самом шаблоне.

11) Уязвимости широко распространённых CMS легко доступны для взломщиков.

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

В исходном коде страницы можно наблюдать куски совсем ненужного кода.

Появляться там он может по двум причинам.

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

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

Могут встречаться неоптимальные решения в вёрстке, большие фрагменты кода JavaScript, прописанные в коде стили элементов, брошенные обрывки кода и др.

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

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

Как более «дружественную» для поисковых систем вёрстку, можно назвать блочную. У блочной вёрстки существуют свои незначительные недостатки, но они окупаются более меньшим объёмом кода по сравнению с табличной. Такие странички быстрее загружаются в браузер, так как имеют объём кода на 30 - 50% меньше, чем у табличной.

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

Веб-сервер Apache

В качестве сервера выбираем HTTP-сервер Apache, который находится в свободным распространении (бесплатен).

Apache является кроссплатформенным сервером с поддержкой операционных систем: Microsoft Windows, GNU/Linux, FreeBSD, Mac OS, Novell NetWare, BeOS.

Основные достоинства сервера Apache - надёжность и гибкость конфигурации. К серверу подключаются внешние модули для работы с данными, использования СУБД аутентификации пользователя, изменения сообщений об ошибках и т. д. Сервер Apache разрабатывается и поддерживается Apache Software Foundation в рамках проекта свободного ПО Open Source, входит в состав СУБД Oracle и IBM WebSphere.

В настоящее время Apache является самым популярным HTTP-сервером в Интернете - около 50% веб-серверов используют Apache.

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

Некоторые модули сервера использует в своей работе файлы настроек операционной системы (например, /etc/password и /etc/hosts), кроме того, параметры могут быть заданы через ключи командной строки.

WEB-сервер Apache поддерживает более 400 модулей различного назначения. Некоторые модули разрабатываются Apache Software Foundation, основная часть модулей разрабатывается разработчиками в рамках проекта свободного ПО. Модули могут быть статически включены в состав сервера при компиляции либо динамически загружаться.

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

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

Ядро и модули настраиваются индивидуально для каждого виртуального хоста. Может быть ограничен доступ к сайту или отдельным файлам сайта. Некоторые модули Apache позволяют учитывать и ограничивать трафик и другие ресурсы сервера (CPU, RAM) для каждого виртуального хоста.

Существуют модули поддержки следующих языков программирования: PHP, Python, Ruby, Perl, ASP.

Веб-сервер Apache также поддерживает механизмы CGI и FastCGI для выполнения программ на самых разных языках программирования, в том числе C, C++, sh, Perl и Java.

Механизм Server Side Includes сервера позволяет динамически формировать HTML-страницы на стороне сервера. Для шифрования данных при обмене между клиентом и сервером используется механизм SSL на основе библиотеки OpenSSL. Для удостоверения подлинности web-сервера используются сертификаты X.509.

Механизмы обеспечения безопасности и разграничения доступа к данным, реализуемые сервером Apache:

1) Ограничение доступа к определенным директориям или файлам;

2) Механизм авторизации пользователей для доступа к директории по методу HTTP-Авторизации (mod_auth_basic) и digest-авторизации (mod_auth_digest);

3) Ограничение доступа к определенным директориям или всему серверу, основанное на IP адресах пользователей;

4) Запрет доступа к определенным типам файлов для всех или части пользователей;

5) Запрет доступа к конфигурационным файлам и файлам баз данных.

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

Для всех HTTP-ошибок и событий, таких как 404 (Not Found) или 403 (Forrbiden) могут быть установлены собственные обработчики и страницы.

Может быть реализована возможность запуска скриптов и отображения сообщений на разных языках.

Язык программирования PHP

PHP - это язык обработки гипертекста (HTML), используемый на стороне сервера (server side scripting language), конструкции которого вставляются в HTML-текст. В 2003 году вышла версия PHP 5.0 на базе машины Zend Engine 2 (фирма Zend Technologies Ltd), дает возможности для создания полномасштабных приложений, начиная с пятой версии его можно называть объектно-ориентированным. PHP является открытым программным продуктом, что означает его бесплатность и возможность создавать свои собственные расширения языка.

Язык PHP используется примерно на 52% из 14,5 миллионов сайтов, работающих под Apache, который в свою очередь является самым распространенным севером в интернет (по разным оценкам около 70%), популярность которого быстро растет.

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

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

Возможности PHP

1) Поддерживаемые технологии: платформы Win32 (9x/NT/2000/XP), UNIX, OS/2, QNX, MacOS, BeOS, OCX;

2) Совместимость с серверами: Apache (Win32, UNIX), phttpd, fhttpd, thttpd, ISAPI(Zeus, IIS), NSAPI, Roxen/Caudium, AOLServer;

3) Поддержка технологий COM, XML, Java, CORBA, WDDX, Macromedia Flash;

4) Развитая функциональность для работы с сетевыми соединениями;

5) Поддерживает свыше 20 баз данных и имеет развитую функциональность для работы с ними;

6) Возможность создания полноценных объектно-ориентированных приложений;

7) Сравнительно простой синтаксис и удобство в практическом использовании;

бесплатность;

8) Открытость кода, благодаря которой можно создавать собственные расширения языка

PHP сильно отличается от других языков программирования своей простотой, так при создании программы не приходится учитывать многочисленные мелочи, которые портят жизнь программистам на Perl и C++, - не надо думать о правах доступа к файлам сценария, не надо прописывать точные пути к различным модулям, нет необходимости следить за отсутствием в файле скрипта недопустимых символов и т.д.

Синтаксис языка PHP позволяет быстро освоить этот язык любому, кто знаком с HTML.

Для того чтобы вставить php код в html-страницу, применяются специальные дескрипторы или теги.

Вставить php код в html файл можно, используя один из 4 стилей:

Вставить php код в стиле XML. В этом случае операторы php должны быть заключены в теги

< ?php

…………// здесь набор операторов php

?>

Вставить php код на html станицу в стиле SGML. В данном случае инструкции php кода должны быть заключены в дескрипторы вида:

< ?

………// набор операторов php

?>

Вставлять php код можно также в стиле ASP, для чего операторы php должны быть заключены в дескрипторы

<%

……. // набор операторов php

%>

Код php можно вставить в стиле сценариев html. В данном случае операторы должны находиться внутри тегов:

<script language = “php”>

…………. // набор операторов php кода

</script>

Выбор способа вставки php код в html файл полностью индивидуален, хотя чаще применяются стили XML и SGML. Иногда такие способы вставлять php код называют полной и сокращенной формой.

Каждая команда РНР обычно начинается с тэга '<?php' и заканчивается '?>'. Если используется несколько команд подряд, они могут быть объединены внутри одной пары тэгов - в этом случае каждую команду необходимо отделять друг от друга символом ';'.

В любом месте РНР-скрипта можно размещать комментарии. Для начала комментария используется символы '/*', а для его завершения - '*/'. Если комментарий небольшой, удобней использовать символы '//' - тогда все, что следует за ними до конца строки, будет игнорироваться, подобно лишним символам пробела, табуляции и новой строки.

РНР позволяет использовать переменные - при этом их не нужно описывать так, как это делается в Visual Basic или Pascal. Просто вводят необходимую переменную там, где нужно и тогда, когда это нужно.

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

Например: <?php $a = 7; $b = 9.5; $c = 'Hello'; ?>. Здесь переменной 'а' присваивается значение '7', и она приобретает тип целочисленной. Переменная 'b' обретает вещественный тип и становится равной '9,5'. Строка 'Hello' присваивается переменной 'с', в результате чего она становится строковой. Для отображения переменных или результатов работы скрипта используется команда echo.

Рассмотрим основные функции PHP, применяемые для работы с MySQL сервером.

Основной функцией для соединения с сервером MySQL является mysql_connect(), которая подключает скрипт к серверу баз данных MySQL и выполяет авторизацию пользователя базой данных. Синтаксис у данной функции такой:

mysql_connect ([string $hostname] [, string $user] [, sting $password]);

Все параметры данной функции являются необязательными, поскольку значения по умолчанию можно прописать в конфигурационном файле php.ini. Если вы хотите указать другие имя MySQL-хоста, пользователя и пароль, вы всегда можете это сделать. Параметр $hostname может быть указан в виде: хост:порт.

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

Для закрытия соединения предназначена функция mysql_close(int $connection_id).

Соединение можно и не закрывать - оно будет закрыто автоматически при завершении работы PHP скрипта. Если используется более одного соединения, при вызове mysql_close() нужно указать идентификатор соединения, которое необходимо закрыть.

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

Функция mysql_connect() устанавливает обыкновенное соединение с MySQL. Однако, PHP поддерживает постоянные соединения - для этого используйте функцию mysql_pconnect(). Аргументы этой функции такие же, как и у mysql_connect().

Постоянное соединение не закрывается после завершения работы скрипта, даже если скрипт вызвал функцию mysql_close(). Соединение привязывается к PID потомка веб сервера Apache (от имени которого он и работает) и закрывается лишь тогда, когда удаляется процесс-владелец (например, при завершении работы или перезагрузке веб-сервера Apache).

PHP работает с постоянными соединениями примерно так: при вызове функции mysql_pconnect() PHP проверяет, было ли ранее установлено соединение. Если да, то возвращается его идентификатор, а если нет, то открывается новое соединение и возвращается идентификатор.

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

При работе с постоянными соединениями нужно следить, чтобы максимальное число клиентов Apache не преывшало максимального числа клиентов MySQL, то есть параметр MaxClient (в конфигурационном файле Apache - httpd.conf) должен быть меньше или равен параметру max_user_connection (параметр MySQL). [28,с.12-14]

Функция выбора базы данных

Функция mysql_select_db (string $db [, int $id]) выбирает базу данных, с которой будет работать PHP скрипт. Если открыто не более одного соединения, можно не указывать параметр $id.

// Попытка установить соединение с MySQL: if (!mysql_connect($server, $user, $ password)) { echo 'Ошибка подключения к серверу MySQL'; exit; } // Соединились, теперь выбираем базу данных: mysql_select_db($db);

Функции обработки ошибок

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

mysql_errno(int $id);

mysql_error(int $id);

Первая функция возвращает номер ошибки, а вторая - сообщение об ошибке. В результате можно использовать следующее:

echo 'ERROR '.mysql_errno().' '.mysql_error().'n';

Функции выполнения запросов к серверу баз данных

Все запросы к текущей базе данных отправляются функцией mysql_query(). Этой функции нужно передать один параметр - текст запроса. Текст запроса может содержать пробельные символы и символы новой строки (n). Текст должен быть составлен по правилам синтаксиса SQL. Пример запроса:

$q = mysql_query('SELECT * FROM mytable');

Приведенный запрос должен вернуть содержимое таблицы mytable. Результат запроса присваивается переменной $q. Результат - это набор данных, который после выполнения запроса нужно обработать определенным образом.

Функции обработки результатов запроса

Если запрос, выполненный с помощью функции mysql_query() успешно выполнился, то в результате клиент получит набор записей, который может быть обработан следующими функциями PHP:

mysql_result() - получить необходимый элемент из набора записей;

mysql_fetch_array() - занести запись в массив;

mysql_fetch_row() - занести запись в массив;

mysql_fetch_assoc() - занести запись в ассоциативный массив;

mysql_fetch_object() - занести запись в объект.

Также можно определить количество содержащихся записей и полей в результате запроса. Функция mysql_num_rows() позволяет узнать, сколько записей содержит результат запроса:

$q = mysql_query('SELECT * FROM mytable'); echo 'В таблице mytable '.mysql_num_rows($q).' записей';

Запись состоит из полей (колонок). С помощью функции mysql_num_fields() можно узнать, сколько полей содержит каждая запись результата:

$q = mysql_query('SELECT * FROM mytable'); echo 'В таблице mytable '.mysql_num_fields($q).' полей ';

Также есть возможность узнать значение каждого поля. Это можно сделать с помощью следующей функции:

mysql_result (int $result, int $row, mixed $field);

Параметр функции $row задает номер записи, а параметр $field - имя или порядковый номер поля.

Следует отметить, что функция mysql_result() универсальна: зная количество записей и количество полей, можно 'обойти' весь результат, но в тоже время, скорость работы данной функции достаточно низка. Поэтому, для обработки больших наборов записей рекомендуется использовать функции mysql_fecth_row(), mysql_fecth_array(), и.т.д.

Функция mysql_fecth_row(int $res) получает сразу всю строку, соответствующую текущей записи результата $res. Каждый следующий вызов функции перемещает указатель запроса на следующую позицию (как при работе с файлами) и получает следующую запись. Если более нет записей, то функция возвращает FALSE.

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

Функция mysql_fecth_array(int $res [, int $result_type]) возвращает не ассоциативный массив, а массив, заданный необязательным параметром $result_type, который может принимать следующие значения:

MYSQL_ASSOC - возвращает ассоциативный массив;

MYSQL_NUM -возвращает массив с числовыми индексами, как в функции mysql_fecth_row();

MYSQL_BOTH - возвращает массив с двойными индексами, то есть вы можете работать с ним, как с ассоциативным массивом и как со списком (MYSQL_BOTH - это значение по умолчанию для параметра $result_type.

В PHP есть функция, возвращающая ассоциативный массив с одним индексом:

mysql_fetch_assoc(int $res);

Фактически, данная функция является синонимом для mysql_fetch_array($res, MYSQL_ASSOC);

Система управления базами данных MySQL

Ниже приведено описание важных характеристик СУБД MySQL.

Внутренние характеристики и переносимость

1) Написана на C и C++. Протестирован на множестве различных компиляторов.

2) Работает на различных платформах. See section 2.2.5 Операционные системы, поддерживаемые MySQL.

3) Для обеспечения переносимости используется GNU Automake, Autoconf и Libtool.

4) API для C, C++, Eiffel, Java, Perl, PHP, Python, Ruby и Tcl. See section 8 Интерфейсы для MySQL.

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

6) Очень быстрые дисковые таблицы на основе В-деревьев со сжатием индексов.

7) Очень быстрая базирующаяся на потоках система распределения памяти.

8) Очень быстрые соединения, использующие оптимизированный метод однопроходного мультисоединения (one-sweep multi-join).

9) Хеш-таблицы в памяти, используемые как временные таблицы.

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

Типы столбцов

1) Большое количество: целочисленные со знаком/беззнаковые, длиной в 1, 2, 3, 4 и 8 байтов, FLOAT, DOUBLE, CHAR, VARCHAR, TEXT, BLOB, DATE, TIME, DATETIME, TIMESTAMP, YEAR, SET и ENUM. See section 6.2 Типы данных столбцов.

2) С записями фиксированной и переменной длины.

3) Все столбцы имеют значения по умолчанию. С помощью INSERT можно вставить подмножество столбцов таблицы; столбцы, для которых явно не заданы значения, устанавливаются в значения по умолчанию.

Команды и функции

1) Полная поддержка операторов и функций в SELECT- и WHERE- частях запросов.

2) Полная поддержка для операторов SQL GROUP BY и ORDER BY с выражениями SQL. Поддержка групповых функций (COUNT(), COUNT(DISTINCT), AVG(), STD(), SUM(), MAX() и MIN()).

3) Поддержка LEFT OUTER JOIN и RIGHT OUTER JOIN с синтаксисом ANSI SQL и ODBC.

4) Разрешены псевдонимы для таблиц и столбцов в соответствии со стандартом SQL92.

5) DELETE, INSERT, REPLACE, and UPDATE возвращают число строк, которые были изменены. Вместо этого можно задать возвращение совпавших строк. Для этого следует установить флаг при соединении с сервером.

6) Команду SHOW, которая является специфической для MySQL, можно использовать для получения информации о базах данных, таблицах и индексах. Чтобы выяснить, как оптимизатор выполняет запрос, можно применять команду EXPLAIN.

7) Имена функций не конфликтуют с именами таблиц и столбцов. Например, ABS является корректным именем столбца.

8) В одном и том же запросе могут указываться таблицы из различных баз данных.

Безопасность

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

Масштабируемость и ограничения

1) Управляет очень большими базами данных. Компания MySQL AB. использует MySQL для работы с несколькими базами данных, которые содержат 50 миллионов записей, кроме того, нам известны пользователи, использующие MySQL для работы с 60000 таблицами, включающими около 5000000000 строк.

2) Для каждой таблицы разрешается иметь до 32 индексов. Каждый индекс может содержать от 1 до 16 столбцов или частей столбцов. Максимальная ширина индекса 500 бит (это значение может быть изменено при компиляции MySQL). Для индекса может использоваться префикс поля CHAR или VARCHAR.

Установка соединений

1) Клиенты могут соединяться с MySQL, используя сокеты TCP/IP, сокеты Unix или именованные каналы (named pipes, под NT).

2) Поддержка ODBC (Open-DataBase-Connectivity) для Win32 (с исходным кодом). Все функции ODBC 2.5 и многие другие. Например, для соединения с MySQL можно использовать MS Access. See section 8.3 Поддержка ODBC в MySQL.

Локализация

1) Сервер может обеспечивать сообщения об ошибках для клиентов на различных языках.

2) Полная поддержка нескольких различных кодировок, включая ISO-8859-1 (Latin1), немецкий, big5, ujis и многие другие. Например, скандинавские символы разрешены в именах таблиц и столбцов.

3) Для хранения всех данных используется выбранный набор символов. Все сравнения для столбцов с нормальными строками проводятся с учетом регистра символов.

4) Сортировка производится согласно выбранному алфавиту. Эту установку можно изменить при запуске сервера MySQL. Чтобы ознакомиться с примером очень грамотной сортировки, можно обратиться к коду сортировки для чешского языка. MySQL поддерживает много различных кодировок, которые можно задавать во время компиляции и в процессе работы.

Клиенты и инструментарий

1) Включает myisamchk, очень быструю утилиту для проверки, оптимизации и восстановления таблиц. Все функциональные возможности myisamchk также доступны через SQL-интерфейс.

2) Все MySQL-программы можно запускать с опциями --help или -? для получения помощи.

Язык программирования JavaScript

JavaScript предназначен для создания интерактивных html-документов. Основные области использования JavaScript:

- Создание динамических страниц, то есть страниц, содержимое которых может меняться после загрузки;

- проверка правильности заполнения пользовательских форм;

- решение 'локальных' задач с помощью сценариев.

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

Язык JavaScript регистрозависимый, т.е. заглавные и прописные буквы алфавита считаются разными символами.

Литералы - это простейшие данные с которыми может работать программа. Литералы целого типа - целые числа в представлении: десятичном, например: 15, +5, -174. шестнадцатеричном, например: 0х25, 0хff. Шестнадцатеричные числа включают цифры 0 - 9 и буквы a, b, c, d, e, f. Записываются они с символами 0х перед числом. восьмеричном, например: 011, 0543. Восьмеричные числа включают только цифры 0 - 7. Вещественные литералы - дробные цисла. Целая часть отделяется от дробной точкой, например: 99.15, -32.45. Возможна экспоненциальная форма записи, например: 2.73e-7. В привычном виде это 2.73Х10-7, но в javascript знак умножения и 10 заменяются символом -e-.

Логические значения - из два: истина (true) и ложь (false). Строковые литералы - последовательность символов, заключенная в одинарные или двойные кавычки. Например: 'ваше имя', 'ваше имя'.

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

Например: var test var _test var _my_test1

Каждой переменной можно присвоить значение либо при ее инициализации (объявлении), либо в коде самой программы. Оператор присваивания обозначается знаком равно (=), но знак равенства здесь не имеет своего прямого значения. В данном случае он лишь указывает на то, что данной переменной присвоили значение.

Например: var a=15 var b=23.15 var c='выполнено' var s=true

Каждая переменная имеет тип, определяемый значением переменной. Так в нашем примере: переменные a и b имеют тип number, переменная c имеет тип string, а переменная s - логический тип.

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

В javascript определены следующие операции:

+ сложение

- вычитание

* умножение

/ деление

% остаток от деления целых чисел

++ увеличение значения операнда на единицу

-- уменьшение значения операнда на единицу

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

Для того, чтобы можно было сравнивать два значения в javascript определены операции сравнения, результатом которых может быть только логическое значение: true или false:

< меньше

<= меньше или равно

== равно

!= не равно

>= больше или равно

> больше

В javascript определены логические операции:

&& - логическое И (AND),

|| - логическое ИЛИ (OR),

! - логическое НЕ (NOT).

Значение выражения A&&B истинно, если истинны оба оператора, и ложно в противном случае. Значение выражения A||B истинно, если значение хотя бы одного операнда истинно, и ложно в противном случае. Если значение операнда А истинно, то !A - ложно и наоборот.

Для строковых литералов определена операция конкатенация строк, т.е. их объединение. Обозначается эта операция знаком плюс (+). Результатом выполнения операции является также строка.

Пример: var st1='Привет'; var st2='Вася'; var st3=st1+st2;

В результате в переменной st3 будет значение 'Привет Вася'.

Javascript подключается напрямую в HTML-файл. Самый простой способ - это написать javascript-команды внутрь тега <script> где-нибудь в теле страницы.[26,c. 158-161]

Подключение

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

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

В этом примере использовались следующие элементы.

<script type='text/javascript'> ... </script>

Тег <script> сообщает браузеру о том, что внутри находится исполняемый скрипт. Атрибут type говорит о том, что это javascript. Вообще говоря, атрибут может отсутствовать - разницы нет, но с точки зрения стандарта его следует указать.

Конструкция for

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

Объявление var i

Объявление переменной внутри цикла: i - локальная переменная.

Функция alert

Выводит сообщение на экран и ждет, пока посетитель не нажмет ОК

Вынос скриптов в заголовок HEAD

Обычно javascript стараются отделить от собственно документа.

Для этого его помещают внутрь тега HEAD, а в теле страницы по возможности оставляется чистая верстка.

В следующем примере javascript-код только описывает функцию count_rabbits, а ее вызов осуществляется по нажатию на кнопку input.

Для указания запускаемой по клику функции в input был использован атрибут onclick. Это лишь вершина мощного айсберга javascript-событий.

Внешние скрипты

Обычно javascript-код вообще не пишут в HTML, а подключают отдельный файл со скриптом, вот так:

При этом файл /my/script.js содержит javascript-код, который иначе мог бы находиться внутри тега <script>.

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

Чтобы подключить несколько скриптов - используйте несколько таких тегов:

При указании атрибута src содержимое тега игнорируется.

То есть одновременно подключить внешний файл и написать что-то внутри тега нельзя. Придется делать два разных тега <script>: первый с src, второй - с командами, которые будут выполнены после выполнения внешнего файла.

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

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

Цели создания сайта могут быть такими:

Облегчение получения пользователями актуальной информации о компании;

необходимость увеличения трафика;

сокращение звонков в службу продаж;

упрощение процесса продаж;

упрощение процесса обратной связи.

Задачи создания сайта могут быть такими:

Увеличение лояльности клиентов;

увеличение продаж за счет новых клиентов;

сокращение расходов на службы технической и/или информационной поддержки;

увеличение объема продаж;

совершенствование и модернизация услуг.

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

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

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

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

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

Для удобства и эффективности работы сайта следует при разработке дизайна сайта обратить внимание на некоторые моменты:

Скорость загрузки сайта

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

Навигация на сайте

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

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

Графика на сайт

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

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

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

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

Разные типы сайтов имеют свою специфику графического оформления.

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

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

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

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

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

- приятная для глаз цветовая гамма;

- минимальное количество картинок.

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

Таким образом, требования к сайту сводятся к следующим:

- Сайт не должен содержать вредоносные программы или ссылки на них;

- сайт не должен нарушать законы РБ;

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

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

- сайт не должен содержать рекламу с оплатой за показы;

- сайт не должен содержать редирект;

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

- сайт должен корректно отображаться во всех браузерах;

- сайт должен быстро загружаться;

- сайт должен содержать более одной страницы.

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

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

Этапы при создании сайта:

Обработать заказ на создание сайта;

разработать дизайн сайта и утвердить его;

заполнить сайт материалами;

организовать продвижение сайта;

опубликовать сайт в сети Интернет.

Этапы бизнес-процесса создания web-сайта можно отобразить с помощью Сase-средства AllFusion Process Modeler (BpWin).

Для начала моделирования были определены:

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

Основные управленческие механизмы (управление):

- законодательство Республики Беларусь (нормативные документы, на основе которых осуществляется деятельность фирмы);

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

Входные данные (вход):

- информационный материал для создания и наполнения сайта;

- заказ клиента (поступление запроса от клиента на оказание данной услуги).

Клиенты - это те, кто является покупателем выпускаемой продукции разработчиков сайтов, т.е. заказчики сайта.

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

Исполнители (механизмы):

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

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

Рисунок 3.1 - Контекстная диаграмма бизнес-процесса создания сайта в среде BPWin

Декомпозиция контекстной диаграммы представлена на рисунках 3.2-3.6.

Рисунок 3.2 - Декомпозиция контекстной диаграммы

Рисунок 3.3 - Диаграмма А2 «Разработать дизайн сайта и утвердить его»

Рисунок 3.4 - Диаграмма А4 «Организовать продвижение сайта»

Рисунок 3.5 - Диаграмма А5 «Опубликовать сайт в сети Интернет»

На рисунке 3.6 отображено дерево узлов диаграммы.

Рисунок 3.6 - «Дерево диаграммы»

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

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

В данном случае система будет разработана «с нуля», поэтому начинаем с разработки структуры сайта.

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

Рисунок 3.7 - Структура сайта

В области «ЗАГОЛОВОК (ШАПКА)» выводится информация о сайте и меню (рисунок 3.7).

Стартовая страница сайта (index.php) представлена на рисунке 3.8.

Рисунок 3.8 - Внешний вид стартовой страницы сайта

В область вывода информации будет загружаться требуемая пользователем информация. Например, при переходе по ссылке «Магазин на Федюнинского 8» получаем следующую страницу (рисунок 3.9).

Рисунок 3.9 - Информация о магазине

В случае авторизации пользователя становится доступно меню администратора (рисунок 3.10)

Рисунок 3.10 - Меню администратора

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

Логическая структура сайта представлена на рисунке 3.11

Рисунок 3.11 - Логическая структура сайта

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

Физическая структура (рисунок 3.12) подразумевает алгоритм размещения физических файлов по поддиректориям папки, в которой опубликован сайт.

Рисунок 3.12 - Физическая структура сайта

Программный код представлен в приложениях А, Б, В, Г, Д, Ж, И, К, Л.

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

Приведём листинг файла index.php и на его примере покажем технологию создания сайта.

<?php

ob_start();

require_once('lib.php'); ?>

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

<html>

<head>

<title>Официальный сайт ООО 'Автомир'</title>

<META http-equiv='Content-Type' content='text/html; charset=UTF-8'>

<link rel='stylesheet' type='text/css' href='css/styles.css'>

<script type= 'text/javascript'src = 'htmlbox/jquery-1.3.2.min.js'></script>

<script type='text/javascript' src='htmlbox/jquery.codify.min.js'></script>

<script type='text/javascript' src='htmlbox/htmlbox.colors.js'></script>

<script type='text/javascript' src='htmlbox/htmlbox.styles.js'></script>

<script type='text/javascript' src='htmlbox/htmlbox.syntax.js'></script>

<script type='text/javascript'src='htmlbox/htmlbox.undoredomanager.js'></script>

<script type='text/javascript' src='htmlbox/htmlbox.min.js'></script>

<META name='keywords' content='автомир, автозапчасти, продажа, гомель, магазин, катлог'>

<META name='description' content='Сайт компании Автомир - автозапчасти в Гомеле'>

</head>

В разделе <HEAD> подключаются стилевые таблицы, JavaScript библиотеки, заполняются тэги для поисковых систем Интернета.

<body>

<table width='100%' border='0'>

<tr>

<td colspan='3' class='top'>

Здесь формируется шапка с логотипом, контактными данными и ссылками на разделы сайта

<!-- ШАПКА-->&nbsp;<img src='images/logo.jpg'/><br/>

<big> <a href=''>Официальный сайт ООО «АВТОМИР»</a> +375-232-39-52-00, 39-04-10 (головной офис)</big>

</td>

<tr>

<td

colspan=3> <a href='index.php'>

Главная</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;

<a href='index.php?sl=cat'>

КАТАЛОГ</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;

<ahref='index.php?sl=news&idNews=1'>О компании</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href='index.php?sl=news&idNews=2'>

Магазин 'Строй Арсенал'

</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;

<a href='index.php?sl=news&idNews=4'>

Магазин на Ефремова 5

</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;

<a href='index.php?sl=news&idNews=5'>

Магазин на Федюнинского 8&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;

<a href='index.php?sl=fb'>Обратная связь</a></td>

</tr><tr><td colspan=3><hr /></td></tr></tr><tr>

Левый боковик сайта предназначен для вывода новостей сайта

<td width='20%' valign='top'>

<!-- МЕНЮ -->

<?php

// выводим пять последних новостей

echo GetTitleNews(5);

?></td>

Функция GetTitleNews(numNews) использует в качестве входного параметра количество новостей numNews, результат работы - вывод numNews заголовков последних новостей.

Область вывода контента сайта - требуемый контент определяется при помощи передачи GET или POST-запросов. При отсутствии запроса выводится страница «О компании». Для безопасности имена рабочих скриптов находятся в ассоциированном массиве, содержащем соответствие между переменной запрос и именем файла.

<td width='60%' valign='top' class=center>

<!-- ОБЛАСТЬ ВЫВОДА НОВОСТЕЙ САЙТА -->&nbsp;

<?php

if (isset($_GET['sl']) OR isset($_POST['sl']))

{

$path = 'scripts/';

isset($_POST['sl'])) ? $sl = $_POST['sl'] : $sl = $_GET['sl'];

$file = $path.$MasLink[$sl];

if (file_exists($file) and $file!=$path)

{ require_once($path.$MasLink[$sl]); }

Else { $file = $path.'news.php'; require_once($file);}}

Else { $filess = 'scripts/news.php'; require_once($filess); }?>

</td>

Правая колонка предназначена для отображения формы поиска и вывода интересных статей

<td width='20%' valign='top'>

<table width=100%>

<tr align=center><td class=title>

Поиск по каталогу запчастей</td></tr>

<tr align=center><td><form action='index.php'><input type=text name=ser>&nbsp;<input type=submit name=Ok value=Ok width=50px /><input type=hidden name=sl value=sr></form></td></tr>

</table>

<table width=100%>

<tr><td class=title>Интересно</td></tr>

<tr><td><a href='http://www.abw.by/news/160088/' target=_blank>

Разбираем двигатель Mazda RX-8: сколько стоит</a></td></tr>

<tr><td><a href='http://www.abw.by/news/157098/' target=_blank>

Прогулки под динозавром: как выглядит Hummer H2</a></td></tr>

<tr><td><a href='http://www.abw.by/news/156055/' target=_blank>

Покупка автомобиля за $300: сумасшествие или... </a></td></tr>

<tr><td><a href='http://www.abw.by/news/155567/' target=_blank>

Volkswagen Amarok: основы пикапинга </a></td></tr>

<tr><td><a href='http://www.abw.by/news/154353/' target=_blank>

Катавасия с форсунками и другие перипетии с 2.2... </a></td></tr>

<tr><td><a href='http://www.abw.by/news/152324/' target=_blank>

Обслуживаем KIA Venga: масляное ТО за $50 или... </a></td></tr>

<tr><td><a href='http://www.abw.by/news/151848/' target=_blank>

Обслуживаем Ford Escort: привет из девяностых </a></td></tr>

<tr><td><a href='http://www.abw.by/news/146760/' target=_blank>

Нужно ли менять масло в 'автомате'? Нюансы плюс... </a></td></tr>

</table>

</td>

</tr>

<tr>

Подвал сайта - после авторизации выводится меню администратора, в противном случае форма для входа на сайт

<td colspan='3'>

<!-- ПОДВАЛ -->&nbsp;

<?php

echo GetBottomForm();

?>

</td>

</tr>

</table>

</body>

</html>

<?php

$content = ob_get_contents();

ob_end_clean();

echo $content;

?>

Функция GetBottomForm() проверяет наличие авторизации клиента на сайте и выводит в подвале необходимы тип контента (меню администратора или форму входа на сайт)

function GetBottomForm()

{

// функция возвращает подвал главной страницы

// с формой входа для авторов

session_start();

if (isset($_SESSION['login']) and isset($_SESSION['pass'])

and (IsUserRegister($_SESSION['login'],$_SESSION['pass'])>0))

{

// сессия работает и в базе данных есть пользователь с логином и паролем сессии

$str = GetSessionUserMenu();

}

else

{// html фрагмент с формой авторизации на сайте

// содержит два элемента текстовых поля input

// и кнопку для посылки формы

// обработчиком формы служит файл index.php

$str = '<form action='index.php' method='POST'>';

$str.= '<div align='right'>Вход</div>';

// создаёт hidden поля для передачи браузера параметра sl и значения enter

// благодаря чему данные для авторизации будут переданы отвественному за это скрипту

$str.= '<div align='right'>Логин:&nbsp;<input type='text'

name='login' value=''>&nbsp;&nbsp;пароль:&nbsp;<input type='password' name='pass' value=''>&nbsp;<input type='submit'

name='sl' value='enter'></div>';

$str.= '</form>';}

return $str;}

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

Для связи с клиентами на сайте предусмотрена форма обратной связи (рисунок 3.13).

Рисунок 3.13 - Форма обратной связи

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

1) Форма помещается в контейнер - элемент <DIV id='ajxMessage'>

2) При нажатии на кнопку «Ок» вызывается JavaScript функция AddMessage()

function AddMessage()

{

var name = document.getElementById('fb_name').value;

var email = document.getElementById('fb_email').value;

var message = document.getElementById('fb_message'). value;

if (name=='' || email=='' || message =='')

{

alert('Заполните все поля!');

}

else

{

// проверяем правильность email

if(IsValidateEmail(email))

{

// E-Mail верный!

$.ajax({

type: 'POST',

url: 'ajax/responde.php',

scriptCharset: 'utf-8',

data: 'action=AddMessage&name='+name+'&email='+email+'&message='+message,

success: function(data)

{

$('#ajxMessage').html(data);

}

});

}

else

{

alert('Неправильный E-Mail !');

}

}

}

Данная функция читает введённые пользователем в форме данные. На этом этапе осуществляется проверка - в случае незаполнения поля выдаётся сообщение об ошибке (рисунок 3.14)

Рисунок 3.14 - Проверка правильности заполнения формы

Далее проверяется правильность ввод адреса электронной почты и если всё правильно, то формируется запрос со значением переменных, который пересылается к php-обработчику responde.php

Данный обработчик отсылает сообщение пользователя на электронную почту менеджера и возвращает в контейнер <div> сообщение (рисунок 3.15)

Рисунок 3.15 - Успешное добавление запроса с сайта

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

Учёт товаров организации ведётся в1С:Бухглатерия. Ручное добавление товаров на сайт невозможно по причине больших временных затрат. Для автоматизации данного процесса разработан функционал по добавлению прайс-листа на сайт. Для загрузки каталога товаров на сайт при помощи встроенных обработок прайс-лист экспортируется в Microsoft Excel и насчитывает несколько тысяч наименований. Новый прайс-лист на сайт загружается каждый день.

Для добавления прайса на сайт документ Microsoft Excel вначале необходимо сохранить в формате *.csv и загрузить на сайт (рисунок 3.16).

Рисунок 3.16 - Добавление прайс-листа на сайт

Выполняется следущий скрипт

if (isset($_POST['Ok']) and isset($_FILES['userfile']))

{

// админ загрузил прайс

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

if (isset($_SESSION['login']) and isset($_SESSION['pass']) and (IsUserRegister($_SESSION['login'],$_SESSION['pass'])>0))

{

// необходимо добавить прайс лист

$uploaddir = '/upload/';

$uploadfile = $uploaddir.basename($_FILES['userfile']['name']);

$pr = @file_get_contents($_FILES[userfile][tmp_name]);

if (!$pr)

{

echo('Файл не открыт');

}

else

{

$price = iconv('windows-1251', 'UTF-8', $pr);

$array = @split('n',$price);

// необходимо очистить таблицу от старого прайса

mysql_query('TRUNCATE TABLE `tblPrice`');

$num_strok = count($array);

for ($i=2;$i<=($num_strok-2);$i++)

{

$row = explode(';',$array[$i]);

$sql = 'INSERT INTO `tblPrice` (`id`, `Kod`, `Artikul`, `SKod`, `NameTovar`, `Gruppa`, `Brand`, `Ostatok`, `Price`, `Kratnost`) VALUES';

$sql.='(NULL,''.mysql_real_escape_string(trim($row[0])).'', ''.mysql_real_escape_string(trim($row[1])).'', ''.mysql_real_escape_string(trim($row[2])).'',';

$sql.='''.mysql_real_escape_string(trim($row[3])).'', ''.mysql_real_escape_string(trim($row[4])).'', ''.mysql_real_escape_string(trim($row[5])).'', ''.mysql_real_escape_string(trim($row[6])).'',';

$sql.='''.mysql_real_escape_string(trim($row[7])).'', ''.mysql_real_escape_string(trim($row[8])).'');

mysql_query($sql);

}

echo '<div align=center><h1>ПРАЙС добавлен</h1></div>';

}

}

else

{

Die ('У Вас недостаточно прав для загрузки прайса');

}

}

Загруженный прайс-лист выводится на сайт в следующем виде (рисунок 3.17).

Рисунок 3.17 - Каталог (прайс-лист) фирмы

Вывод каталога осуществляется при помощи функции ViewCatalog($txt).

function ViewCatalog($txt='')

{

if ($txt=='')

{

// вывод каталога товара

$sql = 'SELECT * FROM `tblPrice` ORDER BY `NameTovar` ASC, `Gruppa` ASC';

}

else

{

// пользователь ищет товары в каталоге

$sql = 'SELECT * FROM `tblPrice` WHERE `NameTovar` LIKE '%'.$txt.'%' ORDER BY `NameTovar` ASC, `Gruppa` ASC';

}

$result = mysql_query($sql);

if ($result and mysql_num_rows($result)>0)

{

$str = '<table border=1 cellpadding=0 cellspacing=0 width=100% align=center>';

($txt=='') ? $str.='<tr><td colspan=9 class=title>

Каталог</td></tr>' : $str.='<tr><td colspan=9 class=title>

Результаты поиска</td></tr>';

$str.='<tr align=center><td>Код</td><td>Артикул</td><td>Штрихкод</td><td>

Наименование</td><td>Группа</td><td>Бренд</td><td>

Остаток</td><td>Цена</td><td>Кратность</td></tr>';

while ($res = mysql_fetch_array($result))

{

$str.='<tr align=center><td>'.$res[1].'</td><td>'.$res[2].'</td><td>'.$res[3].'</td><td>'.$res[4].'</td><td>'.$res[5].'</td><td>'.$res[6].'</td><td>'.$res[7].'</td><td>'.$res[8].'</td><td>'.$res[9].'</td></tr>';

} $str.= '</table>'; }

else

{ echo 'Каталог обновляется. Зайдите позже.'; }

return $str; }

Если передаваемая переменная $txt пуста, то необходимо пользователю показать весь прайс-лист и выводиться каталог полностью. Если передаётся переменная $txt, то это означает, что пользователь ищет товар (рисунок 3.18).

Рисунок 3.18 - Поиск товара в каталоге

К базе данных осуществляется запрос

SELECT * FROM `tblPrice` WHERE `NameTovar` LIKE '%'.$txt.'%' ORDER BY `NameTovar` ASC, `Gruppa` ASC'

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

Рисунок 3.19 - Форма вывода каталога при поисковом запросе пользователя «Диск тормозной»

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

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

Было зарегистрировано доменное имя «avtomir.by» путём заключения договора на оказание услуг в форме оферты на сайте active.by. Стоимость доменного имени на один год - 129.600 рубле й

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

Продвижение сайта включало в себя четыре основных этапа:

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

2. Оптимизация сайта в поисковых системах. Сайт был регистририрован в поисковых системах (Yandex, Google, Tut.By, Rambler, Mail.Ru), произведена оптимизация контента (содержимого сайта) под выбранные ключевые слова «автозапчасти», «купить автозапчасти», «автозапчасти в Гомеле» и т.д. .

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

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

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

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

Все страницы имели разные названия в соответствии с их содержимым.

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

Мета тег Description содержит краткое описание (до 250 символов), содержание страницы, в него обязательно входят ключевые слова.

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

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

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

Теги H1- H6. H1 являются вторым по значимости тегом после Title. Он включал ключевые слова. В тегах Н2 - Н6 заключались заголовки абзацев, содержащие ключевые слова.

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

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

Составлена карта сайта.

3. Продвижение сайта. При помощи биржи обмена ссылок Sape.ru организован обмен ссылками с сайтами аналогичной тематики (av.by, abw.by, lastochka.by) в целях повышения показателей сайта (тИЦ -- тематический индекс цитирования, PageRank и так далее). Осуществлена регистрация в электронных каталогах.

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

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

После создания сайта ООО «Автомир» получило следующие преимущества:

- Web-сайт - бесплатный круглосуточный канал предоставления актуальной информации посетителям сайта, клиентам, партнерам и сотрудникам компании в неограниченном объеме и формате;

- Приток посетителей на сайт через поисковые системы позволил сократить расходы на другие виды рекламоносителей (газеты, радио, телевидение);

- Неограниченные возможности демонстрации продукта;

- Бесплатная и высоко-информативная обратная связь;

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

- Увеличение дохода компании за счет интернет-продаж.

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

В соответствии с Инструкцией по бухгалтерскому учету нематериальных активов (утверждена Постановлением Министерства финансов Республики Беларусь от 30.04.2012 г. № 25), первоначальная стоимость созданного web-сайта, принимаемого к бухгалтерскому учету в качестве нематериального актива, определяется по сумме фактических прямых и распределяемых переменных косвенных затрат организации на разработку и подготовку web-сайта к использованию по назначению, включая:

затраты на размещение web-сайта на внешнем сервере на год - 600 тыс.р.;

затраты на регистрацию доменного имени на год - 129,6 тыс.р.;

подготовка рекламных материалов в печатном и электронном виде - 200 тыс.р.;

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

Расчет сметы затрат базируется на определении трудоемкости разработки программного продукта.

Определение трудоемкости разработки программного продукта

В проекте по разработке программного обеспечения могут быть выделены следующие этапы:

- проектирование - постановка задачи, разработка технического задания и разработка алгоритмов решения;

- реализация - непосредственная реализация спроектированной системы;

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

Суммарное время разработки проекта по автоматизации отношений с клиентами организации согласно графику дипломного проектирования составляет 8 недель.

Этап «проектирование» обладает высокой степенью значимости, так как определяет возможную функциональность и архитектуру разрабатываемого приложения. Ошибки, допущенные на данном этапе, могут привести к серьезным последствиям, вплоть до отказа от дальнейшей реализации данного проекта. Поэтому на проведение данного этапа отведено 2 недели (25 % общего времени).

На этапе «реализация» происходит непосредственно разработка проекта по автоматизации отношений с клиентами. Данный этап является самым продолжительным, на его реализацию отводится 4 недель (50 % общего времени).

На этапе «тестирование и доработка» происходит тестирование проекта по автоматизации отношений с клиентами организации. На его проведение отведено 2 недели.

Трудоемкость разработки проекта по автоматизации отношений с клиентами организации - затраты труда программиста на разработку технического и рабочего проекта представим в таблице 3.1.

Таблица 3.1 - Определение трудоемкости разработки проекта по автоматизации отношений с клиентами организации

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

Для расчета стоимости машинного времени используется исходная информация, полученная на основе данных регистров бухгалтерского учета организации и экспертных оценок. Для реализации проекта по автоматизации отношений с клиентами организации были выбраны необходимые основные средства. Для них, согласно Постановления Министерства экономики Республики Беларусь от 30 сентября 2011 г. N 161 «Об установлении нормативных сроков службы основных средств и признании утратившими силу некоторых постановлений Министерства экономики Республики Беларусь», были выбраны сроки службы:

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

- персональные электронно-вычислительные машины - 5 лет.

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

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

Общую сумму амортизационных отчислений, применяемую при расчете стоимости машинного времени вычисляем по формуле (3.1):

(3.1)

где Сам - сумма амортизационных отчислений за год, тыс р.;

БСi - балансовая стоимость i-го основного средства (нематериального актива);

Hai - норма амортизации i-го основного средства (нематериального актива), %;

Spm - производственная площадь на одно рабочее место разработчика ПО, кв. м (Spm = 4 кв.м);

Cpl - стоимость 1 кв.м производственной площади организации, тыс. р. (Cpl =950 тыс. р.);

Hz - годовая норма амортизации производственных зданий, % (Hz=1.72%).

Подставив данные в формулу (3.1), получаем:

Сам = ((5 400 * 20 + 1 020 * 20)/100) + 4 * 950*1.72 /100 ? 1 350 тыс.р.

Затраты на электроэнергию (E) за год находим по формуле (3.2):

(3.2)

где Mi - мощность, потребляемая i-ой единицей оборудования, кВт (Mi=0,45кВт); Fi - полезный фонд рабочего времени ООО «Автомир» за год, ч. (Fi = 2011 ч.). Полезный фонд времени работы одной i-ой единицы оборудования определяется по формуле (3.3):

(3.3)

где Драб - количество рабочих дней в году, дни;

tраб - продолжительность рабочего дня, час;

Дпр - количество праздничных дней в году, дни;

tпр - количество часов, на которое сокращается предпраздничный день, час;

kг - коэффициент готовности вычислительной техники (kг=0,95);

KE - базовый тариф на электрическую энергию, руб/кВт.ч. (KE= 1329,9);

kS - коэффициент, учитывающий потери в сети (kS=1,05).

Подставив данные в формулу (3.2) получаем:

E = (0,45 * 2011 + 0,08 * 525) * 0,95 * 1329,9 * 1,05 ? 1 256 тыс.р.

Затраты на текущий ремонт оборудования (CR) определяем по формуле (3.4):

(3.4)

где OR - отчисления на текущий ремонт оборудования (в процентах от балансовой стоимости). OR = 2 - по данным бухгалтерии ООО «Автомир».

Подставив данные в формулу (3.4) получаем:

CR = (5 400 +1 020) * 2/100 ? 130 тыс.р.

Годовые суммарные затраты организации на машинное время определяем на основе данных таблицы 3.3.

Таблица 3.3 - Годовые суммарные затраты организации на машинное время

Стоимость машинного часа эксплуатации ПК (SM) показывает среднюю величину затрат организации на один час работы ПК.

Определяем стоимость одного часа машинного времени (SM), затраченного на разработку проекта по автоматизации отношений с клиентами организации, по формуле (3.5):

(3.5)

где ZM - годовые суммарные затраты на машинное время, тыс р. ;

F - годовой фонд рабочего времени разработчика, ч.

Подставив данные в формулу (4.5), получаем:

SM = 2 736 / 2 011 ? 1 тыс.р.

Расчет стоимости машинного времени (СМ), затраченного на разработку проекта по автоматизации отношений с клиентами организации, выполняем по формуле (3.6):

(3.6)

гдеТM - машинное время работы компьютера, затраченное на разработку проекта, ч.;

SM - стоимость одного машино-часа, тыс р.

Подставив данные в формулу (3.6), получаем:

CM = 240 * 1 ? 240 тыс.р.

Затраты на оплату труда (З) определяются как сумма основной заработной платы (Зо) и дополнительной заработной платы (ЗД) всех работников, участвующих в разработке проекта.

Основная заработная плата является основной статьей затрат при разработке проекта по автоматизации и рассчитывается по формуле (3.7):

Зо = ТCi Ч Кi Ч n Ч t (3.7)

где ТСi - тарифная ставка специалиста i-го разряда, тыс.р.

Кi - коэффициент премирования;

n - количество исполнителей, участвовавших в разработке программного обеспечения, чел.;

t - количество времени, затраченное на разработку программного обеспечения, месяцев.

На момент разработки проекта по автоматизации отношений с клиентами организации (апрель 2014 г.) тарифная ставка первого разряда составляет 275 тыс.р. Разработчик программного обеспечения (инженер-программист II категории) имеет 10-ый разряд, тарифный коэффициент согласно ЕТС для него равен 2,48. Размер премии составляет 10% от основной заработной платы, размер дополнительной оплаты труда установлен 20% от основной заработной платы, в связи с участием разработчика в полном цикле производства программного обеспечения (информация согласно данным организации). Следовательно, тарифная ставка данного работника равна:

TC12 = 275 Ч 2,48 ? 682 тыс.р.

Зо =682 Ч 1,4 Ч 1 Ч 2 ? 1 909 тыс.р.

Дополнительная заработная плата (Зд) на конкретное программное обеспечение включает выплаты, предусмотренные законодательством о труде (оплата отпусков, льготных часов, времени выполнения государственных обязанностей и других выплат, не связанных с основной деятельностью исполнителей), и определяется по нормативу в процентах к основной заработной плате по формуле (3.8):

(3.8)

где Зд - дополнительная заработная плата исполнителей на конкретное программное обеспечение, тыс.р.

Нд - норматив дополнительной заработной платы в организации, %.

Подставляем данные в формулу:

Зд = 682 * 20 / 100 ? 136 тыс.р.

Сумму отчислений на социальные нужды рассчитываем по формуле (3.9):

(3.9)

где НСЗ - норматив отчислений в Фонд социальной защиты населения и отчислений на обязательное страхование в Белгосстрах, %.

Согласно законодательству норматив отчислений в Фонд социальной защиты населения для организации составил 35% (34% + 1%), а коэффициент отчислений на обязательное страхование от несчастных случаев в Белгосстрах установлен в размере 0,3. Подставив данные в формулу (4.9), сумма отчислений на социальные нужны, составит:

Зсз = (136 + 1 909) Ч 35,3 / 100 726 тыс.р.

Прочие расходы, которые относятся на конкретное программное обеспечение по нормативу (Нр) в процентном отношении к основной заработной плате исполнителей, определяем по формуле (3.10):

(3.10)

где Нр - норматив накладных расходов в целом по организации применяется в размере 20%

Подставив данные в формулу (3.10), получаем:

РПР = 1 909 * 20 / 100 ? 382 тыс.р.

Затраты на материалы и комплектующие (М) относятся к материальным затратам. В данной статье отражаются затраты на материалы и принадлежности, необходимые для проведения научно-исследовательских работ. Затраты определяются по действующим отпускным ценам. Результаты сводятся в таблицу 3.4.

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

Прочие прямые расходы (П3) составят расходы необходимые для полного функционирования программного продукта, представляем в виде таблицы 3.5.

Таблица 3.5 - Стоимость прочих прямых затрат, необходимых для полного функционирования программного продукта

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

Общую сумму затрат по смете (плановая себестоимость (С)) на разработку web-сайта организации рассчитываем по формуле (3.11):

С = М + СМ + ЗО + ЗД + ЗСЗ + РПР + ПЗ (3.11)

Результаты расчетов представим в виде таблицы 3.6.

Таблица 3.6 - Расчет плановой себестоимости web-сайта организации

Исходя из полученных данных представим структуру плановой себестоимости разработки проекта автоматизации отношений с клиентами в виде диаграммы (рисунок 3.20):

Рисунок 3.20 - Структура плановой себестоимости разработки web-сайта

Анализируя полученную диаграмму, можно сказать что наибольший удельный вес затрат составила «Заработная плата основная» - 46%. Следующим показателем после «Заработной платы основной» идет «Отчисления на социальные нужды» удельный вес которой составил 18%. Замыкают тройку затрат «Прочие расходы» - 12%.

Оценка целесообразности разработки программного продукта

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

Таблица 3.7 - Первоначальные затраты на создание web-сайта за год

Итак, инвестиции в создание сайта составили 1 280 тыс.р. Аналогичный сайт стоит примерно 4 500 тыс.р. [24] Исходя из этого можно рассчитать условную прибыль по формуле (3.12):

Пу = Ц - С (3.12)

где Ц - стоимотсь аналогичного сайта, тыс.р.;

С - стоимость разработанного сайта, тыс.р.

Подставив данные в формулу (3.12), получаем:

Пу = 4 500 - 1 280 ? 3 220 тыс.р.

Годовые эксплуатационные затраты (S), связанные с функционированием web-сайта, определяются по формуле (3.13):

S = Зз + Зсс (3.13)

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

Зсс - затраты на сопровождение сайта, тыс.р.

Так как основная заработная плата программиста составляет 1 909 тыс.р., в 2014 году 53 недели, согласно табельного расписания, в организации 8-ми часовой рабочий день, на обслуживание сайта программист тратит 3 часа в неделю, то можно рассчитать:

Среднечасовую заработную плату (Зср) программиста за обслуживание сайта за год по формуле (3.14):

Зср = Зо / Чм (3.14)

где Зо - основная заработная плата специалиста, тыс.р.;

Чм - количество рабочих часов в месяц.

Подставив данные в формулу (3.14), получаем:

Зср = 1 909 / 180 ? 10 тыс.р.

Затраты на заработную плату (Зз) специалиста за год на обслуживание web-сайта по формуле (3.15):

Зз = Чс * Зср (3.15)

где Чс - количество часов затраченных специалистом на обслуживание сайта за год.

Подставив данные в формулу (3.15), получаем:

Зз = 3 * 53 * 10 ? 1 590 тыс.р.

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

Зсс = С * 5% (3.16)

Подставив данные в формулу (3.16), получаем:

Зсс = 1 280 * 5% ? 64 тыс.р.

Далее подставляются полученные данные в формулу (3.13):

S = 1 590 + 64 ? 1 654 тыс.р.

Годовой экономический эффект (Эгод) от самостоятельной разработки web-сайта рассчитывается по формуле (3.17):

Эгод = Пу - Ен Ч Cэк (3.17)

где Сэк - результат экономии затрат за год; рассчитывается по формуле (3.18):

Сэк = (Пу - Hп) - S (3.18)

Ен - нормативный коэффициент эффективности инвестиций (определяется исходя из срока морального старения технических средств и проектных решений, можно принять равным 0,15, если иное значение не установлено в организации);

Кд - единовременные (капитальные) затраты на ИС (в данном случае Кд =С);

Hп - налог на прибыль (18%).

Подставив данные в формулу (3.17), получаем:

Эгод = Сэк - Ен Ч С = ((3 220 - 18%) - 1 654) - 0,15 * 1 280 ? 794 тыс.р.

Срок окупаемости программного продукта можно определить по формуле (3.19):

Ток = С / Сэк (3.19)

Подставив данные в формулу (3.19), получаем:

Ток = 1 280 / 986,4 ? 1,3

Для оценки целесообразности разработки программного продукта необходимо рассчитать расчетный коэффициент рентабельности Ер. Данный показатель является обратным показателю Ток и может быть рассчитан по формуле (3.20):

Ер = Сэк / С (3.20)

Подставив данные в формулу (3.20), получаем:

ЕР = 986,4 / 1 280 ? 0,77

Разработка информационной системы целесообразна в том случае, если выполняется неравенство (3.21):

Ер > Ен(3.21)

Для проекта по созданию сайта данное соотношение составляет 0,77 > 0,15. Так как соотношение выполняется, то разработка проекта по созданию сайта ООО «Автомир» является целесообразной.

ЗАКЛЮЧЕНИЕ

В результате дипломной работы были решены следующие задачи:

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

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

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

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

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

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

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

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

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

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

В завершающей части работы произведен расчет годового экономического эффекта (Эгод) от самостоятельной разработки web-сайта, который составил 794 тыс.р.

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

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

1. «How to Size Text in CSS». / Статья online-журнала A List Arart, 02.01.2008. [Электронный ресурс]. - Сайт www.alistapart.com. - Режим доступа: http://www.alistapart.com/articles/howtosizetextincss. - Дата доступа: 04.05.2014.

2. CSS - еще один шаг к web-мастерству. [Электронный ресурс]. - Сайт www.ruled.ru. - Режим доступа: http://www.ruled.ru/sintacs-css.html. - Дата доступа: 04.05.2014

3. IT Система SBMT. / Институт бизнеса и менеджмента технологий БГУ. [Электронный ресурс]. - www.sbmt.bsu.by. - Режим доступа: http://it.sbmt.by/about/indexru.htm. - Дата доступа: 04.05.2014.

4. PHP, MySQL и другие веб-технологии. [Электронный ресурс]. - Портал www.php.su. - Режим доступа: http://www.php.su/articles/?cat=examples. - Дата доступа: 05.05.2014.

5. PHP. [Электронный ресурс]. - Сайт www.php.find-info.ru - Режим доступа: http://www.php.find-info.ru/php/007/index.html. - Дата доступа: 05.05.2014.

6. Библиотека системного программиста. [Электронный ресурс]. - Сайт www.frolov-lib.ru. - Режим доступа: http://www.frolov-lib.ru/bsp.html. - Дата доступа: 05.05.2014.

7. Глушаков С.В. Программирование web-страниц / Глушаков С.В., Жакин И.А., Хачиров Т.С. - Минск: Издательство Премьера, 2006.-390с.

8. Гончаров, А.Ю. Web-дизайн: HTML, JavaScipt и CSS. Карманный справочник / А.Ю. Гончаров - Минск : КУДИЦ-ПРЕСС, 2007.-320с.

9. Декларация об уровне тарифов на электроэнергию, отпускаемую РУП Электроэнергетики, ГПО «Белэнерго» для ЮЛ и ИП. [Электронный ресурс] - Режим доступа: www.vitebsk.energo.by. - Дата доступа: 05.05.14.

10. Дубаков, М.А. Веб-мастеринг средствами CSS / М.А. Дубаков. - Санкт-Петербург: БХВ-Петербург, 2002. - 544 c.

11. Зельдман, Дж. Web-дизайн по стандартам.- Перевод с англ. Г. П. Ковалева / Дж. Зельдман. - Минск: НТ Пресс, 2005. - 440с.

12. Изучаем php. [Электронный ресурс]. - Сайт www.kek.ksu.ru. - Режим доступа: http://kek.ksu.ru/EOS/PHP/index.html. - Дата доступа: 05.05.2014.

13. Кирсанов, Д. Веб-дизайн / Д.Кирсанов. - Санкт-Петербург: Символ-Плюс, 2001 - 376 c.

14. Кузнецов, М. PHP 5 на примерах / М. Кузнецов, И. Симдянов, С. Голышев. - Санкт-Петербург: БХВ-Петербург, 2005.-577с.

15. Левин, М.П. 2 в 1: Самоучитель разработки web-сайтов: HTML, CSS, графика, анимация, раскрутка + Видеокурс / М.П. Левин, Ю.М. Алексеев. - Минск : Издательство Триумф, 2008.-400с.

16. Лекции по сетевым технологиям, web-дизайну и базам данных, читаемые студентам-экономистам БНТУ. [Электронный ресурс]. - Сайт www.gilermo.narod.ru. - Режим доступа: http://www.gilermo.narod.ru/lekcii.html. - Дата доступа: 06.05.2014.

17. Линдерман, М. Ошибки web-дизайна и как их устранить до того, как вы лишитесь посетителей. - Перевод с англ. Е. А. Линдемана. / Мэтью Линдерман, Джейсон Фрайд. - Минск: НТ Пресс, 2007. - 224с.

18. Мисько, М.В. Стандарт предприятия. Курсовое и дипломное проектирование. Правила компьютерного оформления текстовых и графических документов / Мисько М.В., Назаренко В.Г., Романюк Е.М. - Минск: Бестпринт, 2004.- 50с.

19. Нильсен, Я. Веб-дизайн. Перевод с анл. / Я. Нильсен - Санкт-Петербург: Символ-Плюс, 2007. - 512 c.

20. Об установлении нормативных сроков службы основных средств и признании утратившими силу некоторых постановлений Министерства экономики Республики Беларусь: постановление Министерства экономики Республики Беларусь от 30 сентября 2011 г., N 161 // КонсультантПлюс: Беларусь. Технология 3000 [Электронный ресурс] / ООО 'ЮрСпектр'. - Минск, 2012.

21. Об утверждении единой тарифной сетки работников Республики Беларусь и внесении изменений и дополнений в постановление министерства труда Республики Беларусь от 21 января 2000 г. N 6 «О мерах по совершенствованию условий оплаты труда работников организаций, финансируемых из бюджета»: постановление Министерства труда Республики Беларусь от 23 марта 2001 г., N 21 // КонсультантПлюс: Беларусь. Технология 3000 [Электронный ресурс] / ООО 'ЮрСпектр'. - Минск, 2012.

22. Об утверждении инструкции о порядке начисления амортизации основных средств и нематериальных активов: постановление Министерства экономики Республики Беларусь, министерства финансов Республики Беларусь, министерства архитектуры и строительства Республики Беларусь от 27 февраля 2009 г., N 37/18/6 // КонсультантПлюс: Беларусь. Технология 3000 [Электронный ресурс] / ООО 'ЮрСпектр'. - Минск, 2012.

23. Об утверждении методических рекомендаций по прогнозированию, учету и калькулированию себестоимости продукции (товаров, работ, услуг) в промышленных организациях Министерства промышленности Республики Беларусь: приказ Министерства промышленности Республики Беларусь от 31 декабря 2010 г., N 881// КонсультантПлюс: Беларусь. Технология 3000 [Электронный ресурс] / ООО 'ЮрСпектр'. - Минск, 2012.

24. Организация по разработке web-сайтов. [Электронный ресурс]. - Сайт www.web2b.by. - Режим доступа: http://web2b.by/sozdanie-saitov/sozdanie-saita-kompanii.html. - Дата доступа: 04.05.2014.

25. Палицын, В.А.Технико-экономическое обоснование дипломных проектов: метод. пособие для студентов всех спец. БГУИР. В 4 ч. / В.А. Палицын. - Ч. 4: Проекты программного обеспечения. - Минск: БГУИР, 2006. - 76 с.

26. Пауэлл, Т. Полный справочник по JavaScript, 2-е издание. Перевод с англ. А. Г. Сивака / Томас Пауэлл, Фриц Шнайдер. - Минск: Издательский дом 'Вильямс', 2006. -960с.

27. Скуматова, О.А. Методические указания к выполнению экономической части дипломного проекта для студентов специальности 1-40 01 01 «Программное обеспечение информационных технологий», 1-40 02 01 «Вычислительные машины, системы и сети» / О.А. Скуматова. - УО «Полоцкий государственный университет», 2011. - 19 с.

28. Труханович, Т.Л. Программирование в WWW. Язык PHP. Методическое руководство по PHP/ Т.Л. Труханович. - Минск: ВГКС, кафедра ПОСТ, 2004-2007.-82с.

29. Харрингтон, Д. PHP . Трюки./ Д. Харрингтон. - Санкт-Петербург: Питер, 2008.-448с.

30. Шлосснейгл, Д. Профессиональное программирование на PHP. / Д. Шлосснейгл. - Минск: Вильямс, 2006.-624с.

31. Щербаков, В.Ю. PHP/MySQL для начинающих. Учебно-справочное издание. Перевод с англ. В.Ю. Щербаков/ Э. Харрис. - Минск: Кудиц-образ, 2005.- 384 с.

32. Язык HTML. Методическое руководство.- Минск: ВГКС, кафедра ПОСТ, 2007.-76с.