Разработка программного комплекса для автоматизации информационных процессов служб сбыта пищевой продукции
Дипломная работа - Компьютеры, программирование
Другие дипломы по предмету Компьютеры, программирование
?на главная страница определяет вид, наполнение и стандартное поведение для всех страниц (или группы страниц) приложения. Затем можно создавать отдельные страницы содержимого, включающие содержимое, которое необходимо отобразить.
Когда пользователи запрашивают страницу содержимого, выходная страница представляет собой сочетание структуры главной страницы и содержимого со страницы содержимого.
Главные страницы предоставляют функции, которые ранее были доступны разработчикам путем повторного копирования существующего кода, текста и элементов управления, использования наборов фреймов, включаемых файлов для общих элементов, пользовательских элементов управления ASP.NET и т. д.
Что бы создать главную страницу для этого следует в меню выбрать пункт Проект далее нажать на пункт в меню Добавить новый элемент, в открывшемся диалоговом окне выбрать Master Page (рисунок 2.5). Главная страница создана.
Рисунок 2.5 - Форма добавления новых элементов
Добавление страниц к созданной главной странице происходит практически, так же как и создание главной страницы, только в диалоговом окне Add new item выбирается пункт Web Form using Master Page (рисунок 2.5). После нажатия кнопки Ok появляется диалоговое окно выбора главной страницы (рисунок 2.6), после выбора создается новая страница, привязанная к главной странице, с уже подписанными CSS стилями.
Рисунок 2.6 - Выбор существующей главной страницы
На рисунке 2.7 представлена одна из страниц Web-сайта, а именно страница Каталог в данную страницу выводиться данные о товаре, количестве, производитель и вес. Все что за фиолетовой границей на рисунке - это главная страница (MasterPage).
Рисунок 2.7 - Страница Каталог
Поля с данными на такие страницы добавляются обычным перетягиванием элементов из ToolBox.
Все страницы сайта разработаны по описанному выше способу, все страницы сайта размещены в приложении Г.
2.4.3 Разработка дизайна
Шаблон дизайна сайта уже был готов. Данный шаблон разрабатывался схеме представленной ниже.
CSS стили (Cascading Style Sheets) - технология оформления веб-страниц, элемент концепции DHTML. Таблицы (точнее - списки) CSS служат для оформления преимущественно HTML- и XHTML-документов, но иногда используются и для других документов, структурированных с помощью XML (например, в браузере Mozilla для оформления элементов графического интерфейса, XUL).используется для задания цветов, шрифтов, расположения и других аспектов представления документа. Основное назначение, для которого технология css была разработана, это разделение содержимого (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS). Это разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печать, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими Шрифт Брайля [20].
CSS стили писались через встроенный редактор Microsoft Studio 2010. В данный редактор встроен очень удобный Builder в котором можно изменять любые параметры CSS без знания синтаксиса языка на рисунке 2.2 представлено диалоговое окно Builder CSS стилей, в данном диалоговом окне устанавливаются настройки фона, а на рисунке 2.9 эти же настройки только уже в виде кода.
Рисунок 2.8 - Установка настроек фона через встроенный Builder
Рисунок 2.9 - Настройки фона в кодовом виде
Данный пример описывает CSS таблицу для фонового изображения, по такому принципу создавался весь дизайн сайта.
2.4.4 Схема навигации
Важным понятием в разработке Web-сайта является схема навигации, определяющая, как пользователь будет перемещаться между страницами. С помощью схемы навигации пользователь получает представление о структуре сайта, а также представление о том, в каком месте узла он находится в данный момент. Правильно разработанная схема позволит пользователю легко перемещаться между страницами сайта в поисках нужной ему информации.
Существует много вариантов организации навигационной схемы. Рассмотрим два полярных подхода. Первый из них дает возможность пользователю перемещаться по иерархии страниц только вверх или вниз без возможности перехода между страницами одного иерархического уровня. При такой схеме навигации для перехода к странице, расположенной на другой ветви иерархии, необходимо вернуться назад, и лишь затем, перейдя на нужную ветвь, перемещаться по дереву вниз. Заблудиться на веб узле с такой структурой тяжело, но и для перехода к нужной информации требуется больше времени [20].
Другой подход, это когда пользователь получает возможность с любого уровня иерархии переходить на любую страницу Web-сайта. В этом случае достигается максимум возможностей по перемещению, но с другой стороны пользователю тяжело определить, в каком месте Web-сайта он находится в данный момент. В разрабатываемом проекте используется второй подход навигации по Web-сайту. В связи с тем, что на Web-сайте не очень много страниц, и он должен быть максимально упрощенным для пользователя.
2.4.5 Реализация отчетов
Web-сайт содержит несколько отчетов, которые можно сохранять в различных форматах, а так же выводить на печать.
Д