Интернет-магазин

Алгоритм рассчитывает 5 преобладающих цветов изображения при его загрузке на сервер. Далее для каждого цвета рассчитывается цветовое расстояние от каждого из цветов, составляющих палитру по умолчанию. Алгоритм и палитра были взяты из исходных кодов проекта Brianmcdo/image-palette, расположенного на сервере Github, и распространяемого по лицензии MIT.

2.

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

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

Рис. 9. Доступ к панели администрирования.

Механизм Basic-аутентификации защищает область /admin в адресном пространстве сервера. Это значит, что все действия администратора возможны только в этом адресном пространстве. В случае ввода правильного пароля администратору становится доступным следующий интерфейс (рис. 10).

Рис. 10. Панель администрирования.

Главная страница панели администрирования показывает все товары, загруженные пользователями, в том числе те, которые уже были одобрены. Администратору доступен статус товара («Одобрено», «Отклонено»), а также две кнопки, для одобрения и отклонения товара, соответственно.

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

Листинг 3.

SELECT * FROM product LEFT JOIN hashtag ON product. id=hashtag.product_id;

По каждому из товаров доступен список продаж (рис.

11).

Рис. 11. Список продаж по конкретному товару.

Кроме того, администратору доступен к просмотру также общий список продаж по все товарам (рис. 12).

Рис. 12. Общий список продаж.

Как общий, так и частичный список продаж реализованы посредством объединенного запроса к таблицам Покупки и Товары (листинг 4).

Листинг 4.

SELECT * FROM purchase LEFT JOIN product ON purchase. product_id=product.id WHERE <условие>;

Из листинга 1 видно, как внешний ключ product_id таблицы Покупок связан с первичным ключом id таблицы Товаров.

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

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

2. Продвижение сайта в поисковых системах. Заключается в расширении ссылочной массы — объема ссылок ведущих на сайт с других сайтов, сходных по тематике. Вопросы продвижения сайта выходят за рамки настоящей курсовой работы.

3. Оптимизация сайта под различные устройства. Этому направлению посвящен отдельный раздел работы.

3.

1. Оптимизация под мобильные устройства Оптимизация заключается в возможности сайта подстраиваться под расширение того устройства, на котором просматривается сайт. В качестве платформы для оптимизации был выбран Bootstrap [10] - свободный инструментарий для построения адаптивных приложений.

Идеология Bootstrap заключается в построении приложения, оптимизированного в первую очередь на мобильные устройства с малой диагональю экрана (mobile first).

Основными структурными компонентами Bootstrap являются:

1. Сетки — заранее заданные размеры колонок, которые можно сразу же использовать.

2. Шаблоны — фиксированный или растягиваемый шаблон документа.

3. Типографика — описания шрифтов, определение некоторых классов для шрифтов.

4. Медиа — представляет некоторое управление изображениями и видео.

5. Таблицы — средства оформления таблиц, вплоть до добавления функциональности сортировки.

6. Формы — классы для оформления форм и некоторых событий, происходящих с ними.

7. Навигация — классы оформления для вкладок, постраничной навигации, меню и панели инструментов.

6. Алерты — оформление диалоговых окон, подсказок и всплывающих окон.

Эти компоненты были активно использованы при построении нашего приложения. В самом деле, попробуем свернуть окно браузера до размеров экрана менее 750px (рис. 13). Видно, что интерфейс пользователя изменился: Меню стало скрываемым для экономии места, товары выстроились по вертикали, так что пользователю нет необходимости использовать горизонтальную прокрутку.

Рис. 13. Представление Интернет-магазина на мобильном устройстве.

Заключительным словом в отношении оптимизации сайта и расширения его привлекательности является технология AJAX (Asynchronous Javascript and XML), позволяющая отправлять запросы к серверу без перезагрузки страницы.

В нашей работе данная технология использовалась при добавлении товара в корзину. Взаимодействие клиента с сервером при этом выглядело следующим образом. В момент совершения покупки, клиент выбирал товар и его размер. Эти данные передавались на сервер по методу AJAX. Сервер обрабатывал данные клиента, заносил покупку в текущую сессию, в которой хранятся все данные каждого клиента, и отправлял ответ клиенту в формате JSON — стандартном формате обмена данными в Интернет. Получив ответ, клиент с помощью специального приложения (скрипта), написанного на языке JavaScript, обновлял состояние покупательской корзины.

Хорошей практикой разработки веб сайтов является использование технологии AJAX везде, где только возможно.

Заключение

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

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

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

Созданный сайт соответствует стандартам, принятым в области веб разработки, в частности HTML 4.01, CSS3 и JavaScript и проходит валидацию на validator. w3.org.

Список литературы

Орлов Л. Как создать электронный магазин в Интернет. М.: Бук-пресс, 2006.

Котеров Д.В. PHP5 в подлиннике, 2 изд. СПб.: BVH, 2008.

Акила К., Еремеевский А. Интернет-магазин с нуля. Полное пошаговое руководство. СПб.: Питер, 2013.

Басыров Р. 1С-Битрикс. Строим профессиональный сайт и интернет-магазин. СПб.: Питер, 2009.

Юрасов А. В. Электронная коммерция. М.: Дело, 2003.

Денисова А. Л., Молоткова Н. В., Блюм М. А. Электронная коммерция: основы организации и ведения бизнеса: учебное пособие. Тверь.: Изд-во ФГБОУ ВПО «ТГТУ», 2012.

Веллинг Л., Томсон Л. Разработка веб-приложений с помощью PHP и MySQL. Вильямс, 2016.

Мишель Е. Дэвис, Джон А. Филлипс. Изучаем PHP и MySQL. Символ-Плюс, 2008.

Матевосов А. Основы Symfony 3 и не только. GitBook, 2014.

Сильвио Морето. Bootstrap в примерах. М.: ДМК Пресс, 2017.

многие-ко-многим.

многие-ко-многим.

один-ко-многим.

Хештег.

Цвет.

Покупка.

Товар