Web2 am Beispiel Google Mail, Text und Web Toolkit

WEB 2.0 für Entwickler

Neue Technologien und strategische Ansätze für eine moderne Architektur

am Beispiel :

Google Web Toolkit

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 GFUSeit 2007 Aufsichtsratmitglied der Cyrus AG

• Nebenbei: Coach und Trainer in den Bereichen NLP und Kommunikation, TeamprozesseSeit 2006 Geschäftsführer von training.deluxe

• Seit 2007 Verbindung IT und Kommunikation in den Bereichen :Technik / Teams / Entwicklung / Infomanagement

Inhalte der Präsentation

• Neue Konzepte im Einsatz• AJAX• Java und Ajax• Google Web Toolkit• Rich Media Applications• Persönliche Einschätzung

Wettkampf der AmeisenMSOffice1

Neue Konzepte im Einsatz

• Das Web als Plattform

• Nutzung kollektiver Intelligenz

• Lightweight Programming Models

Beispiele

• Beispiele– Mashup : pageflakes– Social Tagging : XING– Single Page Applications

• Google Documents• Google Maps• Google Calendar• Google Startseite

Kollektive Intelligenz

• del.ici.ous ( Sozial Tagging ) • Wikipedia ( Kollektive• Cloudmark ( Social Spamfilter )• Blogging

Technische Realisierung

• Asynchrones Javascript mit XML

• AJAX• Datenübertragung

ohne Seitenaufruf• httpRequest Object

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.

Ajax - Nein danke

• Einfache Formulare• Suche• Navigation• Austausch von viel Text• Veränderung der Darstellung• SEO ?

Java und Ajax

Problem:• Entwicklung auf verschiedenen

Systemen• Versionsprobleme Server / Client• Kaum Testmöglichkeiten • Kein Einsatz von JUnit o.ä. im JS Code• Browserunterschiede

Lösungen

• Google Web Toolkit• DWR ( Direct Web Remoting )• JayJax ( in Entwicklung )

• Ähnlich Projekte sind in Entwicklungfür Ajax und JSF

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

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

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 )

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

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

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

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 Developmentwith GWT and Java“

(Orginaltext von Instantiations) MSOffice2

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

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

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/

Beispiele Web 2.0• Atom• Creative Commons• Wikipedia• Backpack• Greasemonkey• REST• Google Maps• HousingMaps• alkemis local• Mappr!• Cadillac Ranch 02 on

Flickr• Plazes• Eventful• Podbop• Pandora• Last.fm• PandoraFM• ProgrammableWeb• Microformats• Structured Blogging

• del.icio.us/elisebauer/recipes

• La torre on Flickr• Popular Tags on Flickr• Flickr clusters• Flickr: Photos tagged

with squaredcircle• Collaborative Poster:

Giant Peach on Flickr• Flickr: Photos tagged

with adayinthelife• DILO Poster, 72dpi on

Flickr• Flickr: Explore

interesting photosaround Flickr

• The FlickrVerse, April 2005 poster on Flickr

• openBC• LinkedIn

• Lawrence Lessig: <freeculture>

• Ludwig Gatzke: Logo 2.0• Skype• Flickr• del.icio.us• Facebook• MySpace• YouTube• Read/WriteWeb• Flickr: Photos tagged

with whatsinyourbag• Tim O'Reilly: What Is

Web 2.0• Technorati• PubSub• IceRocket• Feedster• Google Blog Search• Reboot• RSS• SSE

FlockTim O'Reilly: The Architecture of ParticipationJames Surowiecki: The Wisdom of CrowdsDiggBitTorrentAdam Curry: Daily SourceCodeRocketboomJosh Leo's VlogGeek Entertainment TVthe show with zefrankAlfies Moblog: London Underground bombing, trappedWikipedia: 7 July 2005 London bombingsChris Anderson: The Long TailQYPEJotSpot37signals

Web2 am Beispiel Google Mail, Text und Web Toolkit

Technology

Transcript of Web2 am Beispiel Google Mail, Text und Web Toolkit

Toolkit Modul5 - Handbuch - KopiervorlageLehrer

Infosion Fkp Web2

Alert Village Toolkit

02 2015 immotion print 2605 web2

ERiC Developers Toolkit - instantview.org · iii Inhaltsverzeichnis API-Referenz ...

web2.pro.moph.go.th › evaluation › images › mou › … · Web viewB = จำนวนผู้ป่วยที่ไม ฉุกเฉินในห้องฉุกเฉินระดับ

Dieses Arbeitsbuch ist Begleitmaterial zum Toolkit Design ... · "Design Thinking für Lehrende". Das Toolkit "Design Thinking für Lehrende" enthält tiefer gehende Anleitungen und

JavaScript-Code mit dem Google Web Toolkit erzeugen Quellcode … · 2020. 6. 16. · GWT zu Google Maps: Es werden Java-Klassen bereitgestellt, welche das Google Maps API kapseln.

Google Cloud Print Anleitung - Brother€¦ · Google, Google Drive, Google Cloud Print, Google Chrome, Google Play, Chrome OS, Android und Gmail sind Warenzeichen von Google Inc.

Globus Toolkit Status @ bwGrid F2F

RDA-Toolkit - Willkommen - Bibliotheksverbund Bayern · 2014-12-12 · Zugriff auf das RDA-Toolkit sollte freigeschaltet sein. KOBV: IP-Adressen der Bibliotheken durch KOBV-Zentrale

2014 03 22 stadionzeitung ausgabe 043 web2

System Design Toolkit

Microsoft Deployment Toolkit - installieren und konfigurieren · 2020. 8. 20. · DasMicrosoft Deployment Toolkit, kurzMDT, ist ein einfaches, aber sehr wirkungsvolles Werkzeug, um

NLTK - The Natural Language Toolkit · NLTK - The Natural Language Toolkit Armin Schmidt (armin.sch@gmail.com) Resourcen-Vorkurs, SS 08 Uni Heidelberg NLTK - The Natural Language

Seite 1 GWT - GOOGLE WEB TOOLKIT Manuela Hofer Lucia Fiedler Erstellt von: Manuela Hofer, Lucia Fiedler.

Webinar dox42 koellisch toolkit und templates vom 24.02.2015.

Das SCOUT-Toolkit · Das SCOUT-Toolkit wurde aus 20 Beratungsinstrumenten zusammengestellt, die sich in den verschiedenen Ländern für die Kompetenzermittlung als am hilfreichsten

Politik Web2 0

web2 - eiken-cbt.jp › jido › examination › resource... · Title: web2 Created Date: 3/29/2010 2:33:31 PM