3.4. Руководство пользователя
Данный проект рассчитан на широкую аудиторию пользователей, так как много людей пользуются интернет-технологиями и товарами бытовой электроники. Поэтому он рассчитан на быстрое усвоение и интуитивное понимание.
Сначала пользователь заходит на наш сайт, введя в адресной строке браузера адрес - www.witrina.eurodir.ru. Перед ним открывается главная страница фирмы и краткая о ней информация. На рисунке 3.1. показана главная страница разработанного в этом проекте сайта-витрины.
Рис. 3.1. Главная страница сайта-витрины www.witrina.eurodir.ru
Пользователь видит необходимую информацию, а также ссылки на некоторые разделы сайта – “Главная страница”, “Каталог статей”, “Ссылки”, “Каталог электроники”, “О сайте”, “Новости”, “Статьи”, “Рекламодателям”, “Другое”, “Навигация”, “Облако тегов”, “Архив новостей”. Затем пользователь нажимает на ссылку “Каталог электроники” и попадает на страницу каталога. На рисунке 3.2 показан каталог товаров на разработанном сайте.
Рис. 3.2. Главная страница каталога на сайте
На главной странице каталога отображаются все товары из категории “Телевизоры”. Выше указаны названия всех категорий товаров бытовой электроники, представленный в этом проекте – “Телевизоры”, “Смартфоны”, “Акустика”, “MP3-Плееры”, “DVD-Плееры”, “Ноутбуки”, “Планшеты”, “Фотоаппараты”, “Видеокамеры”, “Музыкальные центры”, “GPS-навигаторы”, “Корпуса”, “Карты памяти”, “TV-тюнеры”.
К примеру, если пользователь захочет просмотреть ассортимент смартфонов, представленных на сайте, то он должен попасть в эту категорию, нажав на ссылку “Смартфоны”. На рисунке 3.3 показан вид категории каталога - “Смартфоны”.
Рис. 3.3. Категория каталога “Смартфоны”
Перед пользователем на одной странице по вертикали отобразится список всех смартфонов, представленных на данном сайте. В этом списке можно увидеть количество товаров в выбранной категории ( в данном случае их четырнадцать ), фотографии товаров, названия товаров, краткое описание их технических характеристик, и название категории, к которой они принадлежат. Данная информация будет предоставлена отдельными блоками вертикальным списком. Информация по каждому товару находится в полях бирюзового цвета с синей рамкой.
Если в этом списке пользователь находит интересующий его товар, то он должен нажать на его названии. При этом откроется новая страница, на которой в рамке бирюзового цвета, но уже с пунктирной рамкой, будет показано фото товара с его полным описанием технический возможностей и характеристик. На рисунке 3.4 показано полное описание товара в разработанном каталоге.
Рис. 3.4. Страница полного описания товара
Внизу страницы появятся навигационные ссылки на следующие, либо предыдущие страницы с товарами каталога. Можно с их помощью будет осуществить переход вперёд по каталогу, назад по каталогу, на первую страницу каталога, а также на последнюю страницу каталога. Если открыта страница с первым товаром в каталоге, то ссылка, указывающая на первую страницу не отобразится. То же самое произойдёт в случае. Если будет открыта последняя страница каталога. Ссылка, указывающая на последнюю страницу не отобразится, так как она не нужна.
На странице полного описания товара в блоке информации находится ссылка на категорию, в которой находится данный товар. Нажав на эту ссылку, посетитель ресурса может продолжить ознакомление с интересующей его категорией.
В нижней части рамки описания товара находится блок для социальных сетей. Там расположена кнопка “Поделиться”, а также значки определённых социальных сетей. При нажатии на кнопку “Поделиться” выпадает более полный список сайтов, на которых можно разместить информацию о понравившемся товаре, чтобы рассказать о нём знакомым и узнать их мнение.
Также бывают случаи, когда посетителю ресурса, специализирующегося на товарах бытовой электроники, необходимо просмотреть товары, названия которых начинаются с определённой буквы. Для этого в верхней части каталога находятся ссылки в виде букв английского алфавита. При нажатии, например, на ссылку с названием символа “A”, произойдёт перемещение на новую страницу, на которой будут отображены все товары, названия которых начинаются с символа “A”. Порядок их отображения между собой будет зависеть от порядка заполнения в таблице dle_witrina_tbl. На рисунке 3.5 показано отображение товаров в каталоге, название которых начинается с буквы “A”.
Рис. 3.5. Отображение товаров с названиями на букву “A”
При поиске товаров, названия которых начинаются на определённый символ отображаются товары всех категорий.
Бывают случаи, когда необходимо найти товар зная только его неполное название. Это может занять много времени, если пролистывать страницы каталога. Также интересующий товар можно просто не заметить из-за большого количества информации. Для решения этой проблемы в каталоге существует функция поиска товара. Данная функция функционирует независимо от функции поиска на сайте по новостям. То есть, пользуясь поиском в каталоге бытовой электроники не возникнет ситуаций, когда кроме техники возможно отображение новостей сайта, в тексте которых присутствуют слова и словосочетания, заданные в поиске. То же самое не произойдёт и при поиске нужной новости: поиск по сайту будет происходить только по новостям, не затрагивая каталог бытовой электроники. Другими словами, происходит разделение разных типов поиска между собой. Это упрощает работу с сайтом и избавляет от всевозможных сложностей. На рисунке 3.6 показаны результаты поиска в каталоге.
Рис. 3.6. Результат поиска товара в каталоге
В данном случае поиск производился по запросу “Samsung” и модуль выдал страницу с результатами, на которой были отображены все товары этой фирмы. Результаты поиска будут отображаться вертикальным списком в рамках бирюзового цвета с красной рамкой. Кроме того, поиск можно производить по неполному названию товара. При поиске не существует ограничения на длину слова в запросе. Кроме этого, при поиске не имеет значение регистр набранных символов, что немаловажно, так как позволяет производить поиск более эффективно и быстро. Также возможен пустой поиск, то есть поиск без ввода символов. В таком случае модуль каталога сгенерирует страницу, но которой будут находиться товары, в названиях которых есть пробел.
ВЫВОДЫ
В процессе выполнения данного дипломного проекта были получены практические и теоретические знания в сфере создания и управления сайтом-витриной, который работает на базе CMS DLE. Были изучены аналогичные проекты, анализ их достоинств и недостатков. Произведена сравнительная характеристика систем управления содержимым, рассмотрены их особенности. Были изучены особенности управления сайтами с помощью различных CMS.
Были углублены знания в области языка PHP. Для этих целей рассмотрены и использованы некоторые стандартные функции языка PHP, а также функции CMS DLE для работы с базами данных MySQL версии 4.0.8. Получены более глубокие знания о принципах работы баз данных MySQL и методах работы с ней.
Был получен опыт работы с таблицами стилей CSS и методами оформления сайтов.
В ходе работы была изучена CMS DLE, принципы её работы, способы управления сайтом с её помощью, её сильные и слабые стороны, а также возможности CMS DLE.
В результате выполнения всего проекта стала более понятной полная картина взаимодействия отдельных файлов и модулей, их принципы и алгоритмы.
Создан сайт-витрина товаров бытовой электроники, который имеет практическую ценность. Он выполняет функции предоставления информации о товарах пользователем в удобной форме, и позволяет быстро найти интересующий товар.
ПЕРЕЧЕНЬ ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ
Колесниченко Д.Н. Выбираем лучший бесплатный движок для сайта. CMS Joomla! и Drupal. Издательство БХВ- Петербург, 2010 – 276с.
Муссиано Ч., Кеннеди Б. HTML и XHTML. Подробное руководство, 6-е издание. Издательство Символ-плюс, 2008 – 327 с.
Горнаков С. Г. Осваиваем популярные системы управления сайтом, Издательство ДМК пресс, 2008 – 245 с.
Грачев А.Б. Создаём свой сайт на WordPress. Быстро, легко и бесплатно. Издательство Питер, 2011 – 312 с.
Вандюк Д. CMS Drupal, Издательство Вильямс, 2008 – 437 с.
Ромашов В. П. CMS Drupal: система управления содержимым сайта, Издательство Питер, 2010 – 349 с.
Джон К., Вестгейт М. CMS Drupal. Руководство по разработке системы управления сайтом. Издательство Вильямс, 2008 – 400 с.
Томлинсон Т. CMS Drupal 7: руководство по разработке системы управления веб-сайтом. Издательство Вильямс, 2011 – 560 с.
Крамер Д. Joomla! Как спланировать, создать и поддерживать ваш веб-сайт. Издательство Рид Групп, 2011- 400 с.
Колесниченко Д.Н. Движок для вашего сайта. CMS Joomla!, Slaed, PHP-Nuke, Издательство БХВ – Петербург, 2008 – 314 с.
Норт Б. Joomla! Практическое руководство. Издательство Символ-Плюс, 2008 - 437 с.
Дейтел П.Дж., Дейтел Х.М., Нието Т.Р. Как программировать для Internet & WWW. Издательство Бином, 2008 – 1184 с.
Прохоренок Н. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера. Издательство ВНУ-СПб, 2010 - 912 с.
Горин М.А., Ищенко В.А. как создатьWeb-сайт. Издательство Триумф, 2009 – 144 с.
Лелюх А.Н. Строим сайт на DATALIFE ENGINE, Издательство Зоря, 2011 – 327 с.
Ташков П.В. Веб-мастеринг на 100%. HTML, CSS, JavaScript, PHP, CMS, графика, раскрутка, Издательство Питер, 2009 – 289 с.
Кэмпбел М. Разработка, дизайн, программирование, тестирование и раскрутка WEB-сайта. Издательство Триумф, 2007 – 480 с.
Чебыкин Р. Разработка и оформление текстового содержания сайтов. Издательство БХВ-Петербург, 2004 – 520 с.
Веллинг Л., Томсон Л. Разработка web-приложений с помощью php и mysql, Издательский дом "Вильямс", 2008 – 880с.
Скляр Д., Трахтенберг А.Х. PHP. Рецепты программирования. Издательство ВНУ-СПб, 2007 – 736 с.
Колисниченко Д.Н. PHP и MySQL. Разработка Web-приложений, Издательство БХВ - Петербург, 2012 – 280 с.
Якобсон Й. Концепция разработки Web-сайтов. Как успешно разработать Web-сайт с приминением мультимедиа-технологий. Издательство НТ Прогресс, 2006 – 512 с.
Мейер Э. CSS – каскадные таблицы стилей. Подробное руководство, 1-е издание. Издательство Символ-Плюс, 2005 – 268 с.
Мейер Э. CSS – каскадные таблицы стилей. Подробное руководство, 2-е издание. Издательство Символ-Плюс, 2007 – 521 с.
Мейер Э. CSS – каскадные таблицы стилей. Подробное руководство, 3-е издание. Издательство Символ-Плюс, 2008 – 576 с.
Левин М.П., Алексеев Ю.М. Самоучитель разработки Web-сайтов: HTML, CSS, графика, анимация, раскрутка. Издательство Триумф, 2008 – 400 с.
Панфилов И.В., Гаевский А.Ю., Романовский В.А. Самоучитель. Создание Web-сайтов. Издательство Триумф, 2008 – 464 с.
Кузнецов М., Симдянов И. Практика создания Web-сайтов. Издательство БХВ-Петербург, 2008 – 1264 с.
Хольцшлаг М. Языки HTML и CSS для создания Web-сайтов. Издательство Триумф, 2007 – 304 с.
Дронов В. PHP, MySQL и Dreamweaver. Разработка интерактивных Web-сайтов. Издательство БХВ-Петербург, 2007 – 480 с.
Дэвис М., Филлипс Д. Изучаем PHP и MySQL, 2-е издание. Издательство Символ Плюс, 2008 – 356 с.
Дари К., Бринзаре Б., Черчез-Тоза Ф., Бусика М. ALAX и PHP. Разработка динамических веб-приложений. Издательство Символ-Плюс, 2006 -412 с.
Колетцки П. ORACLE Jdeveloper 10g. Руководство по разработке Интернет-приложений J2EE с помощью Oracle JDeveloper и Oracle ADF. Издательство Лори, 2012 – 640 с.
Моррисон М., Бейли Л. Изучаем PHP и MySQL. Издательство Эксмо, 2010 - 800 с.
Конверс Т. PHP и MySQL. Библия пользователя. Издательство Вильямс, 2006 – 1216 с.
Пауэрс Д. PHP. Создание динамических страниц. Издательство Рид Групп, 2012 – 640 с.
Стефанов С. JavaScript. Шаблоны. Издательство Символ-Плюс, 2011 – 289 с.
Никсон Р. Создаём динамические веб-сайты с помощью PHP, MySQL и JavaScript. Издательство Питер, 2012 – 496 с.
ПРИЛОЖЕНИЯ