Блог

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

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

webix_new_demo

Что это?

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

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

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

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

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

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

рабочий стол

Что дальше?

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

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

Автор
The following two tabs change content below.
Olga Vazhnik

Olga Vazhnik

Olga Vazhnik

Latest posts by Olga Vazhnik (see all)

Share on Google Plus Share on Twitter Share on Facebook Share on Stumbleupon Share on LinkedIn VK Vote on Reddit
  • rotor hologramma

    Смотрится супер! Я бы не отказался попробовать что нибудь сделать на основе этого компонента.