Wünsch AG Vortrag mit der App ins Web oder wie man Notes modernisiert

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-Analyse
Business-Integration
Application Management
Project Management
 Kunden in allen Größen und Branchen
WÜNSCH AG

 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

 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

 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

 SPANNUNGSFELDER
ÜBERSICHT
Begrenzte
IT Budgets
Erwartungen
Anwender
BYOD
Schnelligkeit
Performance
Know-How
Security
…Consumerization
Begrenzte
IT Budgets
Erwartungen
Anwender
Schnelligkeit
Know-How

 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

Vorgehen
Strategie

 UND WIE?
Mit Strategie !
Analyse
Konzept
AuswahlUmsetzung
VORGEHEN STRATEGIE

 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

 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

Modernisierung Notes
Welche Technologie wann?

 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

 MÖGLICHKEITEN DER MODERNISIERUNG
 TECHNOLOGIEN
 X-Pages (online Web und offline Notes Client)
 HTML (programmiert)
 HTML (Standard in Notes)
 Browser Plug-in (Notes 9)

 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

 BEISPIEL X-PAGES: PAKETVERWALTUNG (PVW)
DB2
Domino
PVWPVW
Mobile
Notes
Client
Browser

 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

 Beispiel X-Pages

 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

 BEISPIEL: MARKETING-BUDGET-VERWALTUNG (VVM)
Domino
VVM
BrowserNotes
Client
 Gemischte Nutzung
 Eigene Designelemente für Weboberfläche
 Teilweise Umsetzung der Notes-
Funktionalität im Web

 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

 Beispiel HTML Programmiert

 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

 Darstellung mit
HTML Standard

 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)

Tipps zum Vorgehen
bei der
Modernisierung

 UMSETZUNG DER MODERNISIERUNG
 Vorgehensweise zur Modernisierung von Lotus Notes Anwendungen
für das Web
1. Definition der Ziele der Modernisierung
2. Analyse der Anwendung
a) 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

 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?

 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

Übersicht Technologien
zu
Web Apps

 TECHNOLOGIEN
 Entwicklung von Business Web Apps
 HTML5
 CSS3
 (JS-)FRAMEWORKS
WEB APPS

 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

 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

 (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

 WÜNSCH AG INTERNETPRÄSENZ

 VERLAGSMANAGER (CRM TOOL)
TECHNOLOGIEN WEB APSS

 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

 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

Haben Sie noch Fragen?
Kommen Sie gerne zu uns!
www.wuensch.de
petra.riepe@wuensch.de

VIELEN DANK FÜR IHRE AUFMERKSAMKEIT!
Wünsch AG
Dieselstraße 10
71254 Ditzingen
www.wuensch.de
+49 7156 1767500
petra.riepe@wuensch.de

Wünsch AG Vortrag mit der App ins Web oder wie man Notes modernisiert

Recommended

Recommended

More Related Content

What's hot

What's hot (6)

Similar to Wünsch AG Vortrag mit der App ins Web oder wie man Notes modernisiert

Similar to Wünsch AG Vortrag mit der App ins Web oder wie man Notes modernisiert (20)

Wünsch AG Vortrag mit der App ins Web oder wie man Notes modernisiert