Evolution der Web-Entwicklung nach AJAX

Größe: px

Ab Seite anzeigen:

Download "Evolution der Web-Entwicklung nach AJAX"

Björn Maurer
vor 8 Jahren
Abrufe

1 Evolution der Web-Entwicklung nach AJAX Vortrag BMW Messe, Oktober 2007 Rudolf Lindner, Projektleiter Technologie F&F GmbH

2 Was ist eine WEB-Anwendung? Datenbank Datenbank Server Logik Prozesse Datenbank Server Logik Prozesse GUI Netz Frontend GUI, Logik, Prozesse Frontend GUI, Logik, Prozesse Browser GUI Plugin Persistenz Persistenz Klassische FAT Client Anwendung WEB-Anwendung Internet, Intranet 2

Prozesse GUI Netz Frontend GUI, Logik, Prozesse Frontend GUI, Logik,

3 Warum Web-Anwendung? Zentraler Server Verarbeitungslogik Datenhaltung Präsentationsschicht! Management, Total Cost of Ownership (TCO) 3

4 Kurze Geschichte des WEB 1990: CERN, Tim Berners-Lee: Erste Version Hypertextsystem 1993: Marc Andreesen: Mosaic Browser 1995: Erste Alpha Release von JAVA 1996: Integration von JAVA im Netscape Browser : Browser-Krieg ( ActiveX ) 1998: IE 4 mit XMLHttpRequest 2002: Java 1.4 statisches Web dynamisches Web 4

von JAVA 1996: Integration von JAVA im Netscape Browser 1995-1998:

5 Vorteile JAVA Applets Front-End und Server Entwicklung aus einem Guss RAD Entwicklung wie bei FAT Client Desktop Anwendung Write once, test everywhere Browser GUI Plugin Frontend GUI Logik Prozesse 5

6 Probleme mit JAVA Applets Inkompatibilitäten MS vs SUN NS 4.x mit JAVA < 1.2 Kompatibilitätsprobleme über div. JAVA Versionen Bugs Applets werden unattraktiv 6

7 Parallel: Pimp my Browser Plugin's für Fenster-Teile (Flash, Java Applets, Active X) Verbesserung der statischen HTML Seiten (HTML 4.x) CSS 1 und 2 "Kreative" Workarounds / Javascript, DOM Manipulationen Erweiterte UI-Controls mit Javascript / Server - Coding AJAX 7

x) CSS 1 und 2 "Kreative" Workarounds / Javascript, DOM

8 AJAX 8

9 AJAX Browser XMLHttpRequest Server Browser Browser XML Data Javascript Objekte Server Server (JSON) 9

10 AJAX: populäre Anwendungen Google Maps Googel Suggest Writely Textverarbeitung Zimbra Suite Popularität durch verbesserte Bedienbarkeit Rich User Interface, Drag and Drop,... von Anwendern gefordert 10

Popularität durch verbesserte Bedienbarkeit Rich

11 AJAX: Frameworks (kleine Auswahl) Open Rico Dojo Prototype ZK JavaScript Bibliotheken, teilweise mit Server Integration Komplexität 11

12 Gerne kolportierte Mythen Ein Web-Browser ist eine Anwendungsplattform WEB-Entwicklung ist hat niedrigen TCO WEB-Anwendungen sind einfach zu entwickeln 12

13 Benötigter Skill-Level (typische J2EE WEB-Applikation) IE 7 DHTML/DOM Internet Explorer Firefox Safari HTML CSS XML LDAP Legacy Systems Schnittstellen Javascript JSP Taglibs EJB Java ORM Mail Business Logic Datenbank Application Server Betriebsystem 13

Legacy Systems Schnittstellen Javascript JSP Taglibs EJB Java

14 Benötigter Skill-Level (typische J2EE WEB-Applikation) IE 7 DHTML/DOM Internet Explorer Firefox Safari HTML CSS XML LDAP Legacy Systems Schnittstellen Javascript JSP Taglibs EJB Java ORM Mail Business Logic Datenbank Application Server GUI Entwicklung Betriebsystem 14

Legacy Systems Schnittstellen Javascript JSP Taglibs EJB Java ORM

15 Probleme Hohe Komplexität Gefrickel 15

16 Warum nicht so? Erstellung von WEB-Anwendungen so einfach wie Erstellung von ( Client 3 GL Client/Server Anwendungen (Delphi, JAVA Fat Interaktiver Designer/RAD Tool Keine Programmierung in Javascript DHTML, DOM, Browserunterschiede, Taglibs uninteressant! Anbindung Business Logic Komponenten 16

GL Client/Server Anwendungen (Delphi, JAVA Fat Interaktiver Designer/RAD

17 Lösungsorientierung GUI GUI Business Logic Projektbudget Schnittstellen Business Logic Schnittstellen Datenbank Datenbank 17

18 Java Server Faces (JSF) Basierend auf Servlet und JSP Technologie (JSP nicht zwingend erforderlich) MVC Prinzip GUI Komponenten 18

19 Beispiel <?xml version="1.0" encoding="iso "?> page language="java" contenttype="text/html;...%> taglib uri=" prefix="h"%> taglib uri=" prefix="f"%> taglib uri=" prefix="a4j"%> taglib uri=" prefix="rich"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"...> <html xmlns=" <head> <meta http-equiv="content-type" content="text/html;.../> <title>test für JSF</title> </head> <body> <f:view> <h:form> <rich:calendar value="#{datebean.date}"></rich:calendar> </h:form> </f:view> </body> </html> package de.ff.test; import java.text.dateformat; import java.text.parseexception; import java.text.simpledateformat; import java.util.date; public class DateBean { protected Date date; DateFormat df; public DateBean() { df = new SimpleDateFormat("dd.MM.yyyy"); try { date = df.parse(" "); } catch (ParseException e) { e.printstacktrace(); } } public Date getdate() { return date; } public void setdate(date date) { this.date = date; } } 19

org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html;.../> <title>test für JSF</title> </head> <body> <f:view> <h:form> <rich:calendar value="#{datebean.

20 JSF Frameworks jmaki (Javascript Wrapper für AJAX Komponenten) dynamic Faces Ice Faces Project Woodstock ajax4jsf / Rich Faces 20

21 BMW Standards aktuell Java Technology Cluster 1 Struts, UTC/SA, JSP ab 2007/2008 Java Technology Cluster 2 Java EE 5 BEA WL 10JSF/AJAX Integration, z.b.: JMAKI FZ bietet Standardkomponenten für User Interface Elemente 21

22 Beispiel: Netbeans 6 mit Form Designer und JSF Komponenten 22

23 Benötigter Skill-Level (typische J2EE WEB-Applikation) IE 7 DHTML/DOM Internet Explorer Firefox Safari HTML CSS XML LDAP Legacy Systems Schnittstellen Javascript JSP Taglibs EJB Java ORM Mail Business Logic Datenbank Application Server GUI Entwicklung Betriebsystem 23

24 Benötigter Skill-Level (J2EE Applikation mit fertigen JSF Komponenten) JSF XML LDAP Legacy Systems Schnittstellen Mail JSP EJB Java ORM Business Logic Datenbank Application Server Betriebsystem 24

25 The Return of the Browser Plugin Microsoft Silverlight 1.0: AJAX Microsoft Silverlight 1.1.NET Runtime für Browser Adobe Flex/AIR 25

26 Java Desktop Reloaded (JNLP, Applets) JAVA Consumer Runtime ( 2 MB? Quickstarter? Desktop Integration Anfang 2008? Java FX Rich Media Java Flash Konkurrenz? 26

27 Benötigter Skill-Level (typische J2EE WEB-Applikation) IE 7 DHTML/DOM Internet Explorer Firefox Safari HTML CSS XML LDAP Legacy Systems Schnittstellen Javascript JSP Taglibs EJB Java ORM Mail Business Logic Datenbank Application Server GUI Entwicklung Betriebsystem 27

28 Benötigter Skill-Level (J2EE Applikation mit JAVA Frontend) Java FX XML LDAP Legacy Systems Schnittstellen Mail Swing EJB Java ORM Business Logic Datenbank Application Server Betriebsystem 28

29 Vergleich Ultra Thin Client / Java Native Client UTC TNC Plugin Software - Installation + - 0/+ Java Cache, JNLP Plattform dependence Security integration + 0 0/+ Java Runtime / keine Browser- Unterschiede Rapid Prototyping hervoragende IDE's und Tools Learning curve Client-side processing Available widgets Interactivness/Responsiveness + + User base within BMW Tool support hervoragende IDE's und Tools Quelle: 29

30 F&F Technology & Services Noch Fragen? Wir freuen uns, Ihnen unsere Demos und unsere Kompetenz für BMW Anwendungen auf unserem Messestand präsentieren zu dürfen. Stand:

31 Prozessorientierte Informationssysteme der Spitzenklasse F&F Computer Anwendungen und Unternehmensberatung GmbH Westendstraße 195 Tel.: kontakt@ff-muenchen.de D München Fax:

Ähnliche Dokumente

DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages

Wir automatisieren und optimieren Ihre Geschäftsprozesse DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages Thomas Brandstätter 06.03.2012 www.dccs.at Agenda Theorie Was sind XPages