Создание интернет- магазина

Введение

Интернет сделал возможным  свободный обмен информацией, невзирая на расстояния и государственные  границы. World Wide Web – глобальная компьютерная сеть на сегодняшний день содержит миллионы сайтов, на которых размещена всевозможная информация.

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

На дворе XXI век и  теперь не надо ехать час в метро, потом полтора на автобусе и тридцать минут идти пешком, что бы купить себе необходимую вещь, в каком-нибудь небольшом магазинчике. Теперь можно купить все, что нужно дома, сидя за удобным креслом, и медленно листая Интернет – страницы одна за другой. Перед пользователем открыт огромный ассортимент товаров, а так же различных услуг по приемлемым ценам. Интернет магазины предлагают огромный выбор товаров по ценам производителя, которые значительно меньше цен в магазинах. Интернет-магазин, по мнению большинства людей – это одна из наиболее приятных «услуг» Интернета. И они развиваются с каждым годом, все больше и больше, так как это действительно удобно.

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

Целью данной работы является создание Интернет – магазина салона «Акварель».

Разработка и внедрение системы позволят:

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

Для достижения поставленной цели, необходимо решить следующие  задачи:

• провести анализ предметной области;
• сформулировать требования к разрабатываемому сайту;
• составить структурную схему сайта;
• разработать требования ТЗ для реализации сайта.

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

1. Аналитическая часть

1.1 Знакомство  с организационно-функциональной  структурой и хозяйственной деятельностью предприятия

Салон «Акварель» занимается декорированием окон, дизайном штор. Они подбирают  жалюзи и карнизы. Их задача заключается  в том, чтобы помочь заказчику  выбрать из большого множества портьерных, гардинных тканей, моделей и решений именно то, что будет подчеркивать лучшие пропорции помещения и придаст интерьеру сбалансированность.

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

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

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

Шторы и гардины – это красивое украшение, декор для дома. Когда в доме голые окна, возникает дискомфорт, чувство незащищенности. Дизайн штор предает уют, наполняет ваш дом спокойствием. Если правильно сделать дизайн штор, они способны защитить и от солнца, при этом будут украшением жилища.

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

Салон «Акварель» в своей деятельности руководствуется Конституцией Российской Федерации, Гражданским кодексом РФ и другими законодательными и  нормативными правовыми актами Российской Федерации. Салон «Акварель» основан 16 июня 2003 г.

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

Бухгалтерия производит основную работу с денежными ресурсами салона «Акварель», в обязанности бухгалтерии  входит контроль за поступающими денежными  ресурсами – платежами клиентов за заказ.

1.2 Формализация предметной  области

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

В настоящее время  для этих целей применяются средства автоматизированного проектирования, такие как Ramus. Программный продукт Ramus является мощным инструментом для создания моделей, позволяющих анализировать и документировать данные.

Для визуального представления функционирования разрабатываемого сайта в среде Ramus были разработаны соответствующие диаграммы.

1.2.1 Диаграмма потоков данных DFD

На основании проведенного обследования организации, в среде Ramus была построена диаграмма потоков данных работы с WEB-страницей Интернет – магазина салона «Акварель», с использованием методологии DFD.

• посетитель сайта;
• администратор сайта.
• Хранилища:
• общие сведения о салоне «Акварель»;
• материалы салона «Акварель»;
• сведения о пользователе;
• пользовательские привилегии;
• запросы пользователей;
• ответы на запросы.
• Процессы:
• просмотр главной страницы;
• просмотр материалов салона «Акварель»;
• регистрация пользователя;
• составление запросов;
• редактирование сведений о салоне «Акварель»;
• редактирование материалов;
• управление привилегиями пользователей;
• обработка запросов пользователей.

1.3 Сравнительный  анализ интернет-магазинов

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

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

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

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

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

Окончательный результат  наивысшей частоты встречаемости  разделов информации в процентном соотношении  представлена в приложении В.

Сравнительный анализ, разделов встречаемых на сайтах с частотой встречаемости и количеством  сайтов, на которых присутствуют данные разделы, приведены в таблице 1.

Таблица 1 – Сравнительная характеристика разделов встречаемых на сайтах

При разработке сайта  необходимо учесть десять самых распространенных ошибок в дизайне сайтов:

а) Нечитаемые шрифты.

Нечитаемые шрифты. Две  трети пользователей, которые жалуются на шрифты, недовольны их слишком малым размером, а остальные – низким контрастом шрифта и фона.

б) Нестандартные ссылки.

Ссылка – это главный интерактивный элемент на странице. Нужно соблюдать общепринятые представления о том, как должна выглядеть ссылка: нужно выделять ссылки цветом и подчеркивать их (и не подчеркивать другой текст), выделять просмотренные ссылки, избегать использования JavaScript или других нестандартных технологий, не открывать ссылки в новом окне (кроме файлов PDF и тому подобных исключений), информировать пользователя о том, что он увидит при переходе по ссылке.

• Флэш.

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

г) Контент, написанный не для веба.

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

д) Плохой поиск.

Для улучшения полнотекстового  поиска по сайту может потребоваться установка специального ПО. Это действительно стоит того, потому что поиск – фундаментальная компонента человеческого поведения в он-лайн.

е) Несовместимость браузеров.

Многие веб-разработчики до сих пор не проверяют свои сайты  на совместимость с альтернативными браузерами, хотя каждый десятый пользователь в Интернете не использует Internet Explorer.

ж) Нескладные формы.

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

з) Нет контактной информации или информации о компании.

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

и) «Замороженная» разметка и страницы фиксированной ширины. Здесь две проблемы:

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

к) Неправильное масштабирование фотографий.

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

Приведем несколько  примеров с такими сайтами. На сайте www.shtory-star.ru очень много всплывающих окон и баннерной рекламы. Так же есть текст с очень большим и очень маленьким шрифтом и страницы фиксированной ширины, что приводит к некомфортной работе пользователя.

На сайте http://emmi.ru/ очень  насыщенный фон и мелкий шрифт. Текст  на этом сайте практически не читается. Отдельные страницы содержат большое количество текста, словно переписанного из книги. Информации должно быть не очень много для возможно беглого просмотра. Это лишь маленький пример для общего представления об ошибках, встречаемых на сайтах.

При разработке Интернет – магазина салона «Акварель» необходимо избегать данных ошибок и придерживаться основных правил разработки удобных сайтов.

В данном разделе была рассмотрена деятельность салона «Акварель».

В процессе анализа требований к разрабатываемому Интернет–магазину были разработаны функциональная диаграмма (IDEF0) и диаграмма потоков данных (DFD), описывающие каким образом будет осуществляться его функционирование.

Также были проанализированы десять существующих Интернет – магазинов, с выявлением характеристик, функциональных возможностей, которые должны быть учтены при проектировании и разработке Интернет – магазина салона «Акварель».

По результатам анализа  и по консультации с заказчиком были выявлены будущие разделы Интернет – магазина. А это Главная, Прайс лист, Оформить заказ, Статьи, Дизайнерские работы, Задать вопрос, Контакты.

2. Техническое проектирование

2.1 Предпроектные  стадии разработки интернет-магазина

2.1.1 Формирование  требований к интернет-магазину

В результате проведенного исследования объекта автоматизации была поставлена задача: Интернет – магазин должен представлять собой совокупность динамических страниц автоматически формируемых информацией из БД с возможностью её добавления, редактирования, удаления. Следовательно, при разработке сайта необходимо реализовать:

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

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

• возможность просмотра разнообразной и качественной информации о салоне «Акварель»;
• возможность просмотра полной информации о предлагаемых услугах;
• предоставить посетителю возможность просмотра информации о возможности заказа товара;
• обеспечить легкость в администрировании.

2.1.2 Разработка концепции

При разработке сайтов до сих пор широко используются системы  на базе HTML с использованием дополнительных решений. Однако поскольку в эти системы добавляются в том или ином виде элементы программирования, возникает вопрос: «Стоит ли основывать систему на отдельных HTML-страницах или лучше взять за основу некоторый общий программный код и единую структуру данных?».

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

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

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

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

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

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

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

Однако в нашем случае архитектура  сайта не столь сложна. Ввиду этого нет смысла покупать дорогостоящие продукты, а стоит обратить свое внимание на свободно распространяемые CMS-системы. Open Source решения могут быть не менее эффективны, чем дорогие продукты. Кроме того преимущество Open Source решений в том, что вокруг них обыкновенно существует сообщество пользователей, разрабатывающих и улучшающих продукт и с готовностью делящихся своими знаниями совершенно бесплатно.

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

Были проанализированы следующие  CMS-системы:

1. CMS «Joomla!» используемая по всему миру для всего, от простых сайтов до комплексных корпоративных приложений. «Joomla!» легко устанавливается, проста в управлении, надёжна. Название «Joomla!» является фонетической транскрипцией слова «Jumla» из языка Суахили, что означает «все вместе» или «единое целое».
2. CMS «Siteman». «Siteman» – это система управления контентом (CMS Content Management System), которая подойдёт для обслуживания небольшого сайта. «Siteman» не нуждается во внешних базах данных (например, MySQL), т.к. использует текстовые файлы в качестве своей БД. Всё что нужно для установки «Siteman» – это поддержка Вашим хостингом выполнения PHP-скриптов. В «Siteman» есть всё необходимое для малого сайта или домашней странички.
3. CMS Drupal. Архитектура Drupal позволяет применять его для построения различных типов сайтов – от блогов и форумов до информационных архивов или сайтов новостей. Функциональность обеспечивается подключаемыми модулями, обращающимися к общему API Drupal. Стандартный набор модулей включает такие функции, как новостная лента, блог, форум, загрузка файлов, сборщик новостей, голосования, поиск и другие. Большое количество дополнительных модулей, значительно расширяющих базовые функции, можно скачать с официального сайта.
4. CMS «Mambo». С помощью Mambo CMS можно построить сайт любого уровня сложности. Наличие огромного количества бесплатных расширений (компоненты, модули, шаблоны), легкость в установке и управлении делают Mambo CMS мощной и гибкой системой администрирования.
5. CMS «Limbo». «Limbo» это система управления контентом сайта (CMS) для создания и управления небольшим динамичным сайтом без использования MySQL. «Limbo» (Lite «Mambo») это бесплатная, компактная и быстрая система управления контентом (CMS) небольшого динамичного сайта без использования MySQL.

Результаты сравнительного анализа приведены в таблице 2.

Таблица 2 – Результаты сравнительного анализа CMS-систем

Здесь цифрами обозначено: 1 – представлено очень плохо  или не представлено вовсе; 2 – представлено в недостаточном объеме; 3 – представлено максимально широко.

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

2.2 Основные  технические решения

2.2.1 Выходная  и входная информация

Входная информация

Основными входными данными Интернет – магазина являются:

• новости Интернет – магазина;
• информация о салоне;
• полная информация о каталоге продаваемой продукции;
• информация о дизайнерских работах;
• фотографии сделанные в салоне;
• информация о местоположении салона;
• контактная информация для пользователей.

Выходная информация

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

2.2.2 Схема функциональной  структуры интернет-магазина

Перед началом разработки Интернет – магазина разработана схема функциональной структуры ИМ салона «Акварель».

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

Структурная схема клиента  Интернет – магазина салона «Акварель»

Структурная схема администрирования  Интернет – магазина салона «Акварель»

2.3 Мероприятия  по подготовке интернет-магазина к вводу в действие

Подготовка Интернет – магазина к вводу в действие предполагает выполнение видов работ:

• загрузка системы на Web – сервер;
• инициализация структуры БД системы;
• проведение предварительных испытаний;
• проведение опытной эксплуатации;
• проведение приемочных испытаний.

2.4 Разработка  рабочего проекта интернет-магазина

На главной странице сайта, в левой верхней части, располагается логотип салона «Акварель». В верхней части страницы расположено горизонтальное меню навигации, в правой – информация о новых товарах, панель новых статей, панель последних отзывов, панель опросов, в левой – находится каталог и панель информации для клиентов. Если клиент не авторизован, то слева также будет авторизация. В центре страницы находится поле, на котором представлено приветствие сайта, также последние новости и новые товары. Количество новостей определяется в административной части сайта. Все последующие страницы имеют аналогичную структуру и цветовую схему. Графический интерфейс главной страницы сайта Интернет – магазина салона «Акварель».

Главная страница Интернет – магазина салона «Акварель»

Страница «Прайс-лист», на которой пользователь может прочитать интересующую его информацию о товарах.

Страница «Прайс-лист» Интернет – магазина салона «Акварель»