Going Virtual

•

2 j'aime•557 vues

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

Recommandé

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

Recommandé

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

Contenu connexe

Similaire à 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

Similaire à 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

Plus de 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

Plus de 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

Dernier

Salesforce Community Group Quito, Salesforce 101Paola De la Torre

Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55

CNv6 Instructor Chapter 6 Quality of Servicegiselly40

08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls

Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

Slack Application Development 101 Slidespraypatel2

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

SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren

A Call to Action for Generative AI in 2024Results

08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada

Finology Group – Insurtech Innovation Award 2024The Digital Insurer

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

04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG

[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745

Boost PC performance: How more available memory can improve productivityPrincipled Technologies

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

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

The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad

Dernier (20)

Salesforce Community Group Quito, Salesforce 101

Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...

CNv6 Instructor Chapter 6 Quality of Service

08448380779 Call Girls In Friends Colony Women Seeking Men

Enhancing Worker Digital Experience: A Hands-on Workshop for Partners

How to Troubleshoot Apps for the Modern Connected Worker

Slack Application Development 101 Slides

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

SQL Database Design For Developers at php[tek] 2024

A Call to Action for Generative AI in 2024

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024

Finology Group – Insurtech Innovation Award 2024

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

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

[2024]Digital Global Overview Report 2024 Meltwater.pdf

Boost PC performance: How more available memory can improve productivity

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

IAC 2024 - IA Fast Track to Search Focused AI Solutions

The Codex of Business Writing Software for Real-World Solutions 2.pptx

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