Xpert.ivy Developer Day User Dialog Features. Autoren: Peter Stöckli & Flavio Sadeghi Datum: 14. Mai 2014

Größe: px

Ab Seite anzeigen:

Download "Xpert.ivy Developer Day 2014. User Dialog Features. Autoren: Peter Stöckli & Flavio Sadeghi Datum: 14. Mai 2014"

Florian Koenig
vor 8 Jahren
Abrufe

1 Xpert.ivy Developer Day 2014 User Dialog Features Autoren: Peter Stöckli & Flavio Sadeghi Datum: 14. Mai

2 Inhalt Übersicht New User Dialog Wizard Form Fields CMS & Html Dialog Layouts JSF 2.2 / Primefaces JSF Workflow UI 2

3 Inhalt Übersicht New User Dialog Wizard Form Fields CMS & Html Dialog Layouts JSF 2.2 / Primefaces JSF Workflow UI 3

4 New User Dialog Wizard User Dialog Interface View Logic Data 4

5 New User Dialog Wizard User Dialog Interface Start-Methode mit In-/Out-Parameter View Eingabe / Ausgabe Logic Start / Close Data Felder für Daten 5

6 HD Konzept User Dialog: RD vs. HD User Dialog (UD) Interface, Data, View, Logic Rich (User) Dialog (RD) View = UltraLightClient (ULC) + R- Layer Html (User) Dialog (HD) View = JavaServer Faces (JSF) 7

7 8

8 Inhalt Übersicht New User Dialog Wizard Form Fields CMS & Html Dialog Layouts JSF 2.2 / Primefaces JSF Workflow UI 12

9 HD Konzept User Dialog: RD vs. HD User Dialog (UD) Interface, Data, View, Logic Rich (User) Dialog (RD) View = UltraLightClient (ULC) + R- Layer Html (User) Dialog (HD) View = JavaServer Faces (JSF) 13

10 Form Field Form Field Vorlage mit Platzhalter Name für Verwendung im Wizard: form field [Type] Eigene Vorlagen mit beliebigem Namen Einfügen mit CTRL + SPACE 14

11 Inhalt Übersicht New User Dialog Wizard Form Fields CMS & Html Dialog Layouts JSF 2.2 / Primefaces JSF Workflow UI 15

12 CMS & Html Dialog CMS Quickfix (CTRL+1) im Html Editor Lokales CO erstellen Globales CO erstellen 16

13 CMS & Html Dialog CMS Drag n Drop in Html Editor 17

14 CMS & Html Dialog CMS Anzeige des CMS Eintrages in Preview 18

15 Inhalt Übersicht New User Dialog Wizard Form Fields CMS & Html Dialog Layouts JSF 2.2 / Primefaces JSF Workflow UI 19

16 Layouts Layouts Layouts austauschen Wir möchten einen Dialog für ein mobiles Gerät Wir erhalten ein Layout von einem Designer (Entwickler!= Designer) 20

17 HD Konzept User Dialog: RD vs. HD User Dialog (UD) Interface, Data, View, Logic Rich (User) Dialog (RD) View = UltraLightClient (ULC) + R- Layer Html (User) Dialog (HD) View = JavaServer Faces (JSF) 21

18 Inhalt Übersicht New User Dialog Wizard Form Fields CMS & Html Dialog Layouts JSF 2.2 / Primefaces JSF Workflow UI 25

19 JSF 2.2 JSF 2.2 Passthrough / Html 5 «Plain» Html & JavaScript Bootstrap 26

20 HD Konzept User Dialog: RD vs. HD User Dialog (UD) Interface, Data, View, Logic Rich (User) Dialog (RD) View = UltraLightClient (ULC) + R- Layer Html (User) Dialog (HD) View = JavaServer Faces (JSF) 27

21 JSF 2.2 Passthrough / Html 5 I Namespace: <html xmlns=" [..] xmlns:pt=" Usage: <h:inputtext value="#{data.name}" id="name" pt:placeholder="enter your name" /> 28

22 JSF 2.2 Passthrough / Html 5 II Namespace: <html xmlns=" [..] xmlns:f=" Usage: <h:inputtext value="#{data.name}" id="user"> <f:passthroughattribute name="placeholder" value="enter your name" /> </h:inputtext> 29

23 JSF 2.2 «Plain» Html & JavaScript Namespace: <html xmlns=" [..] xmlns:jsf=" Usage: <input type="text" jsf:id="name" jsf:value="#{data.name}" jsf:required="true" placeholder="enter your name" /> 30

24 JSF 2.2 Bootstrap Responsive, Mobile First Front-End Framework Besteht aus CSS + JavaScript Entwickelt von Twitter Beispiel in Hd Demos 31

25 HD Konzept User Dialog: RD vs. HD User Dialog (UD) Interface, Data, View, Logic Rich (User) Dialog (RD) View = UltraLightClient (ULC) + R- Layer Html (User) Dialog (HD) View = JavaServer Faces (JSF) 32

26 Primefaces Primefaces 5.0 Div. Bug / Security Fixes JSF 2.2 Support Verbesserungen bei existierenden Komponenten: 34

27 Inhalt Übersicht New User Dialog Wizard Form Fields CMS & Html Dialog Layouts JSF 2.2 / Primefaces JSF Workflow UI 36

28 JSF Workflow UI JSF Workflow UI Workflow UI basierend auf JSF Wird mit dem Server ausgeliefert 37

29 JSF Workflow UI Taskdetails 38

30 JSF Workflow UI Stellvertretung 39

31 ANY QUESTIONS? New 40 User Dialog Wizard Form Fields CMS & Html Dialog Layouts JSF 2.2 / Primefaces JSF Workflow UI

32 ENTWICKlUNG ENTWICKlUNG Vielen Dank für Ihre Aufmerksamkeit! Flavio Sadeghi Developer ivyteam AG Alpenstrasse 9 CH 6300 Zug Tel Mail flavio.sadeghi@ivyteam.ch Web Peter Stöckli Developer ivyteam AG Alpenstrasse 9 CH 6300 Zug Tel Mail peter.stoeckli@ivyteam.ch Web 41

Ähnliche Dokumente

DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages

Wir automatisieren und optimieren Ihre Geschäftsprozesse DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages Thomas Brandstätter 06.03.2012 www.dccs.at Agenda Theorie Was sind XPages