Разработка веб сайта для ООО "Чистый город"

Дроздов В.В.

Разработка веб сайта для ООО "Чистый город"

09.03.03 Прикладная информатика в экономике

Информатика

Дипломы

Вуз: Белгородский государственный университет - национальный исследовательский университет (НИУ «БелГУ»)

ID: 5b887a817966e1073081b37f

UUID: 78fb6ad0-8ed8-0136-b242-525400005860

Язык: Русский

Опубликовано: больше 6 лет назад

Просмотры: 24

Дроздов В.В.

Источник: Федеральное государственное автономное образовательное учреждение высшего образования «Белгородский государственный национальный исследовательский университет»

Комментировать 0

Рецензировать 0

Скачать - 1,3 МБ

Поделиться работой

ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ АВТОНОМНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ «БЕЛГОРОДСКИЙ ГОСУДАРСТВЕННЫЙ НАЦИОНАЛЬНЫЙ ИССЛЕДОВАТЕЛЬСКИЙ УНИВЕРСИТЕТ» (НИУ «Бе лГУ») ИНСТИТУТ ИНЖЕНЕРНЫХ ТЕХНОЛОГИЙ И ЕСТЕСТВЕННЫХ НАУК КАФЕДРА ПРИКЛАДНОЙ ИНФОРМАТИКИ И ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ РАЗРАБОТКА ВЕБ САЙТА ДЛЯ ООО «ЧИСТЫЙ ГОРОД» Выпускная квалификационная работа обучающегося по направлению подготовки 09.03.03 Прикладная информатика в экономике заочной формы обучения, группы 07001251 Дроздова Владислава Васильевича Научный руководитель Старший преподаватель Немцев С.Н. БЕЛГОРОД 2017

СОДЕРЖАНИЕ ВВЕДЕНИЕ.......................................................................................................................... 4 1 АНАЛИТИЧЕСКАЯ Ч А С Т Ь........................................................................................ 6 1.1 Технико-экономическая характеристика предметной области.................. 6 1.1.1 Характеристика компании ООО «Чистый Г ород»......................................6 1.1.2 Краткая характеристика подразделения, для которого разрабатывается Web-сайт, и видов его деятельности........................................................................ 7 1.2 Экономическая сущность задачи .......................................................................... 9 1.3 Обоснование необходимости и цели создания корпоративного сайта для ООО «Чистый Город»................................................................................................... 12 1.4 Постановка задачи .................................................................................................. 14 1.4.1 Цель и назначение сайта, характеристика внешних условий, в которых будет функционировать сайт................................................................................... 14 1.4.2 Общая характеристика процесса создания сайта...................................... 15 1.5 Анализ интернет-представительств других предприятий данной отрасли 16 1.6 Выбор политики рекламы сайта при размещении в интернете....................18 2 ОБОСНОВАНИЕ ПРОЕКТНЫХ РЕШ ЕНИЙ.........................................................21 2.1 Обоснование проектных решений по техническому обеспечению (ТО)... 21 2.2 Обоснование проектных решений по информационному обеспечению (И О )..................................................................................................................................23 2.3 Обоснование проектных решений по программному обеспечению...........25 2.4 Обоснование проектных решений по технологическому обеспечению .... 27 2.5 Обоснование выбора программных средств.....................................................28 3 ПРОЕКТНАЯ ЧАСТЬ............................................................................................... 32 3.1 Информационное обеспечение Web-представительства............................... 32 3.1.1 Информационная модель и ее описание.....................................................32 3.1.2 Используемые классификаторы и системы кодирования.......................34 3.1.3 Характеристика нормативно-справочной и входной оперативной информации ............................................................................................................... 35 3.1.4 Характеристика результатной информации.............................................. 37 3.2 Программное обеспечение задачи.......................................................................37

3.2.1 Общие положения (пользовательская карта сайта)................................. 37 3.2.2 Структура сайта, состав и типы используемых ф айлов..........................39 3.2.3 Описание программных модулей................................................................. 40 3.2.4 Описание интерфейса (состав Web-страниц и используемых на них графических и мультимедийных файлов)............................................................ 47 3.3 Технологическое обеспечение задачи............................................................... 49 3.3.1 Организация процесса информационной поддержки сайта................... 49 3.3.2 Технология тестирования сайта, размещения его в Интернет, информирования общественности о существовании сайта, текущей эксплуатации Web-представительства..................................................................50 3.4 Описание контрольного примера реализации проекта...................................51 3.5 Целесообразность разработки с экономической точки зрения.....................53 3.6 SWОT-анализ разработки......................................................................................54 3.7 Расчет показателей экономической эффективности проекта........................56 ЗАКЛЮ ЧЕНИЕ.................................................................................................................61 СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ.................................................. 62 ПРИЛОЖЕНИЕ.................................................................................................................66

ВВЕДЕНИЕ Сегодня, в условиях сильной конкуренции на рынке, необходимо, чтобы был свой сайт в глобальной сети Интернет. Аудитория интернета в России составляет порядка 84 миллиона человек, что заставляет организации акцентировать внимание на оптимизации и продвижении своих веб ресурсов. В связи с быстрым ростом количества интернет ресурсов и ростом скорости подключения реклама в интернете более эффективна чем в печатных изданиях. Интернет является одним из основных инструментов для поиска и выбора товаров для конечных потребителей, так и при подборе поставщиков для организаций. ООО "Чистый город" занимается поставками оборудования для уборки и бесконтактной мойки, а также профессиональных моющих средств. Для продвижения одного из брендов, дилером которого является компания, и привлечения покупателей было принято решение о создании новой интернет площадки. Согласно поставленной задаче, актуальность темы исследования выпускной квалификационной работы, создание сайта для ООО "Чистый город" очевидна. Целью работы является расширение клиентской базы, посредством создания торгового интернет-сайта для ООО «Чистый Город». Объект исследования - ООО «Чистый Г ород». Предмет исследования - информационное обеспечение ООО «Чистый Город». К числу задач, решаемых в данной выпускной квалификационной работе, можно отнести: - анализ предметной области; - обоснование необходимости разработки интернет сайта; - анализ сайтов конкурирующих организаций; - обоснование выбора основных проектных решений; - выбор средств и технологий для разработки сайта; 4

- разработка сайта для ООО «Чистый Г ород»; - обоснование экономической эффективности проекта. В выпускной квалификационной работе, содержащей теоретическую и практическую части, будут последовательно рассмотрены этапы создания торгового сайта организации, структура, дизайн и пользовательская карта сайта. Практическая часть выпускной квалификационной работы будет основываться на основных положениях теории создания аналогичных сайтов. Размещению и продвижению торгового сайта в Интернете также будет уделено значительное внимание в представленной работе. Выпускная квалификационная работа состоит из четырех разделов, каждый из которых разбивается на подразделы и пункты. В первой обоснование характеристика главе представлена необходимости процесса деятельность разработки создания сайта, сайта, предприятия, рассмотрена произведен обзор дано общая сайтов конкурирующих организаций и выбрана политика рекламы сайта. Во второй главе приведено обоснование проектных решений по программному, техническому, информационному, технологическому обеспечению, а также проведено обоснование выбора программных средств для разработки торгового сайта. В третьей главе приведена информационная модель, структура и карта сайта, дано описание программных модулей, используемых при реализации проекта, а также приведены основные инструкции по тестированию и эксплуатации сайта и проведена оценка экономической эффективности разработки веб сайта. Выпускная квалификационная работа состоит из 64 страниц, рисунков, 5 таблиц и 1 приложение. 5 13

1 АНАЛИТИЧЕСКАЯ ЧАСТЬ 1.1 Технико-экономическая характеристика предметной области 1.1.1 Характеристика компании ООО «Чистый Город» Организация ООО «Чистый город» основана в 2002 г. является крупнейшим поставщиком в Белгородской области моечного и уборочного оборудования концерна A lfred Karcher GmbH&Co.KG, ориентированного на промышленную авторизованным обладает сферу дилером неограниченными и и простых сервисным потребителей. центром возможностями концерна, удовлетворять Являясь компания требования клиентов по подбору необходимого оборудования, промышленной химии, обслуживанию оборудования и ремонту. Свою деятельность компания осущ ествляет на территории всей Белгородской области. В штате организации свыше 25 специалистов. Потенциал организации направлен на увеличение как розничных продаж, так и оптовых, учитывающих особенности и различные потребности потребителей. Компания работает с физическими и юридическими лицами по безналичной и наличной системе оплаты. На рисунке 1.1 представлена организационная структура компании. Рисунок 1.1 - Организационная структура компании “Чистый город” 6

Структура организации, состав и численность работников отдела определяются штатным расписанием, утвержденным директором. В организации присутствует несколько подразделений находящихся в непосредственном подчинении у директора: бухгалтерия, отдел кадров, отдел продаж, ИТ-отдел и отдел логистики. Г лавный бухгалтер хозяйственно-финансовой ведет организацию деятельности бухгалтерского предприятия, учета координирует и контролирует бухгалтерию. Отдел кадров обеспечивает организацию необходимыми кадрами путем поиска и найма сотрудников, необходимой квалификации. Так же отдел планирует и направляет специалистов на обучение с целью повышении их квалификации. Отдел кадров занимается нормированием труда, охраной безопасности труда. Отдел продаж главная цель которого состоит в увеличении количества продаж товаров и услуг. В задачи отдела логистики входит доставка и хранение товара. 1.1.2 Краткая характеристика подразделения, для которого разрабатывается W eb-сайт, и видов его деятельности Главная цель отдела продаж - увеличение количества продаж, товаров и услуг. Главная задача отдела продаж - продвижение конкурентоспособной продукции. Менеджер по продажам относится к категории специалистов. Менеджер по продажам принимается и освобождается от должности приказом директора. В его обязанности входит: - поиск потенциальных клиентов; - коммерческие переговоры с клиентами в интересах организации; 7

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

- осуществляет антивирусную защиту локальной вычислительной сети, серверов и рабочих станций; - готовит предложения по модернизации и обновлению парка компьютерной техники и печатного оборудования; - готовит предложения по автоматизации рабочего процесса; - осуществляет администрирование сайта организации. 1.2 Экономическая сущность задачи Для продаж поддержания необходимо конкурентоспособности постоянное снабжение магазина и увеличения потенциальных покупателей актуальной информацией. На сегодняшний день информацию о компании потенциальные клиенты получают из рекомендаций партнеров ООО «Чистый Город», менеджеров отдела продаж, существующего сайта, а также из электронных и печатных справочников. Сайт-визитка является основным источником информации. Он состоит из пяти страниц с общей информацией о компании и создан на базе простейшей CMS - LionCMS. Фрагмент главной страницы сайта представлен на рисунке 1. 2. 9

Рисунок 1.2 - Фрагмент главной страницы сайта-визитки В связи с тем, что продажи компания осуществляет по всей России, лидирующая позиция сайта в поисковых системах обеспечит приток посетителей и, тем самым, потенциальных клиентов организации. Разработка нового сайта на базе более функциональной CMS при верно выбранной стратегии продвижения принесет организации дополнительные доходы. Цель разработки сайта - более широко представить компанию в Интернете, привлечение новых клиентов, консультирование по возникающим вопросам, увеличение общей эффективности работы ООО «Чистый Город», осведомление клиентов об ассортименте магазина. Преимущества разрабатываемого сайта перед сайтом-визиткой: - новые алгоритмы работы поисковых систем не позволяет эффективно продвигать сайт-визитку в поисковых системах, в настоящее время большим доверием у поисковиков пользуются корпоративные сайты; 10

- в дизайне разрабатываемого сайта уделено больше внимания деталям, сайт будет проработан в мелочах и станет более привлекательным для посетителей; - высокая функциональность - поиск по сайту, каталог товаров, уникальные сервисы (интерактивные карты, сравнение товаров, калькулятор кредита) и т.д. - новый сайт позволит снизить затраты на рекламные кампании, т.к. его будет проще вывести на лидирующие позиции в поисковых системах; - большое количество информации о компании и предлагаемых товарах и услугах (каталог товаров). Характеристики корпоративного сайта: - общее назначение сайта - предоставление информации пользователю; - основные элементы - подробная информация об организации, услугах и товарах, новостная лента с тематическими статьями или новостями организации, online-диалог, система поиска, интерактивная карта, калькулятор кредита, форма сравнения товаров; - тип и характеристика дизайна - деловой, узнаваемый дизайн с использованием цветов компании; - система навигации - максимально удобная и понятная система навигации; - частота и необходимость обновления - частое обновление (новости и статьи, наполнение каталога товаров); - посетители - как целевая аудитория, так и потенциальные клиенты, поставщики товаров; - проводимая рекламная компания - широко развитая рекламная компания, возможно использование услуг web-студий по продвижению и раскрутке сайтов, контекстная реклама. [2] 11

1.3 Обоснование необходимости и цели создания корпоративного сайта для ООО «Чистый Г ород» На нынешний день организация ООО «Чистый Г ород» имеет малодейственные методы распространения информации о своей деятельности по следующим причинам: - газетные публикации и справочники могут размещать не полную информацию об организации, нет возможности оперативного изменения информации, потому что выпуск печатных изданий ведется крупными тиражами и занимает продолжительные интервалы времени; посещение выставки не позволяют охватить значительную долю аудитории, выставок проводится узким кругом участников. Мало того организация выставок влечет за собой огромные расходы; - сайт-визитка не дает возможность задействовать весь потенциал интернет-представительства из-за низкой функциональности и невозможности выведения такого сайта на первые позиции в поисковых системах. Клиентам нужно иметь полное представление о продаваемых товарах и предоставляемых услугах, а также их свойствах, цене и т.д. Для того чтобы получить ответы на все интересующие клиента вопросы об оказываемых услугах или наличии товаров клиент обращается в организацию по телефону, увеличивается количество и продолжительность телефонных звонков, тем самым загружая специалистов компании. Значительно увеличиваются расходы на междугородние разговоры, расходы ощущает, как клиент, так и организация. Несомненно, важно, чтобы обращения и заявки клиентов могли поступать в отдел продаж в удобное для клиентов время, несмотря на то, что компания работает по установленному графику, с 9.00 до 18.00 часов. Организация ведет торговлю по всей России и клиент может находится в другом часовом поясе. Форма online-диалога с поддержкой записи обращения в момент отсутствия специалиста на рабочем месте решит эту проблему. 12

Чем крупнее и известнее компания, тем более развернутым и профессионально сделанным является её сайт. Организация ООО «Чистый Город» ведет свою деятельность с 2002 года, за период работы и развития компании накопилось значительное количество информации, которую она может дать клиентам. Существующий сайт-визитка перестал справляться с поставленными перед ним задачами, поэтому необходима его доработка и усовершенствование в корпоративный сайт. Цели создания корпоративного сайта: - расширение рынка сбыта товаров и услуг; - поиск новых форм привлечения посетителей; - рост валового показателя реализации товаров и услуг. 13

1.4 Постановка задачи 1.4.1 Цель и назначение сайта, характеристика внешних условий, в которых будет функционировать сайт Разработка веб-сайта для организации ООО «Чистый Город» позволит устранить имеющиеся распространения сейчас информации недостатки о товарах в и существующей услугах, системе предоставляемых компанией и выведет на новый уровень эффективность привлечения новых клиентов. Суть состоит в том, чтоб заинтересовать потенциального клиента, донести положительную информацию о компании [1, с. 101]. Созданный корпоративный сайт, будет являться источником по сбору первичной информации и предназначен для отображения пользователям этой информации в конечном виде. Основные цели и задачи, для которых планируется создание веб-сайта: - помочь компании в поддержке старых, а также установлению новых отношений на рынке, новый сайт поможет обходить стандартные процедуры знакомства с деятельностью организации в офисе; - стать инструментом распространения информации о деятельности компании, сформировать правильное представление о предлагаемых услугах и товарах; - освещать новинки среди предлагаемых товаров с помощью уникальных статей и новостей, с целью увеличения интереса к компании среди потенциальных покупателей; - увеличить объем сделок, найти новых клиентов на всей территории России; - осуществлять информационную поддержку клиентов и партнеров, оперативно отвечать на вопросы; точке реализовать оперативную обратную связь с клиентами в любой мира, эффективно работающий 14 веб-сайт позволит организации

анализировать статистику посещений, результаты опросов, интерактивного общения с целью максимально приблизить информационное наполнение сайта к запросам целевых аудиторий. Экономическую эффективность нового веб-сайта перед существующим можно будет определить исходя из изменения годового дохода компании и темпов продаж. 1.4.2 Общая характеристика процесса создания сайта Задача создания веб-сайта состоит из следующих основных подзадач: - создание понятного интерфейса как для специалистов компании, так и для потенциальных клиентов; - подробное представление необходимой информации об услугах компании на веб-сайте; - возможность администрирования сайта кадрами компании - что снизит расходы на содержание информационного ресурса и уменьшит время простоя в случае сбоев; - легкая возможность изменения - важно, чтобы веб-сайт был динамичным, постоянно развивался и совершенствовался для увеличения эффективности от его работы, при этом с минимальными денежными затратами. Этапы разработки сайта: - анализ сайтов компаний с аналогичным родом деятельности. На этом этапе необходимо выделить набор эффективных способов привлечения клиентов, использующихся на сайтах конкурентов; - планирование структуры разрабатываемого сайта (разделы, навигация и т.д.); - разработка дизайна сайта. Дизайн должен быть выполнен в деловом стиле в соответствии с корпоративным стилем ООО «Чистый Город»; - выбор системы управления сайтом (CMS); 15

- «наложение макета» на выбранную CMS; - установка программных модулей, расширяющих функциональность - наполнение сайта текстами и медиа файлами; - возможная SEO оптимизация до размещения сайта в Интернет; - тестирование сайта на соответствие заявленным требованиям. сайта; Для наполнения блока новостей нужно периодическое составление уникальных текстов, освещающих важные события в организации, такие как ввод новой продукции. Обязанность по написанию статей необходимо возложить на менеджеров по продажам. Размещение их на сайте должен осуществлять сотрудник ИТ отдела. Для обновления информации об акциях, проводимых в организации, и товарах, поступивших на продажу, необходимо дать инструкции в отдел продаж по предоставлению актуальной информации. Размещение веб-сайта в Интернет предполагается осуществить с использованием нового доменного имени. 1.5 Анализ интернет-представительств других предприятий данной отрасли При проведении анализа веб-сайтов конкурентных организаций необходимо, прежде всего, обратить внимание на следующие составляющие: - наполнение - представленная на сайте информация должна привлекать внимание посетителя и отвечать тематике сайта; - структура и навигация - необходимо, чтобы структура и навигационные функции были продуманы до мелочей и позволяли быстро добраться до нужного места и охватывали все содержание веб-сайта; - дизайн - должен быть лаконичным, без излишеств, отвлекающих посетителя от важной информации, которую он хотел найти при посещении 16

сайта, должен быть уместным и соответствовать той задаче, на которую ориентирован сайт; - функциональность - веб-сайт должен быстро загружаться, все ссылки должны быть рабочими и функциональными, сайт не должен зависеть от платформы и типа браузера; - интерактивность - корпоративный сайт должен предоставлять посетителю возможности диалога; - аудитория (статистика посещений) - с помощью разных рейтинговых систем и статистических данных о веб-сайтах фирм-конкурентов нужно исследовать аудиторию, посещающую эти ресурсы. Лидирующие позиции среди сайтов фирм поставщиков аналогичных товаров в Белгороде занимают: - Сайт ООО «Рассвет» (http://rassvet31.ru/); - Сайт компании "МойТехноСервис" (http://www.mts-karcher.ru/); Вышеперечисленные сайты по своим характеристикам и функциональности похожи между собой, но современным требованиям не соответствуют. Оба сайта дают подробное описание предоставляемых услуг и каталог товаров, предоставляют информацию о компании и лишь на одном сайте есть блок новостей, форма обратной связи и страница проводимых акций. Дизайны в деловом стиле, лаконичны и не отталкивают посетителей. Наполняемость сайтов на низком уровне, информация давно не обновлялась, на сайте есть ошибки. Несмотря на это, сайты занимают лидирующие позиции в поисковых системах, что свидетельствует о хорошей кампании продвижения. На основе проведенного анализа еще нескольких популярных сайтов среди компаний поставщиков аналогичных товаров сделан вывод - на сайте компании ООО «Чистый Город» планируется размещение таких элементов как: 17

- форма online диалога, а также форма подбора товара в которую посетитель сможет ввести сразу все необходимые данные и отфильтровать товар с необходимыми характеристиками; - интерактивная карта, на которой будут отображаться все магазины ООО «Чистый Город»; - скан-копии сертификатов и других документов, полученных организацией для осуществления своей работы; - новостной блок, который будет наполняться статьями по тематике фирмы и новостями организации; - форма сравнения товаров; - калькулятор расчёта кредита; - каталог товаров; - страница с проводимыми организацией акциями. Очень важна SEO-оптимизации разработанного веб-сайта и проведение рекламной кампании, направленных на выход ресурса на лидирующие позиции в поисковиках. 1.6 Выбор политики рекламы сайта при размещении в Интернете Продвижение сайта - это комплекс мер по обеспечению посещаемости сайта целевыми посетителями. Целевые посетители — это потенциальные клиенты, которые заинтересованы в приобретении услуг, представленных на продвигаемом сайте. Одним из важнейших этапов продвижения сайта является поисковая оптимизация (SEO - SearchEngineOptimization), которая представляет собой комплекс мер для повышения позиций сайта в результатах выдачи поисковых систем по заранее отобранным запросам. Цель SEO - повышение качества и рентабельности сайта, как следствие увеличение количества посетителей ресурса. 18

На данный момент, самыми популярными являются поисковые системы Yandex и Google, поэтому при SEO оптимизации нужно учитывать особенности алгоритмов ранжирования именно этих поисковиков. Влияние различных факторов на позицию сайта в результатах поиска весьма относительно, зависит от самой поисковой системы, и изменяется с течением времени. То есть то, что позволяло занять лидирующие позиции в прошлом, может не функционировать в будущем. Это связано как с развитием поисковых систем с целью обеспечить наиболее удобный и простой поиск, так и с борьбой поисковых систем против искусственного улучшения позиций сайта в выдаче. В Интернете собрано много информации об алгоритмах работы поисковых систем, которая может быть использована для SEO оптимизации сайта. Целесообразно так же использование дополнительных плагинов выполняющих данную функцию, например, Yoast SEO, в котором представлен огромный функционал для выполнения этой задачи. Кроме того, на позицию в поисковых системах оказывает положительное влияние создание на сайте так называемой перелинковки процесса связывания гиперссылками разных сайтов и страниц одного сайта между собой. Этот процесс удобно осуществить еще одним плагином SEO Auto Linker. Регистрацию в поисковых машинах, таких как google, yandex, rambler можно провести вручную; в каталогах же провести с помощью программы Allsubmitter. С помощью этой программы можно добавлять свои Интернетресурсы на различные веб-сайты для обмена ссылками, доски объявлений или в рейтинги, благодаря этому существенно улучшатся позиции оптимизированного сайта и возрастет поток посетителей. Организовать контекстную рекламу с помощью yandex. direct и google adwords. Предложить партнерам взаимное размещение баннеров или ссылочных упоминаний о компаниях. 19

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

2 ОБОСНОВАНИЕ ПРОЕКТНЫХ РЕШЕНИЙ 2.1 Обоснование проектных решений по техническому обеспечению (ТО) Техническое предназначенных обеспечение для работы — это комплекс информационной технических системы, средств, а также соответствующая документация на эти средства и технологические процессы. Комплекс технических средств составляют: - компьютеры любых моделей; - устройства сбора, накопления, обработки, передачи и вывода информации; - устройства передачи данных и линий связи; - оргтехника и устройства автоматического съема информации; - эксплуатационные материалы и др. Компания располагает полным перечнем технических средств необходимых для успешного функционирования всех подразделений: - 3 компьютера (серверы), обеспечивают работу серверных программ и предоставляют доступ к интернету на рабочие станции; - 15 персональных компьютеров (рабочие станции) на рабочих местах сотрудников; - сетевое оборудование, обеспечивающее соединение всех сетевых устройств в локальную сеть и обеспечивающее доступ в Интернет; - оргтехника: принтеры (локальные и сетевые), МФУ, проектор и два монитора для проигрывания рекламных роликов. Все персональные компьютеры оснащены мониторами современных стандартов с 23 дюймовым размером диагонали. В таблице 2.1 приведена характеристика одного из компьютеров, используемых в организации. 21

Таблица 2. 1 - Технические характеристики компьютера Наименование Операционная система Оперативная память Процессор Жесткие диски Видеокарты Оптический привод Монитор Клавиатура Мышь оптическая Сетевой адаптер Для Характеристика Microsoft Windows 10 8 Гб Intel® Core™ i5 3540P @ 3100 HDD, 1000 Гб NVIDIA DVD-RW Samsung S24B350 23” 1920x1080 Стандартная (101/102 клавиши) или клавиатура PS/2 MicrosoftNatural A4 Tech F4V-TrackGamingBl Realtek PCIe GBE Family Controller разработки веб- сайта ООО «Чистый Город» в качестве технического обеспечения использовался один из этих компьютеров. Для размещения сайта подойдет хостинг, на котором размещен существующий сайт-визитка, т.к. он соответствует заявленным требованиям: - предоставляет 1000 Мб дискового пространства, на данный момент занято из которых всего 14% сайтом-визиткой; - позволяет создать базу данных MySQL; - автоматический круглосуточный мониторинг функциональности сервера; - стандартная система защиты от внешних атак (FireWall), - периодическое обновление системного программного обеспечения, - резервное копирование данных. Для корректной работы сайта на компьютере пользователя должен быть установлен любой современный браузер, соответственно требования к компьютеру определяются требованиями используемого браузера. Не многие сайты разработаны специально для портативных устройств, но, поскольку их популярность возрастает, уже сейчас интересы этой части пользователей нельзя не учитывать. Разработанный сайт обладает гибким дизайном и корректно работает на различных портативных устройствах с любой операционной системой. 22

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

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

Преимущества использования реляционных базы данных состоит в следующем: - простота - в реляционной модели данных существует всего одна информационная конструкция, которая формализует табличное представление данных, привычное для пользователей; - теоретическое обоснование - наличие теоретически обоснованных методов нормализации отношений позволяет получать базы данных с заранее заданными свойствами (в основном, с гарантией минимальной избыточности представления данных); - независимость данных - когда необходимо изменить структуру реляционной базы данных, то это приводит к минимальным изменениям в программном продукте. В данной реляционная выпускной модель. квалификационной Реляционные модели работе используется являются наиболее распространенными и более подходят для решения поставленных в работе задач. В качестве СУБД выбираем MySQL, как удобное и распространенное средство создания баз данных. 2.3 Обоснование проектных решений по программному обеспечению Программное обеспечение вычислительной машины - это совокупность программ и документации автоматизированную обработку на них, позволяющих информации на ЭВМ. осуществить Программное обеспечение может быть системным, обеспечивающим функционирование автоматизированной системы и прикладным, предназначенным для решения конкретных задач пользователя. Программное обеспечение является неотъемлемой частью любой вычислительной машины. Оно освобождает пользователей от необходимости 25

знать специфические свойства каждого устройства, облегчает связь с машиной каждого конкретного пользователя и организует доступ к системе нескольких пользователей, осуществляя распределение ресурсов системы. Чем сложнее и более развито программное обеспечение, тем проще общение с машиной. Интернет построен на основе архитектуры «клиент - сервер». В сетях этого типа выделяется мощный хост-компьютер (или даже несколько хосткомпьютеров), на который ставится серверное программное обеспечение. На клиентских ЭВМ устанавливается клиентское программное обеспечение. Операционная система — обязательная часть специального программного обеспечения, обеспечивающая эффективное функционирование персонального компьютера в различных режимах, организующая выполнение программ и взаимодействие пользователя и внешних устройств с ЭВМ. На имеющихся компьютерах в организации установлена операционная система Windows 10, поскольку данная операционная система является простой в использовании и освоении. Для Windows 10 разработано большое количество обновлений и дополнений. СУБД MySQL была выбрана для создания базы данных. Реляционная база данных хранит информацию в отдельных таблицах, а не в одном большом хранилище, благодаря чему достигается высокая производительность и гибкость. Часть «SQL» слова «MySQL» обозначает «StmcturedQueryLanguage» («Язык структурированных запросов»). SQL - наиболее общий стандартизованный язык доступа к базам данных; он соответствует стандарту ANSI/ISO SQL». MySQL - система с открытым исходным кодом: любой желающий имеет возможность использовать и модифицировать это программное обеспечение по своему усмотрению. Каждый пользователь имеет право получить данное программное обеспечение посредством сети Интернет бесплатно. СУБД MySQL является клиент-серверной системой, включающей много поточный SQL-сервер, поддерживающий различные платформы, несколько клиентских программ и библиотек, 26 инструменты администрирования и

широкий диапазон программных интерфейсов приложений (API-интерфейсов). СУБД берет на себя все заботы, связанные с доступом к данным. Она содержит команды, позволяющие создавать таблицы, вставлять в них записи, искать и даже удалять таблицы. 2.4 Обоснование проектных решений по технологическому обеспечению Технологическое обеспечение состоит из подсистем, автоматизирующих информационное обслуживание пользователей, оно реализует информационные процессы в информационных системах с помощью ЭВМ и других технических средств. Технологический процесс обычно состоит из трех этапов: - сбор, регистрация, передача данных для дальнейшей обработки; - перенос данных на машинные носители и первоначальное формирование информационной базы; - операции накопления, сортировки, корректировки и обработки данных. Важно рационально спроектировать технологический процесс для существенного снижения трудовых и материальных затрат. В данном реорганизовать ведущего случае часть работу с Интернет-составляющая бизнес-процесса: клиентами разгрузка (сокращение бизнеса помогает персонала компании, затрат на телефонную диспетчерскую службу, отправку факсов, телефонные переговоры и т. п.) за счет размещения актуальной и интерактивной информации на сайте организации. На разработанном веб-сайте имеется 2 режима работы пользователей: администратор (сотрудник ИТ отдела) и пользователь (посетитель сайта). Режим представленной «Пользователь» на сайте дает возможность информацией 27 и ознакомиться воспользоваться с всеми

интерактивными элементами сайта (каталог, сравнение товаров, расчет кредита). Режим «Администратор» доступен только при авторизации в административной панели с помощью существующего логина и пароля и предоставляет полный функционал по редактированию созданного сайта, добавлению, изменению и удалению данных. Схема соотношения блоков системы управления с содержимым сайта представлена на рисунке 2.1 Система администрирования Администратор Информационные файлы Система представления Посетителии Рисунок 2.1 Схема соотношения блоков системы управления с содержимым сайта 2.5 Обоснование выбора программных средств Локальный веб-сервер, который использовался для создания корпоративного сайта - это Denwer 3. В его состав входят: - инсталлятор (поддерживается также инсталляция на flash- накопитель); - apache, SSL, SSI, mod_rewrite, mod_php; - PHP5 с поддержкой GD, MySQL, sqLite; - MySQL5 с поддержкой транзакций; - система управления виртуальными хостами, основанная на шаблонах. Чтобы создать новый хост, необходимо лишь добавить директорию в каталог /home, править конфигурационные файлы не требуется. По умолчанию уже поддерживаются схемы именования директорий многих популярных хостеров; новые можно без труда добавить; 28

- система управления запуском и завершением всех компонентов Денвера; - phpMyAdmin — система управления MySQL через Web-интерфейс; - эмулятор sendmail и SMTP-сервера (отладочная «заглушка» на localhost:25, складывающая приходящие письма в /tmp в формате .eml), поддерживается работа совместно с PHP, Perl, Parser и т.д. Denwer - бесплатный локальный сервер, его дистрибутив имеет малый размер (8,2 Мб) по сравнению с другими аналогами, к тому же он обеспечивает быстрый старт. Буквально одним щелчком мыши можно развернуть на своём компьютере вполне полноценный веб-сервер, который при том потребляет совсем немного ресурсов. Утилита, входящая в состав Денвера - phpMyAdmin, будет использоваться для создания базы данных. PhpMyAdmin написан на языке веб программирования PHP. Данное приложение может работать как с целым сервером MySQL, так и с отдельной базой или таблицей, оно содержит довольно большой набор функций для удобной и быстрой работы с MySQL. С помощью набора инструментов, встроенных в phpMyAdmin, можно написать практически любой запрос [33]. Преимущества phpMyAdmin: - простота использования. Приложение phpMyAdmin в большинстве случаев позволяет обойтись без ввода команд SQL, поэтому работа с БД является вполне выполнимой задачей даже для человека, который лишь поверхностно знаком с MySQL; - популярность. Активное применение MySQL в веб- программировании сделало его весьма актуальным, а интуитивно понятный интерфейс совместно с широкой функциональностью и поддержкой более 62 языков обеспечило ему невероятную популярность среди веб-разработчиков. Преимущества MySQL; 29

- простота в работе - установить MySQL довольно просто. Дополнительные приложения, например, GUI, позволяет довольно легко работать с БД; - богатый функционал - MySQL поддерживает большинство функционала SQL; - безопасность - большое количество функций, обеспечивающих безопасность, которые поддерживается по умолчанию; - масштабируемость - MySQL легко работает с большими объемами данных и легко масштабируется; - скорость - упрощение некоторых стандартов позволяет MySQL значительно увеличить производительность. Для создания корпоративного сайта была применена CMS OpenCart (Content Management System) система управления контентом/содержимым сайта. Преимущества CMS OpenCart: - CMS распространяется бесплатно; - простая установка и дружественный интерфейс; - для стабильной работы достаточно лишь предустановленной базы данных MySQL и модулей PHP, системные требования не очень высоки, работа возможно практически на любом хостинге; - визуальный редактор, позволяющий легко выполнять любую задачу по форматированию текста и вставке мультимедиа файлов; - кроссплатформенное построение системы, нет необходимости установки дополнительного программного обеспечения на компьютер; - огромная база бесплатных и платных шаблонов сайта с возможностью редактирования для создания своего уникального дизайна; - огромная база модулей как бесплатных, так и платных. Это возможность нарастить разные сервисы CMS с простой установкой; 30

- отличная SEO-оптимизация, после установки соответствующих модулей выполнить оптимизацию быстрее и проще; - низкий уровень защиты от взломов ввиду популярности и открытости кода исправляется установкой модулей защиты и установкой специальных настроек. Для разработки отдельных элементов дизайна веб-сайта была использован программа Adobe Photoshop. Adobe Photoshop CC 2015 — это улучшенная и оптимизированная для пользователей программа, с помощью которой возможно как отредактировать уже имеющиеся изображения в растровом формате, так и создавать новые. Доступны такие функции: ретуширование, коррекция цвета, коллажирование, трансформация графики и еще другие интересные варианты обработки изображения. Данный графический редактор среди множества предлагаемых функций позволяет работать на уровне послойной корректировки изображения, а также использовать контуры. Кроме того, улучшен интерфейс - пользователю не составит труда разобраться в предлагаемом меню и настройках. Все работы выполняются с высокой скоростью и эффективностью. В данной главе было рассмотрено информационное и программное обеспечение поставленной задачи, была описана CMS Opencart, как выбранная информационная система управления разработанным веб-сайтом. 31

3 ПРОЕКТНАЯ ЧАСТЬ 3.1 Информационное обеспечение Web-представительства 3.1.1 Информационная модель и ее описание В основе любого сайта, будь то сайт-визитка или огромный сайт-портал, лежит информация. Основная цель посетителя сайта - знакомство с представленными на нем материалами. Если клиент не найдет на сайте нужной ему информации, он покинет ресурс. Даже если сайт имеет запоминающийся дизайн, удобное и продуманное навигационное меню, это его не остановит. Только информационное наполнение сайта - интересные оригинальные статьи, последние новости, подробные описания способны заинтересовать посетителя и возможно, убедить его стать клиентом. Правильно структурированный контент может подтолкнуть пользователей возвращаться к сайту снова. Создание информационного материала для сайта неразрывно связанно с общей информационной моделью, которая в конечном счете и должна точно определить, что конкретно, где и в каком объеме должно быть на сайте. Грамотное контентное наполнение сайта способно увеличить количество посетителей сайта. Уровень схемы. Уровень схемы подразделяется на три составные части. На обеих сторонах уровня создаем информационный дизайн сайта: занимаемся вопросами представления информации с целью ее лучшего усвоения и понимания пользователями. Кроме того, на программной стороне на уровне схемы определяем дизайн интерфейса, т.е. вычисляем наиболее удобное для пользователя взаиморасположение элементов интерфейса. На информационной стороне данного уровня занимаемся дизайном навигации: элементами страниц, облегчающих пользователям перемещение по информационной архитектуре сайта. 32

Уровень поверхности. Вне зависимости от того, имеем ли дело с программным продуктом или с информационным, занимаемся одним - визуальным дизайном, или внешним видом конечного продукта. На каждом уровне все элементы уровня должны работать согласованно. Например, информационный дизайн, дизайн навигации и дизайн интерфейса совместно определяют схему сайта. Все элементы одного уровня - в нашем случае уровень схемы - выполняют общую функцию, пусть даже каждый выполняет её по-своему. Такая модель деления сайта на уровни сильно упрощает процесс создания сайта, дружественного для пользователя. Тем не менее, в реальности не всегда можно провести четкие границы между уровнями. Пользователи не приходят на веб-сайты, чтобы насладиться удобством навигации. То, какой контент имеется в распоряжении (или тот, что в состоянии создать и обработать), оказывает огромное влияние на то, как будет выглядеть сайт. Второе, не менее важное при создании сайта - это технология. Во многих случаях именно от технологии зависит то, как будет с сайтом работать пользователь. На заре Web, веб-сайты привязывались к базам данных весьма примитивными средствами. По мере развития технологий, базы данных стали использоваться на веб-сайтах все чаще. Это в свою очередь позволило создавать более сложные решения, такие как динамическая навигация, которая меняется в зависимости от действий пользователя. Технологии постоянно меняются, и пользователям постоянно приходится приспосабливаться к этим изменениям. Тем не менее, фундаментальные основы пользователя с сайтами остаются всё теми же [13, с.169]. 33 взаимодействия

3.1.2 Используемые классификаторы и системы кодирования Web-стандарты — это технологии, установленные консорциумом W3C и другими организациями, используемые для создания и интерпретации Web контента (содержимого опубликованных в Web-сайтов). Сети Эти документов, технологии разработаны ориентированных на для будущее, и предназначены для того, чтобы сделать эти документы как можно доступнее. Обсуждая структуры от Web-стандарты, представления. важно Понять понимать разницу значение между разделения структурой и представлением поначалу может быть непросто, особенно если не думаете о семантической структуре документа. Однако, это очень важно, так как контроль представления при помощи таблицы стилей CSS становится гораздо проще, если структура и представление разделены. Структура содержит обязательные части документа, а также семантическую и структурную разметку содержимого документа. Представление — это стиль, который назначаете содержимому. В большинстве случаев, представление определяет, как будет выглядеть документ, однако представление часто оказывает влияние и на то, как документ будет звучать — не все люди пользуются графическими браузерами. Необходимо отделять структуру от представления, как только это возможно. В идеале, должны получить HTML-документ, содержащий структуру и контент, а представление контролировать полностью при помощи CSS. Полностью отделить структуру от представления сейчас не так просто. HTML-код большинства Web-сайтов плохо отражает и структуру, и семантику. Разделяя структуру от представления, вам необходимо использовать CSS вместо таблиц для контроля внешнего вида документа. Когда используете таблицы для разметки, это может показаться неудобным и странным, но это не так сложно, как кажется на первый взгляд. В Сети есть множество руководств, 34

а преимуществ у новых технологий так много, что изучение их действительно стоит потраченного времени. 3.1.3 Характеристика нормативно-справочной и входной оперативной информации Для обозначения автоматизированных подобной системах справочной управления информации предприятиями на в Западе используется термин Master Data (мастер - данные, основные данные), а задачи управления ею получили название Master Data Management (MDM). Однако в русском языке сейчас чаще применяется понятие нормативно-справочная информация (НСИ), которое появилось в дисциплинах, касающихся управления народным хозяйством еще в докомпьютерные времена. В данном случае определение «нормативная» отражает то факт, что проблема создания справочников корпоративного уровня выходит далеко за пределы собственно предприятия, она должна решаться с учетом отраслевых, государственных и международных стандартов. Можно дать такое определение: НСИ - это условно-постоянная часть всей корпоративной (учрежденческой) информации, в отличие от текущей информации, формируемой непосредственно в процессе деятельности организации. В состав НСИ входят словари, справочники и классификаторы, данные из наименования которых (например, материалов, термины, контрагентов и единицы т. п.) измерения, используются коды, при формировании текущих документов. Так, при формировании в компьютере счета-фактуры наименования материалов, единицы измерения, наименование предприятия-получателя (контрагента), его реквизиты и ряд других полей, как правило, выбираются из справочников, встроенных в систему, а не вводятся вручную. Первыми к пониманию необходимости выполнения работ по НСИ как самостоятельной части создания системы управления организацией подошли 35

нефтегазовая отрасль, а также ряд государственных и региональных структур. Сейчас в России выполняется примерно 10-15 крупных проектов по этой тематике, при этом аналитики отмечают быстрое повышение интереса к данным работам со стороны как корпоративного, так и государственного секторов. Для удовлетворения растущих потребностей клиентов нужна выверенная методология реализации подобных проектов. Проблема создания корпоративной системы НСИ заключается как раз в том, что она не имеет простого решения. Казалось бы, самый разумный способ - использовать государственных, готовый отраслевых). набор Но дело справочников в том, что (международных, пользоваться им конкретному предприятию будет крайне неудобно (они слишком избыточны и не учитывают специфики организации), к тому же создать такую глобальную систему НСИ в полном объеме просто невозможно. Решение задачи в ООО «Чистый Город» возможно только в виде создания специализированной системы ведения НСИ с применением соответствующих стандартов, методик и программных средств. Фактически в этой работе должны соединяться усилия трех сторон: - создателей нормативов и стандартов (как государственных, так и отраслевых); - поставщиков базового ПО; - системных интеграторов и консультантов, которые все это могут реализовать с учетом отраслевой практики, национальной специфики и т. д. При разработке функциональной части задачи используются следующие входные документы: - информация от руководителя и менеджеров по продажам; - общие сведения о предлагаемых услугах и товарах; - контактная информация; - текущая новостная информация; - номенклатура товаров; - историческая справка; 36

информация о партнерах. 3.1.4 Характеристика результатной информации Характеристика результатной информации разработанного корпоративного сайта имеет следующий вид: главное меню сайта, имеет вложенную структуру и ссылки на соответствующие страницы; - информационные элементы такие как: описание предоставляемых услуг, история компании, преимущества; - элементы для размещения различной новостной информации, как в текстовом, так и в графическом виде; - контактная информация, включающая карту и контактные телефоны; - слайдеры и карусели, содержащие графическую и текстовую информацию - список партнеров, лицензии; - интерактивные карты с указанием расположения магазинов. 3.2 Программное обеспечение задачи 3.2.1 Общие положения (пользовательская карта сайта) При разработке системы навигации важно учитывать, что она должна быть интуитивно понятной, удобной пользователю. Система навигации должна в конечном итоге соответствовать ряду критериев удобства пользования навигацией, называемому usability. Таких как: расположение, идентифицируемость, иерархия и наименования, доступность. Карта сайта (содержание сайта) - упорядоченный набор гиперссылок для удобного перемещения по основным разделам и веб - страницам сайта. Карта сайта необходима для каждого веб-ресурса. Карта сайта может содержать ссылки как на все веб-страницы, так и на наиболее важные [3, с.35]. 37

Это не только инструмент, созданный для удобства пользователя, но и инструмент для продвижения сайта, т.к. благодаря файлу sitemap.xml поисковые роботы находят наш сайт и индексируют его страницы. Такой файл сообщает поисковым системам (Yandex, Google) о том, что появились новые веб-страницы и их нужно индексировать. Сайт, лишенный этого файла все равно будет проиндексирован ботами, но на это уйдет больше времени. Алгоритм работы поисковых машин выглядит как переходы по внутренним ссылкам со страницы на страницу, однако, если сайт часто видоизменяется, имеет развернутую динамичную структуру, то роботу будет сложно понять структуру ресурса. В итоге поисковая машина может пропускать некоторые страницы, либо может неверно определять их важность, что плохо сказывается на процессе продвижения сайта. Для того, чтобы после значительных изменений на корпоративном сайте не возникала необходимость снова формировать структуру, целесообразно воспользоваться модулем Google Sitemap, который автоматически изменяет карту сайта. В итоге, поисковые машины будут всегда в курсе свежей и полной информации о нашем ресурсе. Карта разработанного сайта представлена на рисунке 3.1. 38

This XML file does not appear to have any style information associated with it. The document tree is shown below. ▼<urlset xmlns=”http://www.sitemaps.org/schemas/sitemap/0.9” xmlns:image=”http://www.google.com/schemas/sitemap-image/1.1"> ▼ <url> ▼ <loc> http://chisto-moy2.ru/bytovay_tehnika/miniwasher/k_2_basic </loc> <changefreq>weekly</changefreq> <la stmod >2017-03-28T07:18:29+00:00</lastmod> <priority>l.0</priority> ▼<image:image> ▼ <image:loc> http://chisto-moy2.ru/image/cache/catalog/bytovaya_tekhnika/minimoyki/k2basic/minimojкakarcherk2basic_l-500x500.jpg </image:loc> <image :caption>f'lHMHMOHKa Karcher К 2 Basic</image:caption> <image : tit1е>Минимойка Karcher К 2 Basic</image : title> </image:image> </url> ▼ <url> ▼ <loc> http://chisto-moy2.ru/bytovay_tehnika/miniwasher/k_3 </loc> <changefreq>weekly</changefreq> <la stmod >2017-03-28T07:18:34+00:00</lastmod> <priority>l.0</priority> ▼<image:image> ▼ <image:loc> http://chisto-moy2.ru/image/cache/catalog/bytovaya_tekhnika/minimoyki/k3_/minimojkakarcherk3_l-500x500.jpg </image:loc> <image:сар!1оп>Мимимойка Karcher К 3</image:caption> <image:tit1е>Минимойка Karcher К 3</image:title> </image:image> </url> ▼ <url> ▼ <loc> http://chisto-moy2.ru/bytovay_tehnika/miniwasher/k_4_full </loc> <changefreq>weekly</changefreq> <lastmod>2017-02-27T07:43:10+00:00</lastmod> <priority>l.0</priority> ▼<image:image> ▼ <image:loc> http://chisto-moy2.ru/image/cache/catalog/bytovaya_tekhnika/minimoyki/k4full/minimojkakarcherk4fullcontrol_l-500x500.jpg </image:loc> <image:сар!1оп>Мимимойка Karcher К 4 Full Controlc/image:caption> <image:tit1е>Минимойка Karcher К 4 Full Control</image:title> </image:image> Рисунок 3.1 - Карта корпоративного сайта ООО «Чистый Город» 3.2.2 Структура сайта, состав и типы используемых файлов Основа структуры директорий состоит из двух важных компонентов системы OpenCart - интерфейсов витрины и панели управления, которые представлены отдельными папками, расположенными в верхнем уровне установки OpenCart. Данные интерфейса витрины расположены в папке под названием catalog/, панели управления - admin/. В каждой из папок catalog/folder и admin/folder папки, содержащие компоненты MVC(L): Model, Viewer, Controler и Language. На ряду с ними расположены и другие папки, включенные в базовой установку OpenCart. Папка system содержит классы и функции, которые используются как на витрине, так в панели администратора. Здесь содержатся директории помощи, 39

базы данных, основных определений контроллеров, моделей и других частей системы OpenCart, а также, папка библиотеки классов. При измеренении функциональности OpenCart, файлы системной папки редко подвергаются редактированию. Папка image содержит все изображения, когда-либо загруженные с помощью Менеджера изображений. Это могут быть изображения товара, дополнительные изображения, а также кешированные версии картинок с измененным размером. Папка download содержит загрузки, связанные с товарами. Загрузки наделяются специальными суффиксами, которые предотвращают свободный доступ к файлам загрузок для злоумышленников. Зачастую, данные суффиксы можно увидеть в конце строк загрузок. 3.2.3 Описание программных модулей Выбранная для разработки сайта CMS OpenCart хороша тем, что предлагает на выбор множество программных модулей для выполнения различных задач. Установка плагинов OpenCart, их настройка - это основные моменты при создании сайта. На разработанном корпоративном сайте используются следующие модули: - TALK-ME - плагин, позволяющий добавить виджет online- консультанта на сайт. Это один из способов, второй способ - это вставка кода виджета в файл footer.php. После установки на компьютер или мобильное устройство приложения оператора, регистрации на сайте http://www.talk-me.ru/ и авторизации, можно настроить дизайн и параметры виджета. Примерный дизайн виджета представлен на рисунке 3.2. 40

Рисунок 3.2 - Окно online-диалога на сайте - NextGENERT Gallery - позволяет создавать красивые галереи, у него много возможностей: загрузка больших изображений, группировка галерей в альбомы и многое другое. Фрагмент изображения представлен на рисунке 3.3. Рисунок 3.3 - Вид основного альбома галереи 41 альбома

- Google Analytics Dashboard - позволяет следить за статистикой Google Analytics сайта прямо из админ-панели OpenCart. Так же добавляет возможность наблюдать за статистикой по отдельности для каждой записи или страницы. На данное время Google Analytics является самым популярным сервисом статистики сайта. На рисунке 3.4 представлен фрагмент работы данного плагина. Рисунок 3.4 - Окно Google Analytics для главной страницы - RuToLat - плагин транслитерации русских ссылок. Несмотря на то, что поисковики давно научились понимать русские ссылки, по спецификации ссылки не могут содержать русские символы и каждый русский символ заменяется на 6 латинских символов. Например, русская буква "а" превращается в "%D0%B0" и при копировании русской ссылки на выходе получается длинная неудобная запись. Данный плагин устраняет эту проблему. - Revollution Slider - плагин для создания слайдера изображений. С его помощью создан слайдер, размещенный на главной странице сайта. Плагин обладает множеством настроек стиля и даже работает со слоями, которые 42

позволяют, например, наложить анимированный текст на изображение. Вид данного слайдера изображен на рисунке 3.5. ООО «ЧИСТЫЙ ГОРОД» - ОФИЦИАЛЬНЫЙ СЕРВИСНЫЙ ПАРТНЕР КОНЦЕРНА «KARCHER» Рисунок 3.5 - Слайдер на главной странице - SEO Avto Link - плагин, реализующий внутреннюю перелинковку по страницам корпоративного сайта, позволяет добавить ключевые слова и страницу, куда будет вести ссылка. Так же можно поставить ограничение на количество проставленных гиперссылок на одной странице, чтобы поисковые роботы не заблокировали наш сайт из-за обилия оных. Так как планируется частое обновление новостной ленты, этот плагин облегчит настройку внутренней перелинковки и будет очень актуален при большом количестве статей. редактора TinyMC Advancer - позволяет расширить возможности визуального OpenCart, добавлять/убирать необходимые кнопки с панели визуального редактора. Данный плагин не обязателен, т.к. все возможно выполнить с помощью html тегов, но в данной работе с его помощью были расставлены якоря на странице «Услуги» - закладки с уникальным именем на 43

определенном месте веб-страницы, предназначенные для создания перехода к ним по ссылкам. - ApToLike Social Battons - модуль для добавления кнопок месенджеров в OpenCart. С помощью данного программного модуля на веб сайт добавлены кнопки, позволяющее осуществить запрос в мессенджеры компании. На рисунке 3.6 представлен вид кнопок. НОВОСТИ: 01.02.20170451 22.12.2016 14:30 211220161423 НО ВОСТИ 2016 ГОЛА: С Т ЕКЛ О О Ч И С Т И Т ЕЛ Ь W V Н О В Ы Й ПИСТОЛЕТ ДЛЯ АП П А РА ТО В НО ВИ НКА: СТАНЦИЯ В О Д О С Н А Б Ж ЕН И Я В Р 5 5 PLUS В Ы С О К О Г О Д А В Л ЕН И Я К Е Р Х Е Р НО М Е Без капель и разводов, без контакта с грязной водой, Karcher представляет пистолет принципиально новой Линейка насосов Karcher пополнилась станцией без п ереэывов в работе. Изобретатель оконного пылесоса, компания «Керхер» представляет новинку конструкции для профессиональных аппаратов высокого давления водоснабжения В Р 5 НОМ Е с гидробаком, которая позволяет организовать надежное и бесперебойное водоснабжение загородного дома даже при слабом напоре в водопроводе. Долгий срок службы, безопасность, низкий уровень шума и энер'оэффективность делают В Р 5 НОМ Е 2016 г. - стеклоочиститель W V 5 Plus, который поможет без труда вы м ы ть до кристальной чистоты окна, зеркала, душ евые кабины и лю бые другие стеклянные по Читать дальше Читать дальше ООО «ЧИСТЫЙ ГОРОД» Каталог товаоов Акиии Как заказать Доставка Сервис Услуги Кредит Читать дальше *7 (4722) 20-11 -90 Обратная связь: © О компании Новости Контакты , ' _ .| © I© ’ л- © ООО «Чистый город» 2002-2017. Внешний вид товаров и комплектация могут изменяться производителем. Информация не является публичной офертой Рисунок 3.6 - Кнопки мессенджеров - Bakery Visual Composer - плагин для создания страниц во много раз упрощает работу над дизайном страницы, это своего рода конструктор страниц. Основная функция плагина - это "drag and drop" элементов, которая может быть доступна в стандартной части редактирования страницы/записи OpenCart или прямиком из "frontend". Что не мало важно с помощью этого плагина создаваемые страницы получаются кроссбраузерными - одинаково отображаются во всех популярных браузерах. Все страницы корпоративного сайта сконструированы с помощью данного плагина. - OpenCart Creator Calculator - плагин, который позволяет создавать форму калькуляторов и настраивать формулы расчетов. С его помощью создан 44

калькулятор примерной стоимости кредита. Пример его работы представлен на рисунке 3.7. Рисунок 3.7 - Калькулятор - Yoast SEO - плагин позволяющий выполнить комплексную SEO оптимизацию сайта. Дает возможность заполнять мета-теги для главной страницы, каждой статьи и даже, что очень важно для рубрик, настраивать вид Title для рубрики, архивов и всего остального, убрать лишнее из выдачи поисковых систем, добавить навигационные цепочки без дополнительных плагинов, добавить XML-карту без использования других плагинов и даже отредактировать файл robot.txt в админке OpenCart. Изображение окна работы плагина для главной страницы представлено на рисунке 3.8. 45

ID * Ф * Содержимое:. <9> Snippet preview < Н О В Ы Й ПИ СТОЛЕТ ДЛЯ АП П А РА ТО В ВЫ С О КО ГО Д АВЛЕНИ Я К Е Р Х Е Р Karcher представляет пистолет принципиально новой конструкции для профессиональных аппаратов высокого давления. Фокусное ключевое слово О Анализ содержимого Ф No focus keyword w as set fo r this page. If you do not set a focus keyword, no score can be calculated. Ф The images on this page contain a lt attributes. • The text contains 204 words. This is below the 300 word recommended minimum. Add more useful content on this topic for readers. Ф This page has 0 nofollowed link(s) and 2 normal outbound link(s). Ф В данном мета-описании ответьте на следующ ие вопросы: Как это выглядит в сравнении с конкурентами? М ожет л и это б ы ть более привлекательным ? Ф The page title is between the 35 character minimum and the recommended 65 character maximum. Рисунок 3.8 - Модуль SEO оптимизации для главной страницы сайта - All In One OP Security - плагин для защиты OpenCart от взлома. Дает возможность резервного копирования базы данных, файла «.htaccess» и config.php по расписанию. Функция «Удаление мета-данных OC Generator» убирает из отображения исходного кода сообщения, что generator нашего сайта OpenCart, не позволяя хакерам знать о версии используемой CMS и её уязвимостях. В разделе «Администраторы», меняется стандартное имя пользователя admin на какое-то другое, усложняя задачу взлома подбором пароля. Так же в этом плагине есть проверка надежности пароля, которая отображает за какой промежуток времени хакер смог бы взломать установленный пароль. Так же для защиты от так называемых брутфорс-атак (подбор логина и пароля) помогает опция блокировки попыток авторизации, когда при неверном вводе указанное количество раз происходит блокировка пользователя на определенное время. Так же можно установить подтверждение регистраций новых пользователей и активировать CAPTCHA на странице регистрации. Плагин так же позволяет сменить префиксы таблиц базы данных со стандартных на что-либо другое, что осложняет поиск злоумышленников, но лучше делать это на начальном этапе создания сайта, чтобы избежать проблем с базами. Данный плагин так же позволяет 46 добавить в файл .htaccess

определенных директив, которые защитят файл .htaccess от несанкционированного доступа, отключат сигнатуру сервера в ответах на запросы, ограничат лимит на размер загружаемых файлов до 10Мб, защитят файл oc-config.php от несанкционированного доступа. Так же можно запретить просмотр директорий сайта. Данный плагин позволяет настроить отслеживания большого количества ошибок 404 за короткий промежуток времени, когда злоумышленники пытаются найти какую-то специальную страницу и забанить IP с которого происходит атака. 3.2.4 Описание интерфейса (состав Web-страниц и используемых на них графических и мультимедийных файлов) Есть несколько простых правил, позволяющих интерфейсу сайта быть понятым посетителю. - минимум бесполезной информации, легко читаемый шрифт, графические элементы выразительные; - важная информация, такая как название фирмы, логотип, само название сайта, контакты и т.д., должна размещаться в верхней части страницы сайта; - на главной странице размещаются общие данные о деятельности фирмы; - информация должна быть тематически распределена по страницам, должен быть реализован поиск; - должны быть информационные разделы: данные о компании (сфера деятельности, адрес, контактные телефоны и т.д.), информация по оказываемым услугам, прочая полезная информация; - система администрирования сайта должна быть полностью скрыта от посетителя. В соответствии с имеющимся материалом были разработаны основные составляющие сайта. 47

Постоянные элементы: - логотип, он же является заголовком сайта, расположен в левом верхнем углу. На вторых страницах логотип является ссылкой на главную страницу; - главное меню сайта со ссылками на все страницы и форму поиска, расположено наверху страницы под логотипом. При перелистывании по странице вниз каталог и форма поиска остаются видимыми, так как этот блок является закрепленным; - окно online-диалога расположено в правом нижнем углу, раскрывается по щелчку мыши. Навигационные элементы вложенных иерархий: - сайт имеет третьи по иерархии страницы, которые формируются внутренними ссылками, представляющей построенными вкладки. Кроме того, на на визуальной страницах метафоре, присутствуют и стандартные, выделенные цветом и подчеркиванием ссылки. Текст на сайте: - текст на сайте разбит на небольшие абзацы, так как читать объемные абзацы с экрана очень сложно. Общий фон сайта имеет ненавязчивую текстуру. Шрифт, используемый по умолчанию хорошо читаем. Г рафика на сайте: - многие представленный страницы в виде на сайте галерей, содержат графический материал, слайдеров, каруселей изображений. Графические изображения можно увеличивать для просмотра, щелкнув по нужной картинке мышью. Общая структура сайта: - на главной странице расположен блок кратких новостей, слайдер с акциями и товарами месяца, преимущества компании, информация о партнерах в виде карусели изображений, сертификаты организации в виде карусели; - на странице «О компании» отображена информация о компании с краткой историей развития; 48 более подробная

- на странице «Услуги» дано развернутое описание работ, выполняемых организацией; - на странице «Каталог» представлена информация о товарах, все товары разбиты на группы и подгруппы; - на странице «Акции» представлена информация о последних акциях и скидках на различные товары; - на странице «Контакты» размещены контактные данные организации и карта с обозначением адреса компании и времени работы. Все скриншоты страниц сайта приведены в приложении. 3.3 Технологическое обеспечение задачи 3.3.1 Организация процесса информационной поддержки сайта Первоначально работа с сайтом начинается с панели администрирования. На панели администрирования расположены различные формы и модули. Администратор сайта, в организации ООО «Чистый Г ород» это сотрудник информационно-технического отдела, отвечает за добавление поступающей новой информации на сайт. Это могут быть графические файлы для добавления в слайдер, новые товары, новости и статьи, написанные сотрудниками организации, изменение перечня оказываемых услуг, новые партнеры т др. Функции, которые поддерживают все таблицы форм и модулей: - добавление данных; - изменение данных; - удаление данных; - копирование. После добавления всей необходимой непосредственное пользование сайтом. 49 информации, возможно

3.3.2 Технология тестирования сайта, размещения его в Интернет, информирования общественности о существовании сайта, текущей эксплуатации Web-представительства Тестирование сайта - открытие сайта на всех устройствах. Для проверки работоспособности сайта необходимо его разместить на хостинге, тестирование будет проводиться только лишь на локальном сервере, используемом для разработки. Еще одним вариантом тестирования является размещение сайта в локальной сети организации для проведения теста сотрудниками ООО «Чистый Г ород» в течение нескольких дней. После успешного тестирования сайта и исправления выявленных недостатков, а возможно и дополнения сайта какими-либо материалами, будет произведен запуск сайта в сети Интернет. Для того, чтобы сайт был заметным применяется SEO - оптимизация. В первую очередь после того как сайт был размещен в Интернет необходимо его добавить в вебмастер Яндекса и Google. В вебмастере отображается множество полезной для владельца сайта информации. После добавления сайта в вебмастеры поисковых систем, устанавливаем статистики от этих двух поисковых систем (Яндекс.Метрика и Google Analytics). Очень много для SEO-оптимизации сайта выполняется через плагин Yoast SEO. С его помощью мы прописываем заголовки, мета описания и ключевые слова для всего сайта. В типах записей оставляем только Title, для того, чтобы не разбавлялись не нужными фразами вроде URL сайта, тем самым теряя свой вес для поисковых систем. Создаем XML карту сайта и добавляем её в вебмастер Яндекса и Google. С помощью этого плагина можно добавить на сайт навигационные цепочки, но для разработанного корпоративного сайта на данном этапе они не нужны, т.к. страниц еще не так много и иерархия не насчитывает столько уровней, чтобы актуальными. Далее мы настроим этот плагин так, чтобы ?replytocom 50 навигационные цепочки были

подлежали удалению, это позволяет избавиться от лишних результатах в поиске Google. Так же данный плагин позволяет создать и редактировать файл robot.txt в админ панели. Это очень важный файл, с помощью которого выставляется запрет на индексацию каких-либо частей сайта или блога поисковым роботам. Далее мы используем еще один плагин RusToLat для транслитерации русских ссылок, так как поисковые системы любят человекопонятные URL. На страницах и в новостным записях с помощью тегов заголовков <h1> (самый большой) и заканчивая <h6> (самый маленький) распределена важность разных заголовков на странице для поисковой системы, что может быть важно, когда страница будет индексироваться. Очень хорошо поисковыми роботами воспринимается перелинковка связывание страниц одного сайта или разных ресурсов гиперссылками. С помощью плагина SEO Auto Linker реализована внутренняя перелинковка по ключевым словам. Еще одним шагом информирования общественности о существовании сайта является регистрация в электронных справочниках и каталогах. После некоторого времени эксплуатации поисковых системах будут не слишком сайта, пока позиции в высокими, будет проводиться контекстная реклама Google AdWords и Яндекс.Директ. 3.4 Описание контрольного примера реализации проекта Для проверки осуществления поиска по товару в поле поиска введем необходимое слово или фразу. Процесс ввода и проверка правильности поиска данных представлены на рисунке 3.9. 51

Рисунок 3.9 - Поиск по запросу Для проверки работы калькулятора расчета примерной стоимости кредита введем 10000 рублей сроком на 12 месяцев. Проверка расчета представлена на рисунке 3.10. 52

Рисунок 3.10 - Расчет кредита В этой главе был спроектирован и разработан корпоративный сайт, определена структура и карта сайта. Некоторые модули корпоративного сайта протестированы на наличие ошибок. Сайт SEO-оптимизирован. 3.5 Целесообразность разработки с экономической точки зрения Экономическая получить, эффективность соизмерив показатели - это доходности результат, который производства по можно отношению к общим затратам и использованным ресурсам. Если первый показатель выше по сравнению со второй составляющей, значит, целей достигнуто, все 53

потребности удовлетворены. Если ситуация наоборот, значит, экономического эффекта не наблюдается и предприятие несет убытки. Суть экономической эффективности состоит в том, чтобы из доступных предприятию ресурсов получать больше результатов производства, окупив затраты на приобретение ресурсов. Условия, располагающие к разработке нового сайта: она не так как сайт разрабатывается штатным сотрудником организации, несет дополнительных затрат на оплату труда привлеченного специалиста; - сайт будет располагаться на том же хостинге и доменном имени, поэтому дополнительных затрат на приобретение оных не потребуется; - используемые для разработки средства бесплатны; - цель разработки - привлечение новых клиентов, повышение рентабельности сайта организации направлено на получение дополнительной прибыли; - снижение затрат на телефонные разговоры специалистов организации за счёт размещения более полной информации на сайте, а также формы обратной связи и online-диалога. 3.6 SWОT-анализ разработки SWOT анализ - это наиболее простой и доступный метод, позволяющий проинтегрировать различные аспекты внешней и внутренней среды и способный реально помочь в выборе оптимальной маркетинговой стратегии. SWOT-анализ эффективен при осуществлении начальной оценки текущей ситуации, однако он не может заменить выработку стратегии или качественный анализ динамики. Задача SWOT-анализа — дать структурированное описание ситуации, относительно которой нужно принять какое-либо решение. 54

Сильные стороны разработки - это повышение функциональности сайта, отсутствие затрат на разработку. Обеспечение сопровождения также является огромным плюсом при разработке сайта, поскольку имеется возможность улучшения, оптимизации и устранения дефектов после размещения в Интернет. Слабыми сторонами является нехватка информационных материалов для наполнения сайта. Возможностями является расширение круга посетителей совершенствование разработки, поскольку любой сайт сайта и можно усовершенствовать с появлением нового ряда требований, предъявляемых к разработке. Главной угрозой разработанного приложения является снижение позиций в поисковых сетях и появление большого количества конкурентных ресурсов. Таблица 4.1 - SWOT - матрица Сильные стороны 1 1. Отсутствие существенных затрат на разработку 2. Повышение функциональност и 3. Обеспечение сопровождения Итого Слабые стороны 1. Нехватка информации для разработки Итого Общий итог Возможности 2. 1. Расширение Совершенс твование круга посетителей разработки 2 3 Угрозы Итого 1. Снижение 2. Появление позиций в конкурентных поисковых сетях ресурсов 4 5 6 ++ 0 ++ 0 +4 ++ + + ++ +6 + + + + +4 +5 +2 +4 +3 +14 0 -6 -2 +3 -2 0 0 +4 55 -2 +1 -6 +8

3.7 Расчет показателей экономической эффективности проекта Экономическая эффективность проекта складывается из двух составляющих: - косвенного эффекта, который, например, характеризуется увеличением прибыли, привлечением большего числа клиентов т.д.; - прямого эффекта, который характеризуется снижением трудовых, стоимостных показателей. К основным обобщающим показателям экономической эффективности относятся: - годовой экономический эффект от разработки и внедрения веб-сайта - расчетный коэффициент эффективности капитальных затрат (2); - срок окупаемости веб-сайта (3); - коэффициент экстенсивности использования оборудования (4) - показатель снижения стоимостных затрат за год (5) - показатель снижения трудовых затрат за год (6). ( 1); Приведем формулы вышеперечисленных показателей. Годовой экономический эффект определяется как разность между годовой экономией (или годовым приростом) и нормативной прибылью: Э = АС - К * Ен, (4.1) где Э - годовой экономический эффект (руб.); АС - годовая экономия (или годовой прирост) (руб.); К - единовременные затраты (руб.); Ен - нормативный коэффициент эффективности капитальных вложений (Ен - представляет собой минимальную норму эффективности капитальных вложений, ниже которой они не целесообразны. Значение Ен принимается равным 0.2). Произведение К * Ен следует рассматривать как нормативную прибыль, которая должна быть получена от внедрения корпоративного сайта. 56

Коэффициент эффективности капитальных затрат - представляет собой отношение годовой экономии (годового прироста прибыли) к капитальным затратам на разработку и внедрение корпоративного сайта: Ер = АС : К, (4.2) где Ер - коэффициент эффективности капитальных затрат. Срок окупаемости затрат на внедрение модернизируемого проекта машинной обработки информации представляет собой отношение капитальных затрат на разработку и внедрение корпоративного сайта к годовой экономии (годовому приросту прибыли): Т = К : АС, (4.3) где Т - срок окупаемости капитальных затрат на внедрение корпоративного сайта (мес.). Коэффициент экстенсивного использования оборудования определяется отношением фактического количества часов работы оборудования к количеству часов его работы по плану: К э к с т _ Т ф :Т п л (44) Г де К э к с - коэффициент экстенсивного использования оборудования, Т ф - фактическое время работы оборудования, Тп л - время работы оборудования в соответствии с режимом работы предприятия. Показатель снижения стоимостных затрат за год рассчитывается по формуле: АС=Ср -С а (4.5) где АС - показатель снижения стоимостных затрат, за год, Ср - показатель оценивающий величину эксплуатационных стоимостных затрат при ручном учёте, С а - показатель, оценивающий величину эксплуатационных стоимостных затрат при автоматизированном учёте. Показатель снижения трудовых затрат за год: 57

ЛТТз =Т р -Т а (4.6) где ЛТтз- показатель снижения трудовых затрат за год, Тр - показатель трудовых затрат за год при ручном труде, Т а - показатель трудовых затрат за год при автоматизированном труде. Расчет вышеперечисленных обобщающих показателей предполагает предварительное вычисление частных показателей, характеризующих создаваемый корпоративный сайт. Единовременные затраты (К, руб.) Таблица 4.2 - Единовременные затраты. Наименование материальных затрат Бумага Офисная А4 Заправка картриджа для принтера Электроэнергия Итого: Ед.изм. Колво Цена без НДС с учетом комиссионных вознаграждений, таможенных пошлин и транспортных затрат Сумма шт. 1 228 228 шт. 1 350 350 кВт 72 254 254 832 Эксплуатационные расходы (Ср,Са, руб. в месяц). С=Сзп+Снр+Са+См+Сиб Где С-показатель стоимостных затрат, в состав (4.7) которого включаются следующие компоненты, Сзп - затраты на заработную плату Снр - затраты на накладные расходы, рассчитываемые как произвольная величина от затрат на заработную плату, Са - величина амортизационных отчислений, на используемую технику, программу, См - затраты на материалы, Сиб - затраты на ведение информационной базы, 58

Упростим формулу имеющимися данными: в соответствии с конкретной ситуацией и С=Сзп+Снр+Са+См, уберём затраты на ведение информационной базы. Таблица 4.3 - Пример расчета стоимости эксплуатационных расходов в месяц Автоматизир. труд,Са руб. 3 000,00р. 2 000,00р. 900,00р. 600,00р. №пп Составляющая расхода 1 2 3 4 Ручной труд,Ср руб. зарплата - Сзп ЕСН 30% - Сзп накладные расходы 30% -Снр амортизация 20%- Са бумага- См ИТОГО 900,00р. 600,00р. 166,67р. 70,00р. 3 436,67р. - р. 250,00р. 5 050,00р. В заработную плату входят две составляющие: зарплата и налоги. Накладные расходы 30% рассчитываются от фонда заработной платы. Амортизация отношением 20% от капитальных (единовременных затрат) к 12 месяцам. Теперь можно приступить к расчету годовой экономии или снижению стоимостных затрат формула (5). ЛС=5050,00-3436,67= 1613,33 за месяц; ЛС=1613,33*12=19359,96 за год. Далее произведём расчёт годового экономического эффекта формула (1): Э=19359,96-832*0,2 =19193,56 руб. Коэффициента эффективности капитальных затрат формула (2): Ер=19359,96:832=23,27 Срок окупаемости капитальных затрат формула (3): Т = 832/19359,96= 0,043 т.е. 0,52 месяцев. Коэффициент экстенсивного использования оборудования формула (4): при ручном труде Кэкст= 5:8=0,625 при автоматизированном труде Кэкст= 6:8=0,75 Коэффициент повысился на А К ЭКс т = 0 , 7 5 - 0 , 6 2 5 59 = 0 , 1 2 5 ,

Показатель снижения трудовых затрат за год может быть рассчитан исходя из минимума осуществляемых операций. Возьмем, например (см. Таблицу № 3.4.) операцию, выполняющуюся раз в месяц, т.е. занесение обновленной информации в web-сайт: Таблица 4. 4 - Расчёт трудоёмкости операций в год и их разницы при ручном учёте и автоматизированном Кол-во операций за год 12 Итого, сек. Итого, час. Трудоёмкость Ручной труд за год, сек. -Тр 43200 единицы Автоматизированны Разница, сек. DI й за год, сек. - Та 720 42480 42480 11,800 продукции (работ, услуг, операции) определяется как отношение фонда рабочего времени на изготовление i-ного вида продукции к объёму его производства в натуральном или условно натуральном измерении: Тё = Вр: Кол (4.8) Где Тё-трудоёмкость, Вр - время операций, Кол - количество операций. Итак, только при внесении изменений в корпоративный сайт о товаре, услугах и т.п. раз в месяц или в полгода, снижение трудоёмкости составляет 11 часов. Вывод: Г одовая экономия от внедрения корпоративного сайта составит 19359,96 руб. Окупаемость системы составит 0,52 месяца. Коэффициент эффективности составит 23,27. Коэффициент экстенсивности использования оборудования повысится на 0,125. Снижение трудоемкости по минимальным показателям составит около 11 часов в год. 60

ЗАКЛЮЧЕНИЕ В процессе написания выпускной квалификационной работы были закреплены и углублены знания, полученные в процессе теоретического обучения, а также были приобретены необходимые умения, навыки и опыт практической работы по специальности. Был разработан сайт для ООО «Чистый Город». Были решены следующие задачи: - анализ предметной области; - обоснование необходимости разработки интернет сайта; - анализ сайтов конкурирующих организаций; - обоснование выбора основных проектных решений; - выбор средств и технологий для разработки сайта; - разработка сайта для ООО «Чистый Г ород»; - обоснование экономической эффективности проекта. Целью информационной поддержки бизнеса является создание еще одного рекламно-информационного канала, облегчение коммуникации с действующими и потенциальными клиентами, формирование положительного имиджа компании как предприятия, использующего современные технологии. В данном случае Интернет-составляющая бизнеса автоматизирует часть работы в организации. Происходит оптимизация трудозатрат в организации (сокращение затрат на телефонную диспетчерскую службу, отправку факсов, телефонные переговоры и т. п.) за счет размещения актуальной информации на сайте компании. Позволяет потенциальным клиентам находить продукцию и делать самостоятельный выбор необходимого оборудования. 61

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ 1. Вендров, А.М. CASE-технологии. Современные методы и средства проектирования информационных систем [Текст] / А.М. Вендоров. - Москва: МГУ, 2007. - 306 с. 2. Смирнова, Г.Н. Проектирование экономических информационных систем [Текст]: учебник / Г.Н. Смирнова, А.А. Сорокин, Ю.Ф. Тельнов. Москва: Финансы и статистика, 2012. - 279 с. 3. Стауфер, Т. Создание веб-страниц. Самоучитель [Текст] / Т. Стауфер. - СПб: Питер, 2011. - 250 с. 4. Кирсанов, Д. Web-дизайн: книга Дмитрия Кирсанова «Символ» [Текст] / Д. Кирсанов. - 2006. - 56 с. 5. Кириченко, А.А Разработка электронного портала (Создание Web- представительства. Контент-инжениринг) [Текст]: учебное пособие / А.А. Кириченко. - Москва: 2005. 6. Котеров, Д.В. Самоучитель РНР4 [Текст] / Д.В. Котеров. - СПб: БХВ-Петербург, 2008. - 113 с. 7. Крамер, Э. HTML - Наглядный курс Web-дизайна [Текст] / Э. Крамер. - Москва: Диалектика, 2007. - 244 с. 8. Пауэлл Томас А. Web-дизайн [Текст]: Пер. с англ. / А. Пауэлл Томас. - СПб: БХВ - Петербург, 2007. - 289 с. 9. Маслова, Т.Д. Маркетинг [Текст] / Т.Д. Маслова, С.Г. Божук, Л.Н. Ковалик. - СПб: Питер, 2011. - 350 с. 10. Фийо, А. Рентабельный Web - дизайн [Текст]: Пер. с англ. / А. Фийо. - Москва: КУДИЦ-ОБРАЗ, 2012. - 238 с. 11. Штайнер, Г. HTML/ XML/ CSS. Серия: Справочник [Текст] / Г. Штайнер. - Москва: ДиаСофт, 2008. - 167 с. 12. Минько, Э.В. Методы прогнозирования и исследования операций [Текст]: Учебное пособие / Э.В. Минько, А.Э. Минько. - Москва: Финансы и статистика, 2010. - 480 с. 62

13. Власов, Д.В. Информационные технологии в экономике и управлении: Учебно-методический комплекс [Текст] / Д.В. Власов, В.П. Божко. - Москва: Евразийский открытый институт, 2010. - 167 с. 14. Бочаров, Е.П. Интегрированные корпоративные информационные системы [Текст] / Е.П. Бочаров, А.И. Колдина. - Москва: Финансы и статистика, 2010. - 350 с. 15. Гребенюк, Е.И. Технические средства информатизации [Текст] / Е.И. Гребенюк, Н.А. Гребенюк. - Москва: Издательский центр «Академия», 2009. - 380 с. 16. Емельянова, Н.З. Основы построения автоматизированных информационных систем. Учебное пособие [Текст] / Н.З. Емельянова, Т.Л. Партыка, И.И. Попов. - Москва: Academia, 2010. - 220 с. 17. Денисенко, А.Н. Компьютерная обработка информации [Текст] / А.Н. Денисенко. - Москва: Медпрактика-М, 2010. - 252 с. 18. Учитель, Ю.Г. SWOT-анализ и синтез - основа формирования стратегии организации [Текст] / Ю.Г. Учитель, М.Ю. Учитель. - Москва: Либроком, 2010. - 328 с. 19. Вайнман, Л. Динамический HTML: руководство разработчика Web-сайтов [Текст]: Пер. с англ. / Л. Вайнман, В. Вайнман. - Киев и др.: DiaSoft, 2009. - 449 с. 20. Ландэ, Д.В. Поиск знаний в Internet. Профессиональная работа [Текст] / Д.В. Ландэ. - Москва: Издательский дом "Вильямс", 2009. -272 с. 21. Мартинес, А. Секреты создания недорогого Web-сайта: Как создать и поддерживать удачный Web-сайт, не потратив ни копейки [Текст]: Пер. с англ. / А. Мартинес. - Москва: ДМК Пресс, 2009. - 414 с. 22. Орлов, Л.В. Как создать и "раскрутить" web-сайт в Интернет [Текст] / Л.В. Орлов. - Москва: Альянс-Пресс, 2009. - 511 с. 23. Гаспарян, А.А. Использование CMS при создании образовательных ресурсов [Текст] / А.А. Г аспарян // Курск. гос. ун-т. - 2011. - № 3. - с.19. 63

24. Костромин, В.А. Конспект вебмастера. Выбор системы управления содержанием сайта (контентом). Справочник вебмастера [Текст] / В.А. Костромин. - Москва: КУДИЦ-ОБРАЗ, 2013. - 120 с. 25. Сычев, И.А. контентом Создание сайтов на основе систем управления [Текст]: электрон. учеб.-метод. пособие / И.А. Сычев, В.Н. Половников. - Бийск: АГАО, 2012 г. - 134 с. 26. Сидоров, С.В. Информатика. 5-7 классы: материалы к урокам [Текст] / С.В. Сидоров. - Волгоград: Учитель, 2010. - 203 с. 27. Официальный сайт «wikipedia.org» [Электронный ресурс] / Электрон.дан., - режим доступа: http://ru.wikipedia.org 28. Веллинг, Л. MySQL [Текст] / Л. Веллинг, Л. Томсон. - Москва: Издательский дом Вильямс, 2011. - 304 с. 29. Зайцева, Е.П. Применение современного программного обеспечения при разработке Web-сайтов [Текст] / Е.П. Зайцева. - Тамбов: ТГТУ, Педагогический Интернет-клуб, 2012. - 140 с. 30. Мартынов, А. Технология построения интерактивных Web-ресурсов [Текст] / А. Мартынов, А. Игонин. - Ульяновск: УлГТУ, 2010. - 100 с. 31. Плещев, В. Интернет-технологии [Текст] / В. Плещев. - Екатеринбург: Изд-во Урал. гос. экон. ун-та, 2011. - 276 с. 32. Росс, В. Создание сайтов: HTML, CSS, PHP, MySQL. Часть 1 [Текст] / В. Росс. — Москва, 2010. - 107 с. 33. Хоган, B. Книга веб-программиста. Секреты профессиональной разработки веб-сайтов [Текст] / В. Хоган. - СПб: Питер, 2013. — 287 с. 34. Дюбуа, П. MySQL [Текст] / П. Дюбуа. - Москва: Издательский дом «Вильямс», 2014. - 1056 стр. 35. Блог «wpcafe.org» [Электронный ресурс] / Электрон.дан., - режим доступа: https://wpcafe.org/ . 36. Блог «wp-best» [Электронный ресурс] / Электрон.дан., - режим доступа: http://wp-best.ru/ . 64

37. Блог «Semantica» [Электронный ресурс] / Электрон.дан., - режим доступа:http://semantica.in/blog/ 38. Грачев, А. Создаем свой сайт на WorldPress: работа с CMS WorldPress 3 / А. Грачев. - Санкт-Петербург [и др.]: Питер, 2011. - 282 с. 39. Андерсон, С. Приманка для пользователей: создаем привлекательный сайт / С. Андерсон; [пер. с англ. С. Силинский]. - Москва: Питер, 2013. - 234 с. 40. Халворсон, К. Контентная стратегия управления сайтом / К. Халворсон, М. Рэч; [пер. с англ. Е. Матвеева]. - 2-е изд. - Санкт-Петербург [и др.]: Питер, 2013. - 224 с. 41. Рязанцева, Л. Что нам стоит сайт построить / Л. Рязанцева // Библиополе. - 2008. - № 5. - С. 25-27. 42. Хворостьянова, С. В. Веб-сайт: требования к информационной структуре и наполнению / С. В. Хворостьянова // Современная библиотека. 2011. - № 1. - С. 68-73. 43. Как сделать идеальный сайт // Фотомастерская. - 2012. - № 12. - С. 58-60. 44. Фрэйн, Б. HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств / Б. Фрэйн; [перевод с английского В. Черник]. - Санкт-Петербург [и др.]: Питер, 2014. - 298 с. 45. Гаевский, А. Ю. 100% самоучитель по созданию Web-страниц и Web-сайтов: HTML и JavaScript / А. Ю. Гаевский, В. А. Романовский. - Москва: Технолоджи - 3000: Триумф, 2008. - 457 с. 65

ПРИЛОЖЕНИЕ Экранные формы сайта ЧИСТЫЙ | ГОРОД <K A R C H ER АКЦИИ С ЕРВИ С КАТАЛО Г Т О ВА Р О В КА К ЗА К А ЗА Т Ь Д О С ТА ВКА КРЕД И Т УСЛУГИ О КОМ ПАНИИ QJ N/ КО Н ТА КТЫ 1 1 .|| ООО «ЧИСТЫЙ ГОРОД» - ОФИЦИАЛЬНЫЙ СЕРВИСНЫЙ ПАРТНЕР КОНЦЕРНА «KARCHER»» ТОВАР МЕСЯЦА WD 3 Premium Хоэяйста*««ьЛ 5 490 X УСЛУГИ b tC II/IA f МАЯ ДОСТАВКА KARCHER О ТРАСЛ ЕВЫ Е РЕШЕНИЯ Р я K src h c r п р л д л с - b o / u - j • аггоСъсы лю ц^ сму с с р а Kom*um*is «Чисты й гооод» m c u j'i.'n iH a y c T c a мл *юстаэ<лх v и у&ароч»<о*о о бо р у до ван и я кпм<‘ Karefer Рисунок 1 - Г лавная страница сайта первая часть 66 М

Н О ВИНКА: СТАНЦИЯ В О Д О С Н А БЖ ЕН И Я В Р 5 НО ВОСТИ 2016 ГОДА: С Т ЕКЛ О О Ч И С ТИ ТЕЛ Ь W V Н О В Ы Й ПИСТОЛЕТ ДЛЯ АПП АРАТО В 5 PLU S В Ы С О К О ГО Д А В Л ЕН И Я К Е Р Х Е Р НОМЕ Без «аг»сл. и зашоАоа Gea контакта с град.оЯ водой. Вез ппэсрыаоо а сюбсгт. Июбретдтсл. сланного гыпсссса. коипд* ня «Ксогр* предггаапаст ««заимку КлГ&сг п р е д п п л я г— пистолет прихцигтилг^о i Л и к й к а мдеосоа К><тнег пагктнлглг.» еммдрей аадоо«э6жсхия В Р 5 НОМ£ с гидробалаы, которая 2D16 Г KCMCTvixi&u для про$еео>оьдлц*4их алпардтоа высокого додгеьия. оодоп-обжечде зд*оэпд>-огп даид дахг npv спадам г*л псо с о водопрсоодс Дг.-.’ г»«Р грок слумСи. CjCiDrjcMDcn., миэкиР урсос*-- - j.v c И С'СКЛОО^ГГИ’ ЕЛи VW S РИ.5. «ггор ий п о и ел гт Без тгтудо d w v jt , до крис*алы«оР ‘•ис-оти аккд. зср«дла. душеалс- каОимы и гкЛыг дэг/гме с-склвйнис энср-'оэОАсктиамост». делает ВР DНСУИ£ М.-т.тг,. Дл.*,.^иг ООО «ЧИСТЫЙ ГОРОД» Каталог то в ар о а Акции К а ш а к а за л . Д остаака Серви с Услуги Кредит С О й й < Ч м л ^ город» 200Д-Д)1/ Л ♦714722)20^11-90 О к о м п ан и и Н о о ости Кош асш ММ 1 - ш м п ж м ц м метут а м и и rry&nw д* оф^ вД Рисунок 2 - Г лавная страница сайта вторая часть 67

ЧИСТЫЙ 4 1 ГОРОД - 7 14722,20 ,1 ,0 ГрафисpJOoru: If KARCHER с-плт-г, с -о -.: О <§>0 АКЦИИ С ЕРВ И С КА Т А Л О Г Т О В А Р О В КА К ЗА КА ЗА Т Ь КРЕД И Т Д О СТАВКА * ^ £ 1* & © УСЛУГИ О КОМПАНИИ КО НТАКТЫ N/ ■^ И М И Т и П ИСТОРИЯ КОМПАНИИ Компания ООО «Чистый город», оснсззчз в 2002 году. К о м пан и являемся Авторизованным Торговым и Сеовисчым гаотнером {концерна KARCHER в России; концерна Alfred KarcherGmbH&Co.KG. (серт S i КЦ 074/2017) Взяв за основу принципы ответственности, эффективности и высокого качества обслуживания, компания *ЧистыЙ "ооод- стала крупнейшим поставщиком = своем ое^'сче моечного и убороичо'о оборудования. Достигнув высокого уровн? доверия наших клиентов >.*ы остаемся надежным поставщиком с четкими принципами порядочности и особь м отношением к клиентам и сотрудникам. Мы работаем чтоб» кэши клиенты получили блестящий результат! Добро пожаловать в Керхер Центр’ В 2016 году компанией был откоыт перв» Л в Белгородской области соициальный Керхер Центрсеот \s Kli 074/20171. У бел'оосдцев гоявлпась уникальна® воз г/о*.ностъ гриобоести технику мирового лидера по производству уборочного обооудования Керхер с расширенной гарантией и полные сеовисом. Полная линейка бытовой и профессиональной серии. аксессуар= химия, широкий ассортимент новине • специальнее акции и грогоаммы представлены в уютном торгово-выставочном зале Керхер Центра Квалифицированный и добро* ел зтельный герсонал поможет подобрать идеалоное соотношений цень и качества. *дем Вас по адресу: ". Белгсосд. ул. Королева, Зд Ка еззе Керхер Центра начал свою оаботу авторизованный Сервисный Центр Керхер, расположенный в шаговой доступности от цеч-оа по адоесу: ул. и_аландинз д. 3. и оборудованный в соответствии со всеми требованиями производится. Сервисный центр осуществляет полное сеовнсное обслуживание и ре%*онт всей техники Кер:«ео. Сеоаисные инженеры обладзют высокими профессиональными навыками, что год-верхдается сертификатами производителя. О О О « Ч И С Т Ы Й Клтапог то аз рое Акиии Кл си ш лл . Д р стави ГО Р О Д » Сервис Услуг* Кредит ♦7 (4722) 20-11 -90 О братная спязи Ф О сом га мим Новости Контагты О ООО «ЧН1МЙ1 (оро^ лхи л п / Н а ш и » шяд км ром и н м ш к м ц * моут я ш м п л м р и м ш ^ ш ам Л ^ гр м и у M uw fut 1ц6»и чи> офиргой Рисунок 3 - Страница «О нас» первая часть 68 Ф » О

Рисунок 4 - Страница «Услуги» Рисунок 5 - Страница «Каталог» 69

Рисунок 6 - Страница «Каталог» подкатегория Рисунок 7 - Страница с описанием товара первая часть 70

Рисунок 8 - Страница с описанием товара вторая часть 71

КАТАЛОГ Т О ВА Р О В \/ Поиск по товарам С р а в н и ть |0 ] СЕРВИСНЫЙ ЦЕНТР Сервис-основа ваш ей уверенности! Авторизованный сервисный центр KARCHER оборудованн в соответствии со всеми требованиями производителя. Находится в ш аговой доступности от Керхер Центра по адресу: г. Бел-ород, ул. Ш аландина д.З Мы осуществляем полное сервисное обслуж ивание и ремонт всей техники Karcher (Керхер). Наш и сервисные инженеры имеют соответствующ ие сертификаты, обладают больш им опытом, высокими профессиональными навыками, регулярно проходят курсы по по вы ш ени ю квалификации. Постоянно поддерживаемый запас аксессуаров и запасных частей (95%) в наших сервисных центрах позволяет миним изировать временные затраты на обслуживание и ремонт техники После проведения ремонта оборудование проходит комплексные испытания и проверку безопасности. Сервис-центр Karcher предоставляет следующие услуги: • Бесплатная диагностика оборудования при ремонте в наш ем сервисном центре. • Бесплатный гарантийный ремонт; • Постгарантийное обслуживание: • Ремонт любого оборудования Karcher; • Выездной ремонт оборудования Karcher • Монтаж, пуско-наладочные работы, консультации. • Сервисные контракты • Внимание! Теперь наш Сервисный центр обслуживает л ю бы е марки и модели поломоечной техники! Наш телефон: (4722) 37-99-62 E-mail: servicegichisto-mov.ru После проведения ремонта оборудование проходит комплексные испытания и проверку безопасности. На все работы по ремонту и запасные части сервисный центр дает гарантию 1 год! РАССРОЧКА, КРЕДИТ ЛИЗИНГ Наш и партнеры: Банк «Алэф-банк» КБ «РенессансКредит» КБ «Русский Стандарт» Предлагают услуги он-лайн кредитования, гибкие условия предоставления рассрочек и кредита. Для предоставления кредита требуется Рисунок 9 - Страница «Сервис» 72

КАТАЛО Г Т О ВА РО В \ / Поиск по товарам ill АКЦИИ ИНТЕРНЕТ МАГАЗИНА Рисунок 10 - Страница «Акции» 73 Сравнить [ o j

Рисунок 11 - Страница «Контакты» КАТАЛОГ Т О В А Р О В V НОВОСТИ: НОВОСТИ 2016 ГОДА: СТЕКЛООЧИСТИТЕЛЬ W V 5 PL U S X Осгавте Ваш номер телефона и наш менеджер Вам перезвонит Без капель и разводов, без контакта с грязной водой, без перерывов в работе. Изобретатель оконного пылесоса, компания «Керхер» представляет новинку 2016 г. - стеклоочиститель WV 5 Plus, который поможет без труда вымыть до кристальной чистоты окна, зеркала, душевые кабины и любые другие стеклянные Как к Вам обращаться? Введите Ваш номер телефона ИНКА: СТАНЦИЯ ВОДО СНАБЖ ЕНИЯ В Р 5 IE 'йка насосов Karcher пополнилась станцией снабжения ВР 5 НОМЕ с гидробаком, которая эляет организовать надежное и бесперебойное снабжение загородного дома даже при слабом ре в водопроводе. Долгий срок службы, пасность, низкий уровень шума и гоэффективность делают В Р 5 НОМЕ ООО « ч и с т ы м ГОРОД» Обратная связь: О компании Новости Контакты З а к а з а т ь зв о н о к © ООО «Чистый город» 2002-2017. Внешний вид товаров и комплектация могут изменяться производителем. Информация не является публичной офертой Рисунок 12 - Страница «Заказать звонок» 74

Рисунок 13 - Страница «Кредит» КАТАЛОГ Т О ВА РО В V Поиск по товарам ill СРАВНЕНИЕ ТОВАРОВ Главная — ► Сравнение товаров Наим енование Минимойка Karcher К 2 B a s ic Минимойка K archer К 3 S Изображение Цена 3 8 9 0 р. 7 8 9 0 р. М одель К 2 Basic П ро извод итель Karcher Karcher Д о ступ н о сть Нет в наличии В наличии Рейтинг КЗ " i f На основании 0 отзыва(ов). " i f На основании 0 отзыва(ов). А втом атическо е см аты ван и е кабеля нет нет Бар а бан д л я шланга нет нет Гарантия 60 месяцев 60 месяцев Д авление 110 бар 120 бар Рисунок 14 - Страница «Сравнение товаров» 75 Сравнить [~2~|

Выпускная квалификационная работы выполнена мной совершенно самостоятельно. Все использованные в работе материалы и концепции из опубликованной научной литературы и других источников имеют ссылки на них. « » 2017 г. Дроздов В.В. 76

Рецензии:

Авторизуйтесь, чтобы добавить рецензию

- у работы пока нет рецензий -

Отзывы:

Авторизуйтесь, чтобы оставить отзыв