OpenNTF ist nicht das Ende. Marco Spinning Architekt & Produkt-Manager, We4IT Group

Größe: px

Ab Seite anzeigen:

Download "OpenNTF ist nicht das Ende. Marco Spinning Architekt & Produkt-Manager, We4IT Group"

Marie Berger
vor 5 Jahren
Abrufe

1 OpenNTF ist nicht das Ende Marco Spinning Architekt & Produkt-Manager, We4IT Group

2 Agenda Über mich Über die Grenzen von OpenNTF hinaus Bootstrap-Alternativen Charting-Komponenten Kalenderansichten Office-Integration

3 Über mich Architekt & Produkt-Manager bei der We4IT GmbH Über 13 Jahre IBM Notes Developer Leidenschaftlicher Frontend-Developer Kitesurfer :)

4 Über die Grenzen von OpenNTF hinaus OpenNTF ist super!!! Gibt es nicht auf OpenNTF, dann geht es nicht? Restriktionen bei der Nutzung der Extension Library Alleinstellungsmerkmale (Warum sieht ein Mercedes nicht aus wie ein BMW?)

Bootstrap-Alternativen Foundation http://foundation.zurb.

5 Bootstrap-Alternativen Foundation Pro Sehr schönen Basis Style Contra Heavy Weight Nutzt SASS, jquery, foundation icon fonts Features Grids, UI Elemente, Customizer Unterstützt IE 9+

Bootstrap-Alternativen Pure http://purecss.

6 Bootstrap-Alternativen Pure Pro Super Lightweight Contra Kein LESS/SASS Nutzt jquery Features Grids, Basis UI Elemente Unterstützt IE 7+

Bootstrap-Alternativen UIKit http://getuikit.

7 Bootstrap-Alternativen UIKit Pro Schönsten Basis Style Einfach zu Stylen Contra Nicht sehr verbreitet Nutzt jquery Features Grids, UI Elemente, Themeroler Unterstützt IE 9+

8 Bootstrap-Alternativen Am Ende entscheidet auch der Geschmack

9 Bootstrap-Alternativen Bootstrap

10 Bootstrap-Alternativen Foundation

11 Bootstrap-Alternativen Pure

12 Bootstrap-Alternativen UIKit

13 Bootstrap-Alternativen Bootstrap4XPages ist generell schneller zu implementieren. Durch die Implementierung einer Alternative fällt ein wenig mehr Handarbeit an erzielt ein individuelleres Ergebnis erzielt ein schöneres Ergebnis (natürlich subjektiv)

14 Bootstrap-Alternativen Mein Favorit - UIKit <script src="js/jquery.min.js"></script> <script src="js/uikit.min.js"></script> <link rel="stylesheet" href="css/uikit.min.css"> <div class="uk-container"> <div class="uk-grid"> <div class="uk-width-1-3"></div> <div class="uk-width-1-3"></div> <div class="uk-width-1-3"></div> </div> </div> DocType = HTML5

15 Bootstrap-Alternativen Demo

16 Bootstrap-Alternativen Optional Clean Theme extends="webstandard" entfernen Theme in xsp.properties auswählen

17 Charting-Komponenten Projekte auf OpenNTF nutzen jqplot JFreeChart dojox.charting

18 Charting-Komponenten Alternative Chart.js Dynamisch Responsive IE9+ und alle andern modernen Browser

19 Charting-Komponenten <canvas id="canvas" height="450" width="600"></canvas> var ctx = document.getelementbyid("canvas").getcontext("2d"); new Chart(ctx).Line(JSONOBJECT, {responsive: true});

20 Charting-Komponenten Demo

21 Charting-Komponenten Dynamisch Werte laden XAgent für den Restservice JSON-Simple für die JSON Generierung

22 Charting-Komponenten Demo

23 Charting-Komponenten AMD-Loader Problematik 3 Lösungsansätze

24 Charting-Komponenten Verändere die JavaScript Library

25 Charting-Komponenten Verändere die xsp.properties xsp.client.script.dojo.djconfig=dojo-amd-factory-scan: false

26 Charting-Komponenten Verändere die Reihenfolge, in der die Skripte geladen werden. Funktioniert nur wenn die Skripte konsolidiert werden.

27 Charting-Komponenten Demo

28 Kalenderansichten FullCalendar Nutzt jquery, moment.js Unterstützt IE8+

29 Kalenderansichten <div id='calendar'></div> $('#calendar').fullcalendar();

30 Kalenderansichten Demo

31 Kalenderansichten Dynamisch Werte laden XAgent für den Restservice JSON-Simple für die JSON Generierung

32 Kalenderansichten Demo

33 Office Integration Docx4j Pro Wird aktiv weiterentwickelt, besserer Umgang mir.docx Dateien HTML kann konvertiert werden (Richtext) Contra Kein.doc Support, ausschließlich.docx (.pptx,.xlsx)

34 Office Integration Demo

35 Office Integration Problem Security exception occurred servicing request for: /demo.xsp - HTTP Code: 403 [notes program]/jvm/lib/security/java.policy Bitte nur für Entwicklung grant { permission java.security.allpermission; }; Kann genutzt werden. grant codebase "xspnsf://server:0/yourdatabase.nsf/-" { permission java.security.allpermission; };

36 Office Integration Problem Nach dem Download reagiert die Seite nicht mehr CSJS XSP.allowSubmit();

37 Über die Grenzen von OpenNTF hinaus Fazit

38 Vielen Dank für Ihre Aufmerksamkeit Marco Spinning We4IT Group Bremen We4IT GmbH Buschhöhe Bremen (Deutschland) London We4IT Ltd. 5 Water Lane London NW1 8NZ (United Kingdom) Phone: +49(0) Fax: +49(0) info@we4it.com Internet:

Ähnliche Dokumente

DOKUMENTATION. CaptchaAd als Werbevariante. Einbindung in Ihrer Webseite. Die Schritte zur Integration des CaptchaAds im Einzelnen

DOKUMENTATION. CaptchaAd als Werbevariante. Einbindung in Ihrer Webseite. Die Schritte zur Integration des CaptchaAds im Einzelnen CaptchaAd als Werbevariante Stand: 21. November 2016 Damit die Integration von CaptchaAd Ihnen noch leichter fällt, haben wir die notwendigen Schritte in diesem Leitfaden zusammen gefasst. Mit etwas Programmierkenntnissen