Руководство для начинающих, чтобы понять, как создавать мощные настраиваемые виджеты LabArchives.

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

Создание виджетов LabArchives предполагает использование сочетания HTML и JavaScript. Для разработки простейших форм вам даже не нужно беспокоиться о редактировании JavaScript по умолчанию. Вы также можете использовать Rich Text Editor от LabArchives для создания элементов формы без необходимости знать, как программировать в HTML и приступить к созданию вашего первого виджета. Тем не менее, чтобы по-настоящему воспользоваться гибкостью и мощью LabArchives Widgets, изучение основ HTML и JavaScript поможет вам. Вы можете дополнительно управлять стилем своих форм (такими как размер шрифта, цвет или интервал), используя язык CSS. Когда вы начнете погружаться в JavaScript для создания более сложных виджетов, вы, вероятно, также извлечете пользу из изучения jQuery, библиотеки JavaScript, упрощающей выполнение многих рутинных действий.

В этой серии я описываю LabArchives Widget Manager и объясняю, как организован и функционирует стандартный JavaScript. В зависимости от вашего знакомства с HTML и JavaScript и вашего удобства работы с платформой LabArchives, некоторые из этих статей будут более полезными и актуальными для вас, чем другие. Вы также можете вернуться к разным частям этой серии по мере того, как меняются ваши цели создания новых виджетов.

Я начал этот процесс разработки виджетов LabArchives около месяца назад, имея лишь базовые знания HTML и не имея опыта работы с CSS, JavaScript или jQuery. Я, конечно, не продвинулся бы так далеко без терпеливой помощи и устранения неполадок со стороны моего брата, инженера программного обеспечения в Maestro. На протяжении всей этой серии я буду указывать вам на другие ресурсы, которые я считаю полезными, и не буду делать слишком много предположений относительно вашего знакомства с этими языками.

Статьи из этой серии

Знакомство с диспетчером виджетов LabArchives

Редактор HTML виджета LabArchives

Редактор сценариев LabArchives

JavaScript по умолчанию в LabArchives

Советы и рекомендации по управлению виджетами LabArchives

Конкретные реализации

Загрузить содержимое виджета LabArchives для электронных таблиц

Добавить совместимость даты и времени для Safari для LabArchives

Создание виджетов LabArchives с помощью Bootstrap и CSS

Автоматическая настройка текстового поля в виджете LabArchives

Мой репозиторий GitHub с шаблонами виджетов

Вы можете найти полный код виджета шаблона и другие примеры на https://github.com/gibson-amandag/LabArchivesWidgetTemplates.