Разработка веб приложения для доступа к хранилищу, Общие требования, Разработка веб-приложения - Разработка аналитического приложения

Общие требования

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

пример пользовательского интерфейса

Рис. 3.1 Пример пользовательского интерфейса

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

Возможность выбирать данные

Возможность просматривать данные в таблице

Возможность скачивать данные для дальнейшего использования

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

Разработка веб-приложения

Разработка велась с использованием средств ASP. NET WebForms в среде Microsoft Visual Studio. Из преимуществ здесь стоит отметить удобство разработки в целом. Использование мастер-страниц позволяет создать устойчивый внешний вид и дизайн всех страниц приложения, разметка мастер страницы сливается со всем контентом остальных страниц.

ASP. NET Web Forms Application поддерживает HTML 5 - последняя версия языка разметки HTML. Он поддерживает новые элементы, что облегчает создание веб сайтов.

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

Приложение было разработано локально. Тестирование велось в браузерах Google Chrome и Mozilla Firefox. Скриншоты были сделаны в Google Chrome.

Веб приложение состоит из 4 страниц:

Стратовая с выбором параметров

Информация о приложении

Контактные данные

Таблица по запросу с выгрузкой в excel

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

стартовая страница

Рис. 3.2 Стартовая страница

Мастер страница отвечает за навигацию между информацией о приложении, контактных данных и самой стартовой страницей, переход на которую осуществляется кликом по названию приложения, либо по вкладке "Домой"

Отметив пункт "Выбрать все" отметит все показатели, убрав этот пункт пользователь соответственно уберет отметку со всех показателей.

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

Кнопка "Вперед" осуществит переход на страницу с таблицей.

страница

Рис. 3.3 Страница "Данные"

Сразу после перехода будет показана таблица с данными. Кнопка "Экспорт в Excel" запустит скачивания файла, содержание которого будет аналогично показанной таблице. Ниже представлен скриншот с контактными данными разработчика (рис.3.4).

страница с контакными данными

Рис. 3.4 Страница с контакными данными

На рисунке ниже продемонсрирована страничка "О приложении" (Рис.3.5)

страничка

Рис. 3.5 Страничка "О приложении"

3.4 Выводы

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

В процессе разработки были углублены знания языка разметки HTML и формального языка описания внешнего вида документов, написанных на языке разметки, CSS.

Также были изучены способы разработки веб-приложений. В итоге было решено использовать ASP. NET Web Application и преимущества, которые предлагает данная среда.

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

Похожие статьи




Разработка веб приложения для доступа к хранилищу, Общие требования, Разработка веб-приложения - Разработка аналитического приложения

Предыдущая | Следующая