Пояснительная записка Аушев (1206665), страница 4
Текст из файла (страница 4)
Таким образом, шаблон MVC, лежащий в основе платформы, позволяет разделить данные, представление и обработку действий пользователя на три отдельных компонента:
-
контроллер управляет запросами пользователя (получаемые в виде запросов HTTP GET или POST, когда пользователь нажимает на элементы интерфейса для выполнения различных действий). Его основная функция – вызывать и координировать действие необходимых ресурсов и объектов, нужных для выполнения действий, задаваемых пользователем. Обычно контроллер вызывает соответствующую модель для задачи и выбирает подходящий вид;
-
модель – это данные и правила, которые используются для работы с данными, которые представляют концепцию управления приложением. В любом приложении вся структура моделируется как данные, которые обрабатываются определённым образом. Модель даёт контроллеру представление данных, которые запросил пользователь (сообщение, страницу книги, фотоальбом, и тому подобное). Модель данных будет одинаковой, вне зависимости от того, как их требуется представить пользователю. Модель содержит наиболее важную часть логики нашего приложения, которая необходима для решения его задач. Контроллер содержит в основном организационную логику для самого приложения;
-
вид обеспечивает различные способы представления данных, которые получены из модели. Он может быть шаблоном, который заполняется данными. Может быть несколько различных видов, и контроллер выбирает, какой подходит наилучшим образом для текущей ситуации.
Важно отметить, что как представление, так и контроллер зависят от модели. Однако модель не зависит ни от представления, ни от контроллера. Тем самым достигается назначение такого разделения: оно позволяет строить модель независимо от визуального представления, а также создавать несколько различных представлений для одной модели.
Самое очевидное преимущество, получаемое от использования концепции MVC – это чёткое разделение логики представления (интерфейса пользователя) и логики приложения.
Поддержка различных типов пользователей, которые используют различные типы устройств, является общей проблемой наших дней. Предоставляемый интерфейс должен различаться, если запрос приходит с персонального компьютера или с мобильного телефона. Модель возвращает одинаковые данные, единственное различие заключается в том, что контроллер выбирает различные виды для вывода данных.
Помимо изолирования видов от логики приложения, концепция MVC существенно уменьшает сложность больших приложений. Код получается гораздо более структурированным, и, тем самым, облегчается поддержка, тестирование и повторное использование решений.
3.1.2 Visual Studio
Microsoft Visual Studio – линейка продуктов компании Microsoft, включающих интегрированную среду разработки программного обеспечения и ряд других инструментальных средств.
VisualStudio предоставляет возможности разработки web-приложений с помощью масштабируемых, многоразовых серверных компонентов, которые позволяют увеличить производительность и помогают более эффективно создавать web-приложения и web-сайты ASP.NET.
Она упрощает разработку мощных и надежных web-решений и увеличивает эффективность разработчиков, предоставляя интуитивную среду разработки.
В VisualStudio можно создать несколько файлов, которые поддерживают разработку web-приложения:
-
файлы web-приложений. VisualStudio поддерживает несколько типов файлов приложений и расширений, такие как Web-формы ASP.NET (. ASPX), web-службы ASP.NET (. ASMX), классы и страницы с встроенным кодом (. VB или . CS);
-
другие файлы. Все файлы, которые не основаны на языках программирования и имеющие свои собственные расширения. Например, файл, использующий расширения RPT (CrystalReport) и текстовый файл использует TXT.
3.1.3 Microsoft SQL Server
MS SQL Server – система управления реляционными базам данных, разработанная корпорациейMicrosoft. Основной используемый язык запросов – Transact-SQL, создан совместно Microsoft и Sybase. Transact-SQLявляется реализацией стандарта ANSI/ISO по структурированному языку запросов (SQL) с расширениями.Используется для работы с базами данных размером от персональных до крупных, масштаба предприятия.
SQL Server позволяет создать надежные базы данных для любых целей, масштабируемые без заметного уменьшения быстродействия операций с ними в многопользовательском режиме.
3.2 Размещение приложения в сети Интернет
Перед размещением приложения в сети Интернет необходимо выбрать домен и приобрести его. Доменное имя - это будущее имя вашего сайта в сети Интернет. Имя должно легко запоминаться, произноситься, иметь какие-то аналогии с созданным сайтом.
Для размещения приложения в сети Интернет существует два основных способа: создание отдельного, собственного сервера или применение такой услуги, как хостинг, подразумевающее возможность использования серверов других компаний. Варианты размещения приложения в сети представлены на рисунке 3.2.
Рисунок 3.2 – Способы размещения приложения в сети Интернет
3.2 Разработка интерфейса приложения
Зачастую удобный интерфейс приложения – это уже залог успеха. Пользователю должно быть интуитивно понятно, в каком месте находиться нужный раздел. То есть основной задачей при разработке интерфейса является обеспечение наиболее простого взаимодействия пользователя с приложением. Поэтому необходимо представить пользователю удобный интерфейс с привлекательным графическим дизайном.
Интернет-магазин включает в себя:
-
верхняя лента;
-
навигационная панель;
-
блок c изображением;
-
контекстная часть;
-
футер (нижняя часть сайта).
Верхняя лента состоит из:
-
контактная информация Интернет-магазина;
-
«Регистрация в магазине»;
-
«Вход в приложение».
Навигационная панель состоит из:
-
логотип Интернет-магазина;
-
«Главная» – по этой ссылке происходит переход на главную страницу, содержимым которой является основная информация;
-
«Каталог» – по этой ссылке происходит переход на каталог товаров, категорий и подкатегорий;
-
«Личный кабинет» – по этой ссылке происходит переход на личный кабинет пользователя, где он может поменять пароль, а так же просмотреть заказы;
-
«Контакты» – по этой ссылке происходит переход на контактную информацию Интернет-магазина, также можно просмотреть местонахождение магазина.
Блок состоит из:
-
фоновое изображение;
-
панель с навигацией каталога по категориям.
В контекстной части главной страницы расположены информации о доставке, приобретении, популярных товарах, магазине.
Футер включает в себяинформацию о магазине, доставке и контактах.
3.3 Руководство пользователя
При открытии web-приложение интернет-магазина «СтройАмур» отображается главная страница, которая представлена на рисунке 3.3. На этой странице размещена основная информация о компании. Вверху страницы отображается лента, содержащая ссылки на основные разделы сайта. Чуть ниже отображается лента каталога.
На главной странице гость видит, как нужно купить товар и как осуществляется доставка.
Гость может просмотреть каталог магазина, но осуществлять заказ сможет только после регистрации. Вся информация о компании также имеется на главной странице.
При нажатии на ссылку «Каталог» пользователь (гость) попадает на страницу с каталогом магазина рисунок 3.4.
В каталоге есть категории и в категориях есть несколько подкатегории. При нажатии на любой товар его можно сразу поместить его в корзину. Также можно указать количество приобретённого товара.
Рисунок 3.3 – «Главная страница»
Рисунок 3.4 – Каталог интернет – магазина «СтройАмур»
При нажатии на ссылку «Контакты» пользователь (гость) попадает на страницу с контактной информацией Интернет–магазина «СтройАмур».
В этой форме пользователь также может просмотреть местонахождение магазина.
На рисунке 3.5 представлена контактная информация.
Рисунок 3.5– «Контактная информация»
Форма регистрации показана на рисунке 3.6.
Рисунок 3.6– «Регистрация пользователя»
Для регистрации пользователю нужно ввести логин, пароль и электронную почту.
Авторизация представлена на рисунке 3.7.
Рисунок 3.7 – «Авторизация пользователя»
Личный кабинет показан на рисунке 3.7.
Рисунок 3.8 – «Просмотр личного кабинета»
Зарегистрированный пользователь, пройдя аутентификацию, может зайти в свой личный кабинет.
В личном кабинете пользователь видит свои данные, может изменить пароль и просмотреть заказы.
После того, как пользователь добавил товары в корзину, он проходит пункт оформления заказа.
На рисунке 3.9 представлено оформление заказа.
Рисунок 3.9 – Страница «Оформление заказа»
После оформления заказа пользователю выходит электронный чек с информацией о доставке и о том, что было заказано пользователем. Пользователь может сам распечать чек.
На рисунке 3.10 представлен пример чека.
Рисунок 3.10 – Страница «Оформление чека»
3.4 Руководство администратора
Управлением всей информации на сайте занимается администратор. Он добавляет, редактирует и удаляет ненужные данные. Чтобы подтвердить роль администратора нужно войти в систему со страницы вход под учетной записью с ролью admin. Администратор управляет каталогом – редактирует, удаляет и добавляет товары.
Для мониторинга товаров администратору сайта необходимо перейти на вкладку ленты «Управление каталогом».
Страница просмотра списка товаров в Интернет-магазине представлена на рисунке 3.11.
Рисунок 3.11 – Страница «Список товаров»
Для добавления нового товара администратору сайта необходимо нажать на пункт «Добавить новый товар».
Страница добавления нового товара представлена на рисунке 3.12.
Рисунок 3.12– Страница «Добавление товара»