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

Введение

сайт программный магазин

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

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

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

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

Какой бы ни была задача, интернет идеален для ее воплощения благодаря своим особенностям:

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

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

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

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

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

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

1.Описание предприятия

1.1 Краткая характеристика сети магазинов «Играй»

Сеть магазинов принадлежит ИП Саттарову А.Х. В настоящий момент сеть насчитывает 2 магазина в городе Кирове один из которых так же является оптовым складом, и один магазин в г.Котельнич.

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

Предлагаемый ассортимент представляет собой весь спектр товаров связанный с видеоиграми и цифровыми технологиями: Игровые приставки PlayStation, Xbox, Wii а также аксессуары и игры к ним, игры для персонального компьютера, пустые носители и flash накопители.

Помимо этого каждый магазин является пунктом выдачи заказов крупнейших в России интернет магазинов Ozon.ru, Dostavka.ru, Sapato.ru, Myshop.ru, Oldi.ru.

1.2 Структура предприятия

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

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

Сведения об участниках бизнес-процесса приведены в таблице1

Таблица 1

Участники бизнес-процесса	Количество подразделений (работников в подразделении)
Руководство (Директор)	1(1)
Бухгалтерия	1(1)
Склад	1(1)
Магазин	3(6)

В штат предприятия входят:

· подразделение бухгалтерия: главный бухгалтер;

· подразделение склад: один кладовщик;

· подразделение магазин: по два менеджера по продажам на каждый магазин;

· другой персонал:, системный администратор (непосредственного участия в бизнес-процессе не принимают).

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

Менеджеры по продажам отвечают на звонки клиентов и поставщиков, поступающие в офис магазина, а так же принимают заказы и оказывают техническую поддержку клиентам.

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

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

1.3 Анализ бизнес-процессов на предприятии

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

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

Рисунок - диаграмма А0

Теперь проведем декомпозицию полученной диаграммы.

«Деятельность компании» можно представить как последовательность следующих действий (рисунок ):

· Продажа и закупка

· Обработка заказов и поставок

· Отгрузка и получение

Рисунок - декомпозиция диаграммы А0

Проведем дальнейшую декомпозицию. Деятельность «Продажа и закупка» включает следующие действия (рисунок):

· Предоставление информации о ценах и ассортименте

· Оформление заказа

· Оформление закупок и возвратов



Рисунок - декомпозиция деятельности «Продажа и закупка»

Проведем декомпозицию «Обработка заказов и поставок». Деятельность «Обработка заказов и поставок» включает следующие действия (рисунок ):

· Комплектация заказа

· Проверка заказа

· Отгрузка и прием товаров

Рисунок - декомпозиция деятельности «Обработка заказов и поставок»

Проведем декомпозицию «Отгрузка и получение». Деятельность «Отгрузка и получение» включает следующие действия (рисунок ):

· Выдача заказов

· Работа с возвратом и браком



Рисунок - декомпозиция деятельности «Отгрузка и получение»

После построения информационной модели сформируем древо целей:

Рисунок - Древо целей информационной системы

1.4 Обоснование потребности в интернет-портале

1.4.1 Обеспечение информационной поддержки существующего бизнеса

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

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

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

1.4.2 Организация двустороннего взаимодействия с потребителем

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

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

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

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

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

1.4.3 Цели и задачи создания интернет-портала

Основные цели которые преследует предприятие при создании интернет портала:

· привлечение новых клиентов и увеличение объемов продаж;

· формирования новых каналов сбыта

· привлечение новых дилеров, инвесторов или сотрудников;

· информационная поддержка клиентов и деловых партнеров;

· формирование благоприятного имиджа компании.

· реклама товара или предоставляемой услуги;

Задачи

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

· Главная страница, которая предназначена для ознакомления с сайтом, на ней должны быть показаны свежие новости и новинки потупившие в продажу.

· Страницы с каталогами товарами которая предназначена для того чтобы пользователь видел весь ассортимент, подробное описание и цену понравившегося его товара;

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

· Страница с новостями игрового мира, где будут размещаться материалы о изменениях, анонсах игровой индустрии;

· Страницы о услугах которые предоставляет компания;

· Страница о партнерах с которыми работает компания;

· Страница с информацией о возможностях по доставке некоторых товаров в городе Киров;

2. Теоретическая часть

2.1 Понятие веб-сайта

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

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

Веб-сайт состоит из связанных между собой веб-страниц. Веб-страница является текстовым файлом с расширением *.htm, который содержит текстовую информацию и специальные команды - HTML - коды, что определяют в каком виде эта информация будет отображаться в окне браузера. Вся графическая, аудио- и видео-информация непосредственно в Веб-сторіноку не входит и является отдельными файлами с расширениями *.gif, *.jpg (графика), *.mid, *.mp3 (звук), *.avi (видео). В HTML -коде страницы содержатся только указания на такие файлы.

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

2.1.1 Классификация веб-сайтов

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

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

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

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

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

2.2 Анализ и обоснование выбора средств разработки сайта

HTML

Основным языком создания сайтов, используемым в web дизайне, является HTML (HyperText Markup Language - язык разметки гипертекстов). Он был разработан Тимом Бернерс-Ли в 1989 году. Идея HTML состоит в том, чтобы пользователь имел возможность просматривать документы (страницы текста) в том порядке, в котором ему это больше нравится, а не последовательно, как это принято при чтении книг. Развитие HTML привело к расширению понятия гипертекста за счет других информационных ресурсов, включая графику, аудио- и видеоинформацию.

XML

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

PHP

PHP- это Си-подобный интерпретируемый язык для создания приложений, исполняемых на серверной стороне. Программа на PHP, подобно тексту на JavaScript, вставляется в HTML-файл. PHP сегодня используется в для создания web-сайтов с динамическим содержим. Модуль устраняет потребность в многочисленных малых cgi-программах на Perl, позволяя Вам поместить простые скрипт-программы непосредственно в HTML-файлы создаваемого сайта, что в целом увеличивает общую скорость генерации web-страниц.

Java

Java - объектно-ориентированный язык программирования, позволяющий разработать не просто кроссплатформенные приложения, но и приложения, использующиеся в web-ресурсах. Модуль Java не интегрируется в использующую его страницу, а существует как самостоятельное приложение, называемое "апплет". При этом апплет вызывается из HTML-файла соответствующей командой, но загружается и запускается на исполнение в виде отдельной программы, в фоновом режиме. Данный язык программирования также широко используется при создании сайтов в их серверной части.

JAVASCRIPT

JAVASCRIPT - Некоторые люди считают, что JavaScript - это то же самое, что и Java, лишь потому, что эти языки имеют схожие названия. На самом деле это не так. JavaScript - это язык для составления скриптов, разработанный фирмой Netscape, являющийся надстройкой стандарта HTML. Он значительно расширяет возможности документа, созданного с применением этого формата. Модуль, написанный на JavaScript, интегрируется в файл HTML как подпрограмма и вызывается на исполнение из соответствующей строки HTML-кода стандартной командой.

Flash

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

Системы управления контентом

За последние годы в мире получили широкое распространение и стали популярны так называемые системы управления контентом (или CMS - от англ. «Content Managment System»). Система управления - является программой, предоставляющей инструменты для создания, редактирования, удаления информации на сайте. Существует множество систем управления сайтом, среди них встречаются как платные, так и бесплатные (Open Source), созданные по разным технологиям. Каждый сайт оснащен панелью управления, которая является частью всей программы, и предназначена для управления им.

Основные функции CMS:

· Предоставление инструментов для создания содержимого, организация совместной работы над содержимым,

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

· Публикация содержимого,

· Представление информации в виде, удобном для навигации, поиска.

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

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

Сайты, организованные посредством системы управления контентом, основаны на следующих технологиях: веб-сервер, хранилище данных (зачастуюСУБД, например такие как MySQL или PostgreSQL, однако существуют и noSQL CMS), веб-приложение для обеспечения работы самой системы, визуальный (WYSIWYG) редактор страниц, файловый менеджер с веб-интерфейсом для управления файлами сайта, система управления правами пользователей и редакторов сайта.

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

Наиболее распространены следующие технологические платформы используемые в качестве основы веб-приложения, реализующего работу CMS:PHP, Perl, .NET.

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

Большая часть современных систем управления содержимым реализуется в виде визуального (WYSIWYG) редактора -- программы, которая создаётHTML-код из специальной упрощённой разметки, позволяющей пользователю проще форматировать текст.

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

2.3 Базы данных и СУБД для web-приложений

Традиционно используемые для WEB-разработок языки программирования (Perl, PHP, ASP и другие) позволяют реализовывать практически любые задачи. Но обрабатывать с их помощью большие объемы данных, имеющих к тому же сложную структуру, достаточно затруднительно. Возможно, но сложно:). Разработка подобных программ требует все возрастающих затрат труда программистов, в геометрической прогрессии растет объем программного кода и количество ошибок, снижается надежность программного обеспечения.

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

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

Лидером среди баз данных, применяемых для разработки WEB-приложений, на сегодняшний день, безусловно, является MySQL. Главное достоинство MySQL (плавно переходящее в недостаток:) - ее простота. Как следствие - высочайшая скорость выполнения SQL-запросов и необходимость явного программирования основных правил поддержания целостности и непротиворечивости данных на уровне сервера приложений.

2.3.1 СУБД MySQL

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

MySQL не поддерживает подзапросы (вложенные команды SELECT). MySQL не позволяет создавать хранимые процедуры и триггеры. MySQL не поддерживает внешние ключи (Foreign Key). Как следствие - в MySQL отсутствует возможность каскадного обновления / удаления записей средствами базы данных.

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

Еще одна интересная особенность MySQL - то, как в ней реализован механизм транзакций. Возможность применения транзакций зависит от типа таблицы (который задается при ее создании), при этом таблицы типа MyISAM, создаваемые по умолчанию, механизм транзакций не поддерживают. Что опять же ускоряет работу базы, но снижает надежность, является потенциальным источником появления противоречивых, нестыкующихся данных.

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

Все это вместе взятое и обусловило популярность MySQL среди веб-разработчиков. Я не видел еще ни одного хостера (narod.ru etc. не в счет:), у которого поддержка MySQL не была бы включена в большинство тарифных планов, в том числе и недорогих. И сейчас количество сайтов, сделанных с использованием MySQL (и особенно - реализованных на связке PHP - MySQL), растет не по дням, а по часам.

2.4 Обоснование выбора среды разработки

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

Как варианты среды разработки интернет-портала для сети магазинов «Играй» были рассмотрены следующие Open Source CMS: Joomla, MODx, Typo3, Xaraya, Drupal

Каждая из рассмотренных CMS имеет свои индивидуальные преимущества и недостатки. При сравнении CMS оценивались следующие характеристики:

· - эргономичность интерфейса:

· - продуманность дизайна;

· - удобство навигации;

· - интуитивность интерфейса.

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

Функциональность CMS. Наличие достаточного количества встроенных возможностей:

· - формирование динамической структуры сайта;

· - наличие визуального редактора;

· - возможность отмены совершенных действий;

· - инструменты для поиска и индексации информации;

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

· - возможность редактирования шаблонов;

· - универсальность среды разработки

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

Технические характеристики:

· переносимость - возможность переноса сайта на/из системы, возможность импорта/экспорта данных из СУБД;

· устойчивость к нагрузкам - пропускная способность сайта на системе, возможность кэширования, масштабируемость;

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

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

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

· безопасность (администрирование) - возможность многопользовательского доступа к CMS.

При сравнении CMS основные различия были обнаружены в интерфейсе пользователя. Результаты анализа:

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

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

Drupal - имеет сложную схему организации структуры сайта которая основывается на таксономии. Дизайн сайта в этой CMS строится на основе сменных тем оформления, и не имеет единственную схемы построения дизайна, что затрудняет настройку внешнего вида страниц сайта;

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

Joomla характеристики:

· Полностью настраиваемые схемы расположения элементов страницы, включая центральный, левый и правый блоки меню.

· Возможность создавать неограниченное количество страниц

· Четкая организация структуры сайта

· Для каждой динамической страницы можно создавать свое описание и ключевые слова в целях повышения рейтинга в поисковых системах

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

· Секции новостей, продукции или услуг легко поддаются редактированию и управлению

· Загрузка изображений при помощи браузера в свою библиотеку - для дальнейшего использования с любого материале сайта

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

· Различные модули - почти 8000 (по состоянию на 18/10/2014) готовых модулей и компонентов на http://extensions.joomla.org

· Возможность настройки показа модулей на всех или определенных страницах

· Изменение порядка объектов, включая новости, вопросы, статьи и т.д.

· Иерархия объектов - количество секций, разделов, подразделов и страниц, в зависимости от пожелания разработчика.

· Менеджер архива. Позволяет перемещать устаревшие статьи в архив, вместо полного удаления

· Возможность в удобном виде распечатать любую статью с сайта.

· Возможность выбора из 3 встроенных визуальных редакторов, что упрощает создание и редактирование материалов до привычного уровня в программе Microsoft Office Word.

· Наличие предварительного просмотра перед окончательным размещением информации и элементов.

· Легкая смена темы оформления, дизайна и глобальных настроек сайта.

· Экономичное распределение места на сервере за счет использование базы данных MySQL.

· Использования адаптированных адресов страниц для лучшей индексации в поисковых системах.

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

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

2.5 Программные средства разработки

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

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

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

Для просмотра и управления сайтом через панель администратора используется Google Chrome - быстрый и удобный браузер.

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

Данные средства были выбраны на основании анализа программ и подходят для решения поставленных задач.

2.6 Разработка базы данных

Так как интернет-портал создается при помощи системы управления содержимым Joomla, база данных которой представлена в виде MySQL и создается автоматически, база данных портала будет поддерживать ту же структуру (Рисунок), внося в неё некоторые свои небольшие изменения.



2.7 Разработка структуры интернет-портала

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

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

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

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

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

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

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

На главной странице отображаются последние новости и основная информация.

Страница «Каталог» содержит дополнительные страницы:

«Прайс листы». Здесь пользователь сможет скачать различные прайс листы с ассортиментом и ценами компании;

«Игры» - на данной странице идет разделение на каталог(с описанием, скриншотами) игр для Персонального компьютера и на страницу «Игры для консолей» которая в свою очередь ведет на отдельные каталоги «Игры для PlayStation» «Игры для xBox» «Игры для Wii»;

«Консоли» - каталог имеющихся в продаже игровых консолей;

«Аксессуары» имеющихся в продаже аксессуаров;

«Расходники» имеющихся в продаже расходники.

Страница «Доставка» содержит информацию о возможностях и цене доставки на товар которая производиться в черте города.

Страница «Статьи» содержит различные полезные статьи и публикации.

Страница «Новости» содержит дополнительные страницы:

«Железные новости» отображает список новостей связанных с миром компьютерного и консольного железа;

«Игровые новости» отображает список новостей связанных с миром видеоигр.

Страница «Наши партнеры» содержит дополнительные страницы:

«Интернет магазины» содержит информацию о интернет магазинамах с которыми работает компания;

«Поставщики» содержит информацию о компаниях поставщиках товара с которыми работает компания;

«Партнеры в городе Кирове» содержит информацию о фирмах и предприятиях города Киров с которыми работает компания.

Страница «Услуги» содержит информацию о услугах которые предоставляет компания.

При открытии страницы «Форум» пользователь попадает в форум портала. Страница «О нас» содержит информацию о компании, ее краткую историю. Страница «Контакты» содержит информацию о контактах в компании - адреса магазинов, номера телефонов и icq сотрудников, адреса электронной почты.

3. Практическая часть

3.1 Установка программного обеспечения «Open Server»

Разработка сайта проводилась, на базе программного обеспечения «Open Server» - набор дистрибутивов и программная оболочка, предназначенные для создания и отладки сайтов на локальном ПК под управлением ОС Windows. Последняя версия доступна на сайте http://open-server.ru/ (рисунок )

Для того чтобы скачать данную платформу нажимаем кнопку «Скачать» (рисунок ), выбираем «Open Server Mini» (разница от полной версии почти в 300 Мб и в ненужном комплекте программ, которые никак на разработку сайта не влияют. Вбиваем проверочный код и опять нажимаем «Скачать».

После того как скачали, запускаем файл «open_server_mini»

Выбираем путь распаковки. По умолчанию это диск С, на котором создается папка «Open Server»

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

Теперь видим, что внизу, около часов у нас появляется красный флажок - значок «Open Server». Нажимаем на него правой кнопкой мыши и выбираем «Запустить» (рисунок ).

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

3.2 Установка системы управления контентом Joomla

3.2.1 Загрузка последней версии

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

При разработке проекта, последней стабильной версией являлась 3.3 популярной системы управления Joomla, для загрузки последней версии необходимо обратиться к сайту http://joom.ru/. Используя раздел «Download», выбрать последний дистрибутив сборки (рисунок ).

3.2.2 Установка системы

После скачивания идем в папку с нашим веб-сервером, заходим в папку «domains» и создаем там папку с названием нашего домена, т.е. название, которое мы будем вбивать в браузере для того чтобы обращаться к нашему сайту. И нам нужно будет перезагрузить сервер, чтобы наша система понимала, что обращаться к адресу www.joomla.org нужно на локальном компьютере, а в интернете.

Сперва распакуем скачанную Joomla в качестве места установки выбираем нашу папку (Open Server/domains/joomla.loc).

После этого необходимо снова перезапустить наш сервер.

Затем переходим в браузер, пишем «joomla.loc» - и у нас запускается мастер установки (рисунок ).



Вводим название сайта - например, «Тест». Описание можно ввести потом. Теперь вводим e-mail, логин (любой логин, кроме «admin») и пароль. В поле «Выключить сайт» оставляем «Нет», чтобы сайт был сразу включен после установки. И нажимаем «Далее».

Открывается окно конфигурации Базы данных (рисунок ) Тип базы данных оставляем. Имя сервера базы данных - для локального хостинга всегда «localhost», для многих хостингов обычно также «localhost», но имейте в виду, что на хостингах данное значение может отличаться. Имя пользователя - на локальном хостинге всегда «root». Пароля нет. Имя базы данных на локальном хостинге можем ввести сейчас любое, база данных для нас создастся автоматически(напишем «test1»). Префикс таблиц генерируется автоматически, его править не нужно. Нажимаем кнопку «Далее».

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

И финальная проверка. Слева в столбце все параметры должны быть «Да», иначе установка не продолжится. Справа - рекомендуемые установки. Если что-то отличается от рекомендованного, ничего страшного, можно пропустить и дальше устанавливать Joomla. Нажимаем «Установка».

После завершения установки нам нужно удалить папку «INSTALLATION»

3.3 Обзор и настройка Joomla

Для настройки Joomla необходимо выполнить процедуру авторизации и зайти в панель управления, для этого нужно написать в адресной строке браузера http://joomla.loc/administrator и мы попадаем на страницу авторизации (рисунок ), на которой необходимо ввести реквизиты, указанные на этапе установке.

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

Начнем с «Пользователей» (рисунок ). Здесь мы управляем нашими пользователями: добавляем, удаляем, изменяем права, можем внести определенные заметки о пользователях.



Далее «Меню» (рисунок ). Здесь мы создаем меню: верхнее меню, боковое, нижнее, и у каждого меню могут быть пункты.

Далее «Материалы» (рисунок ). Здесь мы добавляем материалы и категории. Материалы могут располагаться просто общим списком, а также мы можем распределять материалы по определенным категориям: например, в категории «кино» добавляем материалы с фильмом «Аватар 2».

Далее «Компоненты» (рисунок ). Компоненты - это расширение, которое реализует главный функционал нашего сайта. Подробнее о компонентах будет написано дальше.



И следующий пункт - «Расширения» (рисунок ):

«Менеджер расширений» - с помощью данного пункта мы устанавливаем и удаляем расширения.

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

«Менеджер плагинов» - также дополнительное расширение, которое не определяет главный функционал сайта, а больше служит дополнением. Например: вывод видео в материале, визуальный редактор для добавления материалов, индексация контента для поиска. Это все плагины.

«Менеджер шаблонов» - здесь мы управляем внешним видом нашего сайта.

Следующий менеджер - это «Менеджер языков».

Последний пункт - «Справка» - здесь приведены различные ссылки на английскую документацию по Joomla и на официальные форумы (рисунок ).

И перед тем как начать создавать сайт, произведем небольшую настройку системы. В общие настройки системы можно попасть через пункт меню на главной «Общие настройки» или пункт меню «Системы» - «Общие настройки», что одно и то же (рисунок ).

Итак, вы видите главное окно настроек системы в Joomla 3-ей серии (рисунок ). У нас выведены не только общие настройки, но еще и настройки компонентов. На них не обращаем внимания, нас интересует только общие настройки и пять верхних вкладок.

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

Далее, важная настройка. Если вы разрабатываете сайт на локальном компьютере, то рекомендую вам выключить «SEF». SEF - это красивые ссылки. Из-за них после переноса у вас могут возникнуть проблемы. Поэтому во время разработки SEFвыключаем; после разработки, когда вы уже выгрузили сайт в интернет, SEF включаем.

Вкладка «Система» - системные установки, настройки пользователя, установки медиа менеджера;

Вкладка «Сервер» - здесь нам нужно выставить часовой пояс нашего сервера.

3.3.1 Структура материалов Joomla 3

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

Для того чтобы на на сайте был порядок, в Joomla существуют категории.

Другими словами это папки, как на компьютере. Т.е. вы на своем компьютере можете размещать файлы в одну кучу: видео, аудио, фото, загрузки - но так неудобно пользоваться; а можете распределить все по папкам, и тогда у вас будет полный порядок, и вы быстро сможете найти нужный файл. В Joomla все точно так же. Мы можем добавлять материал в один список, а можем подразделять их по категориям. Вложенность категорий неограниченная.

Все наши материалы на сайте мы выводим с помощью пунктов меню. Мы можем сделать пункт меню, который выводит отдельный материал. Или мы можем сделать пункт меню, который выведет все содержимое категории . И каждый новый материал, который будет добавлен в эту категорию , будет автоматически размещаться на нашем сайте. А сейчас создадим нашу первую категорию. Для этого перейдем в админку Joomla (рисунок ).

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

Сейчас давайте перейдем в «Менеджер категорий». Как только мы наводим на пункт меню «Менеджер категорий», у нас появляется подпункт «Создать категорию». Данный подпункт появляется почти у любого менеджера, чтобы мы могли быстро создать категорию, материал или пункт меню. Но пока мы это пропустим и перейдем напрямую в «Менеджер категорий» (рисунок ).

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

· «Создать» категорию;

· «Изменить»;

· «Опубликовать»;

· «Снять с публикации»;

· «В архив» (в архив - это еще не удаление, архив мы можем выводить на сайте, главное - мы его убираем из основных элементов);

· «Разблокировать» (если вы неправильно вышли из элемента, около категории появляется замочек и другие пользователи, пока вы не разблокируете, зайти туда не смогут);

· «В корзину» (то же самое что и удалить, только из корзины вы всегда можете достать данные элементы, если они вам понадобятся позже);

· «Пакетная обработка» (массовое управление, например, массовое помещение категории в другую категорию, т.е. сделать их вложенными);

· «Перестроить» (это поменять порядок);

· «Настройки» (рассмотрим в одной из следующих глав).

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

Далее, слева у нас находятся дубликаты ссылок, которые были у нас в материалах («Материалы» - «Категории» - «Избранные материалы»). Созданы они здесь для того, чтобы мы могли быстро перемещаться по вложенным элементам.

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

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

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

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

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

Описание - например: «Добро пожаловать!». Для внесения описания нам предоставлен визуальный редактор, и мы можем использовать все его возможности: добавить картинку, добавить ссылку, выделить определенный текст цветом, сделать жирным, наклонным и т.п.

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

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

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

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

Поэтому изображение мы добавим на главной вкладке «Инормация о категории». Для этого нажимаем кнопку «Изображение», и у нас появляется стандартная форма загрузки изображения (рисунок ). Листаем ее вниз, нажимаем «Выбрать файлы», загружаем подготовленную картинку, нажимая кнопку «Открыть». Нажимаем кнопку «Загрузить», выбираем данную картинку, нажимаем «Вставить». Мы можем выровнять ее, например, по правому краю. Таким образом, мы вставили картинку.

Во вкладки: «Метаданные» - мы заполняем теги для поисковых роботов, т.е. оптимизируем наш сайт для поискового продвижения.

3.3.2 Добавляем материалы в Joomla 3

Переходим в панель управления, выбираем вкладку «Материалы» затем «Менеджер материалов» и нажимаем «Создать материал».

Открывается карточка «Добавление материала», состоящая из шести вкладок (рисунок ).

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

...