Konzeption und Implementierung einer dateibasierten

Fakultät für Informatik

Technische Universität München

Konzeption und Implementierung einer

dateibasierten Lösung zum Offline-Zugriff

auf eine Enterprise 2.0 Plattform 16. Mai 2011

1

Bearbeiter: Kilian Wischer

Betreuer: Dr. Thomas Büchner

Agenda

1. Motivation

2. Ansätze für Offline-Funktionalität

3. Realisierung

4. Lokaler Zugriff auf die Dateien

5. Demo

6. Ausblick

Kilian Wischer 2

Kilian Wischer 3

1. Motivation

Motivation

• Ziel: Offline-Zugriff auf Tricia

• Contra Offline-Funktionalität:

• Netzabdeckung

• Geringe Kosten für mobiles Internet

• Hoher Aufwand

• Komplexitätssteigerung

• Pro Offline-Funktionalität:

• Netzabdeckung

• Serverausfall

• Lokales Backup

Kilian Wischer 4

Kilian Wischer 5

2. Ansätze für Offline-Funktionalität

Browser-Plugin

• Gears, Flash, Java Applets

• Vorteil:

• API

• Nachteile:

• Endbenutzer muss Plugin installieren

• Abhängigkeit vom Plugin-Hersteller

Kilian Wischer 6

HTML5 (1)

• Application Cache:

Kilian Wischer 7

CACHE MANIFEST

CACHE:

index.html

style/default.css

images/logo.png

NETWORK:

login.php

FALLBACK:

*.html /offline.html

<html manifest="example.appcache">

...

</html>

HTML5 (2)

• Web Storage:

• Web SQL Datenbank:

• IndexedDB

Kilian Wischer 8

sessionStorage.setItem('key','value');

sessionStorage.getItem('key');

db = openDatabase('ToDo', '1.0', 'ToDo-Liste', 2 * 1024 * 1024);

db.transaction(function (tx) {

tx.executeSql('CREATE TABLE IF NOT EXISTS notes (id INTEGER, note TEXT)');

tx.executeSql('INSERT INTO notes (id, note) VALUES (0, "notiz")');

});

HTML5 (3)

• Vorteile:

• API

• Standardisiert

• Nachteile:

• Begrenzung auf 5 MB

• Kein Konsens der Browserhersteller

• Aufweichung der Trennung von Front- und Backend

Code

Kilian Wischer 9

Dateibasierter Offline Zugriff (1)

1. Herunterladen der Dateien


3. Rücksynchronisation

Kilian Wischer 10

Dateibasierter Offline Zugriff (2)

• Eignung für Webapplikationen mit statischen

Inhalten

• Nachteile:

• Umwandlung relationaler Daten in Dateien

• Vorteile:

• Kaum Veränderungen an bisheriger Webandwendung

• Dateisicht auf Tricia existiert

• Samba-File-Share bietet sich als Benutzerschnittstelle

an

Kilian Wischer 11

Kilian Wischer 12

3. Realisierung

Plugin-Struktur

Kilian Wischer 13

Samba File-Share

Kilian Wischer 14

Klassendiagramm

Kilian Wischer 15

Zusammenspiel der Plugins

Kilian Wischer 16

Kilian Wischer 17


Konzept 1: HTML-Dateien (1)

Kilian Wischer 18

Konzept 1: HTML-Dateien (2)

• Vorteile:

• Keine Implementierung eines lokalen Webservers

• „Einfach“ zu implementieren

• Grundsätzliche Funktionalität lässt sich implementieren

• Nachteile:

• Andere User-Experience als bei der Online-Variante

Kilian Wischer 19

Konzept 2: Strukturierte Dateien (1)

Kilian Wischer 20

Konzept 1: Strukturierte Dateien (2)

• Vorteile:

• Mehr Funktionalität möglich

• Nachteile:

• Implementierung / Installation des lokalen Webservers

• Hoher Aufwand und Komplexität

• Fazit:

• Steht der Nutzen im richtigen Verhältnis zum Aufwand?

Kilian Wischer 21

Kilian Wischer 22

5. Demo

Kilian Wischer 23

6. Ausblick

6. Ausblick

• Lesezugriff:

• Design anpassen

• Hybrid Table

• Editieren

• Synchronisation

Kilian Wischer 24

Kilian Wischer 25

Vielen Dank für Ihre Aufmerksamkeit!

Documents

Konzeption und Implementierung einer dateibasierten