Разработка веб-приложения для инвентаризации оборудования корпоративной сети КФУ на платформе ActiveMap (web/js/html)
|
Введение 3
1. Постановка задачи 3
1.1. Характеристика предметной области 5
1.2. Платформа ActiveMap 7
1.3. Формулировка задачи 8
2. Программное обеспечение и используемые языки программирования 10
2.1. Требования к разрабатываемому Web-приложению 10
2.2. Скриптовый язык программирования общего назначения 11
2.3. Язык JavaScript 13
2.4. Каскадные таблицы стилей 15
2.5. Обзор и сравнение сред разработки Web-приложения 16
2.6. Обзор и сравнение локальных серверов 19
2.7. Применяемые Web-технологии 21
3. Проектирование Web-приложения «MapEditor» 23
3.1. Структура Web-приложения 23
3.2. Клиентская часть Web-приложения 23
3.3. Разработка дизайна Web-приложения 25
3.4. Настройка API карты от платформы ActiveMap 29
4. Описание разработанного Web-приложения 31
4.1. Описание интерфейса пользователя 31
4.2. Описание основного функционала Web-приложения 33
Заключение 36
Список используемых источников 38
Приложение 40
1. Постановка задачи 3
1.1. Характеристика предметной области 5
1.2. Платформа ActiveMap 7
1.3. Формулировка задачи 8
2. Программное обеспечение и используемые языки программирования 10
2.1. Требования к разрабатываемому Web-приложению 10
2.2. Скриптовый язык программирования общего назначения 11
2.3. Язык JavaScript 13
2.4. Каскадные таблицы стилей 15
2.5. Обзор и сравнение сред разработки Web-приложения 16
2.6. Обзор и сравнение локальных серверов 19
2.7. Применяемые Web-технологии 21
3. Проектирование Web-приложения «MapEditor» 23
3.1. Структура Web-приложения 23
3.2. Клиентская часть Web-приложения 23
3.3. Разработка дизайна Web-приложения 25
3.4. Настройка API карты от платформы ActiveMap 29
4. Описание разработанного Web-приложения 31
4.1. Описание интерфейса пользователя 31
4.2. Описание основного функционала Web-приложения 33
Заключение 36
Список используемых источников 38
Приложение 40
Разработка web-приложений в настоящее время является одним из перспективных направлений деятельности для многих компаний, занятых в сфере высокотехнологичных цифровых и компьютерных технологий. Web- приложение является прикладным программным обеспечением, логика которого распределена между сервером и клиентом, а обмен информацией происходит по сети. Клиентская часть реализует пользовательский интерфейс, а серверная - получает и обрабатывает запросы от клиента, выполняет вычисления, формирует веб-страницу и отправляет её клиенту согласно протоколу HTTP.
Данный вид приложений имеет ряд особенностей, которые влияют на процессы их функционирования, при разработке и поддержке:
- открыты для тестирования с удаленных компьютеров, что оптимально для применения гибкой методологии разработки;
- выполняются независимо от операционной системы клиента. При этом на него налагается требование кроссбраузерности, вытекающее из различной реализации браузерами стандартов HTML, CSS и DOM;
- представляют собой распределенную информационную систему и должны выдерживать максимальное число обращений пользователя.
Web-приложение, созданное с применением современных методов разработки, представляет из себя информационный ресурс, благодаря которому можно осуществлять:
- передачу любой информации о компании, а так же новостной поток для пользователей;
- прямое взаимодействие с пользователем и его информационную поддержку;
- рекламу, так как Web-приложение способно объединить в себе видеорекламу и баннеры.
Целью дипломной работы является разработка Web-приложения MapEditor на платформе ActiveMap. Программное обеспечение MapEditor представляет собой полнофункциональную геоинформационную систему, предназначенную для работы с пространственными данными. В настоящее время данное приложение существует только в виде обычного десктопного приложение, для работы с которым необходимо его скачать и установить. Web- приложение «MapEditor» даст возможность клиенту пользоваться ресурсами приложения имея при себе только выход в интернет, при этом не важно будет, какая операционная система установлена у пользователя и насколько мощный у него девайс.
Для разработки Web-приложения необходимо решить следующие задачи:
- Провести обзор существующих инструментов и информационных технологий для создания Web-приложений;
- Определить структуру и дизайн разрабатываемого Web-приложения;
- Реализовать основной функционал клиентской части Web-приложения;
- Выполнить адаптацию Web-приложения под все популярные устройства;
- Провести функциональное тестирование Web-приложения.
Дипломная работа состоит из четырех частей.
Первая часть содержит постановку цели, задачи и описание предметной области. Вторая часть состоит из анализа и выбора программ для решения поставленной задачи по разработке Web-приложения. Третья часть состоит из проектирования и разработки клиентской части Web-приложения. Четвертая часть содержит описание разработанной клиентской части Web-приложения.
Данный вид приложений имеет ряд особенностей, которые влияют на процессы их функционирования, при разработке и поддержке:
- открыты для тестирования с удаленных компьютеров, что оптимально для применения гибкой методологии разработки;
- выполняются независимо от операционной системы клиента. При этом на него налагается требование кроссбраузерности, вытекающее из различной реализации браузерами стандартов HTML, CSS и DOM;
- представляют собой распределенную информационную систему и должны выдерживать максимальное число обращений пользователя.
Web-приложение, созданное с применением современных методов разработки, представляет из себя информационный ресурс, благодаря которому можно осуществлять:
- передачу любой информации о компании, а так же новостной поток для пользователей;
- прямое взаимодействие с пользователем и его информационную поддержку;
- рекламу, так как Web-приложение способно объединить в себе видеорекламу и баннеры.
Целью дипломной работы является разработка Web-приложения MapEditor на платформе ActiveMap. Программное обеспечение MapEditor представляет собой полнофункциональную геоинформационную систему, предназначенную для работы с пространственными данными. В настоящее время данное приложение существует только в виде обычного десктопного приложение, для работы с которым необходимо его скачать и установить. Web- приложение «MapEditor» даст возможность клиенту пользоваться ресурсами приложения имея при себе только выход в интернет, при этом не важно будет, какая операционная система установлена у пользователя и насколько мощный у него девайс.
Для разработки Web-приложения необходимо решить следующие задачи:
- Провести обзор существующих инструментов и информационных технологий для создания Web-приложений;
- Определить структуру и дизайн разрабатываемого Web-приложения;
- Реализовать основной функционал клиентской части Web-приложения;
- Выполнить адаптацию Web-приложения под все популярные устройства;
- Провести функциональное тестирование Web-приложения.
Дипломная работа состоит из четырех частей.
Первая часть содержит постановку цели, задачи и описание предметной области. Вторая часть состоит из анализа и выбора программ для решения поставленной задачи по разработке Web-приложения. Третья часть состоит из проектирования и разработки клиентской части Web-приложения. Четвертая часть содержит описание разработанной клиентской части Web-приложения.
В данном дипломном проекте разработано Web-приложение MapEditor на платформе ActiveMap, в частности решены следующие задачи: проведен обзор существующих инструментов и информационных технологий для создания Web-приложений; определена структура и дизайн Web-приложения, реализован основной функционал клиентской части Web-приложения, выполнена адаптация Web-приложения под все современные устройства, проведено функциональное тестирование Web-приложения.
Разработанное Web-приложение содержит инструменты визуализации и навигации, создания и редактирования объектов, измерения расстояний между объектами, измерения площадей объектов, просмотра прикрепленных к объектам файлов (изображений, документов и других типов файлов), работы с атрибутивной информацией. Обладает гибкой системой поиска объектов, которая позволяет выполнять геометрические и атрибутивные запросы об объекте, позволяет организовать работы по созданию и редактированию различных тематических слоев и управлению ими. Объекты слоя отображаются на карте в виде определенных значков, линий или полигонов в зависимости от типа геометрии объектов слоя. Имеется возможность детальной настройки отображения объектов слоя по справочнику, интервалу или диапазону в зависимости от значений атрибутивных полей объектов. В Web-приложении также реализована возможность добавления подписи к объектам слоя, которая может содержать значения атрибутивных полей объектов, арифметические выражения со значениями атрибутивных полей объектов. Реализованы широкие возможности по детальному редактированию геометрии объектов слоев на карте: копирование и вставка объектов, вращение и перемещение объектов, группировка и разгруппировка геометрии, объединение, пересечение, симметрическая разность, обрезание геометрии и другие возможности редактирования.
Объекты разных таблиц с данными могут быть логически связаны между собой. В Web-приложении реализованы инструменты связывания таблиц с помощью ключевых полей для повышения удобства перехода между логически связанными объектами. Таблицы связываются по типу отношения «один ко многим», что означает возможность привязки нескольких объектов одной таблицы (дочерней таблицы) к одному объекту второй таблицы (родительской таблицы). Реализованы возможности формирования различных видов отчетов по табличным данным. Готовые отчеты доступны для просмотра, печати, экспорта в различные форматы (PDF, RTF, файлы Microsoft Excel, HTML, JPEG) для последующего редактирования, архивирования, пересылки по электронной почте.
Web-приложение имеет широкую сферу применения в таких направлениях деятельности, как земельный кадастр, кадастр недвижимости, архитектура, градостроительство, экология, геология, геофизика, мониторинг чрезвычайных ситуаций, инженерные коммуникации, телекоммуникации, железнодорожный и автомобильный транспорт, навигация, диспетчеризация передвижных единиц.
Разработанное Web-приложение содержит инструменты визуализации и навигации, создания и редактирования объектов, измерения расстояний между объектами, измерения площадей объектов, просмотра прикрепленных к объектам файлов (изображений, документов и других типов файлов), работы с атрибутивной информацией. Обладает гибкой системой поиска объектов, которая позволяет выполнять геометрические и атрибутивные запросы об объекте, позволяет организовать работы по созданию и редактированию различных тематических слоев и управлению ими. Объекты слоя отображаются на карте в виде определенных значков, линий или полигонов в зависимости от типа геометрии объектов слоя. Имеется возможность детальной настройки отображения объектов слоя по справочнику, интервалу или диапазону в зависимости от значений атрибутивных полей объектов. В Web-приложении также реализована возможность добавления подписи к объектам слоя, которая может содержать значения атрибутивных полей объектов, арифметические выражения со значениями атрибутивных полей объектов. Реализованы широкие возможности по детальному редактированию геометрии объектов слоев на карте: копирование и вставка объектов, вращение и перемещение объектов, группировка и разгруппировка геометрии, объединение, пересечение, симметрическая разность, обрезание геометрии и другие возможности редактирования.
Объекты разных таблиц с данными могут быть логически связаны между собой. В Web-приложении реализованы инструменты связывания таблиц с помощью ключевых полей для повышения удобства перехода между логически связанными объектами. Таблицы связываются по типу отношения «один ко многим», что означает возможность привязки нескольких объектов одной таблицы (дочерней таблицы) к одному объекту второй таблицы (родительской таблицы). Реализованы возможности формирования различных видов отчетов по табличным данным. Готовые отчеты доступны для просмотра, печати, экспорта в различные форматы (PDF, RTF, файлы Microsoft Excel, HTML, JPEG) для последующего редактирования, архивирования, пересылки по электронной почте.
Web-приложение имеет широкую сферу применения в таких направлениях деятельности, как земельный кадастр, кадастр недвижимости, архитектура, градостроительство, экология, геология, геофизика, мониторинг чрезвычайных ситуаций, инженерные коммуникации, телекоммуникации, железнодорожный и автомобильный транспорт, навигация, диспетчеризация передвижных единиц.



