Автор Анна Евкова
Преподаватель который помогает студентам и школьникам в учёбе.

Проектирование и оформление Web-сайта электронного магазина

Содержание:

Введение

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

Подходов к созданию сайта есть огромное множество, но только некоторые из них более популярны из-за большей эффективности и меньшей трудоемкости.

К основным преимуществам интернет-магазинов относятся:

  • Доступность - чтобы приобрести любой товар в интернет-магазине не нужно покидать пределы своего дома. Особенно важно данное преимущество для людей с ограниченной подвижностью и молодых мамочек, которые очень любят шопинг, но не знают с кем оставить своего малыша.
  • Анонимность - покупки в интернет – магазинах по вашему желанию могут быть полностью анонимны, а это значит, что вам не придется стесняться продавцов или других покупателей.
  • Огромный ассортимент - в интернете вы можете совершить покупку в любом интернет-магазине любой страны. А значит, для вас открывается не просто огромный, а безграничный выбор самых разных товаров со всего света.
  • Экономия времени
  • Свобода выбора
  • Низкая цена
  • Доставка
  • Полная информация о товаре

Целью курсовой работы является изучение основных методик создания сайтов и проектирование и оформление WEB-сайта электронного магазина.

Для достижения поставленной цели были выведены следующие задачи:

  1. Анализ предметной области
    1. Постановка задачи
    2. Выбор среды разработки
  2. Проектирование WEB-сайта электронного магазина
    1. Определение назначения разработки WEB-сайта
    2. Классификация взаимосвязей
    3. Определение состава таблиц формы базы данных
    4. Определение запросов, форм и отчетов
  3. Пользовательский интерфейс WEB-сайта электронного магазина
  4. Результаты реализации и тестирования

В первой главе производится анализ деятельности интернет магазинов, постановка задачи и определяются средства разработки, которые будут использоваться при создании WEB-сайта электронного магазина.

Во второй главе рассматривается и осуществляется проектирование WEB-сайта электронного магазина и оформляется WEB-сайт электронного магазина.

В третьей главе демонстрируются результаты реализации и тестирования WEB-сайта электронного магазина.

1. Техническое задание и выбор средств реализации

Сайт (Веб сайт, Интернет-сайт) – набор файлов с информацией (веб-страниц), которые размещены на специальных веб-серверах, постоянно подключенных к сети Интернет. За счет этого файлы с информацией доступны для любого человека, у которого есть выход в Интернет.[1]

Все сайты в совокупности составляют Всемирную паутину, где коммуникация (паутина) объединяет сегменты информации мирового сообщества в единое целое — базу данных и коммуникации планетарного масштаба. Для прямого доступа клиентов к сайтам на серверах был специально разработан протокол HTTP.

Интернет-магазин — сайт, торгующий товарами посредством сети Интернет. Позволяет пользователям онлайн, в своём браузере или через мобильное приложение, сформировать заказ на покупку, выбрать способ оплаты и доставки заказа, оплатить заказ. При этом продажа товаров осуществляется дистанционным способом, и она накладывает ограничения на продаваемые товары. Так, в некоторых странах имеется запрет на Интернет-торговлю алкоголем, оружием, ювелирными изделиями и другими товарами (к примеру, в России запрещена дистанционная продажа алкоголя, ювелирных изделий и других товаров).

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

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

Одной из выгод этой сферы является широкая целевая аудитория и заинтересованность в повторных покупках.

«Темпы российского рынка видеоигр будут одними из самых высоких в мире, при этом рост будет обеспечиваться главным образом за счет быстро увеличивающегося объема продаж мобильных игр» -отмечает одна из крупнейших консалтинговых компаний.[2]

PwC: российский рынок видеоигр вырастет до $3,7 млрд к 2021 году

Рис. 1 – Темпы всемирного рынка видеоигр 2

В 2016 году совокупная выручка на российском рынке видеоигр составила 1,6 млрд долл., а в 2017 году, оценке, объем рынка достигнет 2 млрд долл., и он будет оставаться самым крупным рынком в Центральной и Восточной Европе.

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

Согласно оценке, в прогнозный период темпы роста рынка видеоигр будут одними из самых высоких в мире, в 2021 году объем рынка достигнет 3,7 млрд долл. при совокупном среднегодовом темпе роста на уровне 17,8%. На сегодняшний день 97% выручки от социальных и казуальных игр приходится на игровые приложения, устанавливаемые на смартфоны и планшеты. Владельцы смартфонов в России все более охотно загружают игры и все активнее тратят на них деньги. Часто отправной точкой становятся бесплатные игры.

Пользователи, в итоге решившие потратить деньги на покупки внутри игры, с гораздо большей вероятностью в будущем будут тратить деньги и на другие игры. Именно этим обусловлен значительный рост расходов на социальные и казуальные игры в России.[3]

1.1 Постановка задачи

ООО «Ви Менеджмент» занимается продажей различных товаров в сфере развлечения (видеоигры, приставки, аксессуары и т.д.) выполняя её распространение между собственными магазинами, которые самостоятельно до-заказывают требуемый товар. Компания работает исключительно только с физическими лицами, которых заинтересует ассортимент магазина. В связи с этим специфические заказы обрабатываются и контролируются менеджерами. После окончательного оформления клиент имеет возможность просмотреть детали и итоговую стоимость заказа и произвести расчёт как традиционным способом, так и на сайте. По факту оплаты заказ доставляется клиенту. Так же на сайте присутствуют электронные товары в виде ключей активации, которые становятся доступны после приобретения конкретного товара. На всех этапах клиент имеет возможность отслеживать состояние заявки.

Существует несколько видов коммерческих взаимоотношений, связанных с бизнесом:

  • B2C (бизнес-для-потребителя)
  • B2B (бизнес-для-бизнеса)

B2B (бизнес-для-бизнеса) — сокращенно от business-to-business, маркетинговая и торговая деятельность компании, ориентированная на получение выгоды от оказания услуг, продажи товара не частным конечным потребителям, а другим компаниям, потребляющим эти товары и услуги только для осуществления собственного бизнеса.

B2C (бизнес-для-потребителя) — термин, обозначающий коммерческие взаимоотношения между организацией (Business) и частным, так называемым, «конечным» потребителем (Consumer). Потребитель покупает товар, с целью удовлетворения индивидуальных потребностей. Объектом взаимодействия является товар или услуга, а субъектами: компания, продающая товар (оказывающая услугу), с одной стороны и частный покупатель, с другой стороны.

Система взаимоотношений B2C является одним из звеньев в цепочке современных бизнес-процессов, и это звено строит прямые, персонализованные бизнес-отношения: «Бизнес-клиент». B2C позволяет вести прямые продажи с минимальным количеством посредников. Устранение посредников дает возможность устанавливать конкурентные цены на местах и даже увеличивать их, исключая количество посредников, что естественно приводит к росту маржинальности торговли.

Проектируемый интернет магазин основан на коммерческих взаимоотношениях между бизнесом (сам магазин) и частными лицами (покупатели) - так называемыми «конечными» потребителями, поэтому нам подходит модель B2C (бизнес-для-потребителя).

На сайте должен присутствовать следующий функционал:

  1. Главная страница
  2. Корзина
  3. Каталог
  4. Карточка товара
  5. О магазине
  6. Регистрация
  7. Авторизация
  8. Оформление заказа
  9. Личный кабинет
  10. Раздел контактов

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

  • Дизайн должен быть простым, ненавязчивым, оригинальным. Это основные критерии.
  • Сайт должен обладать грамотным пользовательским интерфейсом. Максимально удобный, ориентированный на вашу целевую аудиторию. При его создании необходимо подумать о целевой аудитории сайта – тех, кто будет заходить в магазин и что именно будет искать на сайте.
  • На сайте должна присутствовать логичная навигация. Основные разделы сайта (Главная, Магазин, Корзина, Контакты и т. д.) лучше разместить сверху, полезные ссылки, дружественные сайты и т. п. – в боковом меню.
  • Все полезные ссылки, а также дублирование разделов сайта необходимо расположить в нижней части сайта. Это дополнительный способ привлечь внимание.
  • Сайт должен содержать качественный контент. Все знают: контент – «король», от его присутствия и качества зависит насколько долго пользователь находится на сайте, а также вернется ли он на него вновь.
  • Контакты так же должны присутствовать на сайте. Это обязательное условие: связь с вами должна быть удобной и самой прямой.
  • Необходимо реализовать функцию поиска. Подойти к ней нужно максимально ответственно так как от результатов поиска зависит удержание конкретного пользователя.
  • На сайте обязательно должна присутствовать регистрация. Максимально простая и быстрая регистрация располагает к вашему интернет магазину и наиболее эффективно приближает покупателя к совершению покупки.
  • Карта сайта. Данный раздел способствует лучшей индексации страниц, а также помогает пользователям составить мнение о сайте.
  • Для лучшей масштабируемости сайта – отделить контент от дизайна. HTML не дает такой возможности. Нужно использовать CSS-файлы. Это поможет поисковым системам лучше идентифицировать именно контент, избегая элементы верстки и дизайна, которые затрудняют поиск контента.
  • Необходимо задуматься о совместимости браузеров. Идеально, если сайт совместим со всеми браузерами и платформами, с которыми работает современное общество и ваши покупатели.
  • Сайт должен предусматривать оптимизацию изображений. Изображения не должны быть слишком большими, но и качество их должно оставаться на уровне. Оптимизация изображений определяет скорость загрузки сайта.

1.2 Выбор среды разработки

В качестве среды разработки выбор упал на Систему Управлением Контента (CMS), которая удовлетворяет все требования компании для которой разрабатывается сайт.

CMS — это система управления контентом, набор скриптов для создания, редактирования и управления контентом сайта. На профессиональном жаргоне CMS также называют «движок».

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

Основные функции CMS:

  • Предоставление набор инструментов для создания содержимого, организация совместной работы над содержимым;
  • Управление содержимым и его публикация;
  • Представление информации в виде, удобном для навигации, поиска.

Доля CMS на мировом рынке

Рис. 2 – Топ-10 самых популярных CMS в мире 2017[4]

Для того чтобы убедиться в правильности сделанного выбора – сравним три лидирующих CMS систем на основании рисунка 2 – WordPress, Joomla и Drupal.

  1. Drupal (Друпал) — система управления содержимым (CMS), используемая также как каркас для веб-приложений (CMF), написанная на языке PHP и использующая в качестве хранилища данных реляционную базу данных (поддерживаются MySQL, PostgreSQL и другие). Drupal является свободным программным обеспечением, защищённым лицензией GPL, и развивается усилиями энтузиастов со всего мира.

На Drupal работает более 1 миллиона сайтов — от личных блогов до сайтов компаний, политических партий и государственных организаций. По состоянию на январь 2018 года Drupal-сообщество состоит из 1.3 миллиона человек, включая более 100 000 активных контрибьюторов. Экосистема Drupal насчитывает более 40 000 бесплатных модулей для расширения и настройки базовой функциональности, более 2500 бесплатных тем оформления, а также не менее 1200 готовых сборок, с помощью которых можно быстро и легко установить Drupal с готовой специфической функциональностью.[5]

Ядро (Drupal core) включает функции являющиеся стандартными для систем управления содержимым: регистрация пользователей и администрирование учетных записей, управление меню, RSS-потоки, таксономия, настройка макетов страницы и т. д. Установка Drupal даже без дополнительных модулей может быть использована для простых сайтов, личных и коллективных блогов, форумов или сайтов сообществ, в которых материалы создаются пользователями.

Несмотря на то, что Drupal предлагает опытным разработчикам развитый API, для установки и администрирования обычных сайтов не требуются навыки программирования.

  1. Joomla – очередная бесплатная система управления контентом open-source. Построена на схеме разделения «модель-вид-контроллер» (MVC). Система написана на языке PHP, использует технологии объектно-ориентированного программирования, хранит данные в базах MySQL, MS SQL и PostgreSQL.

CMS Joomla! включает в себя минимальный набор инструментов при начальной установке, который дополняется по мере необходимости. Это снижает загромождение административной панели ненужными элементами, а также снижает нагрузку на сервер и экономит место на хостинге.[6]

Joomla! позволяет отображать интерфейс фронтальной и административной части на любом языке. Каталог расширений содержит множество языковых пакетов, которые устанавливаются штатными средствами администрирования. Доступны пакеты русского, украинского, белорусского и ещё некоторых языков постсоветского пространства.

Название Joomla фонетически идентично слову Jumla, которое в переводе с суахили означает «все вместе» или «в целом», что отражает подход разработчиков и сообщества к развитию системы. Название системы пишется как Joomla! (именно так, с восклицательным знаком).

По состоянию на ноябрь 2016 года, Joomla был загружен свыше 86 миллионов раз. В настоящее время официальный сайт предлагает к загрузке порядка 8000 бесплатных и платных расширений.[7]

Самые популярные проекты на Joomla:

      • Национальное криминальное агентство Великобритании
      • Виртуальная частная сеть OpenVPN
      • Сайт High Charts
  1. WordPress — программное обеспечение созданное для всех, подчеркивающее доступность, производительность, безопасность и простоту использования. Мы верим, что отличное программное обеспечение должно работать с минимальной настройкой, поэтому вы можете сосредоточиться на бесплатном обмене своей историей, товарами или услугами. Основное программное обеспечение WordPress простое и предсказуемое, поэтому вы можете легко начать работу. WordPress также предлагает мощные возможности для роста и успеха.

Эта CMS (система управления контентом) используется не только для создания блога, но и для создания интернет магазина, портфолио, сайт периодического характера или что-либо другое.

WordPress — это популярнейшая платформа для интернет-публикаций. В настоящее время почти треть[8] всех сайтов созданы с ее помощью. Платформа абсолютно бесплатна, имеет открытый исходный код, интуитивно понятный интерфейс и позволяет подключать большое количество разнообразных плагинов.

Платформа написана на скриптовом языке PHP, использующемся для разработки различных WEB-приложений. Среди преимуществ системы (по сравнению с другими платными и бесплатными CMS):

Возможность создавать публикации с использованием сторонних программ.

  • Быстрая установка и понятная настройка.
  • Поддержка функций создания списков обновлений Pingback, RSS, Trackback, Atom, обрабатываемых в автоматическом режиме.
  • Наличие и поддержка большого количества библиотек готовых плагинов и модулей.
  • Поддержка тем, позволяющих легко менять способ вывода данных.
  • Использование ЧПУ (человекопонятных урлов).

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

WordPress использует PHP и MySQL, они поддерживаются практически всеми хостинг провайдерами. Но специальные тарифные планы хостинга для WordPress могут обеспечить вам лучшую скорость, производительность и надёжность.

В итоге, рассмотрев все популярные системы управления контентом, WordPress является лидирующей системой CMS в мире.

Для реализации функций интернет-магазина будет установлен и использоваться плагин (расширение) – WooCommerce.

WooCommerce — бесплатный плагин для электронной коммерции, с помощью которого можно продавать всё, что угодно, и делать это красиво. Разработанный для гибкой интеграции с WordPress, WooCommerce — это любимое во всём мире решение, которое обеспечивает полный контроль и владельцам магазинов, и разработчикам.

С беспредельной гибкостью и доступом к сотням бесплатных и премиум расширений WordPress, WooCommerce сейчас обеспечивает функционирование 30% всех онлайн-магазинов — больше чем любая другая платформа. [9]

Дальнейшее сравнение отображено в таблице приложено к данной курсовой работе и находится в Приложении А.

В рисунке 2 продемонстрирован общий рейтинг CMS, который включает в себя как бесплатные, так и платные CMS.

Похожее изображение

Рис. 2 – Общий рейтинг CMS[10]

Сайт будет разрабатываться на хостинге TimeWeb. На данном хостинге присутствует все необходимое:

    • Apache – сервер необходимый при разработке сложных сайтов, без которого невозможно будет тестирование PHP кода, баз данных и.т.д.
    • PHP 5.3.13 – последней версии.
    • MySQL – для настройки базы данных сайта.
    • phpMyAdmin – приложение, для удаленной работы с БД MySQL через браузер.

Рассматривая тарифные планы компании TimeWeb (Таблица 1), для нашего электронного магазина подходит тариф Optimo+, так как имеет возможности для расширения отраслей деятельности.

Таблица 1 – Тарифные планы компании TimeWeb[11]

Характеристики

Year+

Optimo+

Century

Millennium+

CMS хостинг старт

CMS хостинг PRO

Дисковое пространство, МБ

5000

10000

15000

25000

10000

20000

Доменов на аккаунте, как алиасы

Не ограничено

Сайтов на аккаунте

1

10

25

50

10pg

30pg

Баз данных MySQL

1

10

25

50

10

не ограничено

Вход по FTP

+

+

+

+

+

+

Доступ по SSH

+

+

+

+

+

+

Информационная поддержка

+

+

+

+

+

+

Акселераторы, PHP

Zend OPcache, XCache, АСР.

Почтовые ящики

не ограничено

Резервное копирование

+

+

+

+

+

+

Бесплатный SSL-сертификат

+

+

+

+

+

+

Планировщик

+

+

+

+

+

+

Выделенный IP- адрес

100 р\мес

Продвижение сайта

+

+

+

+

+

+

Тестовый период

10 дней

Панели управления

Панель собственной разработки

В данной главе мы выявили требования при разработке WEB-сайта интернет-магазина, определили используемую систему управления контентом, определили будущий хостинг, а также проанализировали выбор CMS на основе существующих лидеров рынка.

2. Описание модулей серверной части программы в их взаимодействие

2.1 Определение назначения разработки электронного магазина

Сеть интернет позволяет покупателю осуществлять покупки с любой точки земли. Так как торговая площадка виртуальная, на нее можно поместить неограниченное количество товаров.

Интернет-магазин при эффективном подходе к делу способен приносить большую прибыль.

Интернет-магазин позволяет предлагать покупателям более большие объемы товаров, услуг, информации, а также возможность свободного анализа и выбора товаров. Покупку в таком магазине могут осуществлять физические и юридические лица. В качественном интернет-магазине для удобства пользователя имеется много различных вариантов оплаты: банковские карты, электронные деньги, банковский перевод, оплата наличными курьеру, доставляющему товар, SMS-платежи, наложенный платеж и другие. Если необходимого пользователю товара временно нет на складе, он может воспользоваться системой предварительных заказов. При поступлении на склад необходимого товара интернет-магазин сообщит об этом покупателю. Также предоставляется гарантия и страхование оплаченных клиентом товаров.

3. Описание структуры базы данных и ее функций

3.2 Создание базы данных интернет-магазина

База данных для интернет-магазина создается в автоматическом режиме – CMS WordPress самостоятельно создает все необходимые таблицы и связывает их для правильного функционирования.

Прежде чем разбирать данные хранящиеся в базе WordPress, рассмотрим типы контента. Существуют такие стандартные типы контента:

  • Записи (posts)
  • Страницы (pages)
  • Пользовательские типы записей (custom post types)
  • Вложения (attachments)
  • Ссылки (links)
  • Элементы меню (navigation menu items)

Эти типы контента имеют такие данные:

  • Категории (categories)
  • Метки (tags)
  • Пользовательские таксономии (custom taxonomies and terms)
  • Метаданные (post metadata)

Кроме того, существует типы контента, хранящиеся в ином виде:

  • Виджеты (widgets)
  • Опции (options)
  • Пользователи (users)
  • Сайты для MU WordPress

Все эти типы контента хранятся в таблицах базы данных или в файлах настроек тем/плагинов. Каждый тип может быть представлен как отдельной записью в таблице, так и её частью. Кроме, того они могут быть связаны с данными в других таблицах. Например, данные о записях связаны с данными о пользователях, так что WordPress знает, кто является автором, какой записи.

C:\Users\29134549.CLASS.001\Downloads\WP4.4.2-ERD.png

Рис. 3 – ER Диаграмма базы данных WordPress (MySQL)

В рисунке 3 продемонстрирована ER Диаграмма базы данных WordPress (MySQL)

Разберем базу данных CMS WordPress поподробнее и ознакомимся с содержимым:

  • Таблица: «wp_posts»

Описание: Записи, страницы, вложения, редакции, пользовательские записи

Связи: wp_postmeta через post_id, wp_term_relationships через post_id

  • Таблица: «wp_postmeta»

Описание: Метаданные записей, страниц и т.д.

Связи: wp_posts через post_id

  • Таблица: «wp_comments»

Описание: Комментарии

Связи: wp_posts через post_id

  • Таблица: «wp_commentmeta»

Описание: Метаданные комментариев

Связи: wp_comments через comment_id

  • Таблица: «wp_term_relationships»

Описание: Связи между таксономиями и записями, страницами и т.д.

Связи: wp_posts через post_id, wp_term_taxonomy через term_taxonomy_id

  • Таблица: «wp_term_taxonomy»

Описание: Таксономии (включая категории и метки)

Связи: wp_term_relationships через term_taxonomy_id

  • Таблица: «wp_terms»

Описание: Категории, метки и термины пользовательских таксономий

Связи: wp_term_taxonomy через term_id

  • Таблица: «wp_links»

Описание: Ссылки в блоке

Связи: wp_term_relationships через link_id

  • Таблица: «wp_users»

Описание: Пользователи

Связи: wp_posts через post_author

  • Таблица: «wp_user_meta»

Описание: Метаданные для каждого пользователя

Связи: wp_users через user_id

  • Таблица: «wp_options»

Описание: Опции и настройки сайта (устанавливаются в админке на странице настроек и в темах/плагинах)

Связи: Отсутствуют

Таблица 2 - Связь контента и таблиц базы данных

Тип контента

Таблица

Записи (posts)

wp_posts

Страницы (pages)

wp_posts

Пользовательские типы записей (custom post types)

wp_posts

Вложения (attachments)

wp_posts

Ссылки (links)

wp_links

Элементы меню (navigation menu items)

wp_posts

Категории (categories)

wp_terms

Метки (tags)

wp_terms

Пользовательские таксономии (custom taxonomies)

wp_term_taxonomy

Термины пользовательских таксономий (custom terms)

wp_terms

Метаданные (post metadata)

wp_post_meta

Виджеты (widgets)

wp_options

Опции (options)

wp_options

Пользователи (users)

wp_users

3.2 Разработка и оформление WEB-сайта электронного магазина

Первым этапом разработки является установка CMS WordPress на заранее выбранный нами хостинг – TimeWeb. Для этого необходимо по FTP загрузить дистрибутив WordPress на FTP сервер выбранного хостинга с помощью программы FileZilla (Рис. 4).

https://myfilezilla.ru/wp-content/uploads/2017/12/fz3_win7_main.png

Рис. 4 – FTP программа FileZilla

Затем необходимо зайти на сайт и начать процедуру установки CMS WordPress (Рис. 5).

Рис. 5 – Установка WordPress

Затем необходимо установить плагин для создания интернет-магазина под названием WooCommerce (Рис. 6).

https://docs.woocommerce.com/wp-content/uploads/2015/08/wizard-ready.png

Рис. 6 – Установка WooCommerce

После установки плагина WooCommerce необходимо подобрать соответствующий дизайн сайта. В данном случае мы воспользуемся собственной разработкой (Рис. 7)

Рис. 7 – Главная страница Интернет-магазина

Для привлечения покупателей необходимо реализовать блок с самыми посещаемыми разделами и новыми товарами, которые могут заинтересовать покупателей (Рис. 8).

Рис. 8 – Блок востребованных разделов и новых поступлений товара

Так же необходимо на главной странице реализовать блок с описанием преимуществ магазина (Рис. 9), для создания необходимого имиджа компании и большего доверия со стороны потенциального клиента.

Рис. 9 – Основные особенности Интернет-магазина

Для продвижения товара, который пользуется особенным спросом используется блок на главной странице (Рис. 10), что в целом способствует повышению взаимодействия с сайтом и росту показателей продаж.

Рис. 10 – Продвижение товара на главной странице Интернет-магазина

Вся информация о заказах и других настройках интернет-магазина содержится в Панели Управления сайтом, куда доступ имеет исключительно администратор интернет-магазина и персонал связанный с обработкой заказов и их осуществления (Рис. 11).

Рис. 11 – Панель управления интернет-магазином

В данной главе были рассмотрены основные этапы установки CMS WordPress, основные страницы и разделы интернет-магазина. В качестве осуществления функций интернет-магазина используется плагин –WooCommerce.

4. Описание структуры клиентской части

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

Для заказа с интернет-магазина необходимо перейти в каталог магазина и выбрать интересующий товар из списка всех доступных товаров (Рис. 12).

Рис. 12 – Каталог интернет-магазина

После выбора товара откроется карточка товара (Рис. 13), на которой присутствует вся необходимая информация, а также отзывы клиентов, которые уже заказывали этот товар.

Рис. 13 – Карточка товара

После нажатия клавиши «В КОРЗИНУ» товар помещается в корзину. Можно продолжить покупки на сайте, а можно перейти к оформлению заказа (Рис. 14).

Рис. 14 – Добавление товара в корзину

После нажатия на кнопку «КУПИТЬ» пользователя переносят на страницу оформления заказа (Рис. 15), где он может окончить покупку и сообщить все данные для доставки товара по месту назначения.

Рис. 15 – Оформление заказа

Если пользователь не введет часть данных, то форма оформления заказа сообщит об ошибке, которую допустил пользователь – «Поле Адрес является обязательным полем», что напоминает и сообщает о том, что не заполнил пользователь (Рис. 16).

Рис. 16 – Ошибка заполнения формы заказа

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

Рис. 17 – Успешное оформление заказа

После оформления заказа – менеджеру и администраторам сайта поступает информация о новом заказе в панель управления сайтом.

Для входа в панель управления (админ панель) сайта существует специальный раздел, на который должен зайти администратор и совершить вход.

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

Рис. 18 – Неудачная попытка входа в Панель Управления

На рисунке 18 продемонстрированно, что при попытке входа в панель управления с недействительным или неверным паролем – будет выведено сообщение об ошибке.

Рис. 19 – Уведомление о заказе в Панели Управления сайтом

Панель управления сайтом автоматически обновляет информацию всего, что касается сайта, а виджет «Статус WooCommerce» (Рис. 19) сообщает о всех поступивших заказах в процессе реального времени.

Рис. 20 – Список заказов

Так же в WooCommerce присутствует более подробный раздел со списком всех заказов, которые были совершены. (Рис. 20)

Здесь отображается номер заказа, ФИО клиента, дата совершенного заказа, статус в котором заказ находится в данный момент и итоговая сумма.

Рис. 21 – Детали оформленного заказа клиента

При переходе к любому заказу из списка отобразится более подробная и полная информация о клиенте, которую он указал в процессе оформления заказа в интернет-магазине.

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

Заключение

В данной курсовой работе произведено проектирование и разработка WEB-сайта электронного магазина.

В результате выполнения данной курсовой работы был разработан интернет-магазин по продаже различных товаров в сфере развлечения (видеоигры, приставки, аксессуары и т.д.).

В качестве основы были взяты CMS WordPress и плагин WooCommerce.

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

Тестирование производилось в браузерах Chrome версии 69.0.3497.100, Firefox версии 62.0, Opera версии 55.0.2994.44, Edge версии 41.16299.15, а также в Internet Explorer версии 11.0.

Работоспособность в каждом из браузеров сохранялась полностью. Корректно работают, не только основные, но и второстепенные все разделы сайта.

Сохранен и протестирован:

  • Функционал главной страницы
  • Функционал страницы с карточкой товара
  • Функционал формы оформления заказа
  • Функционал личного кабинета

Различия во внешнем виде незначительны. Права доступа работают корректно.

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

Учебники, монографии, брошюры

  1. Акила, К. Интернет-магазин с нуля. Полное пошаговое руководство / К. Акила, А. Еремеевский. - М.: Питер, 2019. - 176 c.
  2. Басыров, Р. 1С-Битрикс. Строим профессиональный сайт и интернет-магазин / Р. Басыров. - М.: Книга по Требованию, 2018. - 544 c.
  3. Бирюков, П.И. Интернет-шопинг. Реальный путеводитель по виртуальным магазинам / П.И. Бирюков. - М.: Феникс, 2016. - 225 c.
  4. Богданов-Катьков, Н.В. Интернет для начинающих / Н.В. Богданов-Катьков, А.А. Орлов. - М.: Эксмо, 2019. - 384 c.
  5. Гаврилов, Л. П. Электронная коммерция: учебник и практикум для бакалавриата и магистратуры / Л. П. Гаврилов. — М. : Издательство Юрайт, 2018. — 363 с
  6. Гаевский, А.Ю. 100% самоучитель. Создание Web-страниц и Web-сайтов. HTML и JavaScript / А.Ю. Гаевский, В.А. Романовский. - М.: Триумф, 2018. – С. 32
  7. Конверс, Вильямс PHP 5 и MySQL. Библия пользователя / Конверс, др. Т. и. - М.: Вильямс, 2019. - 551 c.
  8. Крахоткина Е. В. Системы электронной коммерции и технологии их проектирования: учебное пособие, СКФУ, 2016 г. – 129 с.
  9. Кузнецов М.В. PHP. Практика создания Web-сайтов / Кузнецов, М.В. и. - М.: БХВ-Петербург, 2017. - 945 c.
  10. Мишин В. В., Мартиросян К. В. Интернет-технологии: учебное пособие - СКФУ 2015 г. – 106c
  11. Мишин В. В., Мартиросян К. В. Технологии Internet-коммерции: учебное пособие - СКФУ 2015 г. – 102c
  12. Рассел, Джесси Интернет-магазин / Джесси Рассел. - М.: VSD, 2017. - 230 c.
  13. Розенфельд, Л. Информационная архитектура в Интернете / Л. Розенфельд, П. Морвиль. - М.: СПб: Символ-Плюс; Издание 2-е, 2018. - 544 c.
  14. Салбер, Алена Как открыть интернет-магазин / Алена Салбер. - М.: SmartBook, 2016. - 320 c.
  15. Салбер, Алена Как открыть Интернет-магазин / Алена Салбер. - М.: Омега-Л, 2016. - 320 c.
  16. Сидоренко, Александр Анатомия прибыльного интернет-магазина / Александр Сидоренко. - М.: Издательские решения, 2019. - 595 c.
  17. Соловьев, Д. Интернет-магазин без правил / Д. Соловьев, А. Писарев. - М.: Питер, 2019. - 826 c.
  18. Соловьев, Д. Интернет-магазин без правил / Д. Соловьев, А. Писарев. - М.: Питер, 2019. - 213 c.
  19. Стеймец, Ульям. PHP. 75 готовых решений для вашего сайта +CD / Стеймец, Ульям. - М.: СПб: Наука и Техника, 2017. - 256 c.
  20. Ульман, Л. PHP и MySQL. Cоздание интернет-магазинов / Ларри Ульман. - М.: Вильямс, 2018. - 544 c.
  21. Успенский, И. Интернет как инструмент маркетинга / Игорь Успенский. - М.: СПб: BHV, 2018. - 256 c.

Интернет-ресурсы

  1. PwC: Всемирный обзор индустрии развлечений и СМИ: прогноз на 2017–2021 годы [Электронный ресурс]. – Режим доступа: https://www.pwc.ru/ru/assets/media-outlook-2017-rus.pdf – (Дата обращения: 18.04. 2020)
  2. PwC: Российский рынок видеоигр вырастет до $3,7 млрд к 2021 году [Электронный ресурс]. – Режим доступа: https://adindex.ru/news/tendencies/2017/08/16/161740.phtml – (Дата обращения: 03.04. 2020)
  3. Информация о Joomla! [Сайт]. – // URL: https://ru.wikipedia.org/wiki/Joomla! (Дата обращения: 09.04. 2020)
  4. Обзор хостинг провайдера TimeWeb [Сайт] – // URL: https://avenuesoft.ru/hosting/obzor_timeweb.html (дата обращения: 17.04. 2020)
  5. Описание CMS Drupal [Сайт]. – // URL: http://drupal.cmsmagazine.ru/ – (Дата обращения: 02.04. 2020)
  6. Официальный сайт WordPress [Сайт] // URL: https://ru.wordpress.org/download/ (дата обращения: 02.04.2020 г.)
  7. Плагин WooCommerce [Сайт] // URL: https://ru.wordpress.org/plugins/woocommerce/ (дата обращения: 17.04. 2020 г.)
  8. Рейтинг CMS для интернет-магазинов [Сайт] // URL: http://www.cloudcms.ru/tags/rejting_cms_dlja_internet_magazinov/ (дата обращения: 07.04. 2020 г.)
  9. Топ-10 самых популярных CMS в мире 2017 [Сайт]. – // URL: https://sdvv.ru/articles/testovyy-razdel/top-10-samykh-populyarnykh-cms-v-mire-2017/ – (Дата обращения: 02.04. 2020)

Приложения

Приложение А. Сравнение CMS WordPress

Таблица 3. Сравнение CMS WordPress с другими популярными CMS

Drupal

Joomla

WordPress

Оф. сайт

drupal.org, русскоязычное сообщество drupal.ru

joomla.org, русскоязычный форум joomla-support.ru

wordpress.org, русскоязычный раздел ru.wordpress.org

Описание

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

Компромисс между ориентированным на разработчика, но более гибким Drupal и дружелюбной к пользователю WordPress

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

Примеры сайтов, работающих на CMS

Fast Company, Team Sugar

MTV Networks Quizilla, Harvard University, IHOP

PlayStation Blog, CNN Political Ticker, NASA Ames Research Center

Продолжение таблицы 3

Drupal

Joomla

WordPress

Простота использования

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

Проще Drupal, сложнее WordPress. Относительно ненапрягающая установка и настройка в совокупности с нетребовательностью к затратам времени на понимание структуры и терминологии дают возможность самостоятельно построить весьма сложный сайт

Технические знания в данном случае совсем не обязательны. WordPress простая и интуитивная. С ее помощью можно чрезвычайно быстро создать простой сайт. Также WordPress привлекает возможностью без труда переносить текст из текстовых документов на сайт, чем не могут похвастать Drupal и Joomla

Особенности

Система известна своей мощной таксономией и возможностями по разметке, категоризации и организации сложного контента

Система разрабатывалась в качестве платформы для сообществ с акцентом на социальные функции

Простота является ключевым преимуществом как для новичков, так и для профессионалов.

Окончание таблицы 3

Drupal

Joomla

WordPress

Плагины для кэширования

Pressflow — готовая сборка Drupal, доступная для загрузки. Включает в себя несколько предустановленных улучшений, в том числе нацеленных на улучшение производительности сайта

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

WP Super Cache — плагин, оптимизирующий производительность сайта путем генерации статичных HTML-файлов из получаемого из баз данных контента

Оптимальные сценарии использования

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

Сайты с достаточно гибкой структурой, создание которой было бы проблематично из-за ограничений WordPress. Электронная коммерция, социальные площадки

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

Приложение Б. Код плагина WooCommerce с версткой содержимого

<?php

defined( 'ABSPATH' ) || exit;

do_action( 'woocommerce_before_cart' ); ?>

<form class="woocommerce-cart-form" action="<?php echo esc_url( wc_get_cart_url() ); ?>" method="post">

<?php do_action( 'woocommerce_before_cart_table' ); ?>

<table class="shop_table shop_table_responsive cart woocommerce-cart-form__contents" cellspacing="0">

<thead>

<tr>

<th class="product-remove">&nbsp;</th>

<th class="product-thumbnail">&nbsp;</th>

<th class="product-name"><?php esc_html_e( 'Product', 'woocommerce' ); ?></th>

<th class="product-price"><?php esc_html_e( 'Price', 'woocommerce' ); ?></th>

<th class="product-quantity"><?php esc_html_e( 'Quantity', 'woocommerce' ); ?></th>

<th class="product-subtotal"><?php esc_html_e( 'Total', 'woocommerce' ); ?></th>

</tr>

</thead>

<tbody>

<?php do_action( 'woocommerce_before_cart_contents' ); ?>

<?php

foreach ( WC()->cart->get_cart() as $cart_item_key => $cart_item ) {

$_product = apply_filters( 'woocommerce_cart_item_product', $cart_item['data'], $cart_item, $cart_item_key );

$product_id = apply_filters( 'woocommerce_cart_item_product_id', $cart_item['product_id'], $cart_item, $cart_item_key );

if ( $_product && $_product->exists() && $cart_item['quantity'] > 0 && apply_filters( 'woocommerce_cart_item_visible', true, $cart_item, $cart_item_key ) ) {

$product_permalink = apply_filters( 'woocommerce_cart_item_permalink', $_product->is_visible() ? $_product->get_permalink( $cart_item ) : '', $cart_item, $cart_item_key );

?>

<tr class="woocommerce-cart-form__cart-item <?php echo esc_attr( apply_filters( 'woocommerce_cart_item_class', 'cart_item', $cart_item, $cart_item_key ) ); ?>">

<td class="product-remove">

<?php

// @codingStandardsIgnoreLine

echo apply_filters( 'woocommerce_cart_item_remove_link', sprintf(

'<a href="%s" class="remove" aria-label="%s" data-product_id="%s" data-product_sku="%s">&times;</a>',

esc_url( wc_get_cart_remove_url( $cart_item_key ) ),

__( 'Remove this item', 'woocommerce' ),

esc_attr( $product_id ),

esc_attr( $_product->get_sku() )

), $cart_item_key );

?>

</td>

<td class="product-thumbnail">

<?php

$thumbnail = apply_filters( 'woocommerce_cart_item_thumbnail', $_product->get_image(), $cart_item, $cart_item_key );

if ( ! $product_permalink ) {

echo $thumbnail; // PHPCS: XSS ok.

} else {

printf( '<a href="%s">%s</a>', esc_url( $product_permalink ), $thumbnail ); // PHPCS: XSS ok.

}

?>

</td>

<td class="product-name" data-title="<?php esc_attr_e( 'Product', 'woocommerce' ); ?>">

<?php

if ( ! $product_permalink ) {

echo wp_kses_post( apply_filters( 'woocommerce_cart_item_name', $_product->get_name(), $cart_item, $cart_item_key ) . '&nbsp;' );

} else {

echo wp_kses_post( apply_filters( 'woocommerce_cart_item_name', sprintf( '<a href="%s">%s</a>', esc_url( $product_permalink ), $_product->get_name() ), $cart_item, $cart_item_key ) );

}

do_action( 'woocommerce_after_cart_item_name', $cart_item, $cart_item_key );

// Meta data.

echo wc_get_formatted_cart_item_data( $cart_item ); // PHPCS: XSS ok.

// Backorder notification.

if ( $_product->backorders_require_notification() && $_product->is_on_backorder( $cart_item['quantity'] ) ) {

echo wp_kses_post( apply_filters( 'woocommerce_cart_item_backorder_notification', '<p class="backorder_notification">' . esc_html__( 'Available on backorder', 'woocommerce' ) . '</p>', $product_id ) );

}

?>

</td>

<td class="product-price" data-title="<?php esc_attr_e( 'Price', 'woocommerce' ); ?>">

<?php

echo apply_filters( 'woocommerce_cart_item_price', WC()->cart->get_product_price( $_product ), $cart_item, $cart_item_key ); // PHPCS: XSS ok.

?>

</td>

<td class="product-quantity" data-title="<?php esc_attr_e( 'Quantity', 'woocommerce' ); ?>">

<?php

if ( $_product->is_sold_individually() ) {

$product_quantity = sprintf( '1 <input type="hidden" name="cart[%s][qty]" value="1" />', $cart_item_key );

} else {

$product_quantity = woocommerce_quantity_input( array(

'input_name' => "cart[{$cart_item_key}][qty]",

'input_value' => $cart_item['quantity'],

'max_value' => $_product->get_max_purchase_quantity(),

'min_value' => '0',

'product_name' => $_product->get_name(),

), $_product, false );

}

echo apply_filters( 'woocommerce_cart_item_quantity', $product_quantity, $cart_item_key, $cart_item ); // PHPCS: XSS ok.

?>

</td>

<td class="product-subtotal" data-title="<?php esc_attr_e( 'Total', 'woocommerce' ); ?>">

<?php

echo apply_filters( 'woocommerce_cart_item_subtotal', WC()->cart->get_product_subtotal( $_product, $cart_item['quantity'] ), $cart_item, $cart_item_key ); // PHPCS: XSS ok.

?>

</td>

</tr>

<?php

}

}

?>

<?php do_action( 'woocommerce_cart_contents' ); ?>

<tr>

<td colspan="6" class="actions">

<?php if ( wc_coupons_enabled() ) { ?>

<div class="coupon">

<label for="coupon_code"><?php esc_html_e( 'Coupon:', 'woocommerce' ); ?></label> <input type="text" name="coupon_code" class="input-text" id="coupon_code" value="" placeholder="<?php esc_attr_e( 'Coupon code', 'woocommerce' ); ?>" /> <button type="submit" class="button" name="apply_coupon" value="<?php esc_attr_e( 'Apply coupon', 'woocommerce' ); ?>"><?php esc_attr_e( 'Apply coupon', 'woocommerce' ); ?></button>

<?php do_action( 'woocommerce_cart_coupon' ); ?>

</div>

<?php } ?>

<button type="submit" class="button" name="update_cart" value="<?php esc_attr_e( 'Update cart', 'woocommerce' ); ?>"><?php esc_html_e( 'Update cart', 'woocommerce' ); ?></button>

<?php do_action( 'woocommerce_cart_actions' ); ?>

<?php wp_nonce_field( 'woocommerce-cart', 'woocommerce-cart-nonce' ); ?>

</td>

</tr>

<?php do_action( 'woocommerce_after_cart_contents' ); ?>

</tbody>

</table>

<?php do_action( 'woocommerce_after_cart_table' ); ?>

</form>

<div class="cart-collaterals">

<?php

do_action( 'woocommerce_cart_collaterals' );

?>

</div>

<?php do_action( 'woocommerce_after_cart' ); ?>

<?php

$postClass = 'blog-post';

$postId = get_the_ID();

$lightbox = etheme_get_option('blog_lightbox');

$blog_slider = etheme_get_option('blog_slider');

$post_format = get_post_format();

$post_content = get_the_content('<span class="btn big filled pull-right read-more">'.__('Read More', 'royal').'</span>');

preg_match('/\[gallery.*ids=.(.*).\]/', $post_content, $ids);

$attach_ids = array();

$filtered_content = '';

if(!empty($ids)) {

$attach_ids = explode(",", $ids[1]);

$content = str_replace($ids[0], "", $post_content);

$filtered_content = apply_filters( 'the_content', $content);

}

$slider_id = rand(100,10000);

$postClass .= ' content-'.etheme_get_option('blog_layout');

?>

<article <?php post_class($postClass); ?> id="post-<?php the_ID(); ?>" >

<div>

<?php if($post_format == 'quote' || $post_format == 'video'): ?>

<?php the_excerpt(); ?>

<a href="<?php the_permalink(); ?>" class="more-link"><span class="btn big filled pull-right read-more"><?php esc_html_e('Read More', 'royal'); ?></span></a>

<?php elseif($post_format == 'gallery'): ?>

<?php if(count($attach_ids) > 0): ?>

<div class="owl-carousel post-gallery-slider slider_id-<?php echo $slider_id; ?>">

<?php foreach($attach_ids as $attach_id): ?>

<div>

<?php

$image = wp_get_attachment_image_src( $attach_id, 'large' );

echo sprintf(

'<img data-src="%s" alt="%s" class="owl-lazy attachment-large size-large" data-srcset="%s" sizes="%s" height="%s" width="%s" />',

esc_url( $image[0] ),

get_post_meta( $attach_id, '_wp_attachment_image_alt', true),

wp_get_attachment_image_srcset( $attach_id, 'large' ),

wp_get_attachment_image_sizes( $attach_id, 'large' ),

esc_attr( $image[1] ),

esc_attr( $image[2] )

);

?>

</div>

<?php endforeach; ?>

</div>

<script type="text/javascript">

jQuery(document).ready(function(){

jQuery('.slider_id-<?php echo $slider_id; ?>').owlCarousel({

items:1,

nav: true,

lazyLoad: true,

rewind: false,

addClassActive: true,

autoHeight:true,

responsive: {

1600 : {

items: 1

}

}

});

});

</script>

<?php endif; ?>

<?php elseif(has_post_thumbnail()): ?>

<div class="wp-picture">

<?php the_post_thumbnail('large'); ?>

<div class="zoom">

<div class="btn_group">

<a href="<?php echo etheme_get_image(); ?>" class="btn btn-black xmedium-btn" rel="pphoto"><span><?php esc_html_e('View large', 'royal'); ?></span></a>

<a href="<?php the_permalink(); ?>" class="btn btn-black xmedium-btn"><span><?php esc_html_e('More details', 'royal'); ?></span></a>

</div>

<i class="bg"></i>

</div>

</div>

<?php endif; ?>

<?php if($post_format != 'quote'): ?>

<h6 class="active"><?php the_category(',&nbsp;') ?></h6>

<h2 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>

<?php if(etheme_get_option('blog_byline') && etheme_get_option('blog_layout') != 'timeline'): ?>

<div class="meta-post">

<?php esc_html_e('Posted on', 'royal') ?>

<?php the_time(get_option('date_format')); ?>

<?php esc_html_e('at', 'royal') ?>

<?php the_time(get_option('time_format')); ?>

<?php esc_html_e('by', 'royal');?> <span class="vcard"> <span class="fn"><?php the_author_posts_link(); ?></span></span>

<?php // Display Comments

if(comments_open() && !post_password_required()) {

echo ' / ';

comments_popup_link('0', '1 Comment', '% Comments', 'post-comments-count');

}

?>

</div>

<?php elseif(etheme_get_option('blog_byline') && etheme_get_option('blog_layout') == 'timeline'): ?>

<div class="meta-post">

<?php esc_html_e('Posted by', 'royal');?> <?php the_author_posts_link(); ?>

<?php // Display Comments

if(comments_open() && !post_password_required()) {

echo ' / ';

comments_popup_link('0', '1 Comment', '% Comments', 'post-comments-count');

}

?>

</div>

<?php endif; ?>

<?php endif; ?>

<?php if($post_format != 'quote' && $post_format != 'video' && $post_format != 'gallery'): ?>

<div class="content-article entry-content">

<?php the_excerpt(); ?>

<a href="<?php the_permalink(); ?>" class="more-link"><span class="btn big filled pull-right read-more"><?php esc_html_e('Read More', 'royal'); ?></span></a>

</div>

<?php elseif($post_format == 'gallery'): ?>

<div class="content-article entry-content">

<?php echo $filtered_content; ?>

</div>

<?php endif; ?>

</div>

<?php if(etheme_get_option('blog_byline') && etheme_get_option('blog_layout') == 'timeline'): ?>

<div class="meta-post-timeline">

<?php the_time(get_option('date_format')); ?> /

<?php the_time(get_option('time_format')); ?>

</div>

<?php endif; ?>

</article>

Приложение В. Перечень принятых терминов

  1. Apache (Apache HTTP-сервер) – свободный веб-сервер. Apache является кроссплатформенным ПО, поддерживает операционные системы Linux, BSD, Mac OS, Microsoft Windows, Novell NetWare, BeOS.
  2. PHP – скриптовый язык общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков, применяющихся для создания динамических веб-сайтов.
  3. MySQL – свободная реляционная система управления базами данных. Разработку и поддержку MySQL осуществляет корпорация Oracle, получившая права на торговую марку вместе с поглощённой Sun Microsystems, которая ранее приобрела шведскую компанию MySQL AB.
  4. Плагин (англ. plug-in, от plug in «подключать») – независимо компилируемый программный модуль, динамически подключаемый к основной программе и предназначенный для расширения и/или использования её возможностей.
  5. Таксономия WordPress – это принцип расположения записей. Образно, таксономии можно сравнить с папками на компьютере: куда складываются файлы. Заходим в папку, видим список файлов. В WordPress аналогично: заходим в таксономию (рубрику), видим список записей в ней.
  6. Хостинг (англ. hosting) – услуга по предоставлению ресурсов для размещения информации на сервере, постоянно находящемся в сети (обычно Интернет). Обычно хостинг входит в пакет по обслуживанию сайта и подразумевает как минимум услугу размещения файлов сайта на сервере, на котором запущено ПО, необходимое для обработки запросов к этим файлам (веб-сервер).
  7. WooCommerce – бесплатный плагин для электронной коммерции, с помощью которого можно продавать всё, что угодно, и делать это красиво. Данный плагин — это любимое во всём мире решение, которое обеспечивает полный контроль и владельцам магазинов, и разработчикам.
  8. Виджет – небольшой графический элемент или модуль, вставляемый на сайт или выводимый на рабочий стол для отображения важной и часто обновляемой информации.
  9. Дистрибутив (англ. distribute – распространять) – это форма распространения программного обеспечения. Дистрибутив обычно содержит программы для начальной инициализации системы.
  10. API – описание способов (набор классов, процедур, функций, структур или констант), которыми одна компьютерная программа может взаимодействовать с другой программой.

Приложение Г. Структура папок WooCommerce

  1. Гаевский, А.Ю. 100% самоучитель. Создание Web-страниц и Web-сайтов. HTML и JavaScript / А.Ю. Гаевский, В.А. Романовский. - М.: Триумф, 2018. – С. 32

  2. PwC: Российский рынок видеоигр вырастет до $3,7 млрд к 2021 году [Электронный ресурс]. – Режим доступа: https://adindex.ru/news/tendencies/2017/08/16/161740.phtml – (Дата обращения: 03.04.2019)

  3. PwC: Всемирный обзор индустрии развлечений и СМИ: прогноз на 2017–2021 годы [Электронный ресурс]. – Режим доступа: https://www.pwc.ru/ru/assets/media-outlook-2017-rus.pdf – (Дата обращения: 18.04.2019)

  4. Топ-10 самых популярных CMS в мире 2017 [Сайт] – // URL: https://sdvv.ru/articles/testovyy-razdel/top-10-samykh-populyarnykh-cms-v-mire-2017/ – (Дата обращения: 02.04.2019)

  5. Описание CMS Drupal [Сайт]. – // URL: http://drupal.cmsmagazine.ru/ – (Дата обращения: 02.04.2019)

  6. Информация о Joomla! [Сайт]. – // URL: https://ru.wikipedia.org/wiki/Joomla! (Дата обращения: 09.04.2019)

  7. Топ-10 самых популярных CMS в мире 2017 [Сайт]. – // URL: https://sdvv.ru/articles/testovyy-razdel/top-10-samykh-populyarnykh-cms-v-mire-2017/ – (Дата обращения: 02.04.2019)

  8. Официальный сайт WordPress [Сайт] // URL: https://ru.wordpress.org/download/ (дата обращения: 02.04.2019 г.)

  9. Плагин WooCommerce [Сайт] // URL: https://ru.wordpress.org/plugins/woocommerce/ (дата обращения: 17.04.2019 г.)

  10. Рейтинг CMS для интернет-магазинов [Сайт] // URL: http://www.cloudcms.ru/tags/rejting_cms_dlja_internet_magazinov/ (дата обращения: 07.04.2019 г.)

  11. Обзор хостинг провайдера TimeWeb [Сайт] – // URL: https://avenuesoft.ru/hosting/obzor_timeweb.html (дата обращения: 17.04.2019 г.)