Ein Blick in die Glaskugel - Beyond Java · 2020-05-24 · Kunde 4: JavaFX der Usability wegen ¢ Anwendungstyp: Formulare ¢ Besonderheit: Arbeitsplätze in der Fabrik ¢ Nicht genügend

© OPITZ CONSULTING 2017 Informationsklassifikation: Öffentlich

¢¢¢ Überraschend mehr Möglichkeiten

© OPITZ CONSULTING 2017

Ein Blick in die Glaskugel

Sergei Wagner

Stephan Rauh

UI Techradar


Rücksprache mit Mktg.

OC UI Techradar

MissionMit unserer Leidenschaft für neue Technologienund unserem Anspruch an herausragendeBeratung sind wir bei unseren Kunden derMotor der digitalen Transformation.

Wir entwickeln überraschend mehr Möglichkeiten!»Seite 2

© OPITZ CONSULTING 2017 Informationsklassifikation: Öffentlich Seite 3

überzählige blaue Zahlenboxen löschen!

UI Techradar

1

2

3

4

Warum?

Bewertungskriterien

Licht ins Dunkle bringen

Empfehlungen und Success Stories

OC UI Techradar


Warum? 1

Öffentlich


möglich

Was ist ein Technologie Radar Seite 5


Bewertungskriterien 1

OC UI Techradar


möglich

Optimizing your code while running it

Gesichtspunkte

Skills at handCoolness

Productivity

Performance

User Experience

Learning curve

Maturity

Price

Time to market

Innovation

Future

long term support


möglich


Beliebte Kriterien

Skills at hand

Performance

User Experience

Learning curve

Maturity

Price

Time to market

Innovation

Future

long term support

CoolnessProductivity


möglich


Oft vernachlässigt

Skills at hand

Performance

User Experience

Learning curve

Maturity

Price

Time to market

Innovation

Future

long term support

CoolnessProductivity


möglich


Oft übersehen

Skills at hand

Performance

User Experience

Learning curve

Maturity

Price

Total Cost of Ownership

Time to market

Innovation

Legal issues

Future Flexibility

long term support Accessibility

CorporateStrategy

Fashion

Forgotten Stakeholders

CoolnessProductivity Ecosystem

CorporateCulture


Licht ins Dunkle bringen¢ Wir bauen ein Techradar!

¢ Frameworks finden

¢ Clustern

¢ Bewerten

¢ Techradar als interaktive Anwendung

¢ Empfehlungen

¢ Success-Stories

3

OC UI Techradar


Rücksprache mit Mktg.

Welcome Days – Strategie@OC

Wir bauen ein Techradar!

Seite 12


möglich

OC UI Techradar Seite 13

UI Frameworks (Auswahl)¢ JSF

¢ PrimeFaces

¢ BootsFaces

¢ Spring MVC

¢ Play

¢ GWT

¢ Vaadin

¢ Wicket

¢ Java FX

¢ Grails

¢ MVC 1.0

¢ Bootstrap

¢ Material Design

¢ Angular

¢ Ionic 2

¢ React

¢ PrimeReact

¢ Electron

¢ PrimeNG

¢ Vue.js

¢ Aurelia

¢ Swing

¢ Applets

¢ Flash

¢ D3.js

¢ ...


möglich


Clustern – nach Technologie¢ JSF

¢ PrimeFaces

¢ BootsFaces

¢ Spring MVC

¢ Play

¢ GWT

¢ Vaadin

¢ Wicket

¢ Java FX

¢ Grails

¢ MVC 1.0

¢ Bootstrap

¢ Material Design

¢ Angular

¢ Ionic 2

¢ React

¢ PrimeReact

¢ Electron

¢ PrimeNG

¢ Vue.js

¢ Aurelia

¢ Swing

¢ Applets

¢ Flash

¢ D3.js

¢ ...


möglich


Clustern – nach Technologie¢ JSF

¢ PrimeFaces

¢ BootsFaces

¢ Spring MVC

¢ Play

¢ GWT

¢ Vaadin

¢ Wicket

¢ Java FX

¢ Grails

¢ MVC 1.0

¢ Bootstrap

¢ Material Design

¢ Angular

¢ Ionic 2

¢ React

¢ PrimeReact

¢ Electron

¢ PrimeNG

¢ Vue.js

¢ Aurelia

¢ Swing

¢ Applets

¢ Flash

¢ D3.js

¢ ...

Generiert HTML auf

dem Server

Generiert HTML auf

dem Server

Klassische Desktop-

Anwendungen

Crosscompiler:Java à

JavaScriptBrowser als

Betriebssystem

Nur Layout

Spezialisiert auf Charts und Statistiken

SPA


möglich


Clustern – nach "Coolness"¢ JSF

¢ PrimeFaces

¢ BootsFaces

¢ Spring MVC

¢ Play

¢ GWT

¢ Vaadin

¢ Wicket

¢ Java FX

¢ Grails

¢ MVC 1.0

¢ Bootstrap

¢ Material Design

¢ Angular

¢ Ionic 2

¢ React

¢ PrimeReact

¢ Electron

¢ PrimeNG

¢ Vue.js

¢ Aurelia

¢ Swing

¢ Applets

¢ Flash

¢ D3.js

¢ ...

Subjektive Einschätzungen


möglich


Clustern – nach Reifegrad¢ JSF

¢ PrimeFaces

¢ BootsFaces

¢ Spring MVC

¢ Play

¢ GWT

¢ Vaadin

¢ Wicket

¢ Java FX

¢ Grails

¢ MVC 1.0

¢ Bootstrap

¢ Material Design

¢ Angular

¢ Ionic 2

¢ React

¢ PrimeReact

¢ Electron

¢ PrimeNG

¢ Vue.js

¢ Aurelia

¢ Swing

¢ Applets

¢ Flash

¢ D3.js

¢ ...


möglich


Clustern – nach Zukunftssicherheit¢ JSF

¢ PrimeFaces

¢ BootsFaces

¢ Spring MVC

¢ Play

¢ GWT

¢ Vaadin

¢ Wicket

¢ Java FX

¢ Grails

¢ MVC 1.0

¢ Bootstrap

¢ Material Design

¢ Angular

¢ Ionic 2

¢ React

¢ PrimeReact

¢ Electron

¢ PrimeNG

¢ Vue.js

¢ Aurelia

¢ Swing

¢ Applets

¢ Flash

¢ D3.js

¢ ...

Subjektive Einschätzungen


möglich

OC Powerpoint CI 2017 V 0.933 Seite 19

Konsolidierung (Low-Tech)Reife Zukunft Lernkurve Performance UX Flexibilität Support …

JSF

PrimeFaces

BootsFaces

Spring MVC

GWT

Vaadin

JavaFX

Grails

MVC 1.0 ? ? ?

Angular

React

D3.js


möglich


Konsolidierung (High-Tech)¢ Interaktiver Fragebogen ("Wahl-O-Mat")

¢ Individuelle Gewichtung der Kriterien

¢ Spider-Diagramme zeigen die Eignung der Frameworks¢ pro Kriterium¢ bezogen auf den Gesamtscore

¢ Entscheidung basiert auf Ihren Anforderungen


Empfehlungen¢ Generelle Empfehlungen

¢ Customer Success Stories

4

OC UI Techradar


möglich


Generelle EmpfehlungenElectronMVC 1.0PrimeReactVue.js

AngularPrimeNGReact.jsJSFPrimeFacesBootsFaces

D3.jsMaterial DesignJavaFXIonic 2

AngularJS 1.xIonicpure jQueryBootstrapAureliaGWT

VaadinWicketGrailsPlayLiferay

RichFacesICEFacesOracle FormsSwingFlashUI5

Hof

fnun

gstr

äger

lauf

enla

ssen

Etab

liert

ablö

sen


möglich


Unsere Favoriten¢ Angular 4 + TypeScript

¢ Passt für Formularanwendungen ¢ Gutes Ökosystem

¢ Electron¢ Bringt Angular & Co. auf den Desktop

¢ JSF¢ Gut mit JavaEE verzahnt¢ Besser als sein Ruf

¢ Microsoft-Frameworks¢ Optimale User Experience auf Windows-PCs


möglich


Kunde 0: OPITZ CONSULTING Techradar¢ Anwendungstyp: Formulare und Statistiken / Datenvisualisierung

¢ Optimierungsziele: ¢ innovativer Look¢ „soll Spaß machen“

¢ Lösung:¢ Angular 4¢ D3.js mit ngx-charts¢ Material Design


möglich


Kunde 1: Angular als Motor der Transformation¢ Anwendungstyp: Formulare und Statistiken / Visualisierung

¢ Optimierungsziele: ¢ Innovatives Look and Feel¢ Skalierbarkeit für eine Million Kunden¢ Internationalisierung¢ Überwindung des Innovationsstaus

¢ Lösung:¢ Angular 4¢ Bootstrap¢ Microservices mit REST-Schnittstelle


möglich


Kunde 1: Angular als Motor der Transformation¢ Anwendungstyp: Formulare und Statistiken / Visualisierung

¢ Optimierungsziele: ¢ Innovatives Look and Feel¢ Skalierbarkeit für eine Million Kunden¢ Internationalisierung¢ Überwindung des Innovationsstaus

¢ Lösung:¢ Angular 4¢ Bootstrap¢ Microservices mit REST-Schnittstelle

Großes, komplexes Backend + JSF è

Backend bremst JSF-Entwickler aus

Ziel:UI-Entwicklung von

Backend entkoppeln

Passiert mit Angular automatisch!

Nebeneffekt:Angular ist modern!


möglich


Kunde 2: JSF als Integrationsplattform¢ Anwendungstyp:

¢ Formulare in der Werkshalle¢ Löwenanteil der Programmlogik liegt im JavaEE-Backend

¢ Optimierungsziele:¢ Produktivität der Anwender¢ Niedriger Preis der Software

¢ Kein Optimierungsziel:¢ Attraktives Look and Feel

¢ Lösung: JSF mit PrimeFaces¢ Nahtlose Integration mit JavaEE à optimale Entwicklerproduktivität¢ PrimeFaces bietet alles, was wir brauchen (> 100 Komponenten)


möglich


Kunde 3: React.js ist pfeilschnell!¢ Anwendungstyp: interaktive Werbung im Internet

¢ Optimierungsziele:¢ „soll zum Träumen anregen“¢ soll den Wunsch wecken, das Produkt des Kunden zu kaufen¢ soll Spaß machen

¢ Lösung: React.js mit Material Design¢ zahlreiche interaktive Elemente à hohe Anforderung an Performance¢ React.js ist sehr schnell¢ Material Design à moderner Look


möglich


Kunde 4: JavaFX der Usability wegen¢ Anwendungstyp: Formulare

¢ Besonderheit: Arbeitsplätze in der Fabrik¢ Nicht genügend Platz für die Maus

¢ Optimierungsziele:¢ Effiziente Formularbearbeitung mit Tastatur¢ Desktopintegration (Excel, Word, PDF)¢ Visualisierung von Messergebnissen

¢ Lösung: JavaFX mit selbst angepassten Komponenten

¢ Rückblick: ¢ .NET bietet bessere Desktop-Integration¢ Angular bietet besseren Support für eigene Komponenten


möglich


Kunde 5: Mobile ist unser Thema!¢ Anwendungstyp: Formulare

¢ Zielplattformen:¢ Desktop-PCs¢ Tablet-PCs

¢ Lösung: Angular mit Material Design¢ Mobile Geräte à Material Design¢ Formulare + Enterprise-Kontext à Angular


möglich


Kunde 6: alle Features des Smartphones nutzen¢ Anwendungstyp: mobile Unterstützung für Paketauslieferer

¢ Zielplattformen: Smartphone

¢ Besonderheiten: Barcodescanner, Stifteingabe für Unterschriften

¢ Lösung: Cordova und Angular¢ Angular CLI: schnelle, effiziente Entwicklung¢ Cordova: Zugriff auf Low-Level-Funktionen; Flexibilität

¢ Highlight:¢ Migration auf neuere Hardware…¢ … mitten in der Entwicklungsphase!

© OPITZ CONSULTING 2017 Informationsklassifikation: Öffentlich Seite 32Fragen ?

Fragen ?



@OC_WIRE

OPITZCONSULTING

opitzconsulting

opitz-consulting-bcb8-1009116

WWW.OPITZ-CONSULTING.COM

Seite 33

Wagner Sergei

[email protected]



@OC_WIRE

OPITZCONSULTING

opitzconsulting

opitz-consulting-bcb8-1009116

WWW.OPITZ-CONSULTING.COM

Seite 34

Let‘s make the web a place to be!

Stephan Rauh

CC „moderne Clients und agile Architekturen“

0172-205 59 66

[email protected]

@beyondjava

http://www.beyondjava.net

OC UI Techradar

Documents

Ein Blick in die Glaskugel - Beyond Java · 2020-05-24 · Kunde 4: JavaFX der Usability wegen ¢ Anwendungstyp: Formulare ¢ Besonderheit: Arbeitsplätze in der Fabrik ¢ Nicht genügend