Клиентская программа, Инструменты разработки - Визуализация графа цитирования
Клиентская программа - является основной частью программы, так как она реализует все алгоритмы, описанные в главе 2 данного документа. Несмотря на то, что клиентская часть программы зависит от серверной, реализуемые алгоритмы были спроектированы максимально независимо.
Инструменты разработки
Основная часть работы написана, как веб-приложение, на языках программирования HTML, CSS и JavaScript. Эти языки являются стандартным набором при создании веб страниц, так как их умеют интерпретировать все современные браузеры. Во время разработки использовались их последние стандарты, поскольку они описываю функции, позволяющие удобно работать с графикой и данными.
Во время работы использовались библиотеки Require. js [21], jQuery [22], cardinal-spline-js [23], Bootstrap [24].
Require. js реализует спецификацию AMD [25] (Asynchronous module definition), позволяющую организовывать JavaScript проект в виде асинхронных модулей. Модуль - это JavaScript код, имеющий другие модули в качестве зависимостей и имеющий возможность подключения в качестве зависимости. Модули асинхронно подключаются с помощью библиотеки по мере их надобности, поэтому нет необходимости в том, чтобы прописывать ссылки на все файлы в HTML коде вручную. Такая практика позволяет легко менять, добавлять, удалять модули и масштабировать приложение. В данной программе почти все модули написаны по принципу "Один модуль - один класс", так как это позволяет поддерживать объектно-ориентированный стиль программирования.
JQuery - мультифункциональная библиотека, упрощающая взаимодействие HTML и JavaScript, облегчающая работу с AJAX и т. д. В данной работе jQuery использовался для создания, управления DOM элементами страницы и написания обработчиков событий. Здесь стоит отметить, что jQuery позволяет работать со слабо-стандартизированными функциями во всех основных браузерах одинаково. Также jQuery использовался для общения с сервером посредством AJAX.
Cardinal-spline-js - маленькая библиотека, строящая кардинальный сплайны по точкам. В частности, она может расширять функционал элемента Canvas, отрисовывая сплайны сразу на нем. Ее функционал используется в конечном этапе алгоритма Bubble Sets.
Bootstrap - фронт-энд фреймворк для создания веб страниц, предоставляющий разработчику сетки, различные элементы - кнопки, формы, таблицы и т. д. Поставляется в виде CSS кода. Также опционально можно подключить JavaScript библиотеку, позволяющую создавать динамичные элементы, вроде всплывающих окон и сворачивающихся панелей. Bootstrap на данный момент является почти стандартом при верстке веб страниц, поэтому был выбран именно он.
Так как программа писалась на последних версиях языка JavaScript встал вопрос поддержки браузеров, еще не реализовавших новый функционал. Для решения данной проблемы использовался инструмент Babel состоящий из JavaScript компилятора и библиотеки полифила. Компилятор преобразовывал код написанный на ES6 таким образом, чтобы он полностью соответствовал предыдущему стандарту - ES5, но выполнял те же функции. Компилятор может преобразовывать синтаксис кода, однако не переменные и классы. Поэтому компилятор используется в связке с библиотекой полифилом, подключающейся на странице. Эта библиотека добавляет недостающие классы, функции и т. д. на страницу.
Похожие статьи
-
Для перехода к описанию выбора средств разработки, необходимо выделить этапы работы программы. Алгоритм работы программы представлен ниже: Пользователь...
-
Существующие решения - Визуализация графа цитирования
На данный момент не было найдено решений, которые полностью бы удовлетворяли всем требованиям, однако существуют те, которые реализуют их не все и/или не...
-
Обоснование выбранного метода При дизайне системы согласно требованиям или при оптимизации существующей необходимо ввести модель, позволяющую не только...
-
Постановка задачи - Визуализация графа цитирования
В качестве результата выпускной квалификационной работы требуется создать программу, позволяющую визуализировать граф цитирования публикаций, которые...
-
Сравнение аналогов - Разработка программы для реализации редактора временных графов синхронизации
Поскольку конечной целью работы был редактор сетей Петри, интегрированный с внешней библиотекой алгебраических вычислений, было рациональным рассмотреть...
-
Заключение - Разработка программы для реализации редактора временных графов синхронизации
Результатом выполнения задания является реализованный редактор временных графов синхронизации (класс временных сетей Петри), соответствующий задачам,...
-
Стек технологий При выборе стека технологий основное внимание уделялось следующим факторам, в порядке убывания значимости: § Кроссплатформенность; §...
-
Выбор мобильной платформы и изучение инструментов разработки - Исследование алгоритмов
Практическая реализация алгоритмов, представленных в предыдущих пунктах, предполагает: 1) Выбор мобильной платформы; 2) Изучение соответствующей среды...
-
В данной части работы будет рассмотрено моделирование спроектированного ранее бизнес-процесса. Выбор инструмента моделирования бизнес-процессов Сейчас на...
-
Поскольку клиентская часть представляет собой приложение на базе операционной системы Android, то для ее разработки был выбран рекомендуемый...
-
Визуализация кластерной структуры - Визуализация графа цитирования
Следующей задачей, после расстановки вершин на плоскости, должна быть решена задача визуализации кластерной структуры. В данном разделе мы рассмотрим...
-
Улучшения классических силовых алгоритмов - Визуализация графа цитирования
Первым улучшением является добавление псевдо-гравитационной силы [11]. Эта сила притягивает все вершины к центру рабочей области. Обычно она линейна...
-
Силовые алгоритмы расположения вершин на плоскости - Визуализация графа цитирования
Классический подход к решению таких задач это использовать алгоритм из семейства силовых. Основная идея таких алгоритмов - это рассматривать графы как...
-
Визуализация кластерной структуры. Bubble Sets - Визуализация графа цитирования
Для визуализации кластерной структуры был выбран алгоритм Bubble Sets [18]. Это гибкий алгоритм, относящийся к оверлеям, основанным на областях...
-
В этой главе представлено описание инструментов и методов, использованных при написании кода программы. Инструменты разработки серверной части Для...
-
Алгоритм работы декодера кода Рида - Маллера будем разрабатывать на основе уже приведенных выше уравнений. Алгоритм приведен на рисунке 12. В начале...
-
ВВЕДЕНИЕ - Разработка программы на языке C++, реализующей игру "Морской бой"
Данная курсовая работа направлена на изучение принципов объектно-ориентированного программирования. Разработать программу на языке C++, реализующую игру...
-
Инструментарий технологии программирования - программные продукты поддержки (обеспечения) технологии программирования. В рамках этого направления...
-
Помимо этапа разработки ПО, также немаловажным являются этапы накопления и передачи знаний, а также взаимодействия членов проектной команды. На...
-
Введение - Визуализация графа цитирования
В данной работе рассматриваются методы автоматической и полуавтоматической визуализации графов цитирования на плоскости. Визуализация графов на плоскости...
-
Автоматическое расположение вершин на плоскости - Визуализация графа цитирования
Первая проблема, о которой стоит поговорить - это проблема автоматического расположения вершин на плоскости. Для начала поставим базовую задачу, как она...
-
Множество D с двумя заданными на нем операциями (плюс) и (умножение) называется диоидом, если выполнены следующие аксиомы: § Ассоциативность. §...
-
Приложение разрабатывается в соответствии с паттерном проектирования Model-View-Presenter (MVP), который является производным от Model-View-Controller...
-
Обзор предметной области, Графы цитирования - Визуализация графа цитирования
Графы цитирования Во время работы над научными статьями и проектами возникает необходимость хранить используемые публикации. Стандартный поход к этой...
-
Силовые алгоритмы для иерархически-кластеризованных графов - Визуализация графа цитирования
На данный момент мы рассмотрели алгоритм для отрисовки некластеризованных графов и их улучшения. Теперь необходимо изучить подходы, которые используются...
-
Введение - Разработка программы для реализации редактора временных графов синхронизации
Математическое моделирование дискретно-событийных динамических систем является относительно молодым направлением науки теории управления. Разработка...
-
"WWWSQLDesigner" позиционируется как абсолютно бесплатный, доступный для пользователей, универсальный веб-редактор, значительно упрощающий процесс...
-
Программные модули проекта, Представление графа в памяти ЭВМ - Алгоритмы нескольких махов
Все программы были реализованы на языке С++ на персональной ЭВМ с операционной системой Windows. Каждая программа представляет собой консольное...
-
Цель Работы - изучить приемы создания и использования шаблонов классов. - Теоретические сведения Достаточно часто встречаются классы, объекты которых...
-
Разработка сайта, Среда разработки web-сайта - Разработка сайта для компании
Среда разработки web-сайта При разработке web-сайта используются: - HTML - язык разметки web-страниц; - CSS - формальный язык описания внешнего...
-
Для информационной безопасности было создано окно для ввода логина и пароля (Рисунок 2.3). Рисунок 2.3 - Окно входа в БД После входа в систему...
-
Adobe Dreamweaver Adobe Dreamweaver - это HTML-редактор от компании Adobe, который на сегодняшний день очень известный. Первая его версия была выпущена в...
-
Общие сведения о программе Программа разработана для демонстрации возможностей языка C++ и может использоваться для пользователей, которые не знакомы с...
-
В программе присутствуют следующие основные модули: - PlatformManager - DeviceManager - ScenariosManager - ScenarioEngine - ExportManager - ImportManager...
-
В данном разделе выпускной квалификационной работы описывается процесс разработки программы извлечения КП текста, а также производится оценка качества ее...
-
Можно выделить три основных метода разработки программного обеспечения: 1. Конструкторы программ (Аlgoritm2, Devel Studio, MnCreator, Game Maker и др.)....
-
Наименование программы Полное наименование программы - Модуль ипотечного кредитования банковской информационной системы "БИС". Краткое наименование...
-
В ходе разработки было создано пять форм, обеспечивающих взаимодействие между пользователем и приложением: - начальное окно выбора учебного года, курса и...
-
Выбор интерфейса Пользовательский интерфейс представляет собой совокупность программных и аппаратных средств, обеспечивающих взаимодействие пользователя...
-
Дальнейшим развитием локальных средств разработки программ, являются интегрированные программные среды разработчиков. Основное назначение инструментария...
Клиентская программа, Инструменты разработки - Визуализация графа цитирования