DOAG 2011 Konferenz + Ausstellung Nicole Hoock, esentri consulting GmbH. Pimp My Apps

Transkript

1 DOAG 2011 Konferenz + Ausstellung Nicole Hoock, esentri consulting GmbH Pimp My Apps

2 Your easy entry to Enterprise Social Networking Enterprise Social Networking Projektmanagement und Consulting Social Project Management 2

3 3 Usability

4 4 Kriterien für Webanwednungen

5 2 Regeln Don t make me think! 3-Klick Regel 5

6 APEX und Usability Themes & Templates Integrierte Javascripte Funktion jquery UI APEX Usability 6

7 Was ist ein Theme? Zentrales Look & Feel einer Apex Anwendung Jederzeit erweiter- oder wechselbar Jede Application benötigt ein Theme Logische Sammlung von verschiedenen Templates 7

8 8 Themes Heute & Damals

9 9 Kleiner Exkurs: APEX und HTML5

10 10 Kleiner Exkurs: APEX und HTML5

11 Was ist ein Template? Bausteine aus denen Seiten zusammengesetzt werden HTML-Code dient zur konkreten Formatierung Page Region 1 Region 2 Button Button List 1 List 2 List 3 List 4 Report 11

12 Was sind Templates? Button Templates Lable Template Calendar Templates List Templates Breadcrump Templates Report Templates PopUp Templates 12

13 Warum Themes & Templates? Zentrales Layout für unterschiedliche Applicationen Corporate Design für Unternehmen 13

14 Corporte Design für ALLE in 5 Schritten Subscribe Funktion in APEX nutzen! Entwicklungstemplate Subscribe Mastertemplate Subscribe Anwendung 1 Anwendung 2 Anwendung 3 Anwendung 4 14

15 Corporte Design für ALLE in 5 Schritten Entwicklungstemplate erstellen 15

16 Corporte Design für ALLE in 5 Schritten Mastertemplate erstellen (Kopie von ) 16

17 Corporte Design für ALLE in 5 Schritten Subscripe auf Templates (in ) 17

18 Corporte Design für ALLE in 5 Schritten Subscripe auf Templates (in ) 18

19 Corporte Design für ALLE in 5 Schritten Neue Anwendung durch Kopie des Masters 19

20 Corporte Design für ALLE in 5 Schritten Referenzen werden mitkopiert Entwicklungstemplate Subscribe Mastertemplate Subscribe Anwendung 1 Anwendung 2 Anwendung 3 Anwendung 4 20

21 Corporte Design für ALLE in 5 Schritten Alle Änderungen konsequent in durchführen Mit Publish -Button an Subscriber durchgeben 21

22 Warum die APEX Themes benutzen? Vorteile Unternehmensweit einheitliches Layout Template Subscription ist implementiert Nachteile Muss angepasst werden Know How im Umgang mit Themes/Templates Beschleunigt die Entwicklung 22

23 23 JavaScript und APEX

24 24 Cascading Select Lists

25 25 Dynamic Action

26 26 Autocomplete Textbox

27 27 Display Region Selector

28 28 LIVE Demo

29 29 jquery und APEX

30 30 jquery längst integriert in APEX

31 jquery UI Erweiterung von jquery Funktionen zur Gestaltung der Benutzeroberfläche Interaktionen Effekte Widgets Modularer Aufbau 31

32 Warum jquery in APEX nutzen Leichtlesbarer JavaScript-Code Wieder- & weiterverwendbarer Code Spart Entwicklungszeit Weniger Zeilen Code 32

33 <script> $(function() { $( "#resizable" ).resizable(); }); </script> Interaktion Beispiel: Resizable 33

34 Widget Beispiel: Dialog Window <script> $(function() { $( "#dialog" ).dialog(); }); </script> 34

35 35 LIVE Demo

36 36 Fragen & Antworten

37 Nicole Hoock Master of Science Kontakt Consultant der esentri consulting GmbH Vielen Dank für Ihre Aufmerksamkeit! Besuchen Sie uns auf unserem Stand - Ebene 2! IT-Strategien & SOA IT-Business-Alignment Technologie- und Geschäftsprozessberaterin