Разработка приложения «Закладки» для web-браузера | Статья в журнале «Молодой ученый»

Отправьте статью сегодня! Журнал выйдет 30 ноября, печатный экземпляр отправим 4 декабря.

Опубликовать статью в журнале

Авторы: ,

Рубрика: Информационные технологии

Опубликовано в Молодой учёный №20 (206) май 2018 г.

Дата публикации: 20.05.2018

Статья просмотрена: 103 раза

Библиографическое описание:

Князев, А. А. Разработка приложения «Закладки» для web-браузера / А. А. Князев, В. А. Егунов. — Текст : непосредственный // Молодой ученый. — 2018. — № 20 (206). — С. 14-19. — URL: https://moluch.ru/archive/206/50521/ (дата обращения: 21.11.2024).



Система хранения данных в веб-браузерах — «Закладки» — имеет ряд недостатков: отсутствие возможности описания хранимых ссылок, невозможность оперирования с группами вкладок и сложность при миграции данных между браузерами, — при этом, являясь одной из важнейших функций этого программного обеспечения. В статье представлено описание архитектуры программы, расширяющей привычный функционал модуля хранения данных о веб-ресурсах, набором новых операций, что позволяет осуществлять управление закладками с минимальными временными затратами, без опоры на конкретную платформу или тип браузера.

Ключевые слова: расширение для браузера, Bookmarks, Google extension API.

Технология «Интернет» сейчас является наиболее приоритетным способом поиска информации, преимущественно за счёт минимизации временных затрат на её получение. Альтернативной стороной становится вопрос хранения искомых данных. Исключая аппаратную составляющую, остается структура и форма хранения информации. Поскольку речь идет об «Интернет», то, приоритетным видом иерархии здесь является древовидная структура ссылок.

Критичность времени выполнения процессов сохранения и извлечения информации также актуальна, как при её поиске.

Для сохранения ссылок на искомые данные, в архитектуре браузеров предусмотрена операция «Закладки». Структура хранения информации в различных браузерах, отличается, как и ряд дополнительных функций, но ориентация на оперирование одиночными (не множеством) веб-ресурсами, прослеживается во всех распространённых программных продуктах такого рода.

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

В свою очередь, фактор мобильности вычислительных устройств, делает актуальным ещё одно требование — возможность переносимости/портируемости хранимой веб-информации между устройствами с разным аппаратным и программным обеспечением. Современные браузеры обладают подобной функциональностью, но только в пределах линейки продуктов конкретной компании, потому, реализация межпрограммного «перемещения» закладок, требует выполнения дополнительных действий со стороны пользователя.

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

Аналогичный анализ решений был проведён и для «расширений» различных браузеров, где совокупность критериев: групповое взаимодействие с ссылками, возможность дополнительного описания и кроссплатформенная переносимость — в рамках одной программы, не были найдены.

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

Для соответствия условию — минимизации временных затрат при работе с ссылками, платформой для разработки стал сам браузер, а программа для управления закладками была «разбита» на два модульных, совместимых приложения — расширения.

Приложение «Open_Bookmarks» входит в приложение «Save_Bookmarks», и, соответственно, в программу «Bookmarks», и запускается из контекстного меню этого модуля. Но выпадающее меню требует выполнения излишних операций пользователя, поэтому прямой вызов обособленного приложения «Open_Bookmarks», которое программа предлагает установить как второе расширение, параллельно «Save_Bookmarks», при нажатии на соответствующую пиктограмму, значительно ускоряет процесс работы с закладками.

Из диаграммы пакетов (см. Рис. 2) видно, что управляющий файл расширения «Save_Bookmarks» — manifest.json, в ходе вызова приложения обращается к двум файлам: popup.html и background.js. Первый, это страница сохранения ссылок из открытых вкладок браузера. Второй, это файл формирования контекстного меню, с пунктами для быстрого открытия закладок («Open_Bookmarks»), и управления закладками и их группами.

Файл manifest.json пакета «Bookmarks_Show», как говорилось ранее, запускает «Open_Bookmarks» напрямую.

C:\Users\AkaNew\Desktop\Diag\Sequence Diagram0.png

Рис. 1. Диаграмма прецедентов программы «Bookmarks»

C:\Users\AkaNew\Desktop\Безымянный.png

Рис. 2. Диаграмма пакетов программы «Bookmarks»

C:\Users\AkaNew\Desktop\Diag\Sequence Diagram0.png

Рис. 3. Диаграмма последовательности модуля создания ссылок

В результате, расширение «Save_Bookmarks», в соответствии с диаграммой последовательности (см. Рис. 3), реализует три операции:

– быстрое сохранение ссылки на веб-ресурс по нажатию на пиктограмму;

– сохранение ссылки с добавлением комментария, маркера, тега (вместе или раздельно);

– сохранение группы ссылок из открытых вкладок браузера (создание каталога или добавление в существующий).

Страница с каталогом закладок, вызываемая из контекстного меню «Save_Bookmarks», предназначена для управления хранимыми данными:

– создание, редактирование, удаление закладок;

– внутригрупповое и межгрупповое перемещение закладок;

– открытие выбранных закладок/групп во вкладках браузера;

– выгрузка хранимых данных во внешние ресурсы.

Последний пункт частично отражён на диаграмме последовательности (см. Рис 4). Программа «Bookmarks» допускает выгрузку хранимых данных в следующем виде:

– локальный HTML файл на компьютере;

– отправка «среза» закладок (выбранных) на указанный Email;

– синхронизация с облачными почтовыми хранилищами («Google Disk», «Облако» от mail.ru) и «электронными» органайзерами («Evernote»).

C:\Users\AkaNew\Desktop\Diag\Sequence Diagram2.png

Рис. 4. Диаграмма последовательности модуля выгрузки данных

Быстрое извлечение информации из ссылок реализуется в «Open_Bookmarks» приложении, в соответствии с диаграммой последовательности (см. Рис 5) в форме операций:

– открытие закладки/группы закладок во вкладках браузера;

– управление расположением закладок в структуре хранимых данных.

В целом, «Bookmarks» программа не зависит от платформы и браузера, имеет одинаковый интерфейс и представляется для пользователя как один продукт, фактически являясь source-совместимым проектом, адаптируем под различные программные системы эквивалентным образом.

C:\Users\AkaNew\Desktop\Diag\Sequence Diagram1.png

Рис. 5. Диаграмма последовательности модуля открытия закладок

Основные термины (генерируются автоматически): диаграмма последовательности, контекстное меню, управление закладками, API, HTML, браузер, вкладка браузера, данные, открытая вкладка браузера, приложение, программа, программное обеспечение, ссылка.


Ключевые слова

расширение для браузера, Bookmarks, Google extension API

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

Теоретические аспекты создания обозревателя файловой директории с применением кроссплатформенного фреймворка Qt

В статье подробно разобран пример программы, написанной на языке C++ на основе кроссплатформенного фреймворка Qt. Программа InterView написана программистами компании Qt, и входит в состав примеров, поставляемых вместе с пакетом Qt Creator. На её при...

Разработка веб-сервиса для проведения аукционов

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

Проектирование и реализация базы данных для предприятия

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

Исследование технологии кроссплатформенной разработки приложения с адаптивным пользовательским интерфейсом

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

Подход к автоматическому анализу отзывов о товарах и услугах интернет-магазина

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

Сравнение Java-фреймворков для разработки системы управления событиями для крупных организаций

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

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

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

Разработка Web-приложения с применением технологии ASP.NET

В статье рассматриваются возможности применения технологии ASP.NET, позволяющей создавать динамические Web-страницы. Разработанный стартовый проект содержит данные о предприятиях и организациях Карагандинской области, предоставляемых ими вакансиях, и...

Разработка веб-приложения «Семейный органайзер»

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

Разработка веб-сервиса для хранения и передачи данных

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

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

Теоретические аспекты создания обозревателя файловой директории с применением кроссплатформенного фреймворка Qt

В статье подробно разобран пример программы, написанной на языке C++ на основе кроссплатформенного фреймворка Qt. Программа InterView написана программистами компании Qt, и входит в состав примеров, поставляемых вместе с пакетом Qt Creator. На её при...

Разработка веб-сервиса для проведения аукционов

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

Проектирование и реализация базы данных для предприятия

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

Исследование технологии кроссплатформенной разработки приложения с адаптивным пользовательским интерфейсом

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

Подход к автоматическому анализу отзывов о товарах и услугах интернет-магазина

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

Сравнение Java-фреймворков для разработки системы управления событиями для крупных организаций

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

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

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

Разработка Web-приложения с применением технологии ASP.NET

В статье рассматриваются возможности применения технологии ASP.NET, позволяющей создавать динамические Web-страницы. Разработанный стартовый проект содержит данные о предприятиях и организациях Карагандинской области, предоставляемых ими вакансиях, и...

Разработка веб-приложения «Семейный органайзер»

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

Разработка веб-сервиса для хранения и передачи данных

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

Задать вопрос