Проектирование и оформление Web-сайта электронного магазина
Содержание:
Введение
Решение создать сайт – это решение которое приходит каждому человеку, который занимается деятельностью в самых разных отраслях и сферах деятельности. Иметь собственный сайт — это не просто популярная тенденция, но и эффективный рациональный инструмент увеличения возможностей, связанных с ведением бизнеса. Сайт помогает освободить работников от рутинной работы и обеспечить посетителей наиболее удобным автоматизированным функционалом, которые помогут им достичь цели, для которой был создан этот веб сайт.
Подходов к созданию сайта есть огромное множество, но только некоторые из них более популярны из-за большей эффективности и меньшей трудоемкости.
К основным преимуществам интернет-магазинов относятся:
- Доступность - чтобы приобрести любой товар в интернет-магазине не нужно покидать пределы своего дома. Особенно важно данное преимущество для людей с ограниченной подвижностью и молодых мамочек, которые очень любят шопинг, но не знают с кем оставить своего малыша.
- Анонимность - покупки в интернет – магазинах по вашему желанию могут быть полностью анонимны, а это значит, что вам не придется стесняться продавцов или других покупателей.
- Огромный ассортимент - в интернете вы можете совершить покупку в любом интернет-магазине любой страны. А значит, для вас открывается не просто огромный, а безграничный выбор самых разных товаров со всего света.
- Экономия времени
- Свобода выбора
- Низкая цена
- Доставка
- Полная информация о товаре
Целью курсовой работы является изучение основных методик создания сайтов и проектирование и оформление WEB-сайта электронного магазина.
Для достижения поставленной цели были выведены следующие задачи:
- Анализ предметной области
- Постановка задачи
- Выбор среды разработки
- Проектирование WEB-сайта электронного магазина
- Определение назначения разработки WEB-сайта
- Классификация взаимосвязей
- Определение состава таблиц формы базы данных
- Определение запросов, форм и отчетов
- Пользовательский интерфейс WEB-сайта электронного магазина
- Результаты реализации и тестирования
В первой главе производится анализ деятельности интернет магазинов, постановка задачи и определяются средства разработки, которые будут использоваться при создании WEB-сайта электронного магазина.
Во второй главе рассматривается и осуществляется проектирование WEB-сайта электронного магазина и оформляется WEB-сайт электронного магазина.
В третьей главе демонстрируются результаты реализации и тестирования WEB-сайта электронного магазина.
1. Техническое задание и выбор средств реализации
Сайт (Веб сайт, Интернет-сайт) – набор файлов с информацией (веб-страниц), которые размещены на специальных веб-серверах, постоянно подключенных к сети Интернет. За счет этого файлы с информацией доступны для любого человека, у которого есть выход в Интернет.[1]
Все сайты в совокупности составляют Всемирную паутину, где коммуникация (паутина) объединяет сегменты информации мирового сообщества в единое целое — базу данных и коммуникации планетарного масштаба. Для прямого доступа клиентов к сайтам на серверах был специально разработан протокол HTTP.
Интернет-магазин — сайт, торгующий товарами посредством сети Интернет. Позволяет пользователям онлайн, в своём браузере или через мобильное приложение, сформировать заказ на покупку, выбрать способ оплаты и доставки заказа, оплатить заказ. При этом продажа товаров осуществляется дистанционным способом, и она накладывает ограничения на продаваемые товары. Так, в некоторых странах имеется запрет на Интернет-торговлю алкоголем, оружием, ювелирными изделиями и другими товарами (к примеру, в России запрещена дистанционная продажа алкоголя, ювелирных изделий и других товаров).
В качестве предметной области создания WEB-сайта электронного магазина была выбрана тематика магазина видео игр, а также всех сопутствующих товаров и аксессуаров, которые понадобятся покупателю.
В России, как и во всем мире в целом, рынок видео игр считается одной из наиболее перспективно развивающихся отраслей цифровой индустрии, обходя музыкальную, книжную и видео сферы. Видео игры ежегодно приносят многомиллиардные доходы их производителям, а также привлекает огромную аудиторию для магазинов по их продаже.
Одной из выгод этой сферы является широкая целевая аудитория и заинтересованность в повторных покупках.
«Темпы российского рынка видеоигр будут одними из самых высоких в мире, при этом рост будет обеспечиваться главным образом за счет быстро увеличивающегося объема продаж мобильных игр» -отмечает одна из крупнейших консалтинговых компаний.[2]
Рис. 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 (бизнес-для-потребителя).
На сайте должен присутствовать следующий функционал:
- Главная страница
- Корзина
- Каталог
- Карточка товара
- О магазине
- Регистрация
- Авторизация
- Оформление заказа
- Личный кабинет
- Раздел контактов
Необходимо разработать сайт, который должен соответствовать всем минимальным необходимым требованиям для успешного функционирования. Выделим основные требования:
- Дизайн должен быть простым, ненавязчивым, оригинальным. Это основные критерии.
- Сайт должен обладать грамотным пользовательским интерфейсом. Максимально удобный, ориентированный на вашу целевую аудиторию. При его создании необходимо подумать о целевой аудитории сайта – тех, кто будет заходить в магазин и что именно будет искать на сайте.
- На сайте должна присутствовать логичная навигация. Основные разделы сайта (Главная, Магазин, Корзина, Контакты и т. д.) лучше разместить сверху, полезные ссылки, дружественные сайты и т. п. – в боковом меню.
- Все полезные ссылки, а также дублирование разделов сайта необходимо расположить в нижней части сайта. Это дополнительный способ привлечь внимание.
- Сайт должен содержать качественный контент. Все знают: контент – «король», от его присутствия и качества зависит насколько долго пользователь находится на сайте, а также вернется ли он на него вновь.
- Контакты так же должны присутствовать на сайте. Это обязательное условие: связь с вами должна быть удобной и самой прямой.
- Необходимо реализовать функцию поиска. Подойти к ней нужно максимально ответственно так как от результатов поиска зависит удержание конкретного пользователя.
- На сайте обязательно должна присутствовать регистрация. Максимально простая и быстрая регистрация располагает к вашему интернет магазину и наиболее эффективно приближает покупателя к совершению покупки.
- Карта сайта. Данный раздел способствует лучшей индексации страниц, а также помогает пользователям составить мнение о сайте.
- Для лучшей масштабируемости сайта – отделить контент от дизайна. HTML не дает такой возможности. Нужно использовать CSS-файлы. Это поможет поисковым системам лучше идентифицировать именно контент, избегая элементы верстки и дизайна, которые затрудняют поиск контента.
- Необходимо задуматься о совместимости браузеров. Идеально, если сайт совместим со всеми браузерами и платформами, с которыми работает современное общество и ваши покупатели.
- Сайт должен предусматривать оптимизацию изображений. Изображения не должны быть слишком большими, но и качество их должно оставаться на уровне. Оптимизация изображений определяет скорость загрузки сайта.
1.2 Выбор среды разработки
В качестве среды разработки выбор упал на Систему Управлением Контента (CMS), которая удовлетворяет все требования компании для которой разрабатывается сайт.
CMS — это система управления контентом, набор скриптов для создания, редактирования и управления контентом сайта. На профессиональном жаргоне CMS также называют «движок».
Если раньше большинство сайтов были статичными; и требовали внесения правок в их содержимое вручную, то сейчас динамика развития проектов требует готовности быстро реагировать на изменения и внедрять их с максимальной оперативностью. При этом не все пользователи хотят или могут себе позволить обращаться к разработчикам, особенно если сайт требует постоянной работы над ним.
Основные функции CMS:
- Предоставление набор инструментов для создания содержимого, организация совместной работы над содержимым;
- Управление содержимым и его публикация;
- Представление информации в виде, удобном для навигации, поиска.
Рис. 2 – Топ-10 самых популярных CMS в мире 2017[4]
Для того чтобы убедиться в правильности сделанного выбора – сравним три лидирующих CMS систем на основании рисунка 2 – WordPress, Joomla и Drupal.
- 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, для установки и администрирования обычных сайтов не требуются навыки программирования.
- 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
-
- 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 знает, кто является автором, какой записи.
Рис. 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).
Рис. 4 – FTP программа FileZilla
Затем необходимо зайти на сайт и начать процедуру установки CMS WordPress (Рис. 5).
Рис. 5 – Установка WordPress
Затем необходимо установить плагин для создания интернет-магазина под названием WooCommerce (Рис. 6).
Рис. 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.
Работоспособность в каждом из браузеров сохранялась полностью. Корректно работают, не только основные, но и второстепенные все разделы сайта.
Сохранен и протестирован:
- Функционал главной страницы
- Функционал страницы с карточкой товара
- Функционал формы оформления заказа
- Функционал личного кабинета
Различия во внешнем виде незначительны. Права доступа работают корректно.
Список литературы
Учебники, монографии, брошюры
- Акила, К. Интернет-магазин с нуля. Полное пошаговое руководство / К. Акила, А. Еремеевский. - М.: Питер, 2019. - 176 c.
- Басыров, Р. 1С-Битрикс. Строим профессиональный сайт и интернет-магазин / Р. Басыров. - М.: Книга по Требованию, 2018. - 544 c.
- Бирюков, П.И. Интернет-шопинг. Реальный путеводитель по виртуальным магазинам / П.И. Бирюков. - М.: Феникс, 2016. - 225 c.
- Богданов-Катьков, Н.В. Интернет для начинающих / Н.В. Богданов-Катьков, А.А. Орлов. - М.: Эксмо, 2019. - 384 c.
- Гаврилов, Л. П. Электронная коммерция: учебник и практикум для бакалавриата и магистратуры / Л. П. Гаврилов. — М. : Издательство Юрайт, 2018. — 363 с
- Гаевский, А.Ю. 100% самоучитель. Создание Web-страниц и Web-сайтов. HTML и JavaScript / А.Ю. Гаевский, В.А. Романовский. - М.: Триумф, 2018. – С. 32
- Конверс, Вильямс PHP 5 и MySQL. Библия пользователя / Конверс, др. Т. и. - М.: Вильямс, 2019. - 551 c.
- Крахоткина Е. В. Системы электронной коммерции и технологии их проектирования: учебное пособие, СКФУ, 2016 г. – 129 с.
- Кузнецов М.В. PHP. Практика создания Web-сайтов / Кузнецов, М.В. и. - М.: БХВ-Петербург, 2017. - 945 c.
- Мишин В. В., Мартиросян К. В. Интернет-технологии: учебное пособие - СКФУ 2015 г. – 106c
- Мишин В. В., Мартиросян К. В. Технологии Internet-коммерции: учебное пособие - СКФУ 2015 г. – 102c
- Рассел, Джесси Интернет-магазин / Джесси Рассел. - М.: VSD, 2017. - 230 c.
- Розенфельд, Л. Информационная архитектура в Интернете / Л. Розенфельд, П. Морвиль. - М.: СПб: Символ-Плюс; Издание 2-е, 2018. - 544 c.
- Салбер, Алена Как открыть интернет-магазин / Алена Салбер. - М.: SmartBook, 2016. - 320 c.
- Салбер, Алена Как открыть Интернет-магазин / Алена Салбер. - М.: Омега-Л, 2016. - 320 c.
- Сидоренко, Александр Анатомия прибыльного интернет-магазина / Александр Сидоренко. - М.: Издательские решения, 2019. - 595 c.
- Соловьев, Д. Интернет-магазин без правил / Д. Соловьев, А. Писарев. - М.: Питер, 2019. - 826 c.
- Соловьев, Д. Интернет-магазин без правил / Д. Соловьев, А. Писарев. - М.: Питер, 2019. - 213 c.
- Стеймец, Ульям. PHP. 75 готовых решений для вашего сайта +CD / Стеймец, Ульям. - М.: СПб: Наука и Техника, 2017. - 256 c.
- Ульман, Л. PHP и MySQL. Cоздание интернет-магазинов / Ларри Ульман. - М.: Вильямс, 2018. - 544 c.
- Успенский, И. Интернет как инструмент маркетинга / Игорь Успенский. - М.: СПб: BHV, 2018. - 256 c.
Интернет-ресурсы
- PwC: Всемирный обзор индустрии развлечений и СМИ: прогноз на 2017–2021 годы [Электронный ресурс]. – Режим доступа: https://www.pwc.ru/ru/assets/media-outlook-2017-rus.pdf – (Дата обращения: 18.04. 2020)
- PwC: Российский рынок видеоигр вырастет до $3,7 млрд к 2021 году [Электронный ресурс]. – Режим доступа: https://adindex.ru/news/tendencies/2017/08/16/161740.phtml – (Дата обращения: 03.04. 2020)
- Информация о Joomla! [Сайт]. – // URL: https://ru.wikipedia.org/wiki/Joomla! (Дата обращения: 09.04. 2020)
- Обзор хостинг провайдера TimeWeb [Сайт] – // URL: https://avenuesoft.ru/hosting/obzor_timeweb.html (дата обращения: 17.04. 2020)
- Описание CMS Drupal [Сайт]. – // URL: http://drupal.cmsmagazine.ru/ – (Дата обращения: 02.04. 2020)
- Официальный сайт WordPress [Сайт] // URL: https://ru.wordpress.org/download/ (дата обращения: 02.04.2020 г.)
- Плагин WooCommerce [Сайт] // URL: https://ru.wordpress.org/plugins/woocommerce/ (дата обращения: 17.04. 2020 г.)
- Рейтинг CMS для интернет-магазинов [Сайт] // URL: http://www.cloudcms.ru/tags/rejting_cms_dlja_internet_magazinov/ (дата обращения: 07.04. 2020 г.)
- Топ-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"> </th>
<th class="product-thumbnail"> </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">×</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 ) . ' ' );
} 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(', ') ?></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>
Приложение В. Перечень принятых терминов
- Apache (Apache HTTP-сервер) – свободный веб-сервер. Apache является кроссплатформенным ПО, поддерживает операционные системы Linux, BSD, Mac OS, Microsoft Windows, Novell NetWare, BeOS.
- PHP – скриптовый язык общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков, применяющихся для создания динамических веб-сайтов.
- MySQL – свободная реляционная система управления базами данных. Разработку и поддержку MySQL осуществляет корпорация Oracle, получившая права на торговую марку вместе с поглощённой Sun Microsystems, которая ранее приобрела шведскую компанию MySQL AB.
- Плагин (англ. plug-in, от plug in «подключать») – независимо компилируемый программный модуль, динамически подключаемый к основной программе и предназначенный для расширения и/или использования её возможностей.
- Таксономия WordPress – это принцип расположения записей. Образно, таксономии можно сравнить с папками на компьютере: куда складываются файлы. Заходим в папку, видим список файлов. В WordPress аналогично: заходим в таксономию (рубрику), видим список записей в ней.
- Хостинг (англ. hosting) – услуга по предоставлению ресурсов для размещения информации на сервере, постоянно находящемся в сети (обычно Интернет). Обычно хостинг входит в пакет по обслуживанию сайта и подразумевает как минимум услугу размещения файлов сайта на сервере, на котором запущено ПО, необходимое для обработки запросов к этим файлам (веб-сервер).
- WooCommerce – бесплатный плагин для электронной коммерции, с помощью которого можно продавать всё, что угодно, и делать это красиво. Данный плагин — это любимое во всём мире решение, которое обеспечивает полный контроль и владельцам магазинов, и разработчикам.
- Виджет – небольшой графический элемент или модуль, вставляемый на сайт или выводимый на рабочий стол для отображения важной и часто обновляемой информации.
- Дистрибутив (англ. distribute – распространять) – это форма распространения программного обеспечения. Дистрибутив обычно содержит программы для начальной инициализации системы.
- API – описание способов (набор классов, процедур, функций, структур или констант), которыми одна компьютерная программа может взаимодействовать с другой программой.
Приложение Г. Структура папок WooCommerce
-
Гаевский, А.Ю. 100% самоучитель. Создание Web-страниц и Web-сайтов. HTML и JavaScript / А.Ю. Гаевский, В.А. Романовский. - М.: Триумф, 2018. – С. 32 ↑
-
PwC: Российский рынок видеоигр вырастет до $3,7 млрд к 2021 году [Электронный ресурс]. – Режим доступа: https://adindex.ru/news/tendencies/2017/08/16/161740.phtml – (Дата обращения: 03.04.2019) ↑
-
PwC: Всемирный обзор индустрии развлечений и СМИ: прогноз на 2017–2021 годы [Электронный ресурс]. – Режим доступа: https://www.pwc.ru/ru/assets/media-outlook-2017-rus.pdf – (Дата обращения: 18.04.2019) ↑
-
Топ-10 самых популярных CMS в мире 2017 [Сайт] – // URL: https://sdvv.ru/articles/testovyy-razdel/top-10-samykh-populyarnykh-cms-v-mire-2017/ – (Дата обращения: 02.04.2019) ↑
-
Описание CMS Drupal [Сайт]. – // URL: http://drupal.cmsmagazine.ru/ – (Дата обращения: 02.04.2019) ↑
-
Информация о Joomla! [Сайт]. – // URL: https://ru.wikipedia.org/wiki/Joomla! (Дата обращения: 09.04.2019) ↑
-
Топ-10 самых популярных CMS в мире 2017 [Сайт]. – // URL: https://sdvv.ru/articles/testovyy-razdel/top-10-samykh-populyarnykh-cms-v-mire-2017/ – (Дата обращения: 02.04.2019) ↑
-
Официальный сайт WordPress [Сайт] // URL: https://ru.wordpress.org/download/ (дата обращения: 02.04.2019 г.) ↑
-
Плагин WooCommerce [Сайт] // URL: https://ru.wordpress.org/plugins/woocommerce/ (дата обращения: 17.04.2019 г.) ↑
-
Рейтинг CMS для интернет-магазинов [Сайт] // URL: http://www.cloudcms.ru/tags/rejting_cms_dlja_internet_magazinov/ (дата обращения: 07.04.2019 г.) ↑
-
Обзор хостинг провайдера TimeWeb [Сайт] – // URL: https://avenuesoft.ru/hosting/obzor_timeweb.html (дата обращения: 17.04.2019 г.) ↑
- Разработка и реализация прикладного решения для автоматизации складского учета
- Основы программирования на языке Pascal (история и развитие)
- Управление инновационным проектом
- Управление запасами АО «Тамбовский хлебокомбинат»
- Управление приемом, размещением и хранением товаров. Классификация запасов АО «Тамбовский хлебокомбинат»
- Архитектура современных компьютеров
- Жизненный цикл организации и управление организацией
- Понятие правонарушения
- Понятие и виды наследования (теоретический анализ)
- Судебная власть государства: организация и полномочия (подробно)
- Понятие и признаки государства
- Автоматизация складского учета на предприятии ООО «Ви Менеджмент»