Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла (страница 3)

– строка поиска;

– пользовательские ссылки (вход, регистрация, личный кабинет);

– контактная информация.

2) содержимое страницы:

– «хлебные крошки» (навигационная цепочка ссылок, отображающая путь от главной страницы сайта до текущей страницы в иерархическом порядке);

– заголовок страницы;

– основной контент страницы.

– оставить заявку

3) нижняя часть страницы – подвал (footer):

– контакты;

– копирайт.

На рисунке 4 представлена структура страницы сайта.

Рисунок 4 – Структура страницы

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

Рисунок 5 – Карта сайта

Структура личного кабинета:

Заказы – хранит информацию о всех заказах в интернет магазине;

Гараж – информация об автомобилях, и всех имеющих автозапчастей к нему;

Vin-запросы – имеется возможность отправить запрос с последующим вводом информации: дата, статус, автомобиль

Личные данные – возможность изменять личную информацию, такую как ФИО, город, номер телефона, e-mail

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

Смена офиса – выбрать из списка возможных адресов необходимый офис;

Запись в сервис – для записи в сервис необходимо внести предлагаемую информацию;

История платежей – возможность отслеживать историю платежей за конкретный интересующий промежуток времени, с последующим созданием отчета

На рисунке 6 представлена структура личного кабинета.

Рисунок 6 – Структура личного кабинета

Структура окна регистрации в интернет-магазине:

Регистрация для физических лиц. Необходимые поля для заполнения (рисунок 7):

• фамилия;

• имя;

• отчество;

• мобильный телефон;

• email;

• пароль (более 3х символов);

• подтверждение пароля;

• ближайший к вам офис;

• регион;

• город;

• Являюсь членом автоклуба (укажите в комментарии название автоклуба);

• Фактический адрес для доставки;

• С условиями работы согласен;

• Введите код (3 цифры).

Рисунок 7 – Регистрация частных лиц

Регистрация юридических лиц. Поля для заполнения (рисунок 8):

• название организации;

• регион;

• город;

• выберите ближайший к вам офис;

• фамилия;

• имя;

• телефон;

• мобильный телефон;

• email;

• пароль (более 3х символов);

• подтверждение пароля;

• icq;

• skype;

• тип организации;

• информация о вашем юридическом лице;

• тип юридического лица;

• наименование по регистрации (без типа юр.лица);

• инн;

• кпп;

• юридический адрес;

• название банка;

• бик банка;

• к/счет;

• р/счет;

• огрн организации;

• окпо;

• фактический адрес для доставки;

• ваш комментарий (если хотите что-либо добавить).

Рисунок 7 – Регистрация юридических лиц

Запрос на сотрудничество (рисунок 8):

• Введите данные о себе/своей компании;

• Юридическое лицо/ИП;

• ФИО контактного лица;

• Номер телефона;

• Физический адрес;

• Выбор филиалов.

Рисунок 8 – Запрос на сотрудничество

2.5 Принципы работы интернет-магазина

2.5.1 Оформление заказа.

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

2.5.2 Оплата заказа

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

• безналичный вид расчёта – перевод на банковскую карту;

• банковский перевод — оплата за заказ производится банковским платежным поручением на расчётный счет магазина;

• наличный расчет — товар оплачивается курьеру наличными деньгами при получении покупателем товара.

2.5.3 Доставка заказа

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

2.5.4 Юридические основы интернет-торговли

Данный интернет-магазин соблюдает основной закон, регулирующий отношения между покупателем и продавцом — ФЗ "О защите прав потребителей" от 25.10.2007 г.

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

2.6 UML-диаграммы

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

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

Рисунок 9 – Диаграмма последовательности действий

Диагра́мма де́ятельности — UML-диаграмма, на которой показано разложение некоторой деятельности на её составные части. Под деятельностью понимается спецификация исполняемого поведения в виде координированного последовательного и параллельного выполнения подчинённых элементов — вложенных видов деятельности и отдельных действий англ. action, соединённых между собой потоками, которые идут от выходов одного узла ко входам другого(рисунок 10)

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

Рисунок 10 – Диаграмма действий

Диаграмма прецедентов (диаграмма вариантов использования) в UML — диаграмма, отражающая отношения между актёрами и прецедентами и являющаяся составной частью модели прецедентов, позволяющей описать систему на концептуальном уровне.

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

Диаграмма прецедентов представлена на рисунке 11.

Рисунок – Диаграмма прецедентов, отображающая процессы интернет-магазина

3 ПРОЕКТНАЯ ЧАСТЬ ИНТЕРНЕТ-МАГАЗИНА

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

И на основе утвержденных карте и дизайна сайта приступили к верстке html-страниц сайта.

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

…<a href="/vinquery" >Запрос на БУ запчасти</a>

</li>

<li class="">

<a href="/price" >Прайс-лист</a>

</li>

<li class="">

<a href="/opt" >Оптовикам</a>

</li>

<li class="">

<a href="/suppliers" >Поставщикам</a>

</li>

<li class="">

<a href="/coop_request_offices" >Запрос на сотрудничество</a>

</li>

<li class="">

<a href="/franch" >Франшиза</a>

</li>

<li class="">

<a href="/about" >О нас</a>…

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

На рисунке 12 представлена структура главной страницы.

Рисунок 12 – Пример главной страницы

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

Опишем некоторый спроектированный функционал сайта.

Цветовая гамма ориентирована на красно-белые тона, удачно гармонирующие с черным цветом текста.

<div style="text-align: center;"><span style="font-size: 12pt; color: #ffffff;">Тел:(4212)933-916, Whatsapp 89990808008<br /><br />Бесплатная линия 8-800-222-29-15&nbsp;</span></div>2. Технический дизайн

Далее показан фрагмент кода разработки личного кабинета.

<div class="login">

<div class="wVisualFormLogin">

Характеристики

Список файлов ВКР