Как создать рабочий стол в браузере с помощью Webix

Всем давно известна пословица, что лучше один раз увидеть, чем сто раз услышать. Так что не задумываясь кликайте на картинку ниже, а после просмотра демо продолжайте читать статью.

webix_new_demo

Что это?

Демо показывает, как можно создать рабочий стол в браузере на основе Webix компонента.

Такая оболочка может использоваться удаленными пользователями, поскольку она предоставляет среду, подобную десктопной, где пользователи могут получить доступ к удаленным данным и работать с ними. Пользователи могут запускать внутренние приложения, организовать их размещение на экране, а также переключаться между ними. Все эти действия можно производить с обычными десктопными приложениями. Кроме того, представленная оболочка работает в любом браузере (даже в IE8!).

Как это работает?

Демо полностью написано на JavaScript и использует Webix компоненты. Основной  интерфейс создан с помощью компонентов Layout и List. Popup-элементы — это виджеты Webix. Рабочее пространство с иконками — на самом деле компонент DataView. Внешний вид компонентов Webix можно переопределить с помощью CSS. Как видите, это позволяет значительно их преобразить.

Возможно, создавать десктопную оболочку в браузере несколько странно, но почему бы не попробовать? Библиотека Webix — это мощный набор инструментов, он не ограничен только таблицами и кнопками.

Вы можете получить код демо из репозитория на GitHub. Демо выпущено под MIT лицензией, поэтому вы можете использовать его в своих целях. Приложения, встроенные в демо, используют некоторые внешние компоненты (Gantt, Scheduler, FileManager) и доступны под GPL лицензией. Если подобный проект нужен вам для коммерческого использования — напишите нам.

рабочий стол

Что дальше?

В настоящий момент, Виртуальный рабочий стол — это лишь демо. Хотя вы можете использовать его в разработке, он не работает как самостоятельный компонент, и может потребовать большого количества кода для корректной интеграции. Мы рассматриваем возможность преобразования этого демо в отдельный компонент, с полным набором API функций и документацией.

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