Проектирование, разработка и создание интернет–магазина «Черемушки»

• Введение
• 1. Анализ предметной области
• 1.1 Технико-экономическая характеристика предприятия
• 1.1.1 Классификация интернет магазинов
• 1.1.2 Требования к интернет-магазину
• 1.2 Анализ существующих разработок
• 1.2.1 «Супермаркет Сити» http://city-market74.ru/
• 1.2.2 «Пятый Океан» http://www.5ocean.ru/
• 1.2.3 «Заказ74» http://заказ74. рф/
• 1.2.4 «Доставляем с удовольствием» http://kdomy.ru/
• 1.3 Выводы
• 1.4 Обоснование выбора технологии разработки
• 14.1 Список популярных бесплатных CMS
• 1.4.2 Список популярных платных CMS
• 2. Проектирование предметной области
• 2.1 Проектирование предметной области
• 2.2 Проектирование модели данных
• 2.3 Разработка дизайна
• 2.4 Разработка макета
• 2.5 Выбор хостинга
• 2.6 Описание работы
• 2.7 Тестирование продукта
• 2.8 Инструкция для пользователя
• 2.9 Инструкция для администратора
• Заключение
• Библиографический список

В мире, а в частности в России, огромными темпами растет количество пользователей Internet, и как следствие, количество «электронных» покупателей и потенциальных «электронных» покупателей.

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

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

Высокое качество продукции, умение донести информацию о продукте до потребителя и эффективная система сбыта, делает предприятие успешным на рынке.

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

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

· изучение интернет-магазинов и выявление их недостатков;

· обоснование необходимости создания интернет-магазина;

· проведение анализа и выбор интернет-технологий для разработки интернет-магазина;

· разработка динамических web-страниц интернет-магазина, управляемых базой данных;

· оценка эффективности выполненной разработки.

1. Анализ предметной области

1.1 Технико-экономическая характеристика предприятия

Интернет-магазин — это магазин «витрина», которая расположена в интернете, который дает возможность заказать товар через интернет.

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

Интернет магазин делится на два типа:

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

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

1.1.1 Классификация интернет магазинов

1. Методом розничной продажи товаров в сети: Internet-магазины; Web-витрины, торговые системы; торговые ряды; контентные проекты (потребительские энциклопедии, системы Internet-заказов товаров и т. д.);

2. По бизнес-модели: полностью он-лайновый магазин и совмещение офф-лайнового бизнеса с он-лайновым (когда Internet-магазин создается на основе уже действующей реальной торговой структуры);

3. Взаимоотношениями с поставщиками: магазины, обладающие собственным складом (наличие реальных товарных запасов); магазины, работающие по договорам с поставщиками (отсутствие значительных товарных запасов);

4. По степени автоматизации среди торговых систем электронных магазинов различают Web-витрины, собственно Internet-магазины и торговые Internet-системы (TIS).

1.1.2 Требования к интернет-магазину

— платежные системы, ввод/вывод, конвертацию денежных средств в электронную наличность;

— веб-панель управления содержимым;

— форма обратной связи, отзывы, описание товара, корзина, сравнение товара;

— автоматическое изменение размера картинок при загрузке, и возможность проставления на них своего водяного знака;

— импорт прайс-листа из Exel;

— поиск товара по артикулу, названию, описанию;

— сортировка товара по названию, цене, наличию;

— опрос и голосование для пользователей;

— статистика просмотров товаров;

— блок «с данным товаром покупают» ;

— подбор товара по параметрам;

— партнерская программа (промо-коды для агентов, при вводе кода клиент получает скидку, а агент вознаграждение);

— rss лента новостей и товара;

— форма «перезвоните мне» на всех пользовательских страницах;

— возможность подключения платежных шлюзов;

интернет магазин база страница

— регистрируйте доменное имя на себя, заказывайте хостинг на своё имя;

— при вертске использовать стандарты Schema.org (поддерживаются google, yandex, bing, yahoo);

— справочная информация об интернет-магазине;

— список продаваемых товаров;

— полнота описания потребительских характеристик продаваемых товаров (работ, услуг);

— описание процедуры заказа товара (работы, услуги);

— информация по доставке товара (работы, услуги);

— контроль получения заказов своими клиентами;

— экспортные ограничения по доставке товара (работы, услуги);

— описание процедур возврата денежных средств, обмена товаров.

1.2 Анализ существующих разработок

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

1.2.1 «Супермаркет Сити» http://city-market74.ru/

CityMarket — это интернет-магазин доставки продуктов питания и бытовой химии на дом.

достоинства:

a) дизайн магазина прост и удобен в использовании;

b) время работы магазина и где расположен указано на главной странице;

c) поисковая лента;

Рисунок 1 - Главная

d) корректная и четкая информация о магазине;

e) выведена вкладка новости;

f) магазин заботится о своих клиентах и о их удобствах;

g) раздел вакансий;

h) присутствует наличный и безналичный расчет;

i) каталог продуктов разбит на категории и группы;

j) простая регистрационная форма.

недостатки:

a) лишняя реклама;

b) не все продукты выведены в изображения.

1.2.2 «Пятый Океан» http://www.5ocean.ru/

Бутик «Пятый Океан» — ваш проводник в удивительный мир напитков и деликатесных продуктов, в мир со своей культурой и историей.

достоинства:

a) дизайн сайта выдержан в строгом стиле;

b) время работы магазина на главной странице;

[смотреть приложение 1, рисунок 2 — Главная]

c) товар разбит на большие категории;

d) оформление подарков;

e) вкладка — советы сомелье;

f) подробная контактная информация;

g) покупатель может задать свои вопросы;

h) новостная лента;

i) виртуальный мир.

недостатки:

a) каталог продуктов создан в виде списка;

[смотреть приложение 1, рисунок 4 — Каталог]

b) оплата только наличным расчетом.

1.2.3 «Заказ74» http://заказ74. рф/

Доставка продуктов питания по городу Челябинску.

достоинства:

a) новостная лента;

b) сайт работает с социальными сетями;

c) присутствует онлайн консультант.

недостатки:

a) лишний текст;

b) не все продукты показаны изображениями.

1.2.4 «Доставляем с удовольствием» http://kdomy.ru/

Интернет магазин доставки продуктов.

Достоинства:

a) на главной странице указано время работы;

[смотреть приложение 2, рисунок 6 — Главная]

[смотреть приложение 2, рисунок 7 — Время работы]

b) готовая продукция;

[смотреть приложение 2, рисунок 8 — Готовая продукция]

c) переходами между страницами продуктов осуществляется с помощью прокрутки стрелки;

d) инструкция о способе доставки и оплаты продукции;

e) статьи;

f) безналичный расчет.

[смотреть приложение 2, рисунок 10 — Безналичный расчет]

недостатки:

a) не сотрудничает с социальными сетями.

1.3 Выводы

Таблица 1 — Оценка сайтов

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

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

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

Самым важным на сайте является корзина для покупателя — список товаров, выбранный покупателем в магазине.

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

Способ оплаты так же важен для интернет — магазина. Очень удобным вариантом оплаты являются электронные деньги и оплата наличными.

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

В дальнейшем планируется внедрить метод оплаты электронными деньгами — все эти нюансы достоинства и недостатки будут использованы в данной работе.

1.4 Обоснование выбора технологии разработки

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

Для того чтобы правильно выбрать систему управления для своего сайта нужно рассмотреть:

a) интерфейс:

§ удобства в использовании CMS;

§ внешний вид должен быть приятным, выдержанным в едином стиле;

§ посмотреть основные интерфейсные элементы управления;

§ все должно быть очевидно и понятно, а самое главное — удобно;

§ интерфейс не должен быть «перегружен» текстом и графикой, он должен предоставлять только нужную информацию и не содержать лишнего;

§ выяснить совместимость с браузером, установленным на компьютере.

b) скорость:

§ обратить внимание на скорость работы.

c) стандарты:

§ качественно сделанная CMS обязана поддерживать принятые стандарты.

d) функциональность:

§ система должна обладать всеми функциональными возможностями;

§ узнать, сколько стоит базовый комплект (ядро + набор модулей) и что в него входит.

e) редактирование текста:

§ должен быть визуальный редактор, внешне напоминающий популярный текстовый редактор MS Word;

§ человеко-понятные URL-адреса очень важны;

§ система должна поддерживать мультиязычность (языковые локализации).

f) сервис блокировки пользователей и антиматный фильтр;

g) поиск;

h) хостинг.

14.1 Список популярных бесплатных CMS

1. Joomla — самая популярная в мире CMS, к которой выпущено огромное количество бесплатных модулей для расширения ее функционала.

2. WordPress — самая популярная в мире система для создания блогов, отличается простотой и удобством.

3. TYPO3 — бесплатная CMS система, которая используется в основном для создания корпоративных сайтов.

4. uCoz — интернет платформа, предоставляющая систему управления хостингом и CMS для создания своего сайта. Функционал сайта расширяется за счет подключаемых модулей — опрос, форум, блог, новости и так далее.

5. Drupal — несколько сложновато в освоении и требует определенных знаний веб-программирования, но зато отличается надежностью. Позволяет создать практически все, что угодно: социальные сети, блоги, интернет магазины, форумы, новостные порталы и многое другое.

1.4.2 Список популярных платных CMS

1. 1C Битрикс — бесспорно самая популярная платная CMS для создания корпоративных сайтов и интернет магазинов. Вы платите свои деньги прежде всего за удобство.

2. DataLife Engine — данная CMS в основном используется для создания новостных порталов с большим объемом материала и высокой посещаемостью.

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

Рассмотрев все эти пункты приходим к выводу, что в дипломе лучше использовать Joomla + Virtuemart для создания «ИНТЕРНЕТ УНИВЕРСАМА»

Отметим, на мой взгляд, простые, но в тоже время важные вещи в Joomla:

достоинства:

· бесплатная система управления сайтом;

· достаточно иметь только базовые, поверхностные знания;

· CMS скорость создания сайтов увеличивает в десятки раз, потому всякие встроенные редакторы, модули и плагины, проделывают огромную работу сами;

· хорошая расширяемость возможностей сайта;

· в интернете можно найти огромные сборки профессиональных шаблонов на Joomla любой сложности;

· безопасность сайтов, сделанных на CMS намного выше других, если постоянно обновлять CMS.

Недостатки:

· существенных недостатков не обнаружено.

И в Virtuemart:

· бесплатный скрипт стандартного магазина и невысокая стоимость дополнительного функционала;

· большое количество возможных расширений, платных и бесплатных;

· высокая функциональность;

· легкость установки через автоматический установщик Joomla;

· импорт и экспорт товаров осуществляется через CSV-файлы;

· постоянно ведется работа по улучшению безопасности, по причине высокой популярности компонента Интернет-магазина;

· хорошая техническая поддержка;

· VirueMart может использоваться для создания как интернет-магазина, так и для создания каталога: для этого достаточно отключить показ цен.

2. Проектирование предметной области

Структура сайта — древовидное иерархическое представление всех элементов сайта, включая информационные разделы и их подразделы.

· линейная — страницы располагаются в определенном порядке. Переход с одной страницы на другую строго определен. Такая структура обоснована, например, при обучении;

Рисунок 19 - Линейная

· иерархическая — страницы разбиты по категориям и подкатегориям. Такая структура наиболее удобна;

Рисунок 20 - Иерархическая

· произвольная — страницы расположены в свободном порядке. Такая структура оправдана только для небольших сайтов.

Рисунок 21 - Произвольная

Была выбрана иерархическая структура сайта.

Рисунок 22 - Структура

2.1 Проектирование предметной области

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

Этапы моделирования в которых происходит переход от предметной области к реализации базы данных:

1. Предметная область — это часть реального мира, данные о которой необходимо отразить в базе данных. Предметная область бесконечна и содержит как существенно важные понятия и данные веб-сайта, так и малозначащие или вообще не значащие данные интернет-магазина.

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

3. Логическая модель (интернет-магазина) — описывает понятия предметной области веб-сайта, их взаимосвязь, а также ограничения на данные, налагаемые предметной областью. Логическая модель строится в терминах информационных единиц, но без привязки к конкретной СУБД. Основным средством разработки логической модели данных в настоящий момент являются различные варианты ER-диаграмм.

4. Физическая модель данных сайта — описывает данные средствами конкретной СУБД. Отношения, разработанные на стадии формирования логической модели данных, преобразуются в таблицы, атрибуты становятся столбцами таблиц, для ключевых атрибутов создаются уникальные индексы, домены преображаются в типы данных, принятые в конкретной СУБД.

5. Собственно база данных и приложения — и наконец, как результат предыдущих этапов, появляется собственно сама база данных. База данных реализована на конкретной программно-аппаратной основе, и выбор этой основы позволяет существенно повысить скорость работы с базой данных.

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

2.2 Проектирование модели данных

1 нормальная форма:

Таблица 2 — Список

2 нормальная форма:

3 нормальная форма

4 нормальная форм:

а) назначение:

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

2. Автоматизировать способ покупки продуктов через интернет.

б) целевая аудитория:

возрастная категория не ограничена.

в) содержание:

· о компании — контактная информация о магазине, и адрес где он расположен;

· каталог продуктов — категории продуктов с изображением и с ценами;

· как заказать — форма заказа и инструкция как правильно оформить заказ;

· доставка и оплата — способ оплаты, стоимость доставки, сроки доставки;

· акции-все акции и скидки;

· поисковая система;

· новости.

2.3 Разработка дизайна

Для создания дизайна шаблона было решено выбрать яркие тона, которые бы не отталкивали покупателей и выдерживали строгий стиль интернет — магазина, на сайте не должно быть бесполезной информации, шрифт должен быть легко читаем. Графика должна быть чёткой, красочной и быстро загружаемой, не должна быть анимация и звук, которая медленно загружается, и надоедает посетителям сайта.

В верхней части страницы сайта, как правило, размещается наиболее важная информация: название фирмы, логотип, само название сайта и т. д.

Важно чтобы посетитель без проблем мог найти нужный товар и смог просмотреть информацию по нему.

Чем проще выполнена верхняя часть страницы, тем легче запомнить название сайта и саму фирму.

Будет сделана простая и предельно удобной навигация.

Цветовая гамма будет ориентирована на зеленый цвет на белом фоне:

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

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

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

Прекрасно подходит для web дизайна любого направления. Идеален для текстовых блоков.

Это простой и элегантный цвет.

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

1. Adobe Photoshop CS4 — многофункциональный графический редактор, разработанный и распространяемый фирмой Adobe Systems. В основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Продукт является лидером рынка в области коммерческих средств редактирования растровых изображений, и наиболее известным продуктом фирмы Adobe. Часто эту программу называют просто Photoshop. В настоящее время Photoshop доступен на платформах Mac и Windows.

2. Artisteer — это Визуальный редактор для создания тем для самых распространенных CMS (WordPress, Joomla, Drupal, Blogger, DotNetNuke), шаблонов для HTML сайтов, приложений Asp.net и CodeCharge Studio.

3. Favicon — Favicon.ru — создание и редактирование иконок сайтов.

4. Adobe Dreamweaver CS6 — Богатый инструментарий, открытость приложения для всевозможных настроек, удобный интерфейс и другие особенности сделали Dreamweaver одним из наиболее популярных HTML-редакторов в мире, замечательном помощнике при создании своих веб-сайтов.

2.4 Разработка макета

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

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

Рисунок 27 - Макет

Рисунок 28 - Шаблон

2.5 Выбор хостинга

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

Как выбрать хостинг? Как правило выбор хостинга зависит от преследуемых целей. Хостинг может быть платный и бесплатный. Бесплатный хостинг подойдет для тренировки, т. е. чтоб попрактиковаться с настройкой сайта, подключением домена и т. п.

Выбор — хостинга на бесплатной основе для хороших, перспективных проектов это не серьезно. Как правило данный хостинг имеет ряд ограничений, и обязательным условием при его использовании, является размещение рекламы на вашем сайте (предложенная реклама может быть различной: ссылки, баннеры и т. п.), ведь надо ж хозяевам отбивать деньги, потраченные на аренду сервера, электроэнергию и. т.п.

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

Как правило, чтобы правильно выбрать хороший хостинг, обращают внимание на следующие факторы:

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

2. Какие технологии должен поддерживать сервер. Пример: php, mysql, perl и т. д. Если Вы делаете самый простой статичный сайт на html, то вам можно выбрать хостинг, на котором самый низкий набор технологий, тем самым можно сэкономить денежку. Если вы делаете хороший, перспективный, динамический сайт, то выбирайте тариф с базами данных и всеми скриптами (php, mysql, perl и т. д.).

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

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

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

2.6 Описание работы

1. Установка локального сервера denwer.

· шаг первый, для начало скачайте Denwer, и дважды кликните на скачанном EXE файле;

· шаг второй, на вопрос о безопасности нажмите «Выполнить» для продолжения;

· шаг третий, далее в открывшемся окне инсталлятора нужно подтвердить свое согласие на установку нажатием кнопки «Да» ;

· шаг четвертый, ждем распаковки архива. Вы должны увидеть вот такое вот окошко с прогрессом распаковки;

· шаг пятый, перед вами откроются окно браузера (IE) и консоль. Нужно закрыть браузер для продолжения установки;

· шаг шестой, в открывшемся окошке просто нажимаем «Enter» ;

· шаг седьмой, введите директорию куда бы вы хотели установить Denwer;

· шаг восьмой, в открывшемся окне подтверждаем выбор вводом буквы «Y» (или отменяем если вдруг ошиблись вводом буквы «N»);

· шаг девятый, далее будет создать виртуальный диск. Нажмите «Enter» ;

· шаг десятый, введите название виртуального диска. Выбираем любое название которое не занято в системе;

· шаг одиннадцатый, дальше для продолжения нажимаем опять «Enter» ;

· шаг двенадцатый, ждите пока не произойдет копирование файлов;

· шаг тринадцатый, нужно выбрать один из режимов. Вводим число один или два и нажимаем «Enter» ;

· шаг четырнадцатый, создание ярлыков запуска на рабочем столе. Для создания ярлыков вводим «Y», а если не хотите создавать, то соответственно вводим «N» ;

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

2. Установка на denwer joomla.

· запускаем Денвер, переходим на страницу разработчика;

· внизу страницы Утилиты Заведение новых БД и пользователей MySQLhttp://localhost/denwer/Tools/addmuser/index. php;

· создадим папку 'joomla' - C: WebServershomelocalhostwwwjoomla;

· скачиваем joomla и распаковываем в папку joomla;

· запускаем denwer и прописываем в строке браузера — http://localhost/joomla;

· в окне браузера откроется страница установки Joomla;

· в joomla семь шагов установки, с первый по четвертый нажимаем далее;

· в четвертом шаге заполняем настройки базы данных и нажать далее;

· на шестом шаге установки вводим название и описание сайта;

· седьмой шаг завершает установку Joomla и, установка не будет завершена, пока не удалить директорию INSTALLATION, для удаления директории просто нажмите на кнопку удалить;

· для входа в панель управления наберите в Вашем браузере ;

http://localhost/joomla/administrator.

3. Скачиваем и устанавливаем Virtuemart.

· скачиваем архив и русификатор программы и с помощью менеджера расширений устанавливаем в joomla;

4. Создание шаблона.

· скачиваем и устанавливаем программу Artisteer;

· выбираем шаблон из стандартных или создаем свой;

· импортируем шаблон из программы в архив и устанавливаем на сайт;

· загружаем и редактируем контент.

5. Переносим сайт с локального сервера на платный хостинг.

· первое, что нужно сделать — это создать аккаунт на хостинге;

· для переноса сайта на собственный домен — необходимо его зарегистрировать или, если он у вас уже есть, перенести на хостинг;

· нужно будет на денвере создать копию базы данных (дамп базы), используя инструмент «Экспорт» программы phpMyAdmin;

· следующее, что надо сделать, это переместить файлы на сервер. С помощью любого FTP-клиента (Total Commander, FileZilla и т. п.) или с помощью файлового менеджера в Панели Управления необходимо переместить все файлы из папки локального сервера Денвер (где находится сайт, как правило, путь до файлов: «директория где установлен Denwer/home/имя сайта/www/» в корневую папку сайта на сервере (в нашем случае — «test.ru/public_html»);

· затем необходимо сделать импорт базы данных в созданную базу. Рядом с базой кнопка phpMyAdmin, инструмент «Импорт». Перед совершением импорта, необходимо нажать на имя базы в левом меню, тем самым выбрав базу, куда надо импортировать;

· последний шаг — это настройка соединения с базой данных.

2.7 Тестирование продукта

Тестирование сайта — это проверка сайта разными методами на правильную работоспособность.

Существует два основных способа тестирования — ручной и автоматизированный.

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

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

1. Визуальное отображение

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

Таблица 3 — Проверка браузеров

2. Проверка работы элементов управления

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

3. Тестирование производительности

Отслеживается время загрузки страницы с текстом, картинками, результатами поиска, время на авторизацию.

Таблица 4 — Производительность

4. Нагрузочное тестирование

Нагрузочное тестирование — это проверка работы сайта при одновременном подключении определенного количества пользователей.

В диаграмме оторажено:

· активных клиентов: 50;

· пользовательское время загрузки: 26.16 сек;

· стр. 1, ср: 1,9 м.

5. Тестирование безопасности

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

Таблица 5 — База данных

2.8 Инструкция для пользователя

1. Минимальный заказ в интернет-магазине — 300 рублей.

2. Выбрать понравившийся товар путем нажатия на кнопку «ДОБАВИТЬ В КОРЗИНУ». В окошке «КОЛИЧЕСТВО» указать количество одноименного товара, которого вы хотите приобрести.

3. При нажатии на кнопку «ДОБАВИТЬ В КОРЗИНУ» вы будете каждый раз оказываться в «КОРЗИНЕ ЗАКАЗОВ» .

4. При нажатии на кнопку «ОФОРМИТЬ ЗАКАЗ» Вы попадаете на страницу авторизации.

5. Вы уже зарегистрированы — нужно ввести «ИМЯ ПОЛЬЗОВАТЕЛЯ» и «ПАРОЛЬ». Если вы в первые на сайте, то вам необходимо ввести данные указанные в анкете, поставить галочку «Я согласен с данными условиями» и нажать кнопку «РЕГИСТРАЦИЯ». После этого на вашу почту придет письмо с вашим «ИМЕНЕМ ПОЛЬЗОВАТЕЛЯ» и «ПАРОЛЕМ», которые вам пригодятся для авторизации в интернет-магазине.

6. Далее вам необходимо авторизироваться на сайте, используя для этого «ИМЯ ПОЛЬЗОВАТЕЛЯ» и «ПАРОЛЬ», которые пришли к вам на почту.

7. Нажать на кнопку «ПОКАЗАТЬ КОРЗИНУ» в верхнем правом углу сайта.

8. Нажать кнопку «ОФОРМИТЬ ЗАКАЗ»

9. Далее Вам необходимо подтвердить адрес доставки или указать новый адрес. Нажать кнопку «ДАЛЕЕ» .

10. Выбрать соответствующий вариант доставки. Нажать кнопку «ДАЛЕЕ» .

11. Выбрать способ оплаты. Нажать кнопку «ДАЛЕЕ» .

12. Нажать на кнопку «ПОДТВЕРДИТЬ ЗАКАЗ», при желании можно оставить комментарии в соответствующем поле.

13. В случае возникновения затруднений, Вы можете обратиться к «Онлайн консультанту» или заполнить форму «Обратной» связи.

2.9 Инструкция для администратора

Данное руководство предназначено для администраторов интернет-магазина «Черемушки», работающих с уже установленным на хостинг сайтом и имеющих опыт управления сайтом на системе управления joomla.

Авторизация

Прописав в адресной строке адрес своего сайта, добавив в конце administrator, вы заходите на страницу авторизации, после ввода логина и пароля вы переходите в панель управления.

Вводная информация и термины joomla

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

Значки панели управления

1. Создание материала — одним из основных элементов в Joomla является статья (или материал). Этот пункт меню позволяет перейти к созданию новой статьи.

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

3. Менеджер категорий — все материалы (статьи) в Joomla хранятся в определенных разделах и категориях. Это позволяет сортировать статьи в определенном порядке и облегчить доступ к любому материалу.

4. Медиа менеджер — это один из бесполезных элементов административной панели Joomla. Основное его назначение — удаление лишних изображений, загруженных на сервер.

5. Менеджер Меню — один из главных элементов для любого сайта, а в случае с Joomla его важность возрастает в разы. Именно с помощью меню настраивается отображение тех или иных модулей на странице, формат вывода материалов и прочее.

6. Менеджер пользователей — это элемент предназначен для управления учетными записями пользователей: создание, удаление, изменение.

7. Менеджер модулей — в этом разделе собраны все дополнения к вашему сайту.

8. Менеджер расширений — в этом разделе вы можете загрузить на сайт дополнительный функционал.

9. Менеджер языков — присутствует разделение в менеджере языков на административную и лицевую панели. Можно выбрать любой установленный язык.

10. Общие настройки — имеются достаточно много общесистемных настроек, влияющих, непосредственно на функционирование сайта под управлением Joomla.

11. Менеджер шаблонов — в этой категории вы можете выбрать шаблон для своего сайта или загрузить и установить свой.

12. Мой профиль или другими словами личный кабинет.

Вводная часть virtuemart

Добавление категорий, товара, описания, производителей осуществляет через панель управления Virtuemart.

Добавление и редактирование товара

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

· В форме присутствуют следующие поля:

§ основные настройки;

§ название категории — без комментариев;

§ опубликовано — будет ли категория опубликована на сайте, либо пока скрыта;

§ псевдоним — то, как будет выглядеть текст категории в ссылке URL. (Например: wedal.ru/shop/moloko/prostokvasheno. Если не указывать ничего, то поле после сохранения автоматически заполнится транслитом названия категории.);

§ описание — описание категории. Оформляется в редакторе, а значит может содержать форматирование.

· подробнее:

§ порядок — порядок расположения категории в списке категорий;

§ родительская категория — если категории имеют некоторый уровень вложенности, то здесь можно выбрать родительскую категорию для создаваемой, при условии, что она существует;

§ товаров в строке по умолчанию — аналог шаблонам browse_xиз Virtuemart. Позволяет выбрать, сколько колонок с товарами будет в категории;

§ начальный список категории, Шаг списка категории, Максимальный список категории — эти три опции формируют выпадающий список постраничного разбиения.

Для добавления товара переходим в товары и нажимает кнопку «Создать» .

Форма добавления товара достаточно большая и разбита на несколько вкладок. Рассмотрим каждую из них отдельно.

· вкладка «Информация» — эта вкладка содержит основную информацию о товаре;

· вкладка «Описание» — эта вкладка содержит краткое и подробное описания товара, а также мета-данные;

· вкладка «Статус» — эта вкладка содержит данные о количестве товара;

· вкладка «Габариты / Вес» — эта вкладка содержит описание размеров товара, веса, и. т. п;

· вкладка «Изображения» — на этой вкладке к товару добавляется основное изображение;

· вкладка «Настраиваемые поля» — на этой вкладке к товару добавляются сопутствующие товары и категории, в также дополнительные поля.

Существует два вида добавления изображения для товара:

1. Способ. Загрузка через форму добавления.

В нижней части формы товара во вкладке изображения существует форма выбора файла.

2. Способ. Ручная загрузка на сервер и выбор из списка загруженного.

Вы можете загрузить все изображения на сервер разом в папку, указанную в нижней части формы. После этого В поле «Поиск Изображения» поставьте пробел / Нажмите кнопку «+16» / начните писать название изображения и во всплывающем окне появятся изображения, имеющиеся в папке на сервере, из которых можно выбрать то, которое необходимо для товара.

Товар который вы добавите будет выведен на складе автоматически, вам остается ввести количество.

Создаем список производителей

Открываем вкладку производители нажимает создать, откроется форма.

Заполняем название производителя, описание и изображение.

Настройки

1. Настройки — Самый большой раздел с общими глобальными настройками интернет магазина, состоящий из семи вкладок (Магазин, Внешний вид, Шаблоны, Формирование цен, Оформление заказа, Настройки заказа, SEO).

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

3. Статусы заказов — состояние заказанного товара в базе данных интернет магазина: Pending — Ожидаемый, Confirmed — Подтвержденный, Cancelled — Отмененный, Refunded — Оплаченный, Shipped — Отправленный покупателю. Администратор магазина может расширить список статусов заказов интернет магазина.

Заключение

В ходе выполнения дипломного проекта была достигнута основная цель работы — разработан и создан полноценный Интернет-магазин «Черемушки» .

Все поставленные задачи были выполнены в полном объеме:

· изучение интернет-магазинов и выявление их недостатков;

· обоснование необходимости создания интернет-магазина;

· проведение анализа и выбор интернет-технологий для разработки интернет-магазина;

· разработка динамических web-страниц интернет-магазина, управляемых базой данных;

· оценка эффективности выполненной разработки.

В данном проекте для разработки и создания сайта был выбран язык программирования php.

PHP — это скриптовый server-side язык программирования, предназначенный в основном для включения в html страницу и выполняемый сервером перед выдачей страницы браузеру.

HTML (HyperText Markup Language) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. html-документы могут просматриваться различными типами WEB-браузеров.

Тестирование сайта помогло выявить ошибки и неточности которые были исправлены, позволяя сайту функционировать и работать без проблем.

Благодаря результатам испытаний интернет-магазин «Черемушки» можно заявить что — это полноценный реализованный продуктовый магазин в интернете.

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

На сайте весь товар разбит на восемь больших категорий, далее он перетекает в подкатегории где покупатель с легкостью найдет нужный ему товар — каждый товар имеет подробное описание с изображением, и показано сколько товара осталось на складе. Также на сайте приведен и показан рекомендуемый товар и акции, либо если это новый посетитель сайта, покупатель может воспользоваться поисковой лентой и отдельными вкладками «Как заказать» и «Доставка и оплата» .

Система управления php-скрипта открывает широкие возможности и перспективы интернет-магазину «Черемушки», позволяя ему изменяться в ногу со временем, развиваясь, расширяясь и совершенствуясь.

Четко и грамотно — подготовленная информация позволяет покупателю найти нужный ему товар за довольно короткий срок времени.

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

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

Библиографический список

1. Алексеев А. П.

Введение

в Web-дизайн: учебное пособие. — М.: СОЛОН-ПРЕСС, 2008. — 200 стр.

2. Барсов Р. Постройте профессиональный сайт сами. — СПб. 2009. — 150 стр.

3. Печников В. Н. Самоучитель Web-страниц и Wrb-сайтов. — М.: Триумф, 2006. — 150 стр.

4. Печников В. Н. Создание Web-сайтов без посторонней помощи. — М.: Триумф, 2006. — 170 стр.

5. Б. А. Новиков, Г. Р. Домбровская Настройка приложений баз данных — БХВ-Петербург, 2006. — 220 стр.

6. Билл Скотт, Тереза Нейл Проектирование веб-интерфейсом — Символ-Плюс, 2010. — 250 стр.

7. Стив Суэринг, Тим Конверс, Джойс Парк PHP и MySQL. Библия программиста, 2-е издание — Диалектика, 2010. — 170 стр.

8. Кроудер Д. Создание web-сайта для чайников: 3-е издание. — М.: Диалектика, 2009. — 260 стр.

9. Вильямсов Х. Универсальный Dynamic HTML / Библиотека программиста — СПб.: ПИТЕР, 2001. — 200 стр.

10. http://www.ph4.ru/cms_cms. ph4

11. http://www.cmsmagazine.ru/catalogue

12. http://bistrosite.ru/what_mag

13. http://forum. ixbt.com/topic. cgi? id=26: 2274

14. http://zvirec.com/hosting. php

15. http://wpget.ru/kak-ustanovit-denwer-instrukciya.html

16. http://www.beget.ru/en/art_transfer_denwer

17. http://ktonanovenkogo.ru/vokrug-da-okolo/programs/artisteer-programma-dlya-sozdaniya-redaktirovaniya-shablonov-joomla-tem-wordpress.html

18. http://myjoomlasite.ru/znakomstvo-s-adminkoy.html

19. http://www.joomla-create.net/item/adminka-virtuemart2.html