für Domino (und andere) EntwicklerCamp 2015 René Winkelmeyer midpoints GmbH

Transkript

1 für Domino (und andere) EntwicklerCamp 2015 René Winkelmeyer midpoints GmbH 1

2 About me midpoints GmbH IBM Advanced Business Partner IBM Design Partner (Notes Domino, Mobile, Verse) Apple Enterprise Developer und MDM Group Member Samsunt Enterprise Alliance Partner René Winkelmeyer Head of Development Services - Enterprise Mobility Service - Mobile Device und Application Management - IBM Notes Traveler und IBM Mobile Connect 2

3 About me Skype muenzpraeger Twitter muenzpraeger LinkedIn muenzpraeger Slideshare muenzpraeger Web René Winkelmeyer Head of Development Mail OpenNTF File Navigator Generic NSF View Widget for IBM Connections 3

4 Agenda Stateless, stateful server-side oder client-side? XPages vs. Vaadin Vaadin Grundlagen Vaadin Development per Code und per GUI-Designer Deployment auf Domino und Liberty 4

5 Agenda Stateless, stateful server-side oder client-side? XPages vs. Vaadin Vaadin Grundlagen Vaadin Development per Code und per GUI-Designer Deployment auf Domino und Liberty 5

6 Stateless, stateful server-side oder client-side? xxx 6

7 Stateless, stateful server-side oder client-side? xxx HTML (1992) CSS (1996) Java (1995) JavaScript (1995) 7

8 Stateless, stateful server-side oder client-side? xxx 8

9 Stateless, stateful server-side oder client-side? xxx 9

10 Stateless, stateful server-side oder client-side? xxx 10

11 Client-side Frameworks 11

12 JVM Frameworks 12

13 Stateless, stateful server-side oder client-side? xxx 13

14 14

15 DUMB vs. KNOWS 15

16 NEED DATA 16

17 Person 17

18 Stateless, stateful server-side oder client-side? 18

19 Stateless, stateful server-side oder client-side? 19

20 Stateless, stateful server-side oder client-side? 20

21 AngularJS HTML 21

22 AngularJS script 22

23 API Design /people/all /people/<id> /people/<id> /people/<id> 23

24 API Design /people/all /people/<id> /people/<id> /people/<id> GET GET POST DELETE 24

25 API Design /people/all /people/<id> /people/update/<id> /people/delete/<id> GET GET UPDATE DELETE 25

26 GET Person 26

27 REST Handling 27

28 Vaadin 28

29 AngularFaces 29

30 Serverside RAM (Vaadin example) kb / Session aktive User == 8 GB 30

31 Stateless, stateful server-side oder client-side? 31

32 Agenda Stateless, stateful server-side oder client-side? XPages vs. Vaadin Vaadin Grundlagen Vaadin Development per Code und per GUI-Designer Deployment auf Domino und Liberty 32

33 Vaadin die Entscheidung Beschäftigung mit Vaadin seit 2013 Selektion als Basis-Platform für Web-Anwendungen von midpoints (anstatt XPages) 33

34 XPages vs. Vaadin Historie und Gegenwart XPages Vaadin Zukauf der IBM in 2001 (vormals XForms) War mal Workplace Hat seinen Ursprung in JSF Weiterentwicklung erfolgt durch IBM (Core, closed source) und teils durch Community (ExtLib) In 2001 neu entwickelt als Millstone Library (IT Mill) Nutzung von GWT seit 2007 (IT Mill Toolkit 4) Fühlt sich an wie SWT/Swing/ AWT Weiterentwicklung erfolgt durch Vaadin Ltd. (open source, Apache licensed) 34

35 XPages vs. Vaadin Betriebssysteme XPages Vaadin Alle von Domino unterstützte Betriebssysteme Alle Betriebssysteme mit Java 6 und höher 35

36 XPages vs. Vaadin Unterstützte App-Server XPages Vaadin IBM Domino XPages Buildpack (IBM Bluemix) Apache Tomcat 5+ IBM WebSphere (Full/Liberty) 7+ JBoss 4+ Liferay Portal 5.2 Oracle WebLogic WildFly 8+ Java Servlet 2.4 / JSR

37 XPages vs. Vaadin Release / Abhängigkeiten XPages Vaadin Abhängig von Domino-Updates (Major, Minor, FP, IF) Ein Update des App-Servers bringt auch immer ein Update der XPages mit sich Ein Update wirkt sich auf alle XPages-Anwendungen aus Neues Release (Minor) alle 4-5 Wochen Updates des App-Servers sind unabhängig von Vaadin und vice versa Vaadin-Updates können selektiv pro Applikation durchgeführt werden 37

38 XPages vs. Vaadin IDE XPages Vaadin IBM Domino Designer , nur Windows Eclipse IntelliJ Netbeans... 38

39 XPages vs. Vaadin Programmiersprachen XPages Vaadin SSJS JavaScript Java Java JavaScript Scala Jython... 39

40 Agenda Stateless, stateful server-side oder client-side? XPages vs. Vaadin Vaadin Grundlagen Vaadin Development per Code und per GUI-Designer Deployment auf Domino und Liberty 40

41 Vaadin Valo, Sampler und Github Demo Valo-Theme Demo Sampler Github 41

42 Vaadin Addons 42

43 Vaadin Pro Tools 43

44 Vaadin Grundlagen Architektur 44

45 Vaadin Grundlagen Client-side communication 45

46 Vaadin Grundlagen Komponenten 46

47 Agenda Stateless, stateful server-side oder client-side? XPages vs. Vaadin Vaadin Grundlagen Vaadin Development per Code und per GUI-Designer Deployment auf Domino und Liberty 47

48 Vaadin Development IDE-Setup IBM hat mit 8.5.x eine J2EE-Engine dem Domino-Server hingezfügt Expeditor WebContainer Erfüllt Servlet 2.5 Spezifikation Ermöglicht den Einsatz von Standard-WebApps (aka Web Application Archive == WAR) in etwas abgewandelter Form Setup-Prozedur ist hier beschrieben (wir wollen ja keinen alten Kaffee aufkochen) 48

49 Vaadin Development IDE-Setup OpenNTF Workflow for XPages Setzt den Activiti Explorer ein, welcher auf Vaadin basiert %20for%20XPages/summary 49

50 Vaadin Development Basics 50

51 Vaadin Development IDE-Setup Eclipse J2EE Vaadin Eclipse Plug-In Alle Installations-Varianten (verschiedene IDEs, Vorgehensweisen) sind im Book of Vaadin beschrieben 51

52 Vaadin Development IDE-Setup Im Idealfall wird das Vaadin Eclipse-Plug-In für die Erstellung einer neuen App eingesetzt Fügt weitere Abhängigkeiten und Toolings hinzu wie Maven oder Tycho, daher nur mit deutlichem Mehraufwand im Domino- Umfeld einzusetzen Für Domino empfiehlt sich das Deployment innerhalb des Plug-In (ungünstig, aber möglich) oder als dediziertes Plug-In, welches die Vaadin-Klassen exportiert 52

53 Vaadin Development IDE-Setup 53

54 Vaadin Development IDE-Setup 54

55 Vaadin Development IDE-Setup 55

56 Vaadin Development IDE-Setup 56

57 Vaadin Development IDE-Setup 57

58 Vaadin Development UI Eine Applikation kann mehrere UI s haben Ein UI gibt es immer in einer Instanz pro User Vaadin verfolgt einen Single-Page-Approach Ohne manuelle Zuarbeit kein URL-Navigation 58

59 Vaadin Development UI 59

60 Vaadin Development UI 60

61 Vaadin Development Components Components werden über addcomponent() und addcomponents() hinzugefügt Die Reihenfolge der Methodenaufrufe bestimmt die UI Anzeige 61

62 Vaadin Development Layouts VerticalLayout HorizontalLayout GridLayout FormLayout (+1 für Erfassungsmasken) CssLayout 62

63 Vaadin Development Layouts 63

64 Vaadin Development Layouts 64

65 Vaadin Development Listener Bekannt aus AWT, Swing, SWT etc. Listened auf eine User-Interaktion Field enter Button click etc. 65

66 Vaadin Development per GUI-Designer 66

67 Agenda Stateless, stateful server-side oder client-side? XPages vs. Vaadin Vaadin Grundlagen Vaadin Development per Code und per GUI-Designer Deployment auf Domino und Liberty 67

68 Deployment auf Domino Export als Plug-In-Project Entweder via Domino UpdateSite oder direkt als File nach <dominodata>/workspace/applications/eclipse/plugins 68

69 Deployment auf WebSphere Liberty WebSphere Liberty == IBM s Antwort auf Tomcat & Co. Speed-Demoing heute abend! Export aus Eclipse als WAR und Ablage in das Unterverzeichnis dropins des WebSphere Liberty Servers 69

70 Deployment - Ressource 70

71 DEMO 71

72 Q & A! 72