Демо-приложения - JavaScript дашборды

Разрабатывайте современные HTML5 веб-приложения с виджетами и контролами библиотеки Webix UI. Посмотрите на самые популярные типы пользовательских интерфейсов и другие JavaScript веб-приложения с дашбордами.

Демо веб-приложений

Student/Teachers Dashboard JS

Student/Teachers Dashboard JS- приложение для контроля успеваемости учеников, значительно облегчающее работу учителей. Визуализация информации позволяет очень быстро анализировать достижения учащихся даже при значительном количестве профилей. Например, благодаря красочным таблицам, можно отслеживать достижения каждого ученика по разным предметам. Учителя и профессора видят средний балл студента за определенный период, сравнивают оценки с успеваемостью за предыдущие годы и т.д.

Doctor Appointment App

Doctor Appointment AppЭто JavaScript демо упрощает запись на приём, функционируя в качестве дополнения к медицинскому порталу. Приложение позволяет персоналу медицинских учреждений без труда управлять посещениями. Врачи имеют под рукой всю необходимую информацию о пациентах: диагноз, дата и время посещения, контактные данные и т.д. Пациенты могут самостоятельно записаться на приём, узнать больше информации о своём терапевте и медицинском учреждении.

Inventory app

Inventory appДанное приложение упрощает обслуживание компьютерного оборудования. Удобный интерфейс позволяет системным администраторам без труда справляться с большим количеством электронной техники и компонентов. Технический персонал может легко следить за состоянием компьютеров и своевременно проводить их ремонт. Статистические отчёты помогают определить общую работоспособность всего оборудования компании.

QA Dashboard

QA DashboardДашборд помогает следить за рабочим процессом сотрудников. DataView, DataTable и GeoChart красочно, ясно и доступно отображают данные. Благодаря Sidebar работает навигация в приложении. На Toolbar размещены виджеты для управления настройками приложения.

Bank App

Bank AppВ этом приложении вы можете просматривать, редактировать и анализировать финансовые данные. История платежей отображается в DataTable, и ее можно сортировать и фильтровать. Данные клиентов можно посмотреть в Form. Доступны базовые настройки: язык, цветовая схема, длина списка в истории платежей и т.д.

Booking App

Booking AppПриложение для поиска билетов на самолет и планирования отпуска. Информация о рейсах показана в лаконичных таблицах DataTable. Поиск рейсов возможен по датам и маршрутам, которые выбираются в форме. На Toolbar находятся контролы для управления настройками приложения и просмотра уведомлений.

Team Progress App

Team Progress AppДашборд для просмтра рабочего прогресса рабочей команды. Диаграммы отображают статистику и помогают сравнить достижения сотрудников. С помощью Toolbar осуществляется навигация по приложению, поиск и добавление новых задач и изменение настроек (цветовая схема и язык).

Web Desktop UI

Web Desktop UIЭто демо показывает, как построить интерфейс в стиле Windows Metro с помощью JavaScript фреймворка Webix. Пример включает такие компоненты, как Layout, Toolbar с кнопками, Menu, Window и File Manager.

Geo Explorer

Geo ExplorerНаша библиотека включает виджет Maps, который позволяет использовать Google Maps в приложениях. Webix также поддерживает использование других сторонних онлайн-карт.

Admin UI Templates

Admin UI TemplatesДанное приложение для администрирования создано при помощи JavaScript фреймворка Webix. В этом демо можно наблюдать несколько виджетов в действии: Dashboard, Charts, Tables, Forms, SpreadSheet, Kanban, Pivot и File Manager. Пример демонстрирует удобное и простое управление данными.

Демо комплексных виджетов

Report Manager

Report Manager- это удобное решение для построения и хранения отчетов с большим объемом данных. Мы предусмотрели три различных способа представления данных, а также возможность поиска, сортировки и экспорта отчетов в форматах Excel и CSV.

Chat виджет

Chat виджет- это JavaScript web приложение для обмена личными сообщениями между пользователями в рамках одного приложения. JavaScript Chat позволяет организовывать групповые чаты между несколькими пользователями с возможностью управлять списком контактов и внешним видом самого чата.

User Manager

User Manager- это готовое решение для управления списком пользователей и администрирования прав доступа. Мы предусмотрели многочисленные настройки, логирование активности, аудит безопасности и различные способы автоматической идентификации и авторизаций пользователей.

Pivot

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

Spreadsheet

SpreadsheetСоздавайте идеальные электронные таблицы в стиле Excel с помощью гибкого и легко встраиваемого виджета SpreadSheet. Вы можете с легкостью настроить его согласно требованиям вашего проекта.

Kanban

KanbanРазработайте ваше собственное приложение для визуализации рабочего процесса, используя гибкий и легко встраиваемый виджет Kanban Board. Вы можете изменить drag-n-drop и интерфейс виджета согласно требованиям проекта.

File Manager

File ManagerЭто демо показывает, как работать с иерархическими данными в веб-приложениях с помощью JavaScript виджета File Manager. Этот виджет позволяет перетаскивать файлы и папки между каталогами как в классическом файловом менеджере.

Scheduler

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

Gantt

Gantt- это приложение для управления проектами по методологии Agile. Функциональность Gantt позволяет создавать решения для управления проектами и ресурсами, осуществлять постановку задач и контроль за их исполнением. Gantt Chart может быть интегрирован в любое web бизнес решение или браузерное приложение. Webix Gantt легко кастомизировать и интегрировать с любыми информационными решениями и системными платформами.

Query

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

JS Pivot Chart

JS Pivot ChartВиджет позволяет анализировать и сравнивать сложные данные. Предлагаются различные типы диаграмм. Есть возможность экспортировать данные в такие форматы, как PDF, PNG, Excel, CSV. Все диаграммы легко настраиваются. Также можно добавлять фильтры или организовывать группы. Виджет легко интегрируется в любое приложение.

Diagram

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

Javascript Dashboards

Doctor Appointment App

Doctor Appointment AppЭто JavaScript демо упрощает запись на приём, функционируя в качестве дополнения к медицинскому порталу. Приложение позволяет персоналу медицинских учреждений без труда управлять посещениями. Врачи имеют под рукой всю необходимую информацию о пациентах: диагноз, дата и время посещения, контактные данные и т.д. Пациенты могут самостоятельно записаться на приём, узнать больше информации о своём терапевте и медицинском учреждении.

Inventory app

Inventory appДанное приложение упрощает обслуживание компьютерного оборудования. Удобный интерфейс позволяет системным администраторам без труда справляться с большим количеством электронной техники и компонентов. Технический персонал может легко следить за состоянием компьютеров и своевременно проводить их ремонт. Статистические отчёты помогают определить общую работоспособность всего оборудования компании.

QA Dashboard

QA DashboardДашборд помогает следить за рабочим процессом сотрудников. DataView, DataTable и GeoChart красочно, ясно и доступно отображают данные. Благодаря Sidebar работает навигация в приложении. На Toolbar размещены виджеты для управления настройками приложения.

Bank App

Bank AppВ этом приложении вы можете просматривать, редактировать и анализировать финансовые данные. История платежей отображается в DataTable, и ее можно сортировать и фильтровать. Данные клиентов можно посмотреть в Form. Доступны базовые настройки: язык, цветовая схема, длина списка в истории платежей и т.д.

Booking App

Booking AppПриложение для поиска билетов на самолет и планирования отпуска. Информация о рейсах показана в лаконичных таблицах DataTable. Поиск рейсов возможен по датам и маршрутам, которые выбираются в форме. На Toolbar находятся контролы для управления настройками приложения и просмотра уведомлений.

Team Progress App

Team Progress AppДашборд для просмтра рабочего прогресса рабочей команды. Диаграммы отображают статистику и помогают сравнить достижения сотрудников. С помощью Toolbar осуществляется навигация по приложению, поиск и добавление новых задач и изменение настроек (цветовая схема и язык).

Admin Apps

Admin UI Templates

Admin UI TemplatesДанное приложение для администрирования создано при помощи JavaScript фреймворка Webix. В этом демо можно наблюдать несколько виджетов в действии: Dashboard, Charts, Tables, Forms, SpreadSheet, Kanban, Pivot и File Manager. Пример демонстрирует удобное и простое управление данными.

Salesforce Apps

Custom Salesforce Finance app

Custom Salesforce Finance app- это пример интеграции Webix в среду разработки Salesforce. Благодаря расширенным возможностям библиотеки Webix, вы можете создавать любые CRM и ERP решения в среде Salesforce. Используете этот шаблон, чтобы познакомиться с особенностями интеграции Webix и Salesforce.

Часто задаваемые вопросы

Нужен ли мне Webix для использования JavaScript Dashboards?

Да. Dashboards требуют наличия библиотеки Webix.

Под какой лицензией распространяются Dashboards?

Эти приложения распространяются под лицензией MIT, Copyright (c) 2021.

Могу ли я поменять дизайн нужного мне Dashboard?

Вы можете выбрать любую из пяти дизайн схем, встроенных в Webix, или создать собственную при помощи Skin Builder.

Будут ли JavaScript Dashboards работать с community (opensource) edition?

Да, Dashboards совместимы как с Webix Pro, так и с Webix standard (community edition). Исключение составляют Inventory management App и примеры комплексных виджетов.

Могу ли я встроить нужный мне Dashboard в мое приложение?

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

Эти Dashboards бесплатные?

Да. Сами демо приложения бесплатные. Но для работы некоторых из них Вам может понадобиться коммерческий пакет Webix Pro.