Отчет по практике в сети магазинов «Играй»

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

 

Среда разработки должна поддерживать возможность разработки и поддержки различных систем. В рассматриваемые 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»). Префикс таблиц генерируется автоматически, его править не нужно. Нажимаем кнопку «Далее».