Создание интернет сайта для магазина мужской косметики

Введение

Автоматизация торговли становится выгодной только с ростом ее масштабов. До тех пор, пока несколько сотрудников справляются с ручной обработкой заказов покупателей, особенно если число покупателей невелико, коммерсантам проще организовать торговлю через Интернет на основе интернет-витрины. Но для фирм, проводящих сотни транзакций в день, это неприемлемо. Наиболее комплексная, хотя и сложная в реализации, система интернет-торговли – интернет-магазин, который охватывает все основные бизнес-процессы торгового предприятия: выбор товаров, оформление заказов, проведение взаиморасчетов, отслеживание исполнения заказов, а в случае продажи информационных товаров или оказания информационных услуг – доставка посредством сетей электронных коммуникаций. Основное отличие Интернет-магазина от традиционного — в типе торговой площадки. Если обычному магазину нужен торговый зал, витрины, ценники, а также продавцы, кассиры и опытные консультанты, то у его онлайнового аналога вся инфраструктура реализована программно. Другими словами, Интернет-магазин — это совокупность программ, работающих на Web-сайте, которые позволяют покупателю дистанционно выбрать товар из каталога и оформить его заказ. Функции витрины и торгового зала выполняют «страницы» с иллюстрированным каталогом товаров, а консультантов — подсказки, инструкции и описания. Все остальное — как в обычном магазине. Даже в интерфейсе Интернет-магазина сохраняются привычные элементы, например виртуальная «тележка» («корзина»), куда по пути к кассе помещаются выбранные товары. Интернет-магазин необходим для средних и крупных компаний. Он позволяет решать задачи прямой связи с конечным потребителем, выводить на рынок новые товары, предоставлять информацию о всех продуктовых линейках. И это очень важные его функции, ведь на сайте можно опубликовать полную информацию о товаре — его состав, материал, функции. И именно за такой информацией часто приходят посетители, становящиеся в дальнейшем заказчиками. Поэтому интернет-магазин это не только площадка для прямых продаж, но и важнейшее рекламное средство.

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

1 Обоснование необходимости внедрения

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

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

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

2 Техническое задание

Требования к программному продукту

2.1 Общие требования к созданию сайта

1. Доменное имя сайта: www.Parfum.ru
2. Название сайта: Интернет-магазин по продаже мужской косметики и парфюмерии.
3. Назначение сайта: онлайновый магазин розничной продажи косметики и парфюмерии в сети, работающий по договорам с поставщиками.
4. Язык сайта: Русский.
5. Сайт не имеет точного объема текстовой информации, так как является динамически заполняемым. База данных увеличивается в среднем на 10 записей в месяц. Размер каждой загружаемой страницы не более 600 кб.
6. Сайт не имеет точного объема графической информации, так как является динамически заполняемым. В среднем одна загружаемая страница содержит 8 картинок и занимает объем 500 кб.
7. Основные ключевые слова, по которым сайт должны находить по запросам в поисковых системах и интернет каталогах: интернет-магазин парфюмерии, интернет магазин по продаже косметики, парфюмерный интернет-магазин.
8. Предполагаемая возрастная аудитория: просматривать каталог могут лица от 7 лет, совершать заказ могут лица от 16 лет, т.к. имеют возможность работать и следовательно в состоянии самостоятельно оплатить заказ.
9. Количество страниц сайта: 24. Главная страница включает в себя 2 панели навигации. В состав горизонтальной панели навигации входит: оформление заказа, акции, контакты, вход, регистрация. В состав второй вертикальной панели навигации входит: парфюм, косметика, аксессуары.
10. Горизонтальная система навигации является статичной. Вторая горизонтальная система навигации вводится из базы данных, следовательно является динамической, представляет собой вертикально выпадающее меню. Чтобы попасть на страницу заказа, необходимо пройти процедуру регистрации и авторизации.
11. Оформление рисунков (о продукции). На сайте имеется превью картинки размером 200х200 пикселей и объемом до 10 кб . Также имеются картинки размером 250х150 пикселей и объемом до 100 кб.
12. Общий фон обновленных страниц не меняется. Сайт выполнен с использованием белых и серебристых тонов, в соответствии с требованиями заказчика. Текст располагается на серебристом фоне. Цвет шрифта белый, серый, Times New Roman размером 14 пикселей. Поскольку интернет магазин предполагает покупку парфюмерной продукции, а не объектов искусства, то стиль шрифта должен быть стандартным классическим.

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

2.2 Минимальные технические требования

- Процессор: Intel® Pentium®  4 2.66 GHz;

- Оперативная память: 512 Mb DDR;

- Видеокарта: 128Mb;

- Жесткий диск: для пользователя он не нужен, для сервера необходимо 100 мб дискового пространства;

- Основной диапазон разрешения монитора: от 1280х720 до 1920х1080 пикселей. Данный сайт не не предусмотрен для запуска на нетбуках.

- Модем со скоростью 128кб/с;

- ОС: MS Windows XP, Vista, Seven;

2.3 Функциональные требования

1) Основная цель: создание интернет магазина.

2) Требования заказчика: интернет-магазин должен содержать информацию о товарах, графические изображения, возможность оформления заказа.

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

3) Интернет-магазин должен обладать масштабируемостью. При проектировании и реализации системы должна быть оценена вероятная интенсивность её использования всеми категориями пользователей и необходимые для этого программно-аппаратные ресурсы. В то же время система должна быть спроектирована таким образом, чтобы не предъявлять чрезмерных требований к аппаратному и базовому ПО на начальном этапе использования, но допускать увеличение производительности простым добавлением необходимых вычислительных ресурсов.

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

Интерактивный режим сайта позволяет самостоятельно изменять и дополнять содержание. С сайтом будут работать только по сети интернет. Для работы через интернет к ПО с клиентской стороны требуется следующее: ОС, активное интернет подключение.

Из всех браузеров больше всех подходит Google Chrome, так как является наиболее быстрым, наиболее адаптивным к показу страниц браузером.

Требования к ПО, необходимого для разработки сайта:

1. Компьютер с ОС;
2. Браузер;
3. Denwer (программная оболочка, используемая Web-разработчиками для разработки сайтов на локальной Windows-машине без необходимости выхода в Интернет );
4. Необходимо выполнение Java скриптов
4. Срок разработки

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

Календарный план приведен в приложении А. 

3. Постановка задачи

3.1 Блок-схема сайта

Рисунок 1- макет сайта

3.2 Навигация сайта

            Рисунок 2- Навигационная схема сайта

3.3 Основные модули сайта

Сайт имеет модуль пользователя.

3.3.1 Пользовательский модуль

При входе на сайту пользователя имеется возможность:

1. Просмотреть каталог парфюмерии, косметики и аксессуаров, разделенного по категориям;
2. Ознакомиться с информацией о магазине;
3. Получить информацию о способах доставки и оплаты за товар;
4. Получить необходимые контакты магазина.

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

После авторизации, возможности пользователя увеличиваются – появляется возможность заказать товар.

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

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

3.4. Страницы сайта.

Попав в главное меню сайта клиент может наблюдать такие ссылки как :

- «Доставка»: перейдя по данной ссылке, клиент будет ознакомлен со всеми доступными вариантами доставки товара;

- «О нас»: перейдя по данной ссылке клиент сможет увидеть приведенную краткую информацию о магазине;

- «Каталог»: перейдя по данной ссылке клиент увидит весь ассортимент, разбитый на категории. Для каждого товара есть описание.

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

4 Расчётная часть

4.1 Разработка архитектуры сайта

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

Дизайн — лицо сайта, важнейший фактор при формировании мнения посетителя, форма представления информации и интерфейс пользователя одновременно. Хороший информационный дизайн снабжает пользователей «дорожными знаками», которые помогают им ориентироваться и не потеряться.

Для создания дизайна сайта был использован программный продукт Adobe Photoshop CS3.

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

Листинг кода таблицы:

<html> <head> </head>

<body>

<table width=100% height=100% border=0 class=c>

<tr>

<td colspan=9 height=19%>

</td>

</tr>

<tr>

<td rowspan=2 width=20% class=tt valign="top">

</td>

<td height=5% align=center class=t></td>

<td height=5% align=center class=t></td>

<td height=5% align=center class=t></td>

<td height=5% align=center class=t></td>

<td height=5% align=center class=t></td>

<td height=5% align=center class=t></td>

<td height=5% align=center class=t></td>

<td height=5% align=center class=t></td>

</tr>

<tr>

<td colspan=8 align=center class="kontent">

</td>

</tr>

<tr>

<td colspan=9 height=8% align="right">Обухов Игорь ЭВМ-52</td>

</tr>

</table>

</body>

</html>

4.2 Выбор провайдера

Хостинг-провайдер «Majordomo»

Год основания 2000. 
  Доля рынка – 2,53%. 
  Расположение – Москва, Санкт-Петербург.

На сегодняшний день «Majordomo» входит в пятерку крупнейших хостинг-провайдеров России, в число его клиентов входят наибольшие компании Санкт-Петербурга и России. Компания имеет лицензию на предоставление телематических услуг связи, а также необходимые свидетельства и сертификаты соответствия.

Компания «Majordomo» удерживает лидирующие позиции на рынке предоставления услуг хостинга во многом благодаря умению предугадывать потребности клиентов и опыту специалистов в решении нестандартных ситуаций.

Компания «Majordomo» предоставляет следующие услуги: хостинг, VPS-хостинг, продвижение сайтов, размещение и аренда серверов, регистрация доменов и др.

Что касается хостинга, то компания «Majordomo» предлагает своим клиентам ряд тарифных планов, которые учитывают различные технические запросы и финансовые возможности.

Хостинг «Majordomo» характеризуется следующими параметрами: 
- бесплатная регистрация домена;

- круглосуточная техническая поддержка;

- возможность обслуживания в кредит;

- неограниченный трафик;

- дисковое пространство – от 1000 до 6000 Мб;

- количество сайтов на одном аккаунте – от 1 до 15 единиц;

- допустимая нагрузка на сервер – от 10 до 20%;

- POP3/SMTP/IMAP4 e-mail – неограниченно;

- фильтрация спама;

- ежедневная архивация информационных материалов;

- FTP-доступ;

- поддержка PHP5, SSI, WAP;

- управление .htaccess.

Услуга VPS-хостинга предоставляется компанией «Majordomo» на базе технологий VDSmanager или Xen (в зависимости от тарифного плана). VPS-хостинг «Majordomo» характеризуется следующими параметрами:

- бесплатная регистрация домена;

- круглосуточная техническая поддержка;

- дисковое пространство – от 7 до 30 Гб;

- неограниченный трафик;

- вычислительная мощность – от 400 до 2200 МГц;

- RAM – от 256 до 2048 Мб, и другое.

Таблица 1- Тарифы виртуального хостинга «Majordomo»

Хостинг-провайдер «ValueHost»

Год основания – 2000. 
  Доля рынка – 9,74%. 
  Расположение – Санкт-Петербург.

Компания ValueHost – один из крупнейших хостинг-провайдеров на территории России, предоставляет услуги веб-хостинга с 2000 года. Компания успешно и плодотворно занимается развитием технологий так называемого «облачного» хостинга на базе многоядерного серверного оборудования. Качественные изменения в работе хостинг-площадки сегодня и стабильность функционирования всех сервисов – это результат труда технических специалистов ValueHost.

Основные преимущества компании ValueHost:

- надежные каналы и оборудование, в частности мощные отказоустойчивыесерверы;

- круглосуточная поддержка пользователей;

- использование современной панели управления услугами;

- гарантии работоспособности сайтов;

- конструктивное взаимодействие с пользователями;

- бесплатная поддержка неограниченного количества доменов и почтовых ящиков.

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

Панель управления услугами ValueHost 2.0 – это современная платформа для хостинга сайтов, файлов и блогов, а также регистрации доменов в интернете. В версии ValueHost 2.0 интегрированы передовые технологии создания сайтов, в частности: Ajax, PHP 5.2.13, MySQL 5, PostgreSQL, Python, Ruby on Rails.

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

-количество доменов – неограниченно;

- место на диске – от 25 до 200 Гб;

- трафик – бесплатный и неограниченный;

- предоставление выделенных IP-адресов;

- базы данных (MySQL 5.0.88) – от 15 до 100;

- базы данных (PostgreSQL 8.3.7) – от 15 до 100;

- поддержка SSI;

- библиотеки Perl и другое.

Таблица 4- Тарифы виртуального хостинга «ValueHost»

Хостинг-провайдер «GoldHost»

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

Таблица 5- Тарифные планы хостинг провайдера «GoldHost.ru»

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

При выборе провайдера учитываются следующие его характеристики:

1. Набор предоставляемых провайдером услуг (базовых и дополнительных),
2. Тарифы на предоставляемые услуги (стоимость подключения, ежемесячная абонентская плата, почасовая стоимость сеансов работы в режиме on-line, стоимость использования дисковой памяти)
3. Состав и уровень загрузки модемного пула провайдера,
4. Пропускная способность внешнего канала (по которому обеспечивается выход на внешние, в первую очередь зарубежные узлы сети Internet) и уровень его загрузки,
5. Показатели качества АТС, обслуживающей провайдера,
6. Уровень технической поддержки пользователей (сдача в аренду компьютерного оборудования, предоставление программных средств, проведение обучения, установка оборудования и программного обеспечения, консультирование),
7. Предоставление пользователям статистических данных о работе узла и отдельных пользователей,
8. Предоставление тестового входа для проверки качества доступа к ресурсам Internet,
9. Способ оплаты услуг (на узле провайдера, через отделения сбербанков)

Из рассмотренных хостинг-провайдеров всем условиям удовлетворяет компания «GoldHost.ru», так как имеет весь необходимый спектр предоставляемых услуг, привлекательное соотношение цена\качество и хорошие отзывы потребителей услуг, что является наиболее важным критерием при выборе хостинг-провайдера для данного сайта был выбран тариф «Народный».

4.3 Выбор программного инструментария для создания ядра сайта и его информационного и графического контента

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

4.3.1 Notepad++ это бесплатный редактор текстовых файлов (замена стандартного Блокнота) с поддержкой синтаксиса большого количества языков программирования, ориентирован для работы в операционной системе MS Windows.Этот проект базируется на компоненте Scintilla (очень мощном компоненте для редактирования) написанном на C++ с использованием только Win32 API и STL (что гарантирует максимальную скорость выполнения при минимальном размере программы), распространяется под лицензией GPL.

Основные особенности Notepad++

1. Подсветка текста и возможность сворачивания блоков, согласно синтаксису языка программирования. Поддерживаются языки : C, C++, Java, C#, XML, HTML, PHP, CSS, makefile, ASCII art, (.nfo), doxygen, ini file, Perl, Python, Lua, TeX, TCL, Assembler, Ruby, Lisp, Scheme, Properties, Diff, Smalltalk, Postscript, VHDL, Ada, Caml, AutoIt, KiXtart, Matlab,).
2. Если у вас есть цветной принтер, вы можете печатать ваши листинги программ или что вы хотите в цвете, так как вы видите на экране в окне редактирования, а не в черно-белом варианте.

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

4) Одновременная работа с множеством документов. Вы можете редактировать сразу несколько документов.

5) Одновременный просмотр нескольких документов. Вы можете просматривать сразу 2 документа. Это подразумевает, что вы можете видеть и редактировать 2 документа в одно и тоже время. Вы можете просматривать и редактировать в двух окнах отображения один и тот же документ в разных местах. Изменение документа в одном окне просмотра будет автоматически перемещено во второе окно просмотра (вы редактируете один документ, который имеет клона во втором окне просмотра).

6) Поддержка регулярных выражений Поиска/Замены. Вы можете искать и заменять одну строку в документе, используя регулярные выражения.

7) Полная поддержка перетягивания фрагментов текста. Вы можете открыть документ, просто перетянув иконку файла на программу. Вы так же можете переместить текст в вашем документе, его часть или отдельное слово, выделив его и перетянув на новое место.

8) Динамическое изменение окон просмотра. Вы можете установить или изменить положение окон просмотра в любое время (поддерживаются 2 режима : с разделением по вертикали или по горизонтале).

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

Несмотря на то, что изначально программа была разработана как редактор изображений для полиграфии, в данное время она широко используется и в веб-дизайне. В более ранней версии была включена специальная программа для этих целей — Adobe ImageReady, которая была исключена из версии CS3 за счёт интеграции её функций в сам Photoshop, а также включения в линейку программных продуктов Adobe Fireworks, перешедшего в собственность Adobe после приобретения компании Macromedia.