Snappy Widgets

+3  

Widgets that snap into apps.

YAML Идея

Today, every time a developer develops an app, it is them who decide how the app should look and feel, not you, the user. However, if you look around, most apps pretty much share the same kind of widgets:

  • all chat apps have conversations list, the input field for text, voice, emojis, files into a chosen conversation, and the view of the conversation itself.
  • all CAD design apps have the object 3D views, tool selectors, and the object/operation trees.
  • all the mail apps have folders and message title lists.

The examples can continue, but the point is, that these widgets repeat across different applications.

The creators of the first operating systems graphical user interface, such as Windows, came up with the paradigm, where developers create a window, and a world within that "window". They had not envisaged that the user interface lowest common denominator should be a "widget", and the user would compose widgets into what they need. So, let's re-imagine a life of a user with "Widgets OS" rather than "Windows OS".

  • Upon starting the snappy widgets environment, a user could instantiate new empty docking nodes to which to dock new components, and start placing widgets into them from a library of possible widgets.
  • Each node with an arrangement of widgets could be saved as an "app".
  • Having such an arrangement, a user could configure the widgets, by looking up APIs available as backends to them, as the sources for these widgets would be configurable, based on the data protocol defined by each widget.
    • For example, if it is a chat entry field widget, perhaps there are many apps with a public API that snaps to this widget.
    • A user would choose, which backends to make available for the specific widget within the docking node of choice.
      • For example, to emulate Trillian chat integrator, a user could choose all supported backend apps for chat entry field, which should auto-toggle based on the active chat window.

Having such a widgets system, front-end developers would not have to repeat their work: new widgets would need to be created only if there is no needed widget in existence. The development and publishing of each widget would have to be a bit like specifying a protocol of data, because the sub-types that the widget supports would be specific. Popular widgets would have many backends providers, and someone who wants to create a new app would not have to create front-end, because the front-end would be composed by user, not the developer.

What's more, we can imagine, that under such system, widgets could be dragged-and-dropped from one docking node to another. It would feel like dragging-and-dropping widgets from one app window to another app window.

The greatest benefit would probably be in the ability to quickly create new apps just by writing appropriate APIs, and without any front-end coding at all, meaning, more developer work would be available for systems engineering and data management, rather than front-end work.

Finally, when it comes to real implementation of this idea, these days there are many widget libraries written for developers (only in web development: Material, Bootstrap, Ant Design, BalmUI, Buefy, Chakra UI, Element, Framevuerk, Oruga, Tachyons, Tailwind CSS, Windi CSS, Vant, Vuesax, etc.), so lots of people are working on them. It would be quite straightforward to take some of the good ones, and make them snappy like legos to a docking point, via introducing a specialized browser extension, an Electron application, and an Android/iOS application, that packages such app-making environment.

However, the web-technologies based UIs tend to be slow, and the non-native apps in general seem to be slower, the next step could be to develop a completely native implementations by desktop environment developers, or perhaps integrated ("Write once. Deploy everywhere.") framework creators, like beeware.org. Let's see.

Inspired by Structured Internet Client.

Mindey,

(не уведомлять) (Необязательно) Пожалуйста, войдите.

insert into widgets (type, name) values ("dropdown menu", "countries") I'd like to be able to define what widgets are available separately from their positioning on the screen. Positioning widgets is harder than deciding what widgets are available. We should separate these functions to make snappy widgets a reality.



    : Mindey
    :  -- 
    :  -- 
    

chronological,

[в хронологическом порядке], я согласен, нам нужна палитра виджетов или библиотека, и эти виджеты должны быть доступны глобально, так что это может быть похоже на плагин браузера, который создает эти виджеты, и, я полагаю, доступен через что-то вроде щелчок правой кнопкой мыши в новой пустой вкладке браузера, чтобы удалить новый виджет из библиотеки, например https://vueuikit.com.

Фактически, привязка мертвых виджетов уже реализована в инструментах создания прототипов приложений для дизайнеров, таких как proto.io, uxpin.com и т. Д.

Однако это не живые виджеты и не для конечных пользователей:

  • слишком детализированный (конечные пользователи обычно не успевают создать меню с нуля или окно чата с нуля и т. д.)
  • не определяющий протокол (сложный виджет обычно определяет составной тип данных или даже сам протокол взаимодействия, например, виджет glTF, подобный this, определяет тип данных, который может быть ему предоставлен. для правильной работы. Точно так же виджет чата может иметь свой собственный валидатор ввода и валидатор вывода. Однако эти большие и сложные виджеты, такие как окно чата, повторяются в приложениях - Telegram, WhatsApp, Line, WhatsApp и т. д. - все имеют очень похожие окна чата, и, создавая виджет окна чата, определяющий протокол, разработчики подумали бы обо всех возможных потребностях приложений чата для отображения вещей, так что пользователь, не являющийся программистом, который перетаскивает этот виджет, может иметь много совместимые источники данных без необходимости ничего программировать.

[chronological], I agree, we need like a pallete of widgets, or a library, and these widgets must be available globally, so it could be like a browser plugin that brings those widgets into existence, and, I suppose accessible via something like right-clicking of mouse in a new empty browser tab to drop a new widget from a library like https://vueuikit.com.

In fact, dead widget snapping is already realized within app prototyping tools for designers, like proto.io, uxpin.com, etc.

However, those are not live widgets, and not for end users:

  • too granular (end users generally won't have time to build a menu from scratch, or a chat window from scratch, etc.)
  • not protocol-defining (a complex widget usually defines a composite data type or even interaction protocol itself, for example, a glTF widget like this defines the data type that can be provided to it for it to work properly. Similarly, a chat widget may have its own input validator, and an output validator. However, those big and complex widgets like chat window, repeats across apps -- telegram, whatsapp, line, whatsapp, etc. -- all have very similar chat windows, and creating a protocol-defining chat window widget, the developers would think about all possible needs of chat apps to display things, so that the non-programmer user who drags and drops this widget can have lots of compatible data sources without having to program anything.

Visual Basic опередил отрасль в этом отношении и был очень мощным. Однако я так и не научился программировать большинство виджетов. Просто столы.

Visual Basic was ahead of the industry on this account and was very powerful. I never learned how to program most widgets though. Just tables.


// Visual Basic [...]

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

// Visual Basic [...]

It was for programmers, not for end users. What this idea is about, is a tool for end users, obsoleting app UIs, so in the future apps don't need their own UIs.


Давайте реализуем это на oo

Let's implement this on oo



    :  -- 
    : Mindey
    :  -- 
    

Ruta,

В своей концепции аддитивного графического интерфейса я рассматриваю его как систему потока данных.

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

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

In my additive GUIs concept I treat the GUI as a data flow system.

In an email client you have a list of folders. Clicking a folder flows emails of that folder to a email list. Clicking an email in the list flows the email into an email preview.

Perhaps widgets can be described by the relationships towards eachother and the data they flow between one another.


chronological,