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

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

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

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

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

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

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

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

Гомель 2014

СОДЕРЖАНИЕ

ВВЕДЕНИЕ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ЗАКЛЮЧЕНИЕ

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

ВВЕДЕНИЕ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 (шести) месяцев. Гарантийное обслуживание включает в себя актуализацию ПП, устранение ошибок при функционировании ПП, информационную поддержку по всем вопросам относительно работы ПП.

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

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

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

.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-сайта свидетельствует о технической оснащённости компании и соответствии требованиям времени.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Статический сайт лучше перерабатывается поисковыми машинами, поэтому веб-мастера динамических сайтов стараются создать для динамических страниц статические адреса. Однако крупный портал просто не мыслим без динамики. Поэтому выбор в ту или иную сторону делается непосредственно "на месте", т.е. исходя из типа сайта и его дальнейших перспектив.страницы могут существовать в любом формате, но в качестве стандарта принят 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-документе должны присутствовать три главных части:) объявление HTML;) заголовок;) тело документа.

Объявление 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. Она пытается привнести контекст и структуру в табличные данные и обеспечить системы для инкрементального вывода и вывода невизуальными средствами (такими как речевые броузеры и броузеры, работающие по системе Брайля). Пока эти средства находятся в стадии разработки, поэтому потребуется некоторое время, чтобы понять на практике, насколько они соответствуют стандартам.

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

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

Помимо визуальных представлений, определяющих внешний вид, у документа могут быть и другие виды представлений, например, аудиальные, то есть звуковые. Тенденции развития языка разметки нацелены на торжество принципа разделения содержания и представления на уровне конечного кода веб-страниц, передаваемого веб-сервером клиенту. При соблюдении этого принципа на 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 и комментариев к ним.)

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

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

<head>

.....

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

</head>

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

<head>

.....

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

@import url(style.css);

</style>

</head>

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

<head>

.....

<style type="text/css">{

color: red;

}

</style>

</head>

. Когда таблица стилей описана в самом документе, она может располагаться в нём в теле какого-то отдельного тега (посредством его атрибута 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 верстки, изменения структуры сайтов проводились путём каскадного изменением большого количества взаимосвязанных страниц.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для того, чтобы все страницы сайта были быстрее проиндексированы поисковой системой <#"867334.files/image003.jpg">

Рисунок 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-системы, который будет использоваться на сайте. Кроме того, указываются конкретные языки программирования и форматы баз данных, а также требования к хостингу <#"867334.files/image009.jpg">

Рисунок 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_start();_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">

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

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

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

</td>

<tr>

<td=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

// выводим пять последних новостейGetTitleNews(5);

?></td>

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

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

<td width="60%" valign="top">

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

<?php(isset($_GET['sl']) OR isset($_POST['sl']))

{

$path = "scripts/";($_POST['sl'])) ? $sl = $_POST['sl'] : $sl = $_GET['sl'];

$file = $path.$MasLink[$sl];(file_exists($file) and $file!=$path)

{ require_once($path.$MasLink[$sl]); }{ $file = $path."news.php"; require_once($file);}}{ $filess = "scripts/news.php"; require_once($filess); }?>

</td>

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

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

<table>

<tr align=center><td>

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

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

</table>

<table>

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

<tr><td><a href='#"867334.files/image014.jpg">

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

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

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

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

function AddMessage()

{name = document.getElementById('fb_name').value;email = document.getElementById('fb_email').value;message = document.getElementById('fb_message'). value;(name=='' || email=='' || message =='')

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

}

{

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

{

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

$.ajax({: 'POST',: 'ajax/responde.php',: "utf-8",: 'action=AddMessage&name='+name+"&email="+email+"&message="+message,: function(data)

{

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

}

});

}

{("Неправильный 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 - Добавление прайс-листа на сайт

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

(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)

{("Файл не открыт");

}

{

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

$array = @split("\n",$price);

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

mysql_query('TRUNCATE TABLE `tblPrice`');

$num_strok = count($array);($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]))."');_query($sql);

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

}

}

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

}

}

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

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

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

function ViewCatalog($txt='')

{($txt=='')

{

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

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

}

{

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

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

}

$result = mysql_query($sql);($result and mysql_num_rows($result)>0)

{

$str = "<table border=1 cellpadding=0 cellspacing=0 align=center>";

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

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

Результаты поиска</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>"; }

{ echo "Каталог обновляется. Зайдите позже."; }$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, который является необходимым условием для полноценного развития и функционирования сайта.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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-го основного средства (нематериального актива);- норма амортизации i-го основного средства (нематериального актива), %;- производственная площадь на одно рабочее место разработчика ПО, кв. м (Spm = 4 кв.м);- стоимость 1 кв.м производственной площади организации, тыс. р. (Cpl =950 тыс. р.);- годовая норма амортизации производственных зданий, % (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)

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

Дпр - количество праздничных дней в году, дни;пр - количество часов, на которое сокращается предпраздничный день, час;г - коэффициент готовности вычислительной техники (kг=0,95);- базовый тариф на электрическую энергию, руб/кВт.ч. (KE= 1329,9);- коэффициент, учитывающий потери в сети (kS=1,05).

Подставив данные в формулу (3.2) получаем:= (0,45 * 2011 + 0,08 * 525) * 0,95 * 1329,9 * 1,05 ≈ 1 256 тыс.р.

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

(3.4)

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

Подставив данные в формулу (3.4) получаем:= (5 400 +1 020) * 2/100 ≈ 130 тыс.р.

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

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

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

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

(3.5)

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

Подставив данные в формулу (4.5), получаем:= 2 736 / 2 011 ≈ 1 тыс.р.

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

(3.6)

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

Подставив данные в формулу (3.6), получаем:= 240 * 1 ≈ 240 тыс.р.

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

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

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

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

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

На момент разработки проекта по автоматизации отношений с клиентами организации (апрель 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):

= Зз + Зсс (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 тыс.р.

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

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

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

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

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

Кд - единовременные (капитальные) затраты на ИС (в данном случае Кд =С);п - налог на прибыль (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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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