Clevere Webformulare mit APEX und jQuery

49 Pages·2010·1.38 MB·German

by  Andreas Wismann

Clevere Webformulare mit APEX und jQuery
Referent:
Andreas Wismann, Dipl.-Informatiker (FH)
MT AG, Ratingen
MT AG Key Facts
MT AG MANAGING TECHNOLOGY – ENABLING THE ADAPTIVE ENTERPRISE
 Gründung 1994  Full-Service-Dienstleistung für alle
Phasen des Software-Lifecycle
 Inhabergeführte AG:
Aktienkapital 1.500.000 €  Herstellerunabhängige Expertise in
den marktführenden Technologien wie
 Hauptsitz Ratingen;
Oracle, IBM, Microsoft, SAP und
Niederlassung Dortmund
OpenSource
 Mitarbeiter:
 Themen- und Lösungs-Know-how in den
> 200 Festangestellte
Kerndisziplinen des Adaptive Enterprise
> 65 Freie Mitarbeiter
16.11.2010 Clevere Webformulare mit APEX und jQuery. © MT AG 2
Agenda
■ jQuery vorstellen
■ jQuery-Features demonstrieren
■ Begeisterung wecken ...?
16.11.2010 Clevere Webformulare mit APEX und jQuery. © MT AG 3
Download
Aktualisierungen,
zusätzliche Folien, weitere
Skriptbeispiele sowie eine
vertonte Version dieser
Präsentation können Sie im
Internet unter
http://www.mt-ag.com/apex
herunterladen.
16.11.2010 Clevere Webformulare mit APEX und jQuery. © MT AG 4
Clevere Webformulare mit APEX und jQuery
MT AG
Andreas Wismann
Dipl.-Informatiker (FH) Balcke-Dürr-Allee 9
D-40882 Ratingen
[e-mail]
www.mt-ag.com Telefon [phone]
mobil [phone]
16.11.2010 Clevere Webformulare mit APEX und jQuery. © MT AG 5
16.11.2010 Clevere Webformulare mit APEX und jQuery. © MT AG 6
Was ist jQuery?
■ eine ca. 70kB große Textdatei
■ äußerst hilfreiche JavaScript-
Bibliothek
■ Geburtsjahr 2005, regelmäßige
Updates
■ frei nutzbar, auch kommerziell
■ in APEX 4.0 bereits enthalten
16.11.2010 Clevere Webformulare mit APEX und jQuery. © MT AG 7
Was ist jQuery?
■ mächtige, effizientere Syntax
Plug
jQuery UI (Selektoren, Iteratoren,
ins
Chaining)
■ erweiterter Befehlssatz
jQuery
■ normalisierte Programmierung
■ robustes Verhalten
JavaScript-Engine
■ Plugins
 Produktivitätsschub
16.11.2010 Clevere Webformulare mit APEX und jQuery. © MT AG 8
Was ist jQuery?
■ veränderbares Verhalten
Plug
jQuery UI sämtlicher Elemente zur Laufzeit
ins
(Beispiel: Dateneingabe)
jQuery
■ visuelle Änderungen und
Effekte in der HTML-Seite
(Beispiel: Ein-/Ausblenden,
JavaScript-Engine
Positionierung, Bewegung, Drag
and Drop)
■ dynamisches Hinzufügen von
Elementen und Inhalten
(Beispiel: AJAX)
■ und noch vieles mehr...
16.11.2010 Clevere Webformulare mit APEX und jQuery. © MT AG 9
JavaScript in APEX
■ Dynamic Actions
(ab APEX 4.0) deklarative
Verhaltensmuster, auch für Entwickler
ohne JavaScript-Kenntnisse
■ APEX JavaScript API
Schnittstelle zur internen APEX-
JavaScript-Bibliothek
■ APEXLib
auf APEX spezialisierte
Bibliothekserweiterung
(Patrick Wolf, Peter Raganitsch)
■ eigene jQuery-Skripte
individuelle Zusatzfeatures
16.11.2010 Clevere Webformulare mit APEX und jQuery. © MT AG 10