5.4. Фото галерея
Прежде всего, стоит отметить тот факт, что в интернете, в отличие от реальной жизни, товар нельзя взять в руки, взвесить, пощупать или понюхать. Именно поэтому пользовательотносится к товару априори настороженно. Как выйти из этого положения? Разместить фотографию товара.
Делаем скрипт для фото галереи.
Был выбран пример скрипта с pcvector.net.
Далее шаблон переделывается, вводятся нужные данные для фото галереи.
При нажатие на любую картинку произойдет переход в магазин, где находятся велосипеды на продажу.
В это меню так же можно перейти если посмотреть пункт 5.2 и нажать на вкладку «Велосипеды»
Рис. 5.5. «Магазин велосипедов»
5.5. Модальное окно
Однако, для интернет-магазина подойдет далеко не любая фотография. Изображение должно быть:крупнымразносторонним,качественным. Так же важны подробные характеристики товара.
Далее было сделано окно, в котором будет описание того или иного товара.
Берем пример с того же сайта, что было ранее указано в пункте 5.4
Далее шаблон переделывается, вводятся нужные данные для модального окна.
Рис. 5.6. «Характеристики велосипеда»
5.6. Корзина
Открываем header(шапку сайта) и прописываем
Рис. 5.7. «Корзина»
Рис. 5.8. «Добавление корзины»
Так как компонент маленькая корзина дляинтернет магазина не является отдельной страницей, то контроллера для нее мы создавать не будем, внешнее представление у нас уже есть в общем шаблоне.
Рис.5.9. «Оформление заказа»
5.7.Форма отправки писем на почту
Далее была сделана отправка писем на почту.
После чего получится окно ввода данных клиента, который желает приобрести тот или иной товар.
Это нужно для того что бы было известно, куда отправлять заказчику товар. И краткую информацию о нем.
Рис. 5.10. «Заполнение данных при заказе»
После чего приходит сообщение на почту, что кто-то желает приобрести товар. Для подробной информации я связываюсь с клиентом по телефону который он указал при оформлении.
Рис. 5.11. «Форма отправки сообщения»
Рис 5.12. «Отчет о оформлении заказа»
5.8.Наполнение страниц сайта контентом
5.8.1. Главная
С технической частью было закончено, теперь пора наполнить сайт контентом.
Далее выбирается пункт «Главная». И добавляется информацию о сайте.
Рис. 5.11. «Скриншот добавления информации на сайт»
5.8.2. Новости
Выбираем следующий пункт «Новости»
В новостях будет размещена свежая информацию о велотуризме, о новых моделях велосипедах и о многом другом.
Рис. 5.12. «Обзор велосипеда»
Другие пункты заполняются таким же образом.
Скрипты: галерея (где крутятся велосипеды),
форма отправки заказа
Форма консультирования (эти две формы описаны через php)
Корзина(калькулятор, описание товара)
Модальное окно с описанием товара.
Виджет отзывы из ВК.
В базу данных отправляются заказы покупателя из корзины
Регистрация пользователя вносится в базу данных
5.9. Вывод
Вот сайт и готов. Наполнен информацией и готов к эксплуатации.
6. ОПИСАНИЕ РЕЗУЛЬТАТОВ РАБОТЫ
6.1. Мониторинг сайта
Далее нужно провести нагрузочное тестирование и мониторинг сайта.
Для этого воспользуемся онлайн инструментом для анализа отказ о устойчивости и мониторинга доступности сайта
Заходим на сайт http://loaddy.com и узнаем
Рис. 6.1. «Мониторинг сайта»
6.2. Тестирование и эксплуатация
Тестирование производилось под управлением операционной системы MicrosoftWindows XP SP3, при следующем оснащении PC:
процессор–AMDAthlonX4 620 2.60 Ghz;
материнскаяплата–ASUS M5A97 R2.0 SocketAM3+,ATX,Ret;
видеокарта-AMDRADEON™ HD 7770 GHZ ГГЦ СЕРИИ;
ОЗУ–DDR3 Kingston 4Gb
Винчестер - Hitachi500Gb.
Браузер –Opera 30.0.1835.59
Ошибок в ходе тестирования выявлено не было.
6.3. Вывод
Постоянный мониторинг доступности сайта позволяет предотвратить возможные проблемы недоступности и своевременно реагировать на них.
ЗАКЛЮЧЕНИЕ
В ходе выполнения работы:
Был разработан а Web-сайта о велотуризме velotur18.ru.
Поставленная задача выполнена полностью. Разработанный сайт можно успешно использовать в роли интернет магазина.
ССЫЛКИ И ЛИТЕРАТУРА
1. Веб-мастеринг. HTML,CSS,JavaScript,PHP. Редактор: Петр Ташков
Издательство: «Питер» Год издания: 2009
2. Изучаем PHP и MySQL. Редактор: Мишель Е. и Джон А. Филлипс
Издательство: «Символ-плюс» Год издания: 2009
3. HTML и CSS на примерах. Редактор: Влад Мержевич
Издательство: «БХВ-Петербург» Год издания: 2005
4. WordPress для профессионалов. Разработка и дизайн сайтов
Авторы: Уильямс Б., Дэмстра Д., Стэрн Х. Год издания: 2014
5. Joomla! 3.0. Руководство пользователя. Автор: Колисниченко Д.Н
Год издания: 2013
6. Joomla 1.5 Практическое руководство, 2-е издание. Автор:Норт Б.
Год издания: 2010
7. Joomla! Программирование. Авторы: Декстер М., Лэндри Л.
Год издания: 2013
8. Drupal 7. Руководство пользователя Автор: Колисниченко Д.Н.
Год издания: 2011
9. Осваиваем популярные системы управления сайтом (CMS)
Автор:Горнаков С.Г. Год издания:2009
10. Modx Практическое руководство. Автор: Александров К.
Год издания: 2014
11. Modx.Официальный учебный курс. Редактор: Сергей Панферов. Издательство: «Эксмо-Пресс» Год издания: 2014
12. Создание сайта на CMFMODXRevolution с нуля. Автор: Андрей Иванов
Год издания: 2015
13. HTML[Электронныйресурс]/Мануалы поHTML-Режим доступа:http://html.manual.ru(Дата посещения 17.04.15.)
14. Redbook[Электронныйресурс]/Установка MODX-Режим доступа:http://red-book.cms.ru/cms/modx/(Дата посещения 29.04.15.)
15. Redbook [Электронный ресурс]/ Работа с чанками и установка MODX-Режим доступа:http://red-book-cms.ru/cms/modx/revolution(Дата посещения 13.05.15.)
16. Modx[Электронный ресурс]/Уроки работы MODX-Режим доступа:http://modx.ws/blog/uroki-modx-revolution(Дата посещения 14.04.15.)
17. PCVector[Электронный ресурс]/Шаблон скрипта для фото галереи-Режим доступа:http://pcvector.net(Дата посещения 21.05.15.)
18. Loaddy[Электронный ресурс]/ Мониторинг сайта-Режим доступа:http://loaddy.com(Дата посещения 22.05.15.)
19. Book-sam [Электронный ресурс]/ Все о MODX-Режим доступа: http://book-sam.ru/modx (Дата посещения 26.04.15.)
Приложение 1
Техническое задание