Web2 am Beispiel Google Mail, Text und Web Toolkit
0 gefällt mir1,334 aufrufe
Das Dokument bietet eine umfassende Übersicht über moderne Web-Technologien, insbesondere das Google Web Toolkit (GWT), und deren Anwendungsmöglichkeiten für Entwickler. Es behandelt neue Konzepte wie AJAX, die Nutzung kollektiver Intelligenz und die Herausforderungen der Entwicklung über verschiedene Systeme hinweg. Zudem werden Vor- und Nachteile von GWT diskutiert sowie zukünftige Ansätze und wichtige Links zum Thema bereitgestellt.
Web2 am Beispiel Google Mail, Text und Web Toolkit
- 1. WEB 2.0 für Entwickler Neue Technologien und strategische Ansätze für eine moderne Architektur am Beispiel : Google Web Toolkit © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 2. Zu meiner Person • Klassischer Start: Dipl.Ing. Physik, OO Software Entwicklung, Selbstständig in der IT seit 1993. • Eigene Firma Erex Ebusiness Solutions • Seit 2000 Trainer bei GFU Seit 2007 Aufsichtsratmitglied der Cyrus AG • Nebenbei: Coach und Trainer in den Bereichen NLP und Kommunikation, Teamprozesse Seit 2006 Geschäftsführer von training.deluxe • Seit 2007 Verbindung IT und Kommunikation in den Bereichen :Technik / Teams / Entwicklung / Infomanagement © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 3. Inhalte der Präsentation • Neue Konzepte im Einsatz • AJAX • Java und Ajax • Google Web Toolkit • Rich Media Applications • Persönliche Einschätzung © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 4. Wettkampf der Ameisen MSOffice1 © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 5. Neue Konzepte im Einsatz • Das Web als Plattform • Nutzung kollektiver Intelligenz • Lightweight Programming Models © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 6. Beispiele • Beispiele – Mashup : pageflakes – Social Tagging : XING – Single Page Applications • Google Documents • Google Maps • Google Calendar • Google Startseite © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 7. Kollektive Intelligenz • del.ici.ous ( Sozial Tagging ) • Wikipedia ( Kollektive • Cloudmark ( Social Spamfilter ) • Blogging © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 8. Technische Realisierung • Asynchrones Javascript mit XML • AJAX • Datenübertragung ohne Seitenaufruf • httpRequest Object © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 9. Einsatzbereiche Ajax • Formularbasierte Interaktion • Navigation in hierarchischen Strukturen • Schnelle Interaktion User-User • Für Voting und Ranking • Filtern und Datenmanipulation • Hilfen Tipps Automatische Ergänzung. © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 10. Ajax - Nein danke • Einfache Formulare • Suche • Navigation • Austausch von viel Text • Veränderung der Darstellung • SEO ? © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 11. Java und Ajax Problem: • Entwicklung auf verschiedenen Systemen • Versionsprobleme Server / Client • Kaum Testmöglichkeiten • Kein Einsatz von JUnit o.ä. im JS Code • Browserunterschiede © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 12. Lösungen • Google Web Toolkit • DWR ( Direct Web Remoting ) • JayJax ( in Entwicklung ) • Ähnlich Projekte sind in Entwicklung für Ajax und JSF © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 13. Google Web Toolkit GWT • August 2006 • Jetzt unter Apache Lizenz V1.3 / 1.4 • Entwicklung in Java • Testen in hosted Mode • Compile / Deploy nach Ajax JS – inklusive Historymanagement – inklusive Html Wrapper • Nutzung fertiger Widgets • Opensource Widgets verfügbar – z.B ( GWT-Stuff ) code.google.com/p/gwt-stuff © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 14. © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 15. Entwicklung mit GWT • Vorteile – Schnelle Lernkurve dank Swing Komponents und Events Ähnlichkeit – Entwicklung im hosted modus kapselt JS – Eclipse based Coding • Nachteil – Noch relativ neue Technik, – kaum Erfahrungen mit größeren Client/Server Entwicklungen © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 16. Development • Hosted mode – Javacode läuft als echter Java code in einer emulierten Tomcat Umgebung Gut für Entwicklung und Debug • Web mode – Das Projekt wird compiliert und der Client Code in JS Code umgewandelt. Läuft in den meisten Browser ( Kritisch : Safari ) © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 17. Entwicklungsschritte • applicationcreator • projectcreator • Eclipse Java-Entwicklung im hosted mode – Nutzen von Panels und Widgets – Rootpanel.get(„idscope“).add(...) – Remote Procedure Calls für Objektdaten – Javascript native Interface © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 18. Remote Procedure Calls • Gemeinsame Schnittstelle für Client und Server • Async Schnittstelle für Callback • GWT.create (Service.class) erzeugt einen Proxy auf den Server • Callback kann für Fehlerbehandlung genutzt werden • Nutzt teilweise bereits bekannte Technologien © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 19. Und mehr …. • Eine graphische Oberfläche – GWT Designer ( kostenpflichtig ) • Session Handling „Session state: a client not a server issue“ (Joel Webber) • Browser History und Bookmarks – History : IFrame und Browser History Stack – Bookmarks: Noch nicht wirklich gelöst • JSNI – Javascript Native Interface – Programmierung in Javascript immer noch möglich © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 20. Fazit • Konzentration auf Java Code – Problem im Detail • Schnelle Lernkurve – einfacher Einstieg • Webbased - statt Versionsverwaltung • Überall einsetzbar - • Trotzdem – Beobachten mit wachsamem Auge „Taking the Pain out of Ajax Development with GWT and Java“ (Orginaltext von Instantiations) MSOffice2 © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 21. Weitere Ansätze • Entwicklung mit Adobe FLEX 2.0 – Rich Internet Applications auf Basis von XML und Flash • Open Lazlo ( Open Source Flex ) • Ajax mit JSF © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 22. Aktuelles • Kurse GWT bei GFU : 30.-31.08.2007 / 06.-07.12.2007 • Kurs auch Inhouse auf Anfrage (GFU) • Entwicklung von GWT und RIA • Kurs Kommunikation in IT Unternehmen im 29.10.- 31.10.2007 • Direkte Beratung 0221 33777822 © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 23. Wichtige Links zum Thema • Google Web Toolkit – http://code.google.com/webtoolkit/ – http://code.google.com/webtoolkit/documentation/ – http://www.asquare.net/gwt/StaticStructure.jsp ( zeigt Klassenstruktur ) • Addons für GWT – http://code.google.com/p/gwt-stuff/ – http://www.asquare.net/gwttk/ – http://www.instantiations.com/gwtdesigner/ © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de
- 24. Beispiele Web 2.0 • Lawrence Lessig: <free • Atom • del.icio.us/elisebauer/re culture> Flock • Creative Commons cipes • Ludwig Gatzke: Logo 2.0 • Tim O'Reilly: The Wikipedia • La torre on Flickr • Skype Architecture of Participation • Backpack • Flickr • Popular Tags on Flickr James Surowiecki: The • Greasemonkey • del.icio.us • REST • Flickr clusters Wisdom of Crowds • Facebook Digg • Google Maps • Flickr: Photos tagged • MySpace BitTorrent • HousingMaps with squaredcircle • YouTube Adam Curry: Daily Source • alkemis local • Collaborative Poster: • Read/WriteWeb Code • Mappr! Giant Peach on Flickr • Flickr: Photos tagged Rocketboom • Cadillac Ranch 02 on • Flickr: Photos tagged with whatsinyourbag Flickr Josh Leo's Vlog • Tim O'Reilly: What Is with adayinthelife Geek Entertainment TV • Plazes Web 2.0 • Eventful • DILO Poster, 72dpi on the show with zefrank • Technorati • Podbop Flickr Alfies Moblog: London • PubSub • Pandora • Flickr: Explore Underground bombing, • IceRocket • Last.fm interesting photos trapped • Feedster • PandoraFM around Flickr Wikipedia: 7 July 2005 • Google Blog Search • ProgrammableWeb London bombings • The FlickrVerse, April • Reboot • Microformats Chris Anderson: The Long 2005 poster on Flickr • RSS • Structured Blogging Tail • SSE • openBC QYPE • LinkedIn JotSpot 37signals © Markus Röder / IT Entwicklung : www.erex.de / Kommunikation & NLP: www.training-deluxe.de / Kontakt : mr@erex.de