Wir bringen Ihre Notes/Domino Anwendungen sicher ins Web , Bilster Berg Drive Resort Michael Steinhoff, agentbase AG.

Transkript

1 Wir bringen Ihre Notes/Domino Anwendungen sicher ins Web , Bilster Berg Drive Resort Michael Steinhoff, agentbase AG 1

2 Agenda Grundlagen Modernisierung Möglichkeiten mit Domino Javascript Framework AngularJS Demo 2

3 Was bedeutet Modernisierung? Im Bauwesen Wiederherstellung des zweckbestimmten, nutzbaren Zustands Beseitigung von Schäden Erhöhung des Wohnstandards Energetische Sanierung Nutzungsanpassung Bei IT-Anwendungen Korrektur von Fehlern Lauffähigkeit auf aktuellen (oder vorhandenen) Clients bspw. wegen Erweiterung des Anwenderkreises Verbesserung von Performance Verbesserte User Experience Integration in Portale / Intranet 3

4 Modernisierung Maßnahmen Standardisierung Verwenden aktueller Technologie Weboberfläche kein zusätzliches Ausrollen von Clients z.b. aufgrund Ausweitung auf weitere Benutzer im wesentlichen serverseitige Administration lauffähig auch auf mobilen Geräten Programmatische Anpassungen Fehlerkorrekturen zusätzliche Features Anpassung an das aktuelle Corporate Identity 4

5 Modernisierung Konzept Model-View-Controller Trennung Logik und Darstellung Senken Komplexität Bessere Wartbarkeit Bessere Testbarkeit 5

6 Möglichkeiten mit Domino 6

7 XPages In Domino Designer integriert seit Version 8.5 In Browser und Notes Client (ab 8.5.1) Basiert auf Java Server Faces Backend- und Frontend Technologie Spezielles Entwickler KnowHow notwendig Neue Designelemente XPages Extension Library ab 9.0.x in Domino 7

8 Domino Access Services Zugriff mit Benutzerrechten 8

9 Domino Access Services JSON (JavaScript Object Notation) über HTTP 9

10 Websphere Portal 10

11 Websphere Portal 11

12 Javascript Framework AngularJS 12

13 AngularJS < HTML has angle brackets, so angle brackets, Angular > HTML gut für statische Seiten Angular ergänzt um Syntax und Konstrukte für Web-Apps Angular is what HTML would have been, had it been designed for applications. (angularjs.org) 13

14 AngularJS Start 2009 Weiterentwicklung Google und Community Open Source Lizenz Kein Backend Code! JavaScript HTML Tags Style-Sheets Daten über REST-Dienst Controller View Model 14

15 AngularJS Google Webtrends 15

16 AngularJS Indeed.com Job Trends 16

17 Single-Page Application Framework Kein kompletter Seiten-Reload Backend Zugriffe ausschließlich über Ajax dadurch optimierte Ladezeit und bessere Performance Vorteile Plattformunabhängigkeit Benutzerfreundlichkeit Offlinefähigkeit Architektur Trend zu Service-basierten Systemen Seiten sind bookmarkable Nachteile JavaScript zulassen verschiedene Browser (Framework Entwicklung) SEO 17

18 2-Wege Datenbindung Model Single-Source of Truth Änderung des Models bewirkt Änderung in gesamter Anwendung kein Observer (zusätzlicher Code) notwendig weniger fehleranfälliger Code keine direkte DOM Manipulation! 18

19 Direktiven Verwendbar über neue HTML Tags Wiederverwendbare Komponenten AngularJS bringt viele Direktiven mit ngrepeat ngshow ngmodel ngclick 19

20 Weitere Features (für den Entwickler)

21 Testgetriebene Entwicklung mit AngularJS mehr Seriosität bei der Entwicklung Unit Tests Code-level Testing Testen von einzelnen Komponenten Isoliertes Testen Angular Code Base > 4000 Unit Tests End-To-End Tests User-level Testing Testen Zusammenspiel mehrerer Komponenten Automatische Browser Tests Laden von Seiten Masken Submit Prüfen auf Vorhandensein von Seiten Elementen 21

22 Weitere Module Es gibt eine Vielzahl hinzufügbarer Module Internationalisierung Maskenerstellung und Validierung Sichten, Tabellen und Filter UI-Elemente Spinner Breadcrumb File-Upload Messages Charts und vieles mehr (>1500 Module) 22

23 Bootstrap CSS / HTML /Javascript Framework von Twitter Wird gerne zusammen mit AngularJS verwendet Styling von Tabellen Formularen Buttons Grids, Responsive 23

24 Mobile First Ausdrückliche Eignung für den mobilen Einsatz 24

25 Demo 25

26 Vielen Dank für Ihre Aufmerksamkeit! agentbase AG Eggertstraße Paderborn Fon: Fax: Web: info@agentbase.de