66
Рисунок 26 – Завершение установки CMS Joomla! на площадке хостера
3.2.3. Перенос БД с локального ПК
Чтобы продолжить разворачивать ИМ на базе установленной CMS,
необходимо перенести базу данных с локального ПК на площадку хостера.
Инструментом для этого послужило веб-приложение phpMyАdmin,
предоставляющееся как в составе локального пакета XAMPP, так и на стороне
хостера. Сначала потребовалось сделать дамп БД в виде текстового файла в
формате ".sql" на локальном компьютере. Для этого нужно в панели управления
XAMPP нажать кнопку "Admin" в строке с надписью MySQL (рисунок 27), или
набрать "http://localhost/phpMyАdmin/" в адресной строке браузера и нажать
Enter на клавиатуре.
Рисунок 27 – Запуск phpMyАdmin из панели управления XAMPP
При этом появляется страница входа в phpMyАdmin, и после авторизации
становится доступен мощный инструментарий для управления СУБД MySQL
(рисунок 28).
67
Рисунок 28 – Инструментарий phpMyАdmin
Для создания дампа БД необходимо выбрать в левой части окна эту БД,
перейти на вкладку "Экспорт", выбрать способ экспорта "Обычный -
отображать все возможные настройки", из списка выбрать таблицы для
экспорта (по умолчанию выбраны все таблицы) и сохранить вывод в текстовый
файл на локальном ПК (рисунок 29). Дамп БД представляет собой текстовый
файл с командами на SQL для создания и наполнения таблиц БД.
Рисунок 29 – Настройки экспорта БД в phpMyАdmin
Далее, необходимо подготовить полученный файл к импорту на стороне
сервера. Для этого данный файл был открыт в текстовом редакторе Notepad++,
после чего был произведен глобальный поиск с заменой фрагментов
прописанных там локальных URL "http://localhost/yakira.loc" на "http://yakira.ru".
68
Затем был запущен phpMyАdmin на стороне удаленного хоста, с помощью него
была создана БД с таким же именем, и настройками, как локальная, после чего
на вкладке "Импорт" был указан и импортирован описанный выше файл. В
результате вновь созданная БД была заполнена такими же таблицами, что и
локальная, с сохранением всех связей, ключей и данных, в том числе - настроек
сайта и панели управления.
3.2.4. Перенос разработанных модулей и компонентов
Последним шагом к переносу сайта на удаленную площадку было
копирование по FTP модулей и компонентов из соответствующих папок
локального ПК в одноименные папки удаленной CMS. Копировались только
вновь созданные и модифицированные модули и компоненты, а также
созданные для них файлы локализации из папки language/ru-RU (такие как ru-
RU.com_jCatalog.ini, ru-RU.mod_breadcrumbs.ini и др.). Файлы локализации
представляют собой текстовые файлы с расширением ".ini", содержащие пары
типа константа - значение. В зависимости от выбранного языка сайта, на месте
этих констант на странице подставляются значения либо из файлов папки en-
En, либо из файлов папки ru-RU. Пока создается только русскоязычный вариант
ИМ.
Также были скопированы модифицированные файлы шаблона
"rhuk_milkyway" из папки "templates".
3.3. Тестирование и отладка
3.3.1. Настройка подключения к удаленной БД
При первом подключении к удаленному ИМ была получена страница с
сообщением об ошибке подключения к БД: "CAN'T CONNECT TO DB-
SERVER!". Такую ошибку выдает серверный сценарий, разработанный для
вызова другими сценариями, требующими подключения к БД (файл "mcon.php"
компонента com_jCatalog). Поэтому пришлось скопировать данный файл в
папку вне локального сайта и заменить в нем значения домена, логина и пароля
на данные, предоставленные хостером. Затем этим файлом был перезаписан
одноименный файл на площадке хостера. В итоге, после прохождения браузера
69
по адресу "http://yakira.ru" появилась главная страница сайта, идентичная
отображенной на рисунке 21.
По мере раскрутки сайта возрастает число посетителей и активность на
нем, а следовательно – количество запросов к базе данных. Для раскрученных и
часто посещаемых веб-сайтов существует проблема производительности БД
при частых и сложных запросах к ней. При небольшой активности время
выполнения сложного запроса не особо заметно, но при сотне таких запросов,
10 миллисекунд, потраченные на выполнение одного запроса уже дают
суммарную задержку в 1 секунду. При слишком большой нагрузке посетитель
может не дождаться загрузки нужной ему страницы, а в некоторых случаях
сайт может вообще "зависнуть". Поэтому при разработке сайтов, рассчитанных
на частые посещения, необходимо оптимизировать запросы к БД, а иногда и
структуру самой БД.
Как правило, существует несколько вариантов запроса для получения
определенной выборки из БД, и эти варианты различаются по времени
выполнения и затратам ресурсов. Оптимизация заключается в нахождении
оптимального способа из всех возможных. [7]
Благодаря непроцедурному языку программирования SQL, вся работа
программиста заключается в описании данных, которые нужно извлечь или
модифицировать, а СУБД при обработке конкретного SQL-запроса решает
каким образом это сделать. Большинство современных СУБД автоматически
оптимизируют запросы, оценивая альтернативные способы получения
результатов и выбирая наиболее эффективный. Для оценки СУБД используют
алгоритмы анализа, называемые планами выполнения запросов. Эти планы
представляют собой последовательность действий, необходимых для
получения результата SQL-запроса в СУБД. [29]
Но иногда этого бывает не достаточно, и тогда необходим личный анализ
выполняемых запросов разработчиком, после чего можно принять правильное
решение. В этом случае для написания правильных запросов надо понимать,
каким образом СУБД воспримет то или иное выражение.
70
На стадии разработки ИМ было решено в оптимизации запросов
полагаться на СУБД MySQL и вернуться к вопросу оптимизации только если
количество посещений сайта возрастет и появятся проблемы с загрузкой веб-
страниц.
3.4. Оптимизация для поисковых систем
Оптимизация сайта для анализа роботами поисковых систем (ПС) требует
приобретения навыков в поисковой оптимизации (SEO). С целью продвижения
сайта следует принять комплекс мер для поднятия позиций сайта в результатах
выдачи ПС по определенным запросам пользователей. Как правило, для
нахождения нужной информации, пользователи Интернет довольно часто
прибегают к помощи таких популярных ПС, как Google, Yandex, Rambler и др.
Чаще всего, пользователь ограничивается результатом запроса, размещенном
на первой (максимум - второй) странице выдачи ПС. Поэтому чем выше
позиция сайта в результатах поиска, тем больше заинтересованных
пользователей различных ПС попадает на этот сайт. При анализе
эффективности SEO оценивается стоимость целевого посетителя с учётом
времени вывода сайта на указанные позиции и конверсии сайта [1]. Под
конверсией сайта понимается процент посетителей, совершивших покупку, от
общего количества посетителей сайта.
Как правило, под SEO подразумеваются следующие действия:
- определение ключевых слов для ПС и размещение их в метатегах и в
контенте на страницах сайта;
- регистрация в каталогах таких ПС, как Яндекс, Google, Rambler, Mail.ru
т.п.;
- реклама в социальных сетях;
- публикация статей на других веб-сайтах;
- создание и ведение блогов;
- обмен ссылками.
В зависимости от степени соответствия требованиям ПС, с учетом
множества деталей и нюансов, SEO делится на "белую", "серую" и "черную"
71
[19]. Для того, чтобы ИМ не попал в бан-листы ПС, было решено следовать
правилам "белой" оптимизации, когда не применяются "нечестные"
технологии, а сам ресурс при этом полезен как для пользователя, так и для ПС.
Согласно этим правилам была проведена контекстная оптимизация страниц и
мета-тегов, написаны уникальные статьи, содержащие все необходимые
ключевые слова, а также изучен вопрос обмена ссылками между сайтами со
схожей тематикой.
Существует несколько типов обмена ссылками (таблица 4):
Таблица 4 - Типы обмена ссылками
Тип обмена
Действия
Прямой (ручной)
Трудоемкий процесс нахождения близких по тематике сайтов и
обмена с ними ссылками по договоренности. Между двумя сайтами
происходит обмен ссылками друг на друга.
Кольцевой
Обмен ссылками между тремя и более сайтами. Первый сайт
ссылается на второй, второй на третий, и т.д., а последний в
цепочке - на первый.
Односторонний
Покупка ссылок в сервисах продвижения и рекламы в Интернет
(Sape.ru, агрегатор Rookee.ru, и т.п.). В настоящее время этот способ
продвижения вымирает.
Перекрестный
В обмене участвуют четыре и более сайтов. Каждый участник
владеет несколькими сайтами. Возможен неравноценный обмен
ссылками: одну ссылку более трастового ресурса - на несколько
ссылок менее трастового.
Автоматический
Системы автоматического обмена ссылками (линкаторы)
существенно упрощают и ускоряют работу по обмену ссылками
между сайтами. В Интернет существует очень много линкаторов,
различных по эффективности.
После 2010 года фактор ранжирования в ПС сместился в сторону
релевантности документа, удовлетворенности посетителя, ассортимента, цены
и т.п., а наличие ссылок отошло на второй план и менее эффективно влияет на
посещаемость. Поэтому обмен ссылками как этап оптимизации ИМ было
решено отложить до завершения других этапов.
3.4.1. Оптимизация для поисковых систем
Для ускорения индексации страниц было решено прибегнуть к
регистрации сайта в наиболее популярных ПС. Для этого во многих ПС
разработаны специальные службы, такие как Google Search Console
72
(https://search.google.com/search-console/welcome) или Яндекс Вебмастер
(https://webmaster.yandex.ru/sites/add/). Там могут предлагаться на выбор
несколько вариантов подтверждения права собственности [39] для регистрации
сайта путем публикации кода подтверждения:
- поместить специальный мета-тег в разделе <head> главной страницы;
- создать специальный html-файл и скопировать его в корень сайта;
- добавить этот код в настройках DNS-записи в личном кабинете.
Для регистрации ИМ в системах Яндекс, Mail.ru и Google был выбран
вариант размещения специального html-файла с кодом подтверждения в корне
сайта.
Также в корне сайта был создан файл robots.txt, и в него добавлен
следующий код для оповещения Яндекс: "Sitemap:http://yakira.ru/sitemap.xml"
Кроме того, через интерфейс Яндекс.Вебмастер была передана карта
сайта. Для этого там из бокового меню выбирается "Индексирование", а затем -
подменю "файлы Sitemap", где указывается адрес карты сайта. Аналогичным
образом был оповещен Google. В панели инструментов для вебмастеров для
этого была выбрана вкладка «Сканирование», а на ней - "файлы Sitemap".
3.4.2. Оценка эффективности работы сайта
После мер, принятых для SEO, появилась потребность оценить
эффективность работы ИМ. Для этого сегодня существует множество сервисов,
которые в общем делятся на технические и маркетинговые. Основная
сложность с выбором единственного сервиса из множества аналогичных
заключается в определении набора параметров, по которым будет
производиться выбор. Целью выбора является предоставление пользователю
максимального качества сервиса [8].
К маркетинговым можно отнести такие сервисы, как «Яндекс.Метрика»
или «Google Analytics», которые предоставляют детальную статистику по
посетителям Веб-сайтов, анализу их поведения, позволяют высчитывать
конверсии и достижения необходимых целей на сайте. Способ подключения
достаточно прост – необходимо зарегистрироваться, получить и разместить
предлагаемый сервисом код на всех страницах, которые необходимо учитывать
73
в статистике, всю остальную работу по сбору данных они сделают
самостоятельно.
К техническим средствам анализа относятся инструменты, позволяющие
замерять статистику по количеству ошибок в приложении, скорость генерации
страниц сайта, наиболее долгие запросы, пропускную способность запросов к
БД, и многое другое (Pindom Website Speed, Webalizer, и т.п.).
В зависимости от используемых средств разработки, инструменты для
технического анализа могут отличаться. В рассматриваемом проекте для этих
целей выбран сервис под названием «Roistat». (http://roistat.com/ru/).
Краткие выводы:
1. Создание интернет-магазина начинается с разработки БД, основанной
на техническом задании.
2. Выбор хостинга следует делать в соответствии с первоначальными
требованиями к проекту.
3. Для рентабельного интернет-магазина требуется оптимизация для
поисковых систем.
4. В Интернет существует множество средств мониторинга веб-проектов,
позволяющих получить информацию, необходимую для анализа и оптимизации
проекта.
74
ЗАКЛЮЧЕНИЕ
В ходе выполнения ВКР была изучена информация о разновидностях,
проектировании и реализации коммерческих веб-проектов.
В первой главе были рассмотрены ключевые вопросы:
- какие на сегодняшний день существуют модели электронной коммерции
и где они применяются;
- как организуются онлайн-платежи;
- какой инструментарий применяется для разработки клиентских и
серверных веб-приложений.
Во второй главе ВКР, исходя из требования к минимальным затратам на
разработку и внедрение, было предпринято следующее:
- проведен бизнес-анализ деятельности заказчика;
- определены задачи, которые должен выполнять проектируемый
интернет-магазин;
- определены физическая и логическая структура сайта;
- определены функциональные элементы, из которых должен состоять
интернет-магазин;
- рассмотрены инструменты для разработки сайта и особенности их
использования;
- выбран хостинг для размещения интернет-магазина и введения его в
эксплуатацию.
В третьей, заключительной главе ВКР:
- проанализированы функциональные возможности стандартных
расширений (шаблонов, плагинов, модулей и компонентов),
поставляемых с выбранной для разработки CMS;
- проведена модификация некоторых стандартных расширений для
оптимизации работы ИМ;
- разработаны новые модули и компоненты для удобства посетителей;
75
- обозначены основные способы оптимизации веб-приложения для
поисковых систем;
- проведен обзор инструментов для анализа функционирования, как
маркетинговых, так и технических показателей проекта.
Для достижения поставленной цели выпускной квалификационной
работы на начальном этапе были определены следующие задачи:
- выявить наиболее популярные на момент написания данной работы
модели электронной коммерции в Интернет;
- ознакомиться с основными типами веб-сайтов;
- определить набор инструментов для разработки веб-проекта;
- смоделировать и реализовать проект веб-сайта;
- провести оптимизацию созданного веб-сайта для наиболее популярных
поисковых систем.
Так как все поставленные задачи решены, можно утверждать, что
поставленная цель исследования достигнута.
Результатом проделанной работы является действующий интернет-
магазин, в любой момент доступный для посетителей. Сайт имеет URL-адрес
http://yakira.ru.