Дипломная работа: Автоматизация управления сервисного обслуживания клиентов в строительной организации ОП г. Мирный ФГУП ГВСУ 14
Внимание! Если размещение файла нарушает Ваши авторские права, то обязательно сообщите нам
61
Облегчить задачу можно использованием удобного редактора с
подсказками (атрибуты и размера). Одним из самых удобных редакторов на
сегодняшний день является NetBeans. HTML5 обеспечивает поддержку двух
основных функций – поля и формы. Первая является автоматическим
заполнителем, который позволяет, без записывания дополнительного кола,
вводить в специальное поле текстовую информацию, которую будет видеть
клиент до внесения информации. К примеру «поиск по сайту».
Другая функция является автофокусом, обеспечивающим определение
активного элемента после открытия формы. Данная версия языка является
достаточно специфичной, и включает многочисленные интересные новшества:
- DragandDrop - для большинства из нас перетаскивание файлов и папок на
рабочем столе, перенос их в другие папки, стало привычным делом. Эта
функция обеспечивает такую возможность в браузере, без использования
плагинов или специальной библиотеки;
-Geolocation - функция, обеспечивающая определение текущего
географического местоположения клиента приложением различными способами.
Задействуются серверы, в которых хранится информация о расположении, до
устройств гаджета и места подключения к Wi-Fi;
-Webworkers - специальная технология, позволяющая реализовать
большое количество потоков пользовательским интерфейсом. Обеспечивает
выполнение некоторых задач в фоновом режиме дополнительными потоками;
-Кроссдокументные сообщения – обеспечивает обмен информацией с
другими сайтами.
Также в этой версии появились и другие полезные функции. К примеру,
типы MIME и протокол регистрируются как приложение по умолчанию для
определенных файлов или протоколов. Можно управлять историей браузера без
использования фреймворков или ручного управления, и прочих функций,
предназначенных для облегчения работы разработчиков.
CSS3 (англ. CascadingStyleSheets 3) является каскадными стилевыми
таблицами в 3 поколении, формальным языком, использующим язык разметки. 3
поколение является наиболее масштабным, по сравнению с предыдущими
версиями. Главной особенностью данной версии является возможность создания
62
анимированных элементов, не использую JavaScript. Она поддерживает
линейные и радиальные градиенты, тени, сглаживание и пр.
Данные таблицы используют для того, чтобы описывать и оформлять
внешний вид страниц, написанных вышеуказанными языками разметки. Однако
его можно использовать и в работе с документами другого типа. CSS3
отличается мощностью, удобством, и широкой сферой использования.
Задолго до того, как были разработаны стилевые каскадные таблицы, цвет,
шрифт, фон, границы обозначались с помощью разметки HTML. Однако
каскадные таблицы позволяют создавать отдельную таблицу, в которой
указываются стили, поэтому является самым простым и удобным инструментом
для большинства пользователей. Еще одно преимущество таблиц – простота
внесения изменений, посредством изменения отдельных модулей. Проводится
тестирование, и их последующая интеграция в систему.
Multi-ColumnModule – несколько колонок, объединенных в модуль,
является одной из важнейших функций таблиц, позволяющий разместить
текстовую информацию в определенные столбцы. Главные достоинства данной
функции для пользователя – облегчение чтения текста, отсутствие
необходимости прокручивания, слишком коротких строк. Он также
обеспечивает удобство и экономичность макета, позволяя расположить
информацию на одной странице.
Javascript является языком программирования, делающим страницы
интерактивными. Он позволяет создавать приложения, которые включаются в
код HTML, вроде анкет или регистрационных форм. Многие пользователи
путают его с другими языками программирования.
Данный язык уникален, ориентирован на объект, однако, благодаря
проротипированию, отличается от большинства языков, ориентированных на
класс. Также он обладает рядом характеристик функциональных языков –
первоклассные функциональные объекты, объекты в виде списков, карринга,
анонимных функций, замыканий, что делает его особенно гибким.
jQuery является самой популярной и распространенной библиотекой
данного языка. Она сфокусирована на взаимодействии языков JS и HTML, а
также обеспечивает удобную работу с Ajax. Данным фреймворком практически
63
впервые удачно реализован принцип ненавязчивости. Еще одно преимущество
этой библиотеки – хорошая функциональность в выдержанном балансе с
компактным универсальным рядом. Базовая библиотека может расширять
функционал – дополнительные выходные плагины. Поэтому она является
универсальным, быстрым и гибким продуктом.
3.1.3Проектирование дизайна веб-приложения
На первоначальном этапе создается дизайн web-страницы. На базе
имеющегося дизайна проводится привязка web-дизайна к объектам за счет
использования HTML-тегов.
В следствии формируется HTML-страница, которая впоследствии будет
универсальной заготовкой для остальных страниц, на которые проводится
наполнение формами и материалами.
В связи с минимальными требованиями к этому параметру web-дизайн не
будет иметь следующий вид, обладающий простотой в соответствии с
рисунками 3.9-3.11.
Рисунок 3.9 – Веб-дизайн приложения системы
Фон
Объект Javascript1
Объект Javascript2
Объект Javascript3
Объект Javascript N
64
Рисунок 3.10 – Веб-дизайн Мобильного сайта
Программная часть информационной системы представлена в виде сайта,
который обладает доступным и дружественным интерфейсом.
Программное обеспечение должно обладать высоким быстродействием,
доступным дружественным интерфейсом, а так же осуществлять взаимодействие
всех объектов внутри системы.
Чтобы сформировать HTML-код для данного дизайна, вполне достаточно
использовать блочное представление данных.
65
Рисунок 3.11 – Веб-дизайн Мобильного сайта
3.1.4 Написание программного кода
Ядро автоматизированной системы информации заложено внутри базы
данных. Это означает, задача программирования информационной системы
сводится к обеспечению условий выполнения SQL-запросов, а так же
обеспечение взаимодействия WEB-форм и электронных таблиц. Данное
взаимодействие достигаетсяпутем выполнения определенной
последовательности программно-алгоритмических операций в соответствии с
рисунком 3.12.
Программный код большинства страниц не представляет никакого
интереса для описания программного приложения кроме как рутинного повтора
множества команд, поэтому корректная работа приложения обеспечивается за
счет оптимального построения структурированных запросов и обеспечения их
работы.
Источник: https://baza.diplomsite.ru/previewfile/2343