38
Таблица 5 — сравнение тарифов хостинг-провайдеров
REG.RU
TImeweb
FirstVDS
Процессор
2х2000 Мгц
2х2700 Мгц
2х2400 Мгц
ОЗУ
1024 Мб
1024 Мб
1024 Мб
Дисковое
пространство
20 Гб
60 Гб
60 Гб
Стоимость
1005 руб / мес
925 руб / мес
449 руб / мес
После тщательного анализа тарифных планов и изучения потребностей
клиента было решено остановить выбор на тарифе «VDS Разгон» от компании
FirstVDS, который оказался наиболее оптимальным вариантом. Заказчик
зарегистрировал и оплатил выбранный тариф, после чего предоставил SFTP доступ
к серверу для проведения дальнейших работ по созданию Интернет-магазина.
39
II ПРОЕКТНАЯ ЧАСТЬ
2.1 Разработка проекта автоматизации
2.1.1. Этапы жизненного цикла проекта автоматизации
Понятие жизненного цикла является базовым понятием методологии
проектирования ИС. Жизненный цикл информационной системы является
непрерывным процессом, начинающимся с момента принятия решения о создании
ИС и заканчивающийся в момент полного её изъятия из эксплуатации.
Жизненный цикл информационной системы покрывает все стадии её создания,
поддержки и развития:
исследование предметной области с формированием функциональной и
информационной моделей объекта автоматизации;
проектирование системы, разработка технического задания под нужды
заказчика;
разработка системы, в которую входят программирование функционала,
тестирование систем и подсистем, определенных на стадии проектирования;
Эксплуатация и поддержка системы;
Развитие ИС.
Перечень стадий и этапов работ по создания интернет магазина для компании ООО
«СИМВОЛ БЕЗОПАСНОСТИ» приведен в таблице 6.
40
Таблица 6 — Этапы жизненного цикла проекта
Стадии
Этапы работ
1. Формирование требований к
разрабатываемой системе
1.1. Обследование объекта
автоматизации и определение
потребностей заказчика.
2. Разработка конпепции системы
2.1. Разработка концепции интернет
магазина.
2.2. Структуризация контента,
предоставленного заказчиком.
3. Эскизный проект
3.1. Проектирование интерфейса
4. Технический проект
4.1. Верстка и шаблонизация.
4.2. Программирование требуемого
функционала.
4.3. Настройка и первичное наполнение
4.4. Интеграция с системой 1С
Предприятие 8
5. Ввод в действие
5.1. Настройка хостинга и перенос сайта
5.2. Подготовка к поисковому
продвижению.
5.3. Тестирование приема и обработки
заказов.
Согласно п. 2.2 ГОСТ 34.601-90 стадии и этапы, выполняемые организациями-
участниками работ по созданию АС, устанавливаются в договорах и техническом
задании на основе настоящего стандарта. В зависимости от специфики создаваемых
АС и условий их создания допускается выполнять отдельные этапы работ до
завершения предшествующих стадий, параллельное во времени выполнение этапов
работ, включение новых этапов работ.
1. Формирование требований к разрабатываемой системе
41
1.1. Обследование объекта автоматизации и определение потребностей
заказчика.
Перед тем как начать непосредственное создание Интернет-магазина
потребовалось провести целый ряд встреч с заказчиком, в ходе которых были
выявлены основные задачи и цели проекта, требования, которым он должен был
удовлетворять.
К целям создания Интернет-магазина относится:
1. Расширение уже существующих границ бизнеса, увеличение рынка
сбыта продукции и поиск новых покупателей.
2. Уменьшение издержек организации за счет осуществления
автоматизации работы с клиентами компании.
3. Создание наглядной, функциональной и привлекательной для
посетителей площадки, на которой можно было бы организовать эффективное
продвижение товаров Заказчика.
4. Публикация подробной и точной информации обо всех услугах
компании, о ее деятельности и работе.
5. Увеличение конверсии посетителей в покупателей за счет повышенной
скорости отклика и более нового и современного дизайна сайта в сравнении с
предыдущим примененным и реализованном решением.
6. Повышение объема продаж в целом, что становится возможным при
успешной реализации предыдущих поставленных целей.
К задачам, которые должен выполнять интернет-магазин, относится:
1. Наглядная демонстрация продукции, размещенной в виде
многоуровневого каталога, удобного для всех посетителей интернет-
42
магазина, а также его сотрудников, участвующих в публикации ассортимента
и консультировании клиентов.
2. Организацию корзины, в которую покупатель смог бы добавить
неограниченное количество товаров из ассортимента сайта.
3. Возможность быстро оформить заказ выбранных товаров, в том числе
минуя стадию обязательной регистрации.
4. Максимально удобная подача материала, которая позволила бы
минимизировать почтовые и телефонные контакты с покупателями.
5. Организация автоматической выгрузки товаров организации,
добавленных в систему «1С Предприятие 8».
6. Автоматизация всего обмена данными о сделанных заказах с системой
«1С Предприятие 8» и оперативная загрузка информации.
7. Своевременная и простая публикация новостных статей и информации
об осуществляемой организацией деятельности.
Простой и быстрый сбор отзывов клиентов, в которых они могли бы
поделиться собственными впечатлениями о деятельности компании Заказчика. [30]
2. Разработка конпепции системы
2.1. Разработка концепции интернет магазина.
Интернет-магазин применяется для наиболее наглядного преподнесения
подробной информации об услугах и товарах Заказчика его потенциальным
покупателям. Для этого используется сочетание многочисленных элементов и
расширений системы управления. Их правильная подача способна существенно
увеличить количество заказов со стороны покупателей, что положительно скажется
на общей прибыли компании.
На примере типового Интернет-магазина, построенным таким образом,
можно выявить целый ряд ключевых программных элементов, которые эффективно
43
взаимодействуют между собой, используя для этого функции ядра системы
управления. Это стандартная структура, которая применяется для создания удобных
и надежных проектов, простых в применении.
На информационной модели, приведенной на рисунке 4 можно ознакомиться
с основными элементами системы, к которым относится база данных,
административный и публичный интерфейсы, 1С Предприятие. Все эти элементы
связаны между собой ядром системы управления, координирующим их
взаимодействие.
Рисунок 4 — информационная модель интернет-магазина
2.2. Структуризация контента, предоставленного заказчиком.
Важнейшим этапом разработки интернет-проектов является создание
продуманной и удобной информационной структуры. Это применяемый способ
организации всех размещенных на веб-сайте или в интернет-магазине материалов в
виде наглядной древовидной модели. От тщательной и детальной организации
44
данной структуры напрямую зависит дальнейший комфорт посетителей сайта, их
решения, связанные с совершением покупок и дальнейшей рекомендацией
Интернет-магазина своим знакомым и друзьям.
Этап, на котором производится разработка структуры, всегда должен стоять
перед этапом проектирования будущего интерфейса и дальнейшего создания
готового дизайн-макета. Иначе разработчики просто не смогут получить полное и
подробное представление о требованиях и потребностях заказчика. В свою очередь,
это чревато возникновением серьезных ошибок уже на этапе разработки,
препятствующих созданию эффективной и удобной в использовании системы.
Типовые интернет-магазины имеют достаточно стандартизированный набор
базовых разделов. Среди них можно отметить страницу контактов и главную
страницу, каталог, корзину. Помимо базовых разделов при создании сайта можно
добавить и модульные или информационные страницы, которые содержат более
подробные данные, интересные для посетителей. К таким страницам относится
раздел новостей, публикация отзывов клиентов, размещение информации о
клиентах.
Обычно к моменту начала разработки проекта Интернет-магазина заказчик
еще не обладает полной информацией по материалам, которые будут опубликованы
в дальнейшем. Он имеет весьма смутное представление о том, какие разделы ему
потребуется, и какие данные от планирует там размещать. Поэтому при первых
контактах с клиентам необходимо тщательно проанализировать весь имеющийся в
его распоряжении объем графической и текстовой информации, уточнить форму
представления и объем будущего каталога продукции. Уже исходя из этих данных
можно совместно с клиентом прописать и распланировать ближайшую перспективу
развития его Интернет-магазина.
45
На рисунке 5 представлена информационная структура разделов сайта,
которая была подготовлена в соответствии с представленными заказчиком
материалами после обсуждения и анализа его потребностей.
.
Рисунок 5 — Информационная структура разделов сайта
3. Эскизный проект
3.1. Проектирование интерфейса
В основе шаблона Интернет-магазина лежит целый набор макетов для
типовых элементов и основных страниц сайта, являющихся характерной чертой
фирменного стиля и интерфейса в целом.
Интернет-магазина Simbez.ru имеет целый ряд типовых элементов, которые
повторяются на каждой странице. К ним относятся такие детали, как:
1. «Шапка» сайта. Это верхняя часть страниц, содержащая основные детали
фирменного стиля компании, по которым ее можно будет быстро узнать. Она
включает такие элементы, как:
а. Логотип — характерный фирменный знак Интернет-магазина.
б. Контактная информация. На сайте указаны телефоны самого магазина
и технической поддержки, электронные почты для связи, форма для заказа
обратного звонка. Для большего удобства клиентов указано и время работы
сотрудников.
46
в. Кнопка, которая наглядно раскрывает меню всего каталога
представленной в ассортименте продукции. Это позволяет посетителям сайта
быстро изучить товары и найти то, что им требуется.
г. Основное меню сайта. В нем отображены не только товары, но и услуги
Интернет-магазина, информация о скидках и акциях, полезные статьи и новости, а
также много другой информации.
2. Контент-часть. Ее можно назвать наиболее гибкой частью всего шаблона, так
как она легко меняется от предполагаемого функционала конкретного раздела. При
необходимости в контент-части может быть представлена как подробная текстовая
информация, разбавленная фотографиями, так и могут демонстрироваться
пользовательские формы, каталог, содержимое модулей или различные
интерактивные элементы. Обычно контент-часть содержит такие элементы
страницы, как:
а. Заголовок страницы, как правило описывающий ее суть.
б. «Хлебные крошки», которыми часто называется строчная навигация по
разделам сайта.
в. Содержимое модуля или самой страницы.
г. Дополнительные виджеты или модули, которые могут быть полезны
как посетителям Интернет-магазина, так и его сотрудникам.
3. Нижняя часть страницы. Из-за ее расположения ее иногда могут назвать
«подвал». В ней размещается такие данные, как:
а. Контактная информация, позволяющая посетителям сайта быстро
связаться с его представителями.
б. Дополнительное навигационное меню, делающее изучение сайта более
удобным.
в. Коды счетчиков аналитических систем, которые зачастую помогают
оценить количество и качество приходящего в Интернет-магазин трафика, его
основные источники, страницы входа и много других важных нюансов.
4. Зафиксированная на экране полоса. На ней, как правило, содержатся полезные
кнопки, например для входа на сайт или быстрой обратной связи. Иногда на ней
указывается количество товаров в корзине.
47
Для Интернет-магазина отдельно были разработаны макеты страниц каталога
и товаров, главной страницы, корзины, карточки товара. Это позволяет наиболее
наглядно представить ассортимент магазина и привлечь к нему внимание
посетителей, увеличивая их конверсию в покупателей.
Ключевым элементом всего Интернет-магазина является его главная
страница, играющая роль витрины для демонстрации ассортимента. Именно с нее
начинается знакомство зашедших на сайт посетителей с представленными товарами
и услугами, задается их первое впечатление, создается определенный уровень
доверия и рождается желание продолжать покупки. [8]
Вместе с заказчиком были четко сформулированы основные задачи, которые
должны решать главная страница. В первую очередь, она должна в удобном,
доступном и наглядном формате преподнести информацию о нынешних
предложениях и акциях компании, ознакомить потенциального покупателя с
новостями, скидками на ассортимент и отзывами о продукции и сервисе в целом. По
умолчанию на главной странице должен быть развернут первый уровень каталога
продукции.
После анализа и обсуждения возможных вариантов оформления главной
страницы и различных схем был подготовлен следующий список блоков:
1. Развернутый и наглядный каталог продукции.
2. Так называемый «слайдер», который является своего рода горизонтальный
каруселью баннеров.
3. Важная информация о компании, которая способствует повышению уровня
доверия потенциальных покупателей.
4. Блок преимуществ Интернет-магазина, который должен будет убеждать
посетителей совершить покупку и стать клиентами компании.
5. Отдельный виджет, представляющий карусель продукции.
6. Виджет отзывов, с опубликованными комментариями людей, которые уже
сделали заказ и получили желанные товары.
7. Виджет новостей, который бы знакомил посетителей сайта с последними
новинками и интересными событиями.