Server-centric vs. Client-centric Web Applications. BITKOM Software Summit 2014, Frankfurt

Transkript

1 Server-centric vs. Client-centric Web Applications BITKOM Software Summit 2014, Frankfurt

2 Alexander Rühl SyroCon Competence Lead M2M & Web Applications Diplom-Informatiker (FH) 10 Jahre bei SyroCon und deren Vorläufern Architect, Consultant, Projektleiter, Entwickler > 15 Jahre Erfahrung mit Java > 10 Jahre Erfahrung mit Java EE BITKOM AK Web, Mitautor Leitfaden Entwicklung erfolgreicher Webanwendungen

3 SyroCon Consulting GmbH Thinking IT for you Unabhängiges, mittelständisches IT-Dienstleistungsunternehmen mit Hauptsitz in Eschborn bei Frankfurt Über 90 Experten aus den Bereichen Prozessanalyse, Software-Architektur und Softwareentwicklung Schwerpunkte: Beratung, Integration, Softwareentwicklung, Maintenance & Support Themen: BPM, Web-Technologien, Embedded Branchen: Telekommunikation, Automotive, High-Tech Industry, Travel & Transport Partner des Software Summit 2014

4 Web Applications

5 Architektur einer Webanwendung Three-tiers: Backend Services, Middleware, Frontend WebServices Intranet Internet Messaging Web-/App- Server Client Database Bildquelle: Free cliparts galleries ; ;

6 Architektur einer Java-Webanwendung Java auf Server, HTML/CSS/JS auf Client WebServices Intranet Internet Messaging Web-/App- Server Client Database

7 Server- oder Client-centric? Da wo das Herz der Anwendung schlägt: Die Anwendungslogik WebServices Intranet Internet Messaging Web-/App- Server Client Database

8 Extremfall Client-only Kein Web/App Server 1 2 WebServices Internet Client Database

9 Was passiert bei einem Click? Action-Button in View Bildquelle: Creating a Stock Watcher with GWT Designer

10 Was passiert bei einem Click? Server-centric Web Application Request Response

11 Beispiel Server-centric: Java Server Faces Request-Response Life Cycle Wiederherstellung der View durch auf Server gehaltenem Zustand Extraktion der Request-Parameter der Komponenten und lokale Speicherung Validierung der Komponenten Änderung des Models Verarbeitung von Applikations-Events Rendern der View für den Client Bildquelle: Java EE 7 Tutorial

12 Was passiert bei einem Click? Client-centric Web Application Call

13 Beispiel Client-centric: AngularJS Event Loop Warten auf Browser-Events Aufruf der Callback-Methode Änderung des DOMs Rendern der View im Browser Bildquelle: AngularJS Developer Guide

14 Server- oder Client-centric was ist besser? Kommt drauf an Technische Aspekte Gibt es 1 Session pro Client? Welche Schnittstellen muss ich anbinden? Muss ich eine Variante für Mobilgeräten bereitstellen? Arbeite ich Seiten-orientiert oder Applikations-orientiert? Wie dynamisch ist meine Applikation? Betriebliche Aspekte Wie viele Clients habe ich? Welche Browser muss ich unterstützen? Welche Sicherheit muss ich gewährleisten? Wieviel Serverleistung steht zur Verfügung? Welche QM-Maßnahmen brauche ich? Organisatorische Aspekte Wer ist meine Zielgruppe? Welche Vorgaben macht der Kunde? Welche Lebenszeit hat die Anwendung? Welche Erfahrungen hat mein Team? Welche Ausrichtung soll meine Firma haben?

15 Server- oder Client-centric Abwägung Einordnung der Auswahlkriterien Server-centric Client-centric Session pro Client Seitenorientiert Heterogene Backendsysteme Codesicherheit Kontrolle über Applikation Unit- Testbarkeit Hohe Serverleistung Bekannte Clients Lange Lebensdauer Mobile Variante Geschäftslogik in REST Schnelles Antwortverhalten Viele Clients Applikationsorientiert Hohe Client- Dynamik

16 Einwurf: TodoMVC Vergleich von JS-basierten MVC Frameworks 65x dieselbe Webapplikation Demo + Sourcecode Links zu Ressourcen

17 SyroCon-Beispiele

18 Server-centric Neukunden-Auftragserfassung: JSF + Facelets (XHTML)

19 Client-centric Kapazitätsplanungs-Cockpit: JSP + Ext JS

20 Server-centric revisited M2M-Portal: JSF + Facelets (XHTML)

21 Alexander Rühl Senior Architect & Consultant SyroCon Consulting GmbH Telefon: Mobil: Fax: