
- •Раздел 1 актуальность и методы реализации сайта-витрины……………………………………………….………………………...9
- •Раздел 2 методы и механизмы разработки
- •Раздел 3 создание модуля каталога товаров………..…..…68
- •Раздел 1
- •. Актуальность разработки сайтов-витрин
- •1.2. Анализ cms
- •1.2.1.Реализация сайтов на cms “WordPress”
- •1.2.2. Реализация сайтов на cms “Drupal”
- •1.2.3. Реализация сайтов на cms “Joomla”
- •1.2.4. Реализация сайтов на cms “ExpressionEngine”
- •1.2.5. Реализация сайтов на cms “Textpattern”
- •1.2.6. Реализация сайтов на cms “dle”
- •1.2.7. Реализация сайтов на cms “1с-Битрикс”
- •1.2.8. Реализация сайтов на cms “modx”
- •1.3. Сравнительный анализ подобных проектов
- •1.3.1. Интернет-витрина компании “Згода-с”
- •1.3.2. Веб витрина и корпоративный портал компании фот
- •1.3.4. Сайт фирмы “Euroboor”
- •1.3.5. Сайт-витрина компании “Baby Room Boom”
- •1.3.6. Сайт-витрина фирмы “Vents”
- •1.3.7. Сайт “e-Katalog”
- •Раздел 2 методы и механизмы разработки сайта-витрины
- •2.2. Сравнительный анализ редакторов кода
- •2.2.1. Редактор кода “Sublime Text ”
- •2.2.2. Редактор кода “AkelPad”
- •2.3. Сравнительный анализ субд
- •2.3.1. Субд “Microsoft sql Server”
- •2.3.2. Субд “Oracle Database”
- •2.3.3. Субд “MySql”
- •Раздел 3 создание модуля каталога товаров
- •3.1. Структура базы данных
- •3.2. Описание стандартных функций компонентов
- •3.2.1. Класс db
- •3.2.2. Класс template
- •3.3. Алгоритм работы модуля
- •3.4. Руководство пользователя
1.3.7. Сайт “e-Katalog”
Данный сайт является каталогом товаров и цен в интерен-магазинах. Информация о товарах исследуется с большого количества интернет-магазинов и отображается на данном ресурсе, также она постоянно обновляется. Категории представленных товаров отображены в вертикальном списке левой части страницы. Основные категории товаров – “Телефония и портатив”, “Apple”, “Компьютеры”, “Электроника”, “Бытовая техника”, “Авто”, “Детские товары”, “Активный отдых и спрот” и “Дом и ремонт”. Названия первых подкатегорий из списка тображаются под названиями категорий, просмотр всех подкатегорий открывается при выборе категории. При этом необязательно нажимать на названии категории, а достаточно навести на неё курсор - в центральной части станицы отобразятся названия подкатегорий с фотографиями. При нажатии на категорию произойдёт перенаправление на страницу с полным списком подкатегорий.
На странице подкатегории существует возможность выбора отображения товаров в определённых ценовых пределах, по типу оборудования и по фирме-изготовителю. Также есть ссылка расширенного подбора с указанием более подробных технических характеристик товаров. Можно написать вопросы и пожелания по подбору товара. Также на странице подкатегории отображены рекомендуемые товары, статьи, обзоры, полезные советы. На рисунке 1.15 показана главная страница данного сайта.
Рис. 1.15. Сайт “e-Katalog”
При выборе интересующего товара открывается страница с подробным его описанием и возможностью 3D-обзора. Справа от фотографии товара расположен блок с указанием цен в различных интернет-магазинах, при этом в верхней его части указываются самая низкая и самая высокая цены. Подробный список цен и интернет-магазинов открывается при переходе на вкладку “Где купить”, в названии которой пишется количество предожений. Во вкладке “Отзывы” пользователи делятся информацией о товарах, пишут достоинства и недостатки товаров. Ведётся также комментирование и голосование по отзывам. Во вкладке “Обсуждение” пользователи задают друг другу вопросы по товарам и получают на них ответы. Во вкладке “Полезное” содержится разнообразная информация по товару, например ссылка на официальный сайт производителя данного товара.
В правой части страницы указываются все производители данной подкатегории, а также все модели выбранного производителя. Данный блок можно скрыть.
В верхней части сайта находится ссылка “Старая версия сайта”, которая ведёт на другой сайт с аналогичным списком товаров, но меньшей функциональностью и удобством. Можно выбрать свой город из списка на сайте. В этом случае будет производиться отображение товаров из интернет-магазинов, находящихся в данном городе. На сайте существует общий поиск по товарам.
Также на главной странице данного сайта содержатся ссылки на полезную информацию по товарам, например правила выбора, какие товары нужны для определённых целей, оправданность покупки отдельных товаров и обзоры новинок. Описание сайта и его специфики находится в нижней части страницы в виде небольшого текстового блока. Далее следует блок с указанием названий товаров из новых поступлений. В нижней части страницы находится пенль с тремя вкладками – “Сравнение”, “Закладки” и “История”. Во вкладку “Сравнение” можно перемещать несколько заинтересовавших товаров, параметры которых нужно между собой сравнить. При этом появляется вкладка “Сравнить”, при нажатии на которую открывается страница с характеристиками товаров, находящихся в этой вкладке. Параметры товаров находятся друг напротив друга, что довольно удобно для сравнения. Заинтересовавший товар можно добавить в закладки нажатием одной кнопки. В этом случае он будет сохранён во вкладке “Закладки” и при необходимости можно будет рассмотреть его позже. Во вкладке “История” находятся ссылки на все просмотренные на данном сайте товары.
Определение CMS представленных сайтов происходило двумя способами – с помощью специализированных онлайн-сервисов и непосредственным просмотром исходного кода страниц. Онлайн-сервисы проделывают приблизительно все те действия, которые производятся при проверке и определении вручную. В процессе выполнения данного проекта был выбран сервис определения CMS сайта www.2ip.ru, так как он довольно популярен и имеет большое количество положительных отзывов от пользователей. В добавок к этому, данный сайт русскоязычен и прост в освоении. Единственным и значительным недостатком этого сайта является очень низкая скорость работы. Страницы загружаются очень медленно и определения CMS происходит тоже медленно. Скорее всего, это связано с большой нагрузкой на сайт. Так как этот сайт довольно популярен, на него заходит очень большое количество пользователей, а с такой нагрузкой серверы не справляются.
При просмотре HTML кода сайта можно визуально заметить на каком движке он сделан, для этого находясь на сайте нажимаем Ctrl+U - откроется исходный код сайта и в нем уже ищем идентификаторы, например это может быть строка с его названием вида: <!–Created with MODx –> Либо путь к теме, например в CMS WordPress изменить путь к файлам темы проблематично, поэтому они всегда одни и те же /wp-content/themes/.
CMS по своей сути, отличаются друг от друга многими параметрами, первой из которых это адрес для входа в административную панель. К примеру, для входа в админпанель Joomla необходимо ввести mysite.ru/administrator/, а для входа в панель администратора интернет магазина CS-Cart, используется: mysite.ru/admin.php, при этом каждый из этих движков имеет дефолтный robots.txt. Однако нужно обратить внимание на то, что администраторы ресурсов самостоятельно меняют адреса входа в адмипанель, поэтому этот способ не может являться абсолютно работоспособным. Отличительными чертами Wordpress являются каталог /wp-includes/, который содержит скрипты, а так же каталог /wp-content/, в котором находятся: плагины, темы, изображения, и многое другое. Помимо этого, Wordpress возможно узнать по: meta name="generator", который указывает используемую CMS. DLE (Data Life Engine) так же имеет по умолчанию тег meta name="generator", в котором прописано имя движка и стоит ссылка на сайт разработчика. В Data Life Engine скрпты подключаются через каталог: /engine/. Joomla характерна тем, что имеет каталог /templates/, в котором находятся шаблоны, а также её особенностью является наличие мететега Generator. Страницу входа в админпанель, которая на Joomla обычно имеет адрес вида http://yoursite.com/administrator/. Drupal отличается, от остальных, тем, что пиктограммы, изображения, файлы css и многие другие файлы, находиться в каталоге /files/ или /misc/, так же отличием будет характерное расширение css файлов — css?c. Если сайт сделан на Drupal, то можно попробовать открыть страницу регистрации пользователя по такому адресу: http://yoursite.com/user/register/.
Большинство современных систем управления контентом сайта автоматически создают файлы под точным названием robots.txt. В этом файле обычно размещены запрещённые директории и некоторые папки, по которым достаточно легко определить CMS. Обратиться к этому файлу довольно просто: http://yoursite.com/robots.txt.
Определить использованную CMS бывает иногда крайне сложно, так как в некоторых случаях в их структуру вносятся какие-либо изменения администраторами ресурсов. Цели этих изменений различны – улучшение, расширения возможностей ресурса, удаление неиспользуемых модулей, оптимизация кода в связи с возросшими нагрузками на серверы.[19]
При скрытии используемой CMS администратор ресурса имеет возможность скрыть от конкурентов технологии, которыми он пользуется. Соответственно, в технологическом плане конкурирующие ресурсы с большой вероятностью будут отставать. Также часто изменения в структуре кода CMS обусловлены угрозами хакерских атак на ресурсы, так как это в определённой степени исключает возможность того, что злоумышленник найдёт способ входа в адмипанель и произведёт с её помощью порчу информации, либо отключит ресурс. Гораздо реже встречаются сайты, которые написаны на самостоятельно созданных CMS. В основном это крупные дорогие проекты, над созданием и поддержкой которых осуществляет работу большое количество высококвалифицированных специалистов.