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

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

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

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

Рисунок 4.1 – Статическая шапка

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

Рисунок 4.2 – Графическая шапка

Навигационное меню – представлено на рисунке 4.3, входят разделы, имеющие отношение к продукции.

Рисунок 4.3 – Навигационное меню

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

Рисунок 4.4 – Основная часть

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

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

Рисунок 4.5 – Навигационный подвал

Подвал – представлен на рисунке 4.6, отображает отображается Copyright и ссылка на «главную страницу» сайта.

Рисунок 4.6 – Подвал

4.4 Руководство клиента

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

Этап 1 – клиент должен выбрать и добавить товар в корзину. Есть несколько способов выбора товаров:

• выбрать товар из списка рекомендуемых интернет-магазином;

• выбрать товар из каталога товаров, перейдя по меню категорий;

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

В области товара есть кнопка «Добавить товар», при нажатии на эту кнопку пользователь добавит товар в корзину.

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

Рисунок 4.7 – Каталога товаров

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

На Рисунке 4.8 представлена корзина клиента. В ней представлены товары, выбранные клиентом. Клиент может выбрать количество товара, которое он хочет купить, а также может удалить товар из корзины.

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

На этом этапе заканчивается оформления заказа.

Рисунок 4.8 – Корзина

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

На рисунке 4.9 представлен форма заказы, которая находится в личном кабинете клиента.

Рисунок 4.9 – Заказы клиента

На рисунке 4.10 – представлена форма заказы, в которой открыта вкладка подробной информации об одном из заказов.

Рисунок 4.10 – Подробная информация о заказе

4.5 Руководство администратора

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

На рисунке 4.11 показана раздел управления товарами. В этом разделе администратор добавляет новый товар, а также редактирует уже имеющиеся товары.

Рисунок 4.11 – Управления товарами

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

Рисунок 4.12 – Форма добавления нового товара

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

Рисунок 4.13 – Управления категориями

На рисунке 4.14 показана форма добавления в категорию подкатегории. При на нажатие на жёлтую кнопку в виде списка, открывается форма добавления или и редактирования подкатегорий в категории.

Рисунок 4.14 – Добавления подкатегорий

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

Рисунок 4.15 – Редактирования категории

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

Рисунок 4.16 – Управление доступом

Заключение

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

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

Было проведено исследование предметной области, полностью раскрыта тема поставленной задачи.

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

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

Список используемых источников

1. Анисимов, В. В. Проектирование информационных систем: курс лекций [Текст]: в 2 ч. / В.В. Анисимов. – Хабаровск: Изд-во ДВГУПС, 2006. – Ч. 1; Структурный подход. – 2006. – 112 с.

2. Анисимов, В. В. Проектирование информационных систем: курс лекций [Текст]: в 2 ч. / В. В. Анисимов. – Хабаровск: Изд-во ДВГУПС, 2007. – Ч. 2; Обектно-ориентированный подход. – 2007. – 100 с.

3. Сандерсон, Стивен. ASP\NET МVС Framework с примерами на С# для профессионалов [Текст]: пер. с англ. / Стивен Сандерсон. – М.: 000 "И. Д. Вильямс", 2010. – 560 с.

4. Гурвиц, Г. А. Microsoft Access 2010. Разработка приложений на реальном примере [Текст] / Г. А. Гурвиц. Санкт-Петербург: БХВ-Петербург, 2010. - 493 с.

5. Википедия. Свободная энциклопедия [Электронный ресурс]. – Режим доступа: https://ru.wikipedia.org/

6. METANIT.COM сайт о программировании [Электронный ресурс]. – Режим доступа: http://metanit.com/

7. MSDN [Электронный ресурс]: Сеть разработчиков Microsoft – Электрон. журн. – М.: Майкрософт, 2014 – Режим доступа: https://msdn.microsoft.com/ru/

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

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