Требования к графическому дизайну web-сайта
Оглавление
АНОТАЦИЯ
ВВЕДЕНИЕ
1. ПОСТАНОВКА ЗАДАЧИ
1.1 Анализ предпроектной ситуации
1.2 Техническое задание
2. ПРОЕКТИРОВАНИЕ Web-сайта
2.1. Выбор и обоснование средств разработки
2.2. Проектирование карты сайта
2.3. Проектирование шаблона страниц
3. РАЗРАБОТКА web-сайта
3.1. Разработка базы данных
3.2. Разработка модулей
3.3. Разработка пользовательского интерфейса
4. ТЕСТИРОВАНИЕ
4.1. Функциональное тестирование
4.2. Структурное тестирование
4.3. Тестирование отображения страниц web-сайта в разных браузерах
5. ТЕХНИКО-ЭКОНОМИЧЕСКИЕ ПОКАЗАТЕЛИ ПРОЕКТА
АНОТАЦИЯ
Дипломная работа посвящена разработке web-сайта для магазина «Бристоль». В данной работе был разработан web-сайт,содержащий информациюо товарах в магазине «Бристоль» в сети Internetcвозможностью доступа пользователей использовать данный сайт с учетом их прав.
В первой главе описывается постановка задачи, производится анализ предпроектной ситуации и описывается техническое задание.
Во второй главе описывается проектирование web-сайта, выбор и обоснование средств реализации проекта.
В третьей главе осуществляется разработка web-сайта.
В четвертой проводим тестирование web-сайта.
В пятой технико-экономические показатели работы.
ВВЕДЕНИЕ
Магазин«Бристоль» - это удобные магазины у дома.
В ассортименте магазина широко представлены алкогольная и табачная продукция по очень выгодным ценам.
|
|
|
С учётом постоянного роста цен на данные виды продукции во многих торговых точках стали появляться контрафактные и контрабандные товары сомнительного качества. Покупая такие товары, потребитель не только ставит под угрозу своё здоровье, но и наносит материальный ущерб государству, т.к. ни производители, ни продавцы такой продукции не платят никаких налогов.
Магазин «Бристоль» посредством широкого выбора по выгодным ценам предотвратить распространение на рынке нелегальной продукции, наносящий урон населению и государству.
Для того, что бы потребитель мог в удобное для себя время просмотреть ассортимент и сделать выбор качественного товара, для этого был разработан сайт магазина «Бристоль».
1. ПОСТАНОВКА ЗАДАЧИ
Анализ предпроектной ситуации
Магазину «Бристоль» необходимо предоставить рекламу об ассортименте и низких ценах на товар для потребителей и пользователей сети Internet.
Это необходимо для привлечения новых покупателей, что в свою очередь приведет к более широкому развитию организации в экономической сфере.
На сегодняшний день у организации не решены следующие проблемы:
· Отсутствие возможности получить необходимую информацию для потребителей в сети Internet;
|
|
|
· Мало рекламы для пользователей о продукции и ценах;
· Отсутствие возможности оценить и рассчитать стоимость покупки на запланированную дату;
· Отсутствие онлайн заявки;
Для решения данных задач необходимо создать информационный ресурс в сети Internetс возможностью для клиентов делать свой выбор и покупать товары по выгодным ценам.
Техническое задание
Назначение работы
Разработка Интернет магазина «Бристоль».
Интернет магазин предназначен для предоставления списка продаваемых товаров, информации о магазине, а также для реализации онлайн-продаж.
Требования в web-сайту
Функциональные требования
В зависимости от роли пользователя функциональные требования будут различными. Для определенных категорий пользователей будут реализованы конкретные задачи:
Гость:
· просматривать информацию о магазине и его товарах;
· просматривать контактные данные;
· иметь возможность зарегистрироваться в целях получения статуса зарегистрированного пользователя с соответствующими правами;
Зарегистрированный пользователь:
· доступны возможности пользователя-гостя;
· возможность оформить заказ необходимой продукции;
|
|
|
· просмотри удаление своих заказов.
Администратор:
· Просматривать, добавлять, редактировать, удалять данные о товарах магазина.
· Оформлять заказы.
· Просматривать и удалять заказы пользователей.
· Просматривать и удалять пользователей в системе.
Информационные требования
Сайт будет содержать следующие основные информационные элементы:
1) Главная страница, которая представляет магазин, будет содержать следующие элементы:
· Логотип («Б»);
· Информация о деятельности магазина;
· Кнопки для регистрации и входа.
2) Страница «Ссылки»содержит фотографии с гиперссылкой на сторонние ресурсы и краткая аннотация к ним.
3) Страница «Контакты» содержит контактные данные магазина Бристоль.
4) Страница «Товары» -состоит из набора страниц, содержащих информацию о товарах, отображаемую в виде таблицы. Поля: название, краткое описание, цена за единицу продукции, кнопка «Добавить в корзину». Каталог имеет иерархическую структуру. В зависимости от выбора категории товаров в дереве сайта меняется содержимое таблицы.
4.1. Страница «Алкогольная элитная продукция» показывает товары из категории «Алкогольная элитная продукция»;
|
|
|
4.2. Страница «Элитна табачная продукция» показывает товары из категории «Элитная табачная продукция»;
5) Страница «Корзина» - просмотр товаров, выбранных пользователем.
Содержит информацию о товарах пользователя в виде списка со структурой:
· количество;
· название товара;
· цена товара;
· итог;
· кнопка «Оформить заказ», «Удалить», «Продолжить покупки».
5.1. Страница «Оформить заказ» - содержит форму для заполнения покупателем.
6) Страница «Регистрация» - стандартный элемент регистрации ASP.NET
7) Страница «Вход» - стандартный элемент входа ASP.NET
7.1. Страница «Личный кабинет» - содержит данные о пользователе и его заказах.
8) Страница «Администратор».
5.
6.
7.
8.
8.1. страница «Пользователи»- позволяет просматривать и удалять зарегистрированных пользователей;
8.2. страница «Товары» - позволяет просматривать, редактировать, добавлять и удалять товары;
8.3. страница «Заказы» - позволяет просматривать, оформлять и удалять заказы зарегистрированных пользователей.
Требования к графическому дизайну web-сайта
В оформлении web-сайта должна использоваться символика организации. В дизайне web-сайта использовать корпоративное цветное решение: светлые и контрастные цвета: желтый фон, красные и черные элементы.
Дата добавления: 2018-04-04; просмотров: 403; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!