Создание рекламно-информационного ресурса

Создание рекламно-информационного ресурса в сети Интернет для производственной компании "ЕМК" ...

СОДЕРЖАНИЕ
Введение.......................................................................................................................3
1 Анализ требований для разработки рекламно-информационного ресурса..........................................................................................................................5
1.1 Анализ предметной области............................................................................5
1.2 Анализ предприятия и объекта автоматизации и технико-экономический анализ..........................................................................................................................14
1.3 Цели и задачи разработки информационного ресурса...............................20
2 Проектирование рекламно-информационного ресурса производственной компании «ЕМК».......................................................................................................26
2.1 Обзор и выбор инструментальных средств и технологий создания информационного ресурса........................................................................................26
2.2 Разработка контекстных диаграмм для предмета проектирования...........35
2.3 Проектирование навигационной структуры информационного ресурса........................................................................................................................41
3 Реализация рекламно-информационного ресурса...............................................46
3.1 Описание структуры и функций информационного ресурса.....................46
3.2 Тестирование работы ресурса.......................................................................57
3.3 Технико-экономическое обоснование..........................................................61
Заключение.................................................................................................................68
Список использованных источников.......................................................................70
Приложение HTML код главной страницы

ВВЕДЕНИЕ

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

6 доступ как к разделу, так и к определённому материалу с точностью до конкретной связи материал↔пользователь;- Настраиваемые схемы расположения элементов по областям шаблона;- Различные модули (последние новости, счётчик посещений, подробная статистика посещений, гостевая книга, форум и другие);- В версии 1.6 была сильно улучшена система установки и управления расширениями. Теперь возможно одновременно устанавливать несколько расширений, объединённых в один инсталляционный пакет. Более того, реализована возможность автоматического обновления установленных расширений (при условии, что разработчик расширения задействует этот механизм);- В версии 1.6 появилась возможность публикации содержимого на нескольких языках;- В версии 1.6 появилась возможность определить время начала и завершения публикации модулей. Так же в новой версии Joomla улучшены возможности по управлению отображением содержимого;- Возможность создания не одной, а нескольких форм обратной связи для каждого контакта;- Модуль приёма от удалённых авторов новостей, статей и ссылок;- Иерархия объектов;- Менеджер рассылки новостей. Поддержка более чем 360 служб рассылки новостей по всему миру;- Встроенный визуальный редактор TinyMCE;- ЧПУ — «человекопонятный URL», например, - Более 8500 (по состоянию на 22.11.2014) готовых расширений.Структурно система представляет из себя ядро, к которому подсоединяются компоненты. Компоненты могут состоять по функциональному назначению из модуля, плагина и/или шаблона:- модули − элементы, отображаемые на странице пользователей в виде отдельных блоков.- плагины − элементы, отображаемые на административной панели инструментов и придающие дополнительную функциональность.- шаблоны − элемент, отвечающий за унифицированное оформление всего сайта.В ядро Joomla входит:- блок (функционал определяется HTML-кодом внутри него) и его разновидности с расширенными возможностями управления с административной панели: баннеры(модули для размещения рекламы), контакты (блок для размещения контактной информации и формы обратной связи), лента новостей (RSS подписка);- материал (статья) с метками (ключевые слова) и категориями (папками) для навигации пользователей, редактором для удобного оформления материала.Не входят в ядро свободные сторонние расширения:- плагин для резервного копирования (backup) и восстановления, например, Akeeba Backup.Создание собственного расширения осуществляется посредством написания плагина на языке PHP с использованием для взаимодействия API Joomla.Системные требования:- Для версий 1.6, 1.7 и 2.5 требуются, как минимум, Apache 2.0, PHP 5.2.4 и MySQL 5.0.4.- Для версии 3.x требуются PHP 5.3.10+ (Magic Quotes GPC off), MySQL 5.1+ (с поддержкой InnoDB), Apache 2.x+ (с модулями mod_mysql, mod_xml, и mod_zlib).Прежде чем окунутся в разработку сайта с Joomla!, необходимо более подробно обрисовать картину веб сайта. Например большинство проектов веб сайтов выигрывают от предварительного планирования и определения характера и масштабов проекта. Необходимо ответить на следующие вопросы:- Чего вы хотите достичь с помощью вашего сайта?- Каковы особенности и количество контента, который вы хотите публиковать?- Кем является ваша аудитория и как вы хотите с ней взаимодействовать?- Какими временными и финансовыми ресурсами вы располагаете?Записав эти ключевые вопросы и ответив на них, можно с лёгкостью сфокусировать свои усилия и направить принятые решения на реализацию проекта.Вне всяких сомнений Joomla обеспечивает все премиум функции менеджмента веб страниц. Она так же включает в себя ряд специализированных элементов, поддерживающих определённые функции, например регистрацию пользователей, интерактивные опросы, рекламные баннеры, контакт лист и многое другое. С «родными» возможностями Joomla! поставляется так же система «Расширений», которая позволяет работать с пакетами расширений третьего порядка.Веб сайты на Joomla отличаются от других, обновляемых вручную или статичными файлами HTML. Joomla является динамическим веб приложением, использующим базу данных MySQL, чтобы сохранить всё содержимое и информацию о вашем сайте и так же использует язык программирования PHP для усиления интерактивного функционала и динамики веб страниц.Несмотря на невысокий уровень технических знаний, требуемый от пользователя Joomla в течение её ежедневного использования, потребуется узнать побольше, чтобы установить её. Процесс установки включает в себя загрузку файлов на веб сервер с помощью FTP, создание новой базы данных My SQL и запуск через веб установщик Joomla (К слову, многие веб-хостинги имеют контрольную панель, упрощающую технические задания, включая заведение базы MySQL и установку Joomla.) Настройка структуры, содержания и презентации сайта включает в себя работу с веб интерфейсами Joomla; для изменения дизайна сайта, понадобится установить шаблоны третьего порядка, либо создать собственный из подготовленных изображений и кода HTML, каскадных таблиц стилей (CSS) и/или Javascript кода. Знание языка PHP или программирования в целом не обязательно для установки, настройки и администрирования Joomla. 2.2 Разработка контекстных диаграмм для предмета проектированияАктуальным вопросом для различной деятельности предприятий разных стран является планирование и организация маркетинговой исследований. Одна из причин убыточной деятельности предприятий является не должное внимание к маркетинговым исследованиям. Как следствие этого, предприятия действуют в условиях ограниченной информации о рынке и его отдельных сегментов.Маркетинг это комплексная система организации производства и сбыта продукции, ориентированная на удовлетворение потребностей конкретных потребителей и получение прибыли на основе исследований и прогнозирования рынка, разработки стратегии и тактики поведения на рынке с помощью маркетинговых программ. В этих программах заложены мероприятия по улучшению товара и его ассортимента, изучению покупателей, конкурентов и конкуренции, по обеспечению ценовой политики, формированию спроса, стимулированию сбыта и рекламы, оптимизации каналов товародвижении и организации сбыта, организации технического сервиса и расширения ассортимента сервисных услуг, представляют.Основными функциями маркетинга являются: анализ окружающей среды рыночные исследования, анализ потребителей, планирование товара (услуги), планирование сбыта, планирование продвижения товаров, планирование цены, обеспечение социальной ответственности и управление маркетингом. Несмотря на то, что многие операции требуют выполнения однотипных функций, таких, как анализ потребителей, продвижение продукции и установление цены, они могут выполняться различными способами.Субъекты маркетинга включают производителей и организации обслуживания, оптовые и розничные торговые организации, специалистов по маркетингу и различных потребителей. Важно отметить, что хотя ответственность за выполнение маркетинговых функций может делегироваться и распределяться различными способами, ими в большинстве случаев пренебречь нельзя, они должны обязательно кем-то выполняться.Маркетинговая деятельность должна обеспечить:-        надежную, достоверную и своевременную информацию о рынке, структуре и динамике конкретного спроса, вкусах и предпочтениях покупателей, то есть информацию о внешних условиях функционирования фирмы;-        создание такого товара, набора товаров (ассортимента), который более полно удовлетворяет требованиям рынка, чем товары конкурентов;-        необходимое воздействие на потребителя, на спрос, на рынок, обеспечивающее максимально возможный контроль сферы реализации.Необходимое воздействие на потребителя оказывает реклама. Реклама – эффективнейший способ работы для повышения объёмов продаж компаний и увеличения их долей на рынке. Производственная компания «ЕМК» нуждается в рекламе, поскольку имеет множество конкурентов в лице других производственных компаний отрасли, а также магазинов и салонов мебели, и иностранных производителях.Партнерами компании «ЕМК» в массовой коммуникации являются средства массовой информации. Однако отдать кому-либо из СМИ предпочтение - значило бы потерять часть потенциальной аудитории: каждый участник информационного «триумвирата» (пресса, радио, телевидение) обладает рядом особенностей, проявляющихся в характере и способах донесения информации до аудитории. Чтобы разработать объектно-ориентированную модель web-сайта, необходимо использовать язык графического описания моделирования объекта UML. UML - это язык для описания графического моделирования объекта в области разработки программного обеспечения. UML считается языком широкого профиля, UML является стандартом, который использует графическую систему обозначений для создания абстрактной модели системы, которая называется модель UML.В UML используются следующие виды диаграмм:диаграмма классов;диаграмма компонентов;диаграмма кооперации;диаграмма развёртывания;диаграмма объектов;диаграмма Парето;диаграмма профилей;диаграмма деятельности;диаграмма состояний;диаграмма прецедентов;диаграмма коммуникации;диаграмма обзора взаимодействия;диаграмма последовательности;диаграмма синхронизации.Для графического представления объектно-ориентированной модели наиболее подходящими будут, является следующие диаграммы:диаграмма прецедентов;диаграмма вариантов использования;диаграмма компонентов.При разработке диаграммы прецедентов основными целями являются:разработка и формулирование общих требований к функциональному поведению проектируемой системы;четкое отделение системы от её окружения;разработка исходной концептуальной модели системы для её дальнейшей детализации в форме логических и физических моделей;разработка документации для взаимодействия заказчиков системы и её разработчиков;определение действующих лиц, их взаимодействие с системой и ожидаемый функционал системы.Используя диаграмму прецедентов, была разработана графическая схема, которая позволяет нам четко определить отношения между администратором разрабатываемого web-сайта и его пользователями, а также определить какими возможностями обладает администратор сайта и какие функции доступны обычным пользователям которые посещают web-сайт.Рис. 2 Диаграмма прецедентов572819233778переход на сайт020000переход на сайтРис. 3 Диаграмма компонентовДиаграмма компонентов - статическая структурная диаграмма, показывает разбиение программной системы на структурные компоненты, связи и зависимости между компонентами. В роли физических компонентов системы могут выступать файлы, библиотеки, модули, исполняемые файлы, пакеты и тому подобные. Диаграммы состояний – модель динамического поведения системы и ее компонентов при переходе из одного состояния в другое. При помощи диаграммы компонентов появляется возможность графического отображения карты сайта, и основных взаимодействий внутри информационной системы.Рисунок 7 наглядно демонстрирует все возможные вариации использования сайта для различных пользователей.Рис. 4 Диаграмма UML вариантов использования сайта производственной компании «ЕМК»В современном мире информации интернет играет важнейшую рекламную роль, а значит, многие пользователи наверняка зайдут сначала на сайт компании перед  обращением к ней. В перспективе данный ресурс может пополнится модулями Интернет-магазина, электронного каталога и связанными с ним аккаунтами в социальных сетях. 2.3 Проектирование навигационной структуры информационного ресурсаВ зависимости от целей и задач, которые должен выполнять сайт, на нем может размещаться различный объем информации. Небольшой объем информации может быть размещен на одной странице сайта (сайт-визитка, одностраничный-сайт), однако большой объем различной информации лучше разделить на несколько информационных разделов, которые оптимизируются для хранения и отображения однотипной информации, например, фотографий, каталог товаров, контактная информация, о компании и др. Для связывания отдельных частей информации служит навигационная система.Навигационная структура сайта представляет собой иерархическую систему, которая должна решать следующие задачи:Логически объединять отдельные информационные блокиСлужить оглавлением всего информационного ресурса и давать представление об информации, которая находится на немПоказывать элементы управления, с помощью которых посетитель может переходить в тот или иной раздел или страницу сайта для получения заинтересовавшей его информацииОтображать текущее местоположение посетителя на сайтеНа этапе планирования информационного ресурса происходит определение и постановка задач, которые смогут решать посетители с помощью него. Необходимо определить тип ресурса и его тематическую направленность (поскольку обо всем в мире рассказать невозможно, да и не нужно), с учетом возможностей и темпов его дальнейшего развития. Тематическая направленность ресурса играет достаточно важную роль, поскольку она непосредственно влияет на информацию, логическую связь между частями которой и осуществляет навигационная структура. При этом необходимо учитывать баланс между информационностью, простотой использования навигации и рекламной политикой.Информационность навигационной структуры заключается в том, чтобы кратко показать посетителю информационный потенциал данного ресурса и заинтересовать его. Последнее обстоятельство особенно важно обеспечить для новых посетителей, которые еще не знакомы с сайтом. Поскольку текстовые навигационные ссылки позволяют быстро ознакомиться с содержанием сайта, то посетители чаще всего обращаются к ним, и в этом случае навигационная структура выступает не только как информационный элемент, но и как элемент рекламы самого сайта. Недостаточное понимание данного момента приводит к появлению "креативной", но трудно воспринимаемой и даже непонятной навигации, при построении которой основное внимание уделялось ее оформлению и информационной насыщенности, а не удобству работы с ней. Искусство построения грамотной навигации и состоит в том, чтобы быстро и понятно обозначить посетителю круг вопросов, который он может решить с помощью данного сайта.Следует различать логическое и физическое распределение информации. Посетителю не важно, как и где хранится информация - на одном сервере или на разных, в базе данных или на статичной странице. Ему важна простота и удобство работы с информацией, ее доступность и скорость получения. Но разработчику для реализации эффективного взаимодействия с информацией необходимо грамотно реализовать как ее логическое, так физическое распределение. Простой пример - хранение информации в статических страницах или базе данных. До появления AJAX-технологии скорость получения небольших статичных страниц была выше скорости генерации страниц из базы данных. И это был плюс для посетителей, однако нельзя было реализовать поиск по всей структуре данных, а это уже существенный минус в удобстве работы с информацией. Для увеличения эффективности получения информации общая навигационная структура разбивается на несколько функциональных частей, каждая из которых выполняет свои задачи. Данные части оформляются на странице в виде навигационных областей, каждая из которых содержит определенный набор навигационных элементов. Но сколько их может быть? В ряде источников говорят о правиле "5±2" - такое количество параметров человек может запомнить в своей кратковременной памяти. Но на сайте используется гораздо больше ссылок! Здесь нужно принять во внимание: способность визуальной памяти человека быстро восстанавливать "увиденное когда-то" и анализировать упорядочивание, благодаря чему нет необходимости "помнить" где и какие ссылки находятся на странице.Всю навигацию можно условно разделить на две части: основную и вспомогательную.К основной навигации чаще всего относят: ссылки на основные разделы или страницы сайта. Основная навигация чаще всего присутствует в неизменном виде на всех страницах сайта, тогда как вспомогательная навигация может изменяться от раздела к разделу. Ко вспомогательной навигации можно отнести "глубиномер" (горизонтальная область отображения пути к текущей web-странице, подобно адресной строке в проводнике Windows, которая показывает путь к файлу), который может быть полезным при работе с достаточно многоуровневой информационной структурой с большим количеством подразделов, когда для перехода на разные уровни раздела проще воспользоваться им, а не повторять путь от корневой ссылки основной навигации. Карта сайта также является вспомогательной навигацией, которая позволяет быстро перейти к подразделу каталога или странице сайта.Для отображения текущего местоположения посетителя на сайте достаточно поместить на каждую страницу ее название, которое в идеале должно соответствовать названию ссылки, которая ведет на данную страницу. Действительно, переход по ссылке "Главная" на страницу с названием "Новости" и наоборот вызовет недоумение у посетителя.Название страницы является обязательным элементом, который на многих сайтах отсутствует. Давайте откроем книгу со справочной информацией на любой странице и посмотрим, как она оформлена. Во многих из них в области верхнего или нижнего колонтитула, по меньшей мере, присутствует информация о главе, к которой относится данная страница. Но, поскольку книга читается более или менее последовательно, то данная информация в ней играет второстепенную справочную роль, когда как страницы сайта могут просматриваться в любой последовательности и данная информация выходит на первый план. Очень часто в качестве указателя местоположения вместо названия страницы используют навигационную ссылку в списке, которая по оформлению отличается от других, например, фоном, начертанием текста, использованием маркера или какого-то эффекта. Такое оформление может отвлекать посетителя от изучения самой информации, поскольку для определения местонахождения необходимо переводить взгляд на навигацию.Благодаря тому что меня сайта будет на каждой странице – все страницы будут взаимосвязаны между собой.Рис. 5 Навигационная схема ресурсаВыводы по главе:Для создания сайта производственной компании «ЕМК» выбран метод с использование CSM-системы, а конкретно CSM Joomla.Также в данной главе была проанализирована и смоделирована рекламно-информационная деятельность компании «ЕМК». Были созданы модели текущего состояния AS-IS и модель будущего состояния TO-BE, для создания этих моделей использовалась технология DFD. Также модель будущего состояния была дополнена диаграммами процессного подхода и UML-диаграммой вариантов использования. Далее в главе были рассмотрены общие принципы построения навигационной схемы web-ресурса и построенна навигационная схема рекламно-информационного ресурса компании «ЕМК».ГЛАВА3 РЕАЛИЗАЦИЯ ИНФОРМАЦИОННОГО РЕСУРСА3.1 Описание структуры и функций информационного ресурсаК разработке детального дизайна, необходимо сначала разработать принципиальную схему, то есть создать макет сайта, с тем чтобы определиться количеством основных элементов и их равновесным, гармоничным и эргономичным расположением на странице.Зона 1 (логотип, Главное меню)Зона 2 (информационное наполнение страниц)Зона 3 Название организации владельца ресурса, счетчик посещений, кнопки социальных сетейРис. 6 Макет главной страницы сайтаСтраницу можно разделить на две значимые зоны: шапка сайта и информационная зона. В свою очередь на первой области располагаются элементы:Логотип;Верхнее меню.Во второй области:Ссылки на социальные медиа;Основной контент;Текстовый блок.На всех страницах сайта будет использован одинаковый шаблон.При создании сайта важно на начальном этапе продумать файловую структуру. Это надо для того, чтобы при разрастании сайта до нескольких сотен страниц не путаться в файлах. Поэтому рекомендуется создавать необходимое количество папок, достаточное для того, чтобы комфортно чувствовать себя и быстро находить нужные файлы.