Social Collaboration 39: "Vernetzte Informationswelt"
www.dnug.de
Mit der App ins Web?
Von der Modernisierung bis hin zur Business App
– Techniken und Strategien
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 2
ECKDATEN
Gegründet 1991, Sitz in Ditzingen
Kerngeschäft:
Wir entwickeln Software – mit allem was dazu gehört:
Prozess-AnalyseBusiness-IntegrationApplication ManagementProject Management
Kunden in allen Größen und Branchen
WÜNSCH AG
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 3
WARUM WÜNSCH AG
Wir verstehen die Sprache Ihrer Anwender genauso wie die Ihrer IT. Wir verstehen Ihre Arbeitsabläufe und übersetzen diese in die passgenaue IT-Lösung.
Mit dieser Mischung aus IT-Kompetenz und Prozess-Wissen schaffen wir nachhaltige Lösungen für Sie. Mit Ideen und frischem Wind, machen wir Ihre Prozesse und Applikationen noch besser.
Unserem pragmatischen Beratungsansatz folgend, erarbeiten wir die für Sie perfekte Lösung. Dies beinhaltet immer eine ganzheitliche Betrachtungsweise aller Anforderungen in Ihrer Organisation.
Wir wissen, dass Sie einzigartig sind. Und deshalb verdienen Sie mehr, als nur Beratung „von der Stange“. Wir beraten keine "Einheitslösungen", sondern flexibel in Ihren Rahmenbedingungen. Individuell. Pragmatisch. Passend.
WÜNSCH AG
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 4
AGENDA
Web – App – oder was? Vorgehen – Strategie Konzeption - Welche Technologie wann? Modernisieren von Notes Anwendungen Möglichkeiten Überblick über die Techniken mit Beispielen Umsetzung
Business Web Apps Überblick über die Techniken Beispiele Planung von Web Apps
Fazit
AGENDA
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 5
WEB – APP – ODER WAS?
WARUM ÜBERHAUPT INS WEB?
Die Anforderungen der Anwender ändern sich Unabhängigkeit vom Client – Schutz der Investition Relevante Anwendungen von überall erreichbar machen Moderne Oberflächen bereitstellen
ÜBERSICHT
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 6
WEB – APP – ODER WAS?
SPANNUNGSFELDER
ÜBERSICHT
Begrenzte
IT Budgets
Erwartungen Anwender
BYOD
Schnelligkeit
PerformanceKnow-How
Security
…Consumerization
Begrenzte
IT Budgets
Erwartungen Anwender
Schnelligkeit
Know-How
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 7
WEB – APP – ODER WAS?
HERAUSFORDERUNGEN
Arbeiten im Web / mobiles Arbeiten ist eine der Top Prioritäten für IT Entscheider !
Diese stehen vor einigen Herausforderungen: Der Markt an Tools, Plug-ins, Frameworks ist unübersichtlich Diverse Mobile Devices Plattformen (BYOD) Erwartungen der Anwender sehr hoch (Qualität, Schnelligkeit der
Updates) Integration in bestehende Systeme …
ÜBERSICHT
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 8
Vorgehen Strategie
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 9
WEB – APP – ODER WAS?
UND WIE?
Mit Strategie !
Analyse
Konzept
AuswahlUmsetzung
VORGEHEN STRATEGIE
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 10
ANALYSE
ANALYSE MODERNISIERUNG ODER WEB APP
Einbeziehen der gesamten Organisation Systemumgebung und vorhandenes Know-How Anwender-, Kundenerwartungen Welche Ziele sollen erreicht werden? Welcher Anwenderkreis soll erreicht werden? Intern / extern?
Eine Analyse zur Modernisierung oder zur Bereitstellung von Web Apps beinhaltet die gesamte Organisation
VORGEHEN STRATEGIE
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 11
AUSWAHL
AUSWAHL DER WERKZEUGE, TECHNOLOGIEN, UMGEBUNG
Vorhandenes Wissen nutzen? Welche Skills werden benötigt? Make or buy?
Können bestehende Komponenten genutzt werden? Schnittstellen? Was benötige ich für welche Anforderungen? Desktop und/oder Mobilgeräte? Wer muss mit ins Boot?
Die Auswahl folgt individuellen Gesichtspunkten: Jede Organisation ist einzigartig
VORGEHEN STRATEGIE
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 12
Modernisierung Notes
Welche Technologie wann?
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 13
MODERNISIERUNG VON NOTES APPLIKATIONEN
Bestehende „alte“ Lotus Notes Client Anwendungen können durch „Modernisierung“ im Web weiter verwendet werden
Je nach Anforderung sind unterschiedliche Technologien sinnvoll
MODERNISIERUNG NOTES
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 14
MÖGLICHKEITEN DER MODERNISIERUNG
TECHNOLOGIEN
X-Pages (online Web und offline Notes Client)
HTML (programmiert)
HTML (Standard in Notes)
Browser Plug-in (Notes 9)
MODERNISIERUNG NOTES
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 15
X-PAGES
X-Pages sind Lotus Web-Anwendungen auf Java-Basis (JSF) und können im Web und offline im Notes Client (seit 8.5.2) eingesetzt werden
Einsatzgebiete Komplexe Anwendungen webfähig machen Zugriff auf verschiedene Datenquellen
Vorteile Nutzung aller Web-Standards Paralleler Zugriff auf verschiedene Datenquellen zur Darstellung (Lotus Notes, SQL-
Datenbank, …) Hohe Anpassbarkeit / Flexibilität Erweiterbarkeit durch eigene Komponenten Einmal programmieren, im Web und im Client verwenden.
Nachteil Entwicklungsaufwand durch Neuprogrammierung der Funktionalitäten und der Oberfläche
MODERNISIERUNG NOTES
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 16
BEISPIEL X-PAGES: PAKETVERWALTUNG (PVW)
MODERNISIERUNG NOTES
DB2
Domino
PVWPVWMobile
NotesClient
Browser
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 17
TECHNOLOGIEN IM BEISPIEL PVW
Datenbankzugriff mittels JDBC OneUI Oberfläche mit Themes (CSS) Dojo Controls XPiNC – X-Pages in Notes Client Unterschriften Applet Eigene Komponenten z.B. „Picklist“ AJAX z.B. zum Laden von Ansichtsinhalten
MODERNISIERUNG NOTES
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 18
MODERNISIERUNG NOTES
Beispiel X-Pages
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 19
HTML (PROGRAMMIERT)
Lotus Notes Anwendungen sind grundsätzlich webfähig Durch Programmierung neuer Masken, Stylesheets und Web-Funktionen
können die Anwendungen im Web eingesetzt werden
Einsatzgebiete Lohnt vor allem bei Anwendungen ohne hohen Funktionsumfang oder wenn X-Pages nicht
verfügbar (z.B. Dominoumgebung < 8.5.x, kein X-Pages Know-How) Webanwendung muss wenig Logik bereitstellen z.B. Darstellung von Diagrammen, Auswertungen, Datensätzen
Vorteile Verwendung bisheriger Funktionalitäten/Logik
Nachteil Teilweise können aktuelle Web-Standards nur mit größerem Aufwand verwendet werden (z.B.
AJAX) Teilweise doppelte Entwicklung bei Verwendung in Notes und im Web
MODERNISIERUNG NOTES
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 20
BEISPIEL: MARKETING-BUDGET-VERWALTUNG (VVM)
MODERNISIERUNG NOTES
Domino
VVM
BrowserNotesClient
Gemischte Nutzung Eigene Designelemente für Weboberfläche Teilweise Umsetzung der Notes-
Funktionalität im Web
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 21
TECHNOLOGIEN IM BEISPIEL VVM
JQuery für AJAX und UI Manipulationen UI ohne Zuhilfenahme der Notesrenderingengine für volle
Anpassbarkeit und Kontrolle über den HTML Quellcode
MODERNISIERUNG NOTES
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 22
MODERNISIERUNG NOTES
Beispiel HTML Programmiert
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 23
HTML (STANDARD)
Lotus Notes Anwendungen sind grundsätzlich webfähig Lotus Notes kann alle Inhalte der Masken und Ansichten in HTML
rendern und im Web anzeigen
Einsatzgebiete Einfache interne Anwendungen ohne hohen Funktionsumfang
Vorteile Geringer Programmieraufwand Sehr schnelle Umsetzung
Nachteile Sehr eingeschränkter Funktionsumfang im Web Altmodische Darstellung im Web
MODERNISIERUNG NOTES
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 24
MODERNISIERUNG NOTES
Darstellung mit HTML Standard
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 25
BROWSER PLUG-IN NOTES
Ab Version 9 Notes Client im Browser
Einsatzgebiete Schnelles „sichtbar machen“ von Anwendungen im Web
Vorteile Kein Konvertierungsaufwand
Nachteile Plug-in muss verteilt werden Derzeit nur unter Windows (IE 8+ u. Firefox 10+) Nur die Funktionalität des Basic Clients Installation recht „schwergewichtig“ (~150 MB)
MODERNISIERUNG NOTES
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 26
MODERNISIERUNG NOTES
Tipps zum Vorgehen bei der
Modernisierung
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 27
UMSETZUNG DER MODERNISIERUNG
Vorgehensweise zur Modernisierung von Lotus Notes Anwendungen für das Web
1. Definition der Ziele der Modernisierung
2. Analyse der Anwendunga) Funktionsumfang
b) Daten- und Mengengerüst
c) Geschäftskritikalität
3. Auswahl der richtigen Technologie
4. Konzeption der Funktionen und Darstellung im Web
5. Modernisierung der Anwendung
MODERNISIERUNG NOTES
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 28
UMSETZUNG
1. Definition der Ziele
Zielgruppe - nur interne Anwender oder öffentliches Internet? Zielplattformen - Optimierung auch für mobile Endgeräte ? Volle Funktionalität oder nur Teilbereiche ?
Je nach Anforderung sind unterschiedliche Technologien sinnvoll Responsive Design für Geräte mit sehr unterschiedlichen Auflösungen Welche Sicherheitsanforderungen müssen erfüllt werden?
MODERNISIERUNG NOTES
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 29
UMSETZUNG
2. Analyse der Anwendung
Funktionsumfang Gleiche Funktionalität wie in Notes Client oder nur Teilfunktionalität?
Daten- und Mengengerüst Datenquellen, Datenmengen, Datenhaltung Datenzugriff
Geschäftskritikalität Vertrauliche Daten? Sicherheitskonzept Nutzerkreis Wichtigkeit für die Geschäftstätigkeit
MODERNISIERUNG NOTES
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 30
Übersicht Technologienzu
Web Apps
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 31
TECHNOLOGIEN
Entwicklung von Business Web Apps
HTML5 CSS3 (JS-)FRAMEWORKS
WEB APPS
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 32
HTML 5
HTML5 bietet einige neue Funktionalitäten, die bisher nur mit aufwändiger Programmierung oder Plug-ins verfügbar waren
Neue Semantische Elemente, Multimedia Elemente, Graphik (2D&3D), Neue Formularelemente, Drag&Drop Support, Geolocation, WebStorage, App Cache, WebWorkers, …
Vorteile Neue Funktionalitäten Bessere semantische Unterscheidung von Daten Bessere Trennung von Daten und Darstellung
Nachteile Nicht alle Features in allen Browsern unterstützt
TECHNOLOGIEN WEB APPS
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 33
CSS3
CSS3 bietet einige neue Funktionalitäten, die bisher nur mit aufwändiger Programmierung oder Plug-ins verfügbar waren. Borders (abger. Ecken, Schatten, Rahmenbilder), Neue Hintergrundeigenschaften
(z.B. Größe, mehrfache HG-Bilder, Clipping), Verläufe, Texteffekte, 2D Transformationen (Verschieben, Drehen, Skalieren,…), 3D Transformationen, Übergänge, Animationen, Mehrspaltenlayout, Resizing, u.v.m.
Vorteile Neue Funktionalitäten Bessere semantische Unterscheidung von Daten Bessere Trennung von Daten und Darstellung
Nachteile Nicht alle Features in allen Browsern unterstützt
TECHNOLOGIEN WEB APPS
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 34
(JS-) FRAMEWORKS
Warum Frameworks? Unterstützung von HTML5 und CSS3 nicht in allen Browsern
verfügbar und für Mobile Geräte u.U. spezielle Widgets nötig
Beispiele: jQuery, dojo, Ext JS, Google Web Toolkit, Sencha …
Dojo in X-Pages enthalten, ab Notes V9 Widgets für mobile Anwendungen enthalten (siehe OpenNTF Extension Library)
Merkmale Ausgleich von Unterschieden zwischen den Browsern Responsive Design inklusive Vorprogrammierte Features (Widgets, Ajax, Eventhandling) Plug-ins
TECHNOLOGIEN WEB APPS
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 35
WÜNSCH AG INTERNETPRÄSENZ
TECHNOLOGIEN WEB APPS
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 36
VERLAGSMANAGER (CRM TOOL)
TECHNOLOGIEN WEB APSS
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 37
PLANUNG VON WEB APPS
Bei der Planung von Web Apps ist u.a. zu beachten:
Welche Zielplattformen sollen bedient werden? Desktop Browser und/oder Mobilbrowser Desktop, Tablets, Smartphones
Gemeinsame Oberfläche für alle Zielplattformen oder getrennte Darstellung (Responsive Design, Spezialisiertes Design,…) ?
Online oder auch Offline (App Cache) ?
WEB APPS UMSETZUNG
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 38
FAZIT
Anwendungen im Web, vor allem als App sind mehr als nur IT
Die Möglichkeiten sind vielfältig und komplex, um so wichtiger ist die Einbeziehung aller Faktoren
Die Erstellung einer Gesamtstrategie schützt die Investition
Fazit
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 39
Haben Sie noch Fragen?
Kommen Sie gerne zu uns!
www.wuensch.de
WÜNSCH AG I DIESELSTRAßE 10 I 71254 DITZINGEN I WWW.WUENSCH.DE Folie 40
VIELEN DANK FÜR IHRE AUFMERKSAMKEIT!
Wünsch AG
Dieselstraße 10
71254 Ditzingen
www.wuensch.de
+49 7156 1767500