13
внятное представление о блоке, к которому они относятся, чтобы в дальнейшем
было проще писать стили. [23]
HTML-представление интернет-магазина строится на базе шаблонов с
PHP-переменными (названия, описание, цена товара и т.д. - вся эта информация
хранится в таблицах базы данных). Данный подход позволяет создавать
динамическое отображение страниц и оперативно вносить изменения в
раскладку всего интернет-магазина. [24]
Стилизация сайта производится при помощи CSS (Cascading Style Sheets -
каскадные таблицы стилей). CSS — это формальный язык описания внешнего
вида документа, подготовленного с использованием языка разметки. CSS
используется для задания расположения блоков, выбора цветов, шрифтов,
определения размеров элементов и прочих аспектов представления внешнего
вида web-страниц. Основной целью создания CSS являлось разделение
логической структуры web-страницы (создаваемое при помощи HTML) и
описания ее внешнего вида (создаваемое при помощи CSS). Современные
возможности CSS позволяют создавать анимированные элементы без
использования JavaScript, поддерживают создание линейных и радиальных
градиентов, теней и многое другое. [13]
Написание скриптов JavaScript завершает создание «клиентской» части
сайта. JavaScript поддерживается всеми распространенными браузерами.
JavaScript интегрирован с HTML и CSS и позволяет добавить web-страницам
интерактивности: реагировать на действия пользователя, обрабатывать клики
мыши, нажатия клавиш, перемещения курсора, а также отправлять на сервер
запросы и загружать данные без перезагрузки страницы (технология AJAX).
Многие современные сайты используют возможности библиотеки jQuery,
которая позволяет работать с элементами web-страницы, навешивать прослушку
событий, отправлять запросы на сервер. Впрочем, современные возможности
языка JavaScript позволяют обходиться и без jQuery. [30]
Важный этап разработки интернет-магазина — это проектирование базы
данных. Значимость проектирования базы данных объясняется тем, что любое ее
14
изменение влечет более серьезные последствия, чем изменение прочих
компонентов сайта. Поэтому оптимальным вариантом является создание
корректной базы данных с первого раза. [2]
Проектирование базы данных начинается с инфологического
(концептуального) проектирования, которое включает в себя анализ предметной
области и ее описание. После этого переходят к созданию логической модели,
которая описывает все понятия предметной области, их взаимосвязи, требования
к формату данных и ограничения, накладываемые предметной областью.
Логическую модель необходимо перевести в физическую. При этом важно
учитывать следующие правила:
1. Объекты (сущности) должны стать таблицами базы данных.
2. Атрибуты должны стать полями таблиц. При этом каждому атрибуту
должен быть назначен определенный тип данных и, при необходимости,
значение по умолчанию.
3. Уникальные идентификаторы должны стать полями, не допускающими
значение null (это так называемые первичные ключи).
Процесс проектирования базы данных включает ее нормализацию, то есть
оптимизацию базы данных, в процессе которой производят следующие
изменения:
- остаются типы столбцов, обеспечивающие минимальный размер;
- по мере возможности из базы исключаются значения null;
- по возможности остаются числовые столбцы (значения id);
- по возможности столбцам назначается фиксированная длина;
- по возможности столбцам задаются дефолтные значения. [19]
На этапе программирования идет разработка механизмов
функционирования всего интернет-магазина, прописываются алгоритмы работы
с сущностями. В том числе создается система администрирования сайта.
Административная часть служит для того, чтобы с сайтом могли работать
сотрудники, не имеющие навыков верстки и программирования (например,
менеджеры, операторы). Удобная «админка» позволяет сотрудникам изменять
15
информацию на сайте, добавлять и удалять новые продукты, оформлять заказы
— не привлекая к данным рутинным задачам программиста. Таким образом
создается готовая к использованию рабочая версия сайта, которую остается
только наполнить нужным контентом. [6]
Современные веб-сайты обеспечивают индивидуальный подход к
пользователям, динамически реагируя на текущие данные (имя пользователя,
содержание корзины покупок и т.д.). Большая часть таких сайтов написана на
языке PHP.
PHP - это широко используемый универсальный сценарный язык,
созданный для веб-разработки и имеющий возможность внедрения в HTML-код.
Первый релиз под названием «Personal Home Page Tools v. 1.0» вышел в свет в
1995 году. Текущая версия PHP7 вышла в 2015 году. Она основана на последней
версии ядра (Zend Engine 3), чем обеспечивается повышенная
производительность. В настоящее время поддерживается большинством
хостинг-провайдеров и является одним из лидеров среди языков,
применяющихся для создания динамических веб-сайтов. [12]
Популярность применения PHP в области веб-программирования
обусловлена следующими факторами:
простота и доступность для начинающих программистов
наличие набора встроенных средств для разработки web-приложений
PHP-код выполняется на стороне сервера. Клиент получает результаты
выполнения сценария, не имея при этом доступа к исходному коду [11]
автоматическое извлечение POST- и GET-параметров
взаимодействие со всеми основными системами управления базами
данных (MySQL, MySQLi, SQLite, PostgreSQL, Oracle, Oracle (OCI8),
Microsoft SQL Server, Sybase, ODBC, mSQL, IBM DB2х и многими
другими)
автоматизация отправки HTTP-заголовков
встроенные средства для работы с cookies и сессиями
обработка файлов, загружаемых на сервер. [16]
16
Программный код должен не только безошибочно выполнять свои задачи,
но и обладать свойствами повторной используемости, масштабируемости и
безопасности. Особую важность вопросы безопасности имеют при создании
интернет-магазинов.
Чтобы код было удобно использовать повторно и расширять в
дальнейшем, необходимо хорошо его структурировать и документировать. В
процессе разработки сайта также следует протестировать его
производительность. [20]
1.4 Тестирование, выбор хостинга и метода оплаты
После завершения разработки сайта обязательно проводится тестирование.
Самый простой и доступный подход к тестированию интернет-магазина — его
активное использование сотрудниками и знакомыми. Люди, не имеющие
технических знаний, но при этом не раз выступавших в роли типичного
покупателя интернет-магазина, могут придумать такие тесты, которые вряд ли
придут в голову разработчику. Не являясь программистами и не имея
представления о том, как функционирует данный сайт, они могут намеренно или
случайно использовать сайт неподобающим образом, проявляя тем самым его
слабые места. [20]
Кроме того, подобные эксперименты дают возможность получить
обратную связь от первых «покупателей» в вопросах удобства и доступности, а,
следовательно, позволят улучшить пользовательский интерфейс сайта еще на
этапе тестирования. Также могут выявиться некоторые проблемы с
безопасностью сайта, что особенно важно устранить на данном этапе, до
размещения его в сети Интернет. [15]
После тестирования и внесения корректировок, сайт необходимо
разместить в сети, поэтому его переносят на хостинг (от англ. «hosting», host -
главная машина, хозяин).
В процессе выбора хостинга стоит учитывать следующие факторы:
17
цена,
предоставляемые возможности,
производительность,
степень контроля.
Цена (тарифный план) непосредственно определяет все остальные
факторы. В зависимости от тарифного плана предоставляется определенный
объем места на сервере, количество размещаемых сайтов и баз данных, лимит
трафика, количество почтовых аккаунтов, возможность получения SSL-
сертификата и домена, услуги резервного копирования и круглосуточной
поддержки и многое другое. [10]
Как правило, хостинг-провайдеры предоставляют и бесплатные услуги.
Однако в этом случае налагаются существенные ограничения на размер файлов,
трафика, использование домена второго уровня, зачастую провайдер размещает
на сайте свои рекламные баннеры. При этом хостинг-провайдер не связан
никакими обязательствами и может в любой момент изменить условия
пользования или без объяснений удалить аккаунт. Разумеется, вариант выбора
бесплатного хостинга для интернет-магазина, когда особую важность
приобретают обеспечение бесперебойной работы сервера и вопросы
безопасности, исключен.
Объем дискового пространства, предоставляемого современными хостинг-
провайдерами, измеряется гигабайтами. В качестве примера, платные тарифы
провайдера Timeweb предполагают предоставление от 5 до 25 Гб места и в
дополнение 10 Гб для почты. [31] У провайдера Hostinger можно найти тарифные
планы с предоставлением безлимитного места на SSD. [32] Провайдер
«Интернет Хостинг Центр» предлагает один из самых дешевых тарифов для
размещения одного небольшого сайта: за 99 рублей в месяц доступно
размещение на диске SSD 1000 Mb, при этом есть дополнительные бонусы в виде
бесплатного SSL, промокода на рекламу в Google и защиты от DdoS [33] (данные
приведены с официальных сайтов хостинг-провайдеров по состоянию на июль
2018 года).
18
Тарифные планы зачастую предлагают много возможностей, которые для
конкретного проекта могут оказаться избыточными. Следует понимать, что как
правило, реально востребованы такие возможности, как поддержка нужных
версий РНР, MySQL, почтовый сервер (для получения и отправки электронной
почты), поддержка безопасности (бранд мауэр, вирусный сканер), остальное
может быть просто приятным дополнением, но не определяющим фактором при
выборе.
Производительность сервера очень важна, хотя необходимое значение
данной характеристики трудно вычислить заранее. Производительность зависит
от оборудования сервера (типы жестких дисков, объем оперативной памяти, тип
процессоров, их количество и сетевое подключение к серверу). [20]
Таким образом, в процессе выбора хостинга стоит руководствоваться
требованиями, предъявляемыми запускаемым проектом и выделяемым
бюджетом. Также не стоит пренебрегать мнениями и комментариями реальных
пользователей.
1.5 Начало эксплуатации и поддержка сайта
Если говорить об интернет-магазинах, здесь имеется небольшая
особенность, связанная с началом эксплуатации интернет-магазина. Начальный
этап работы традиционных оффлайновых магазинов получил название «мягкое
открытие». На протяжении этого периода магазин работает в обычном режиме,
но не проводит мероприятий по активной раскрутке. Это объясняется тем, что
отладку функционирования магазина гораздо проще осуществлять при наличии
небольшой базы пользователей. Практику «мягкого открытия» разумно
применять и по отношению к интернет-магазинам, поскольку очень важно не
допустить серьезных ошибок на начальном этапе, чтобы не бороться с
последствиями испорченной репутации. [20]
Поддержка сайта начинается с разработки плана регулярного создания
резервных копий сайта. Резервное копирование зачастую осуществляется
19
хостинговой компанией, но иногда это остается задачей разработчика. Стоит
помнить, что в целях обеспечения максимальной сохранности данных, лучше
обеспечить их хранение в разных местах. Никто не застрахован от пожара или
наводнения, поэтому при таком подходе копии данных сайта останутся в целости
и сохранности.
Поддержка сайта также предполагает контроль над данными,
хранящимися на данном сайте, проверку и оптимизацию таблиц базы данных в
целях улучшения быстродействия. Поддержка также включает просмотр
журналов базы данных, чтобы выявить ошибочные и незавершенные запросы,
найти и устранить ошибки вида «файл не найден», определить пиковую нагрузку
или спрогнозировать потенциальные проблемы безопасности. [20]
Применительно к разработке интернет-магазина можно выделить еще один
немаловажный этап: выбор способов оплаты заказа. При выборе способов
оплаты в интернет-магазине стоит следовать главному правилу: если не хотите
упустить покупателя на стадии оплаты, предоставьте на выбор несколько
вариантов оплаты. И если физический товар, приобретаемый в интернет-
магазине, довольно удобно оплатить наличным расчетом в момент доставки, то
некоторые виды товаров (в частности, цифровые товары) практически
обязывают владельца интернет-магазина иметь вариант оплаты «на месте», то
есть online-оплаты. [5]
Чаще всего для оплаты в интернет-магазине применяются следующие методы:
оплата банковской картой
оплата через электронные кошельки
оплата наличными при получении
оплата банковским переводом
оплата через мобильный телефон
оплата наложенным платежом
Чтобы принимать платежи по банковским картам нужно
зарегистрироваться в платежной системе и подключить систему к магазину. В
настоящее время в России довольно много платежных систем, позволяющих
20
принимать различные способы оплаты. Одни из лидеров — Robokassa,
Яндекс.Касса, PayPal. [15]
Оплата при помощи электронных кошельков происходит еще быстрее, чем
оплата картой. При выборе такого метода покупатель перенаправляется на сайт
платежной системы, вводит логин и пароль, подтверждает платеж, после чего
деньги поступают на счет продавца. Такой способ оплаты прост и удобен для
клиента, кроме того, деньги сразу поступают продавцу. Недостатками такого
способа является взимание комиссии (от 0.5 до 7% в зависимости от оборота), а
также необходимость заключения договора на юридическое лицо и зачастую
непростая регистрация интернет-магазина. Лидерами среди электронных
кошельков в России являются Яндекс.Деньги, Webmoney, Qiwi. Подключить
оплату через электронные кошельки также можно при помощи упомянутых
выше агрегаторов.
При оплате банковской картой происходит перенаправление покупателя на
страницу платежной системы, где покупатель вводит данные карты. После этого,
при успешной валидации, деньги списываются с карты, покупатель
возвращается на страницу магазина, а платежная система переводит сумму
оплаты за вычетом комиссии на счет продавца.
Безусловным преимуществом данного вида оплаты является наличие
банковских карт у подавляющего большинства покупателей. Оплата происходит
быстро и удобно для пользователя. Но есть и минусы. Прежде всего, это все еще
сохраняющееся недоверие некоторых покупателей к оплате банковской картой в
сети Интернет. Этому способствуют и мошеннические сайты, и опасение
пользователя совершить ошибку в момент платежа. Также зачастую покупатели
предпочитают избегать предоплаты на сайтах, которые еще не заработали себе
репутацию надежного продавца. Еще одним существенным недостатком
является то, что платежные системы взимают комиссию с каждого платежа.
При выборе варианта оплата наличными покупатель оформляет заказ, а
расчет происходит уже в момент передачи заказа с курьером или в магазине, если
выбран самовывоз. Такой способ оплаты наиболее приятен покупателю,
21
поскольку он избегает всех рисков предоплаты и оплаты в сети. Существует
гарантия получения товара покупателем и оплаты продавцом. Кроме того,
покупатель имеет возможность в момент вручения заказа проверить и даже
вернуть его, отказавшись от покупки. Однако все эти плюсы являются таковыми
для покупателя, продавец же в данном случае лишается преимущества
предоплаченного заказа, а кроме того должен озаботиться выдачей чека и сдачи.
Впрочем, отказываться от этого способа не стоит, поскольку это непременно
приведет к потере недоверчивых клиентов: большинство покупателей,
совершающих первую покупку на незнакомом сайте, предпочитают постоплату
наличными средствами. [5]
Еще один современный и удобный вариант оплаты - через мобильный
телефон. Процесс оплаты привычен и удобен для покупателей, занимает всего 1-
2 минуты, а сам платеж происходит за считанные секунды. Сумма, необходимая
для оплаты товаров или услуг, списывается со счета владельца телефона.
Подтверждение оплаты происходит при помощи SMS. За проведение платежа
также списывается комиссия. [15]
Оплата банковским переводом — долгий и неудобный способ, однако при
работе с юридическими лицами зачастую он необходим. Кроме того, он
исключает возможность мошенничества. При выборе такого метода покупателю
отправляется письмо с реквизитами продавца, после чего покупатель оплачивает
заказ в отделении банка или в системе «клиент-банк». На счет продавца оплата
поступает в среднем через 2-4 дня, и это существенный недостаток. [5]
Вариант оплаты наложенным платежом имеет свои преимущества в виде
расширения зоны торговли на всю страну, однако ввиду того, что в данной
работе будет разрабатываться интернет-магазин, реализующий
скоропортящийся продукт (торты), данный вариант оплаты исключен и
подробно рассматриваться не будет.
22
ГЛАВА 2. ПОСТАНОВКА ЗАДАЧИ И ОБОСНОВАНИЕ ВЫБОРА
ТЕХНИЧЕСКИХ СРЕДСТВ ДЛЯ ЕЕ РЕШЕНИЯ
2.1 Краткая характеристика предприятия
Компания ООО «Тоника» - юридическое лицо «Агентства мобильного
маркетинга и интерактивных технологий». Организация была основана в 2010
году. Компания работает на территории РФ с разными городами от Архангельска
до Сахалина.
Деятельность Агентства направлена на организацию маркетинговых
мероприятий для клиентов посредством голосований, викторин, рассылок СМС-
сообщений и сообщений через мессенджеры.
Помимо этого, Агентство обеспечивает техническую часть работы по
интерактиву в СМИ: газеты, радио, ТВ. На местном ТВ проводится
еженедельное голосование в интерактивной передаче «Позиция», несколько
радиостанций имеют возможность обратной связи со своими слушателями,
которые отправляют СМС-сообщения, в газетах организован прием объявлений
по СМС.
Нередко компания принимает участие в молодежных и детских
мероприятиях и конкурсах.
С 2018 года компания начинает развивать новое направление деятельности
- выпечка и продажа тортов и кондитерских изделий, в связи с чем образовалась
необходимость в создании отдельного сайта.
2.2 Обоснование необходимости создания интернет-магазина
В настоящее время интернет-магазин для компании, занимающейся
торговлей, это не только дополнительный канал сбыта продукции, но и признак
серьезного подхода компании к своему делу, показатель внимательного
отношения к своим клиентам и стремления развиваться.