Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Einführung in Vaadin

Einführung in das Vaadin Framework
by

Michael Sepp

on 10 January 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Einführung in Vaadin

Eine Einführung Was ist Vaadin? Historie Architektur Coding Hilfreiche Resourcen Kompatibiliät - Vaadin = weibliches Rentier
- entwickelt von Vaadin Ltd. aus Finnland
- Java GUI FW f. Webanwendungen
- Sammlung von UI Elementen
- Verwendet Google Web Toolkit
- Pure Java!!!
- Open Source - Book of Vaadin: vaadin.com/book
- Vaadin Sampler: demo.vaadin.com/sampler
-Addon Directory: https://vaadin.com/directory
-Vaadin Forum: https://vaadin.com/forum
- DZone Refcardz: refcardz.dzone.com
/refcardz/getting-started-vaadin
- Mobile Demo: demo.vaadin.com/mobilemail
demo.vaadin.com/vornitologist }> ? - 2001 Entwicklungsstart für IT Mill
Toolkit
- 2006 AJAX basierende
Präsentationsengine eingeführt
- 2007 komplette Überarbeitung der
AJAX Engine mit dem Google
Web Toolkit (GWT)
- 2009 Umbenennung in vaadin Client - JavaScript basierender Terminaladapter
* Sendet Benutzereingaben an den Server
* Empfängt Änderungen am UI
- Verwendet GWT zum Rendern der
UI Elements Kommunikation - Per HTTP(s) Requests
- User Interface Definition
Language (UIDL)
- JSON Format
Vergleich Google Web Toolkit:
– Kommunikation über RPC Server - Enthält Business Logik- Java basierendes pendant zum
Client Terminal
Adapter
– Empfängt User Interaktionen
vom Client– Generiert Java UI Events– Weist diese Events den
UI Elements zu
• Verwendet Java Servlet API Browser - Internet Explorer
- Chrome
- Firefox
- Safari
- iOS
-Android

* keine Plugins notwendig
* keine Clientseitige Installation App-Server - Internet Explorer
- Chrome
- Firefox
- Safari
- iOS
-Android

* keine Plugins notwendig
* keine Clientseitige Installation IDE's - Eclipse
- IntelliJ IDEA
- NetBeans Toolchain - Java SDK
- Eclipse IDE o.a. IDE
- Browser der Wahl
- Firebug
- Vaadin eclipse plugin
- GWT eclipse plugin
- Maven Application - Einstiegspunkt der Web-Applikation
- Vergleichbar mit einem Session-Objekt
- Eine Instanz pro Session/User
- Initialisiert die Interface-Komponenten für den Client Window - bildet die Anzeigefläche ("Tafel")
- darauf lassen sich die einzelnen Komponenten positionieren
- kann auch weitere Subwindows anzeigen
- neues Fenster durch setzen einer neuen Window-Implementierung Eigene Komponente - Verändern / Zusammenfügen bestehender Komponenten zu einer komplexeren Komponente
- Implementierung mit GWT
- GUI-Designer des Vaadin-Eclipse-Plugin EventListener - Reaktion auf GUI-Ereignisse
- ohne sich um AJAX-Implementierung zu kümmern
- Zahlreiche verfügbare Event-Listener:
ValueChange, (Button)Click, Focus, TextChange
- setImmediate(true) nicht vergessen!!!
Full transcript