HERBSTCAMPUS 2010 - Comparison and Categorization of Java Web Frameworks (JSF, Wicket, Tapestry, GWT, ZK, Flex, JavaFX, Grails, Lift, Spring MVC / Roo,

Kategorisierung von
Web-Frameworks im Java-Umfeld
Gobelingewebe

Kai Wähner
MaibornWolff et al GmbH

Unüberschaubare Auswahl im Alltag

www.mwea.de Bitte unter Einfügen/Foliennummer den Präsentationsnamen einpflegen 16.09.2010 Seite 2

Unüberschaubare Auswahl bei Web-Frameworks


Viele gute Artikel in Fachzeitschriften


Flame War – unerwünscht, aber überall existent

16.09.2010 | Seite 5

Keine Auflistung von Features einzelner Frameworks

Bullet Point
Boot Camp


Keine Quellcode-Beispiele


Was ist die "Key-Message"?


Ermöglichen eine Entscheidung zu treffen


Kategorisierung wird benötigt

BUCHSTABEN NUMMERN SPRACHEN

Z 1 IV „Japanisch“
Y 667 „Englisch“
A
C XX „Deutsch“


Ziele dieses Vortrags


A
C XX „Deutsch“

Wichtige Begriffe verstehen!




A
C XX „Deutsch“

Web-Frameworks kagegorisieren!




A
C XX „Deutsch“

Web-Frameworks kagegorisieren!
Entscheidung treffen können!

Agenda

1. Wichtige Begriffe

2. Kategorisierung

3. Einsatzmöglichkeiten


Agenda

(bezüglich Webentwicklung)

2. Kategorisierung



Das wichtigste Modewort: Web 2.0


Web 2.0 – technisch betrachtet: AJAX


Was ist AJAX nicht?


Definition von AJAX

AJAX is a group of interrelated
web development techniques used
on the client-side to create
interactive web applications.

(Wikipedia)


Klassische Kommunikation vs. AJAX



Client-Anfrage
+
Server-Antwort



HTML

DOM

JavaScript

JSON / XML

XMLHttpRequest-
Objekt


Multi-Page vs. Single-Page

Suche Artikel Waren-
Startseite
katalog

Wähle Artikel aus

Kunden-
Warenkorb
verwaltung
Bestelle Artikel


Multi-Page vs. Single-Page

Schreibe
Email

Web-
anwendun Zeige Eingang an

g

Suche Email XYZ


Server-zentrisch vs. Client-zentrisch

Bei jedem
Request:

Request

Client Server

Response:
GUI + Daten

www.mwea.de Einsatz und Grenzen von Java Server Faces 2.0 (Kai Wähner) 9/16/2010 Seite 26


Beim ersten Request:
Request

Client Server
Response:
Vollständige GUI
+ Daten



Bei weiteren Requests:
Request

Client Server
Response:
GUI + zugehörige
Steuerungslogik

Beim ersten
Request: Request
Client Server
Response:
Vollständige GUI +
Daten


Action-basiert vs. Komponenten-basiert

Request

Client Server
Response


Action-basiert vs. Komponenten-basiert

Button

Table
Request

Client Server
Response Dropdown-
Box

Custom Component


Mehrkanal-Fähigkeit

Webanwendung


Offline-Fähigkeit


Agenda


2. Kategorisierung
(von Web-Frameworks)



Welche Kriterien zur Bewertung von Web-
Frameworks?


Mögliche Kriterien zur Bewertung von Web-
Frameworks

Lesezeichen
Internationalsierung

Einige
weitere...

AJAX „Post-
Redirect-
Problem“

16.09.2010 | Seite 35

Die Kriterien sind bereits durchgängig erfüllt

Lesezeichen
Internationalisierung

Einige
weitere...

AJAX „Post-
Redirect-
Problem“


Kategorisierung von Web-Frameworks

Klassische Portal
Web-
CRUD Anwendung
Zeit-
aufwand
Kurz Lang
Rich Internet
Rich Client Application
(RIA)


Klassische Webanwendung



Technisch betrachtet:

Kein Plugin notwendig
Browser-Kompatibilitätsprobleme
(besonders bei AJAX)


;Mögliche Web-Frameworks


16.09.2010 | Seite 42

Rich Internet Application (RIA)




GUI wird bei Start auf Client geladen
Plugin notwendig


Mögliche Web-Frameworks



Rich Client


Rich Client


GUI wird bei Start auf Client geladen
Kein Plugin notwendig
Keine Browser-Kompatibilitätsprobleme



Rich Client

16.09.2010 | Seite 48

CRUD Client (Create – Read – Update – Delete)


CRUD Client (Create – Read – Update – Delete)


Für Client kein Unterschied zur
klassischen Webanwendung
„Full Stack“-Framework
Ziel: Effizientere Entwicklung



CRUD Client

(Roma Framework)


Portal


Portal


Portlet-Standard
Action-Phase und Render-Phase
„Low-Level“-Programmierung



Portal

16.09.2010 | Seite 54

Überblick über Web-Frameworks

Komplexität hoch
Lift

Flex

JavaFX
Grails

JSF
Spring
MVC
Klassische
Web- RIA
anwendung Tapestr
GWT

Struts y ZK
Frame
Wicket work

Roma
Frame
work
Komplexität gering


Komplexität hoch
Lift

Grails
CRUD JavaFX
Flex

JSF
Spring
MVC
Klassische
Web- RIA
anwendung Tapestr
GWT

Struts y ZK
Frame
Wicket work

Roma
Frame
work
Komplexität gering


Komplexität hoch
Lift

Klassische Flex

Grails Webanwendung JavaFX

JSF
Spring
MVC
Klassische
Web- RIA
anwendung Tapestr
GWT

Struts y ZK
Frame
Wicket work

Roma
Frame
work
Komplexität gering


Komplexität hoch
Lift

Flex

JavaFX
Grails

Spring
JSF Rich Client
MVC
Klassische
Web- RIA
anwendung Tapestr
GWT

Struts y ZK
Frame
Wicket work

Roma
Frame
work
Komplexität gering


Komplexität hoch
Lift

Flex

JavaFX
Grails

Spring
MVC
JSF RIA
Klassische
Web- RIA
anwendung Tapestr
GWT

Struts y ZK
Frame
Wicket work

Roma
Frame
work
Komplexität gering


Agenda


2. Kategorisierung

(Einige Szenarien aus dem Unternehmensalltag)


Beispiel 1

GUI muss
Geringe
ihren „Job“
Kosten
tun

Interne Anwendung
zur Verwaltung von Daten
Kein
Nur „Must-
Aufwand für
Haves“
tolles Design


Beispiel 1

GUI muss
Geringe
ihren „Job“
Kosten
machen

Internal Application
for managing Data

Kein
Aufwand Nur „Must-
für tolles Haves“
Design

CRUD

Beispiel 2

Optisch nicht Muss kurze Netzwerk-
anspruchsvoll Probleme überstehen

Einstellungstest
für Bewerber

Gute
Hohe Verfügbarkeit
Benutzbarkeit


Beispiel 2

Muss kurze
Optisch nicht
Netzwerkprobleme
anspruchsvoll
überstehen

Einstellungstest
für Bewerber

Gute Hohe
Benutzbarkeit Verfügbarkeit

Rich
Client

Beispiel 2

Professionelles
Tolle Optik
Design

Unterhaltungssoftware
für Marketingzwecke

Gute Multimedia-
Benutzbarkeit Integration


Beispiel 3

Professionelles
Tolle Optik
Design

Unterhaltungssoftware
für Marketingzwecke

Gute Multimedia-
Benutzbarkeit Integration

RIA


Beispiel 4

Übersichtliche Hohe
Struktur Verfügbarkeit

Externe
Unternehmensdarstellung

Gute Schneller
Benutzbarkeit Zugriff


Beispiel 4

Übersichtliche
Hohe
Struktur
Verfügbarkeit

Externe
Unternehmensdarstellung

Gute Schneller Zugriff
Benutzbarkeit

Klassische
Webanwendung

Beispiel 5

Integration mehrere
Mehrkanalfähige
Geschäftsbereiche in
Prozesse
eine Oberfläche

Große
Unternehmensanwendung

Offline- Corporate
fähigkeit Identity

16.09.2010 | Seite 69

Beispiel 5

Integration mehrere Mehrkanalfähige
Geschäftsbereiche in eine Prozesse
Oberfläche

Große
Unternehmensanwendung

Offline- Corporate
fähigkeit Identity

Portal
16.09.2010 | Seite 70

Trend oder Hype?


Trend oder Hype?

IDE-
Plugins Community

Fachbücher

Komponenten-
Bibliotheken Medienberichte
(Konferenzen,
Blogs, Magazine)

GUI-Builder


Trend oder Hype?

16.09.2010 | Seite 75

Trend oder Hype?


Trend oder Hype?

16.09.2010 | Seite 77

Trend oder Hype?


Ist die "Key-Message" angekommen?


Was war das Ziel dieses Vortrags?

16.09.2010 | Seite 81

Ziel erreicht?

AJAX Multi-
Offline
Page
Und so weiter...

Klassische Portal
Web-
CRUD Anwendung
Time to
Short Long Develope
Rich Internet
Rich Application
Client (RIA)

JSF
GWT
JavaFX
Viele mehr...


Vielen Dank!

Kai Wähner
MaibornWolff et al GmbH

kai.waehner@mwea.de
www.kai-waehner.de/blog

HERBSTCAMPUS 2010 - Comparison and Categorization of Java Web Frameworks (JSF, Wicket, Tapestry, GWT, ZK, Flex, JavaFX, Grails, Lift, Spring MVC / Roo,

Weitere ähnliche Inhalte

Andere mochten auch (20)

Mehr von Kai Wähner (20)

HERBSTCAMPUS 2010 - Comparison and Categorization of Java Web Frameworks (JSF, Wicket, Tapestry, GWT, ZK, Flex, JavaFX, Grails, Lift, Spring MVC / Roo,