„take the risc!“ · • 1991-2001: sap – ... complex instruction set computers cisc change of...

„Take the RISC!“

Von Java Swing über JavaFXnach HTML.

UI Strategien für operativ genutzteGeschäftsanwendungen.

Björn Müller

• 1991-2001: SAP– Anwendungsentwicklung

– Basis-Java-Architekturentwicklung

– J2EE Server Entwicklung

• Seit 2001:– Entwicklung von Frontendframeworks für

umfangreiche, operativ genutzte, serverbasierte Unternehmensanwendungen

– 2001-2007: Casabac Technologies GmbH– „AJAX“ Pionier

– 2005 Übernahme durch Software AG

– 2007–heute: CaptainCasa GmbH + Community– Java Swing, Java FX, RISC-HTML, (SAP UI5)

CaptainCasa

• 2007 Gründung CaptainCasa– Corporate Community– GmbH

• 2008 Java Swing basierter Client• 2014 JavaFX basierter Client

• 2016 Entwicklung der RISC-HTML Methode• 2016 HTML basierter Client

CaptainCasa

Motivation

Developers: Eat you own Dog Food!

EclipseReisekosten-abrechnung

Projekt-rückmeldung

Powerpoint

MailStack

Overflow

spiegel.de

Powerpoint

StackOverflow

spiegel.de

WEB Native

Powerpoint

StackOverflow

spiegel.de

WEB Native

BankAnwendung

Reisekosten-abrechnung

Recherche

BusinessIntelligence

MailZeit

erfassung

spiegel.de

BankAnwendung

Recherche

MailZeiterfassung

spiegel.de

WEB Native

Recherche

Zeiterfassung

spiegel.de

WEB Native

BankAnwendung

Motivation

extern intern

Motivation

HTMLDurchdringung

extern intern

Motivation

HTMLDurchdringung

extern intern

Motivation

HTMLDurchdringung

extern intern

UNBEHAGEN:

Browser/DevicekompatibilitätPerformance

Layouting Restrictions

Langfristige Stabilität / InvestitionssicherheitEntwicklungskosten

Wartungskosten

KONTROLLVERLUST

Motivation

HTMLDurchdringung

extern intern

UNBEHAGEN:

Browser/DevicekompatibilitätPerformance

Layouting Restrictions

Langfristige Stabilität / InvestitionssicherheitEntwicklungskosten

Wartungskosten

KONTROLLVERLUST

Wichtige Folie!

• Demo– Swing– JavaFX

Back to the80s/90s

Back to the 80s/90s

#Instructions

Back to the 80s/90s

#Instructions

Change of Paradigm

Algorithmicin front

of processor

# Inst.

Back to the 80s/90s

#Instructions

Complex Instruction SetComputers

Change of Paradigm

Algorithmicin front

of processor

# Inst.

Reduced Instruction SetComputers

Back to the 80s/90s

#Instructions

Complex Instruction SetComputers

Change of Paradigm

Algorithmicin front

of processor

# Inst.

Reduced Instruction SetComputers

Algorithmic

Execution

Browser History

#Elements#Attributes

Browser History

Suffering

„Zero Installation!“„...endless Maintenance“

Traditional Framework Approach

Framework

Your Frontend App

Framework

Your Frontend AppStill: Suffering

Framework

Your Frontend AppStill: SufferingKomplexitätgesamt = KomplexitätHTML5

+ KomplexitätFramework

Framework

Your Frontend AppStill: SufferingKomplexitätgesamt = KomplexitätHTML5

+ KomplexitätFramework

Komplexitätgesamt = KomplexitätHTML5

* KomplexitätFramework

ISC What's about...

...a Change of Paradigm?

Which are the basic elements that „any“user interface can be built with?

What are the basic elements whichof even complex user interfaces?

1. Rectangles - with/without text - with/without background styling

2. Textinput - single line - multi line

(3. Graphics)

...and the possibility to A. position them absolutely (x,y,width,height(,z))B. compose them

Micro Kernel

RISC Browser Architecture

„2“ El.

Rectangles

Text Input

Micro Kernel

„2“ El.

UI ElementsBased

OnNucleus Elements

Rectangles

Text Input

Reduced Instruction SetClientRISC

Micro Kernel

„2“ El.

UI ElementsBased

OnNucleus Elements

Rectangles

Text Input

Button

ComboBox

Dialog

ISC Framework

Micro Kernel

„2“ El.

UI ElementsBased

OnNucleus Elements

Complex Instruction SetClientCISC

Change of Paradigm

ISC Framework

Micro Kernel

„2“ El.

UI ElementsBased

OnNucleus Elements

Complex Instruction SetClientCISC

Rendering„Algorithmic“

Rendering „Execution“

Micro Kernel

UI ElementsBased

OnNucleus Elements

ADVANTAGES

• Browser Incompatibility is no issue.

– The nucleus' size is 1000 lines of Javascript, currently!

• Performance on current browsers is excellent.

• Layouting is not bound to HTML limits.

Micro Kernel

UI ElementsBased

OnNucleus Elements

ADVANTAGES

• Decoupling from HTML

• Regain of Control

Micro Kernel

UI ElementsBased

OnNucleus Elements

CHALLENGES

• Adaptations required– Accessibility support– Testing frameworks

Big(ger) Picture

BrowserJS ComponentLibrary

Big(ger) Picture

Nucleus Library

UI ElementsBased

OnNucleus Elements

Big(ger) Picture

Nucleus Library

UI ElementsBased

OnNucleus Elements

FrontendLogic

BackendLogic

BindingConcept

Big(ger) Picture

Nucleus Library

UI ElementsBased

OnNucleus Elements

FrontendLogic

BackendLogic

BindingConcept

Outside frameworksmust not influence

UI Component Library-

and vice versa

Example: CaptainCasa Enterprise Client

Nucleus Library

UI ElementsBased

OnNucleus Elements

BackendLogic

DialogProcessing

FrontendRendering

Engine

Layout XML

DataEvents

Rendering

Events

Filter & Queue

Ist „Server-UI“ old school?

Client UI

Server UI

Mainframe

Fat Client

Web-HTML

JavaScript

Ist „Server-UI“ old school?

• Server-centric UI– Server state!– Große Nähe zur Logik– Effiziente Entwicklung auch komplexer Szenarien– Function / Data driven– ==> Sachbearbeiter

• Client-centric UI– Server stateless– Kernlogik nur remote erreichbar– Aufwendige Entwicklung– Design driven– ==> Endkonsumenten

Summary

• The RISC Browser Architecture is a paradigm shift for using HTML.

• Compatibility by design– and not: Compatibility by test / resources

• Regain of Control!– Robustness– Performance– Layouting

Summary

• The RISC Browser Architecture is a paradigm shift for using HTML.

• Compatibility by design– and not: Compatibility by test / resources

• Regain of Control!– Robustness– Performance– Layouting

Summary

HTMLDurchdringung

extern intern

HTMLDurchdringung

extern intern

Summary

RISC HTML

Last but not least

• http://www.CaptainCasa.com– Download (Free Usage)– Demos– Doku

„take the risc!“ · • 1991-2001: sap – ... complex instruction set computers cisc change of...

Documents

reduced instruction set computers. major advances in...

the meccano set computers

chapter 13 william stallings computer organization and...

risc i: a reduced instruction set vlsi computer · the...

instruction set

instruction set -...

reduced instruction set computers (risc)

computer organization and architecture reduced instruction...

performance (ii) -...

eceg-3202 computer architecture and organization chapter 7...

unit-6. contents: 1. reduced instruction set computers 2....

3. instruction set design - iit-computer...

programming universal computers instruction sets

reduced instruction set computers -...

atmel avr 8-bit instruction set -...

writable instruction set, stack oriented...

13 reduced instruction set computers computer organization

compucolor ii instruction manual - old computers

instruction sets and beyond: computers, complexity, and

instruction set architectureallans/cs141/l2.isa.pdf ·...