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-AnalyseBusiness-IntegrationApplication ManagementProject 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

PerformanceKnow-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

PVWPVWMobile

NotesClient

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

BrowserNotesClient

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



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 Technologienzu

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

[email protected]


VIELEN DANK FÜR IHRE AUFMERKSAMKEIT!

Wünsch AG

Dieselstraße 10

71254 Ditzingen

www.wuensch.de

+49 7156 1767500

[email protected]