Going Virtual

•

2 gefällt mir•557 views

Fabian Jakobs

A short overview of the first ideas for a framework for virtual widgets in qooxdoo

Technologie

colorstrip.gifT
THE NEW ERA OF WEB DEVELOPMENT

Going Virtual
Virtual Widget Framework for qooxdoo

Fabian Jakobs
Jonathan Weiß

Design Principles
• Low dependencies
• No policies
• No implicit actions
• Small API
• Pluggable components

• Customized widgets on top

Core:
Virtual Pane

virtual variable
scrolling cell sizes

Pane Architecture
Pane
Layer Container
Layer #1
Layer #2
Layer #3

Pane
Pane

• Renders window of Layer Container
Layer #1
virtual grid Layer #2

• variable row/column
Layer #3

sizes
• Layers are widgets

Axis

• Converts virtual pixel coordinates into:
• Cell indexes
• Cell Offsets
• Allows custom cell sizes

Layer Examples

• Row Color
• Grid Line
• HTML Cell
• Widget Cell

Scroller

• Provides scroll bars for the pane
• Extends qx.ui.core.AbstractScrollArea

Wish list
Column
Selection
Sorting Cell Renderer
Focus
Cell Editor

Row/Column Grouping
Header
span
Frozen Column
... Resizing
Columns

Empfohlen

Usergroup 02 Berlin Windows7mspgermany

41 gui-designJaya Christina

Ejercicio Tema 6marsk

Cloud History 101Mark Heinrich

Writing Smarter Applications with Machine LearningAnoop Thomas Mathew

Going VirtualFabian Jakobs

Advanced Silverlightrsnarayanan

Cloudcon East Presentationbr7tt

Empfohlen

Usergroup 02 Berlin Windows7mspgermany

41 gui-designJaya Christina

Ejercicio Tema 6marsk

Cloud History 101Mark Heinrich

Writing Smarter Applications with Machine LearningAnoop Thomas Mathew

Going VirtualFabian Jakobs

Advanced Silverlightrsnarayanan

Cloudcon East Presentationbr7tt

Os Vilainoscon2007

O connor bosc2010BOSC 2010

2006 Esug Omnibrowserbergel

Deep Dive into Microsoft Silverlight Graphicsgoodfriday

Cache is King ( Or How To Stop Worrying And Start Caching in Java) at Chicago...srisatish ambati

Continuous Delivery the hard way with KubernetesLuke Marsden

Continuous Delivery the Hard Way with Kubernetes Weaveworks

Introduction of openGLGary Yeh

Advanced Map Caching TopicsEsri

InternImage: Exploring Large-Scale Vision Foundation Models with Deformable C...taeseon ryu

[Roblek] Distributed computing in practicejavablend

Silverlight 2 For DevelopersMithun T. Dhar

Cold Hard CacheAlex Miller

Template Building Workshopnorton07302

Amsterdam.js talk: node webkitFabian Jakobs

Bespin, Skywriter, Ace The Past, Present and Future of online Code EditingFabian Jakobs

Kick ass code editing and end to end JavaScript debuggingFabian Jakobs

Autopsy Of A WidgetFabian Jakobs

Masterin Large Scale Java Script ApplicationsFabian Jakobs

Tdd For GuIsFabian Jakobs

Weitere ähnliche Inhalte

Ähnlich wie Going Virtual

Cloudcon East Presentationbr7tt

Os Vilainoscon2007

O connor bosc2010BOSC 2010

2006 Esug Omnibrowserbergel

Deep Dive into Microsoft Silverlight Graphicsgoodfriday

Cache is King ( Or How To Stop Worrying And Start Caching in Java) at Chicago...srisatish ambati

Continuous Delivery the hard way with KubernetesLuke Marsden

Continuous Delivery the Hard Way with Kubernetes Weaveworks

Introduction of openGLGary Yeh

Advanced Map Caching TopicsEsri

InternImage: Exploring Large-Scale Vision Foundation Models with Deformable C...taeseon ryu

[Roblek] Distributed computing in practicejavablend

Silverlight 2 For DevelopersMithun T. Dhar

Cold Hard CacheAlex Miller

Template Building Workshopnorton07302

Ähnlich wie Going Virtual (16)

Cloudcon East Presentation

Os Vilain

O connor bosc2010

2006 Esug Omnibrowser

Deep Dive into Microsoft Silverlight Graphics

Cache is King ( Or How To Stop Worrying And Start Caching in Java) at Chicago...

Continuous Delivery the hard way with Kubernetes

Continuous Delivery the Hard Way with Kubernetes

Introduction of openGL

Advanced Map Caching Topics

InternImage: Exploring Large-Scale Vision Foundation Models with Deformable C...

[Roblek] Distributed computing in practice

Silverlight 2 For Developers

Cold Hard Cache

Template Building Workshop

Mehr von Fabian Jakobs

Amsterdam.js talk: node webkitFabian Jakobs

Bespin, Skywriter, Ace The Past, Present and Future of online Code EditingFabian Jakobs

Kick ass code editing and end to end JavaScript debuggingFabian Jakobs

Autopsy Of A WidgetFabian Jakobs

Masterin Large Scale Java Script ApplicationsFabian Jakobs

Tdd For GuIsFabian Jakobs

Und es geht doch - TDD für GUIsFabian Jakobs

Lecture 8 - Qooxdoo - Rap Course At The University Of SzegedFabian Jakobs

Qooxdoo 0.8 - Das Neue Gui ToolkitFabian Jakobs

Ajax In Action 2008 - Gui Development With qooxdooFabian Jakobs

DLW Europe - JavaScript ToolingFabian Jakobs

Mehr von Fabian Jakobs (11)

Amsterdam.js talk: node webkit

Bespin, Skywriter, Ace The Past, Present and Future of online Code Editing

Kick ass code editing and end to end JavaScript debugging

Autopsy Of A Widget

Masterin Large Scale Java Script Applications

Tdd For GuIs

Und es geht doch - TDD für GUIs

Lecture 8 - Qooxdoo - Rap Course At The University Of Szeged

Qooxdoo 0.8 - Das Neue Gui Toolkit

Ajax In Action 2008 - Gui Development With qooxdoo

DLW Europe - JavaScript Tooling

Kürzlich hochgeladen

A Year of the Servo Reboot: Where Are We Now?Igalia

[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745

GenCyber Cyber Security Day PresentationMichael W. Hawkins

Histor y of HAM Radio presentation slidevu2urc

Presentation on how to chat with PDF using ChatGPT code interpreternaman860154

Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2

Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1

08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls

The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los

Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUK Journal

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia

Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun

IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge

Artificial Intelligence: Facts and MythsJoaquim Jorge

08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung

From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software

Scaling API-first – The story of a global engineering organizationRadu Cotescu

🐬 The future of MySQL is Postgres 🐘RTylerCroy

Kürzlich hochgeladen (20)

A Year of the Servo Reboot: Where Are We Now?

[2024]Digital Global Overview Report 2024 Meltwater.pdf

GenCyber Cyber Security Day Presentation

Histor y of HAM Radio presentation slide

Presentation on how to chat with PDF using ChatGPT code interpreter

Exploring the Future Potential of AI-Enabled Smartphone Processors

Boost Fertility New Invention Ups Success Rates.pdf

08448380779 Call Girls In Greater Kailash - I Women Seeking Men

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

Data Cloud, More than a CDP by Matt Robison

IAC 2024 - IA Fast Track to Search Focused AI Solutions

Artificial Intelligence: Facts and Myths

08448380779 Call Girls In Friends Colony Women Seeking Men

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

Scaling API-first – The story of a global engineering organization

🐬 The future of MySQL is Postgres 🐘

Going Virtual

1. colorstrip.gifT THE NEW ERA OF WEB DEVELOPMENT Going Virtual Virtual Widget Framework for qooxdoo Fabian Jakobs Jonathan Weiß

2. Table in qooxdoo 0.8

3. Virtual Widget Use Cases

4. Design Principles • Low dependencies • No policies • No implicit actions • Small API • Pluggable components • Customized widgets on top

5. Core: Virtual Pane

6. Core: Virtual Pane virtual scrolling

7. Core: Virtual Pane virtual variable scrolling cell sizes

8. Pane Architecture Pane Layer Container Layer #1 Layer #2 Layer #3

9. Pane Pane • Renders window of Layer Container Layer #1 virtual grid Layer #2 • variable row/column Layer #3 sizes • Layers are widgets

10. Axis • Converts virtual pixel coordinates into: • Cell indexes • Cell Offsets • Allows custom cell sizes

11. Layer Examples • Row Color • Grid Line • HTML Cell • Widget Cell

12. Row Layer

13. Scroller • Provides scroll bars for the pane • Extends qx.ui.core.AbstractScrollArea

14. Wish list Column Selection Sorting Cell Renderer Focus Cell Editor Row/Column Grouping Header span Frozen Column ... Resizing Columns

15. DEMO