Konzeption und Implementierung einer dateibasierten Lösung zum Offline-Zugriff auf eine Enterprise 2.0 Plattform

Größe: px

Ab Seite anzeigen:

Download "Konzeption und Implementierung einer dateibasierten Lösung zum Offline-Zugriff auf eine Enterprise 2.0 Plattform"

Sylvia Meyer
vor 5 Jahren
Abrufe

1 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 8. August 2011 Bearbeiter: Kilian Wischer Betreuer: Dr. Thomas Büchner 1

2 1. Rückblick Kilian Wischer 2

3 Rückblick Ziel: Offline-Zugriff auf Tricia Technologie: Browser-Plugin HTML 5 Dateibasierte Lösung Grundidee: Synchronisationsprogramm 3 2 Internet 1 Lesen/ Verändern Synchronisation Ausspielen/ Einspielen lokaler Client Tricia lokale Festplatte SMB-Laufwerk Kilian Wischer 3

4 Anforderungen Lesezugriff: Inhalt der Wikiseiten Hybrid Table Dateianhänge Verfolgen von Referenzen Tags Kommentare Schreibzugriff: Notizen => HTML-Dateien Kilian Wischer 4

5 Agenda 1. Rückblick 2. Ordner/Datei-Struktur auf Samba-Laufwerk 3. Lokaler Lesezugriff 4. Lokaler Schreibzugriff 5. Synchronisation Kilian Wischer 5

6 2. Samba-Laufwerk Kilian Wischer 6

7 Plugin-Struktur core file jlan2 wiki hybridwiki offlinewiki Kilian Wischer 7

8 Ziel-Ordnerstruktur Kilian Wischer 8

9 Klassendiagramm Kilian Wischer 9 Path Directory Document * 1 parent child FacadePath Path FacadeDocument FacadeDirectory 1 1 Directory Document * 1 parent child * 1 parent child FacadePath Path VirtualDirectory FacadeDocument FacadeDirectory WikiInstance Directory OfflineDirectory MetaData Directory Virtual Document 1 1 Directory Document * 1 parent child * 1 parent child Sync Document Pages Directory OfflineAttach mentsdirectory Sync Directory MetaData Document

10 Zusammenspiel der Plugins Jlan2-Plugin File-Plugin «interface» DiskInterface startsearch(path : String) : SearchContext createfile() : NetworkFile getfileinformation() : FileInfo writefile() : int TriciaDiskDriverProxy startsearch(path : String) : SearchContext createfile() : NetworkFile getfileinformation() : FileInfo writefile() : int 1 SearchContext AssetSearchContext FacadePath getfacadepathbypath(path : String) : FacadePath getfilelength() : long getfullpath() : String getlastmodified() : long FacadeDirectory getchildren() : Iterator<FacadePath> FacadeDocument getreadonlyrandomaccessfile() : RandomAccessFile «abstract» VirtualDirectories Extension 1 TriciaDiskDriver OfflineWiki-Plugin startsearch(path : String) : SearchContext createfile() : NetworkFile getfileinformation() : FileInfo writefile() : int VirtualDirectory VirtualDocument OfflineWiki Plugin OfflineDirectory getchildren() : Iterator<FacadePath> WikiInstanceDirectory getchildren() : Iterator<FacadePath> Kilian Wischer 10

11 Sequenzdiagramm Alfresco Jlan Framework TriciaDiskDriverP roxy TriciaDiskDriver FacadePath VirtualDirectories Extension startsearch ("/Offline/home-wiki/*") startsearch ("/Offline/home-wiki/*") new AssetSearch Context getfacadepath bypath("/offline/home-wiki") getwikiinstance Directory("home-wiki") new WikiInstance Directory getchildren() Kilian Wischer 11

12 3. Lokaler Lesezugriff Kilian Wischer 12

13 Konzept Kilian Wischer 13

14 Template-System offlinewikipage.htm <html> <head> <title>tricia : $name.value()$</title> $cssreference$ </head> <body> <div id="pagecontent" class="tricia-page-content"> <h1>$name.value()$</h1> $content$ </div> </body> $javascript$ </html> Functions.java public static TemplateSubstitution offlinewikipage(final WikiPage wikipage, final FunctionParameters params) { return new TemplateSubstitution() public void putsubstitutions(template template) { template.put("content", new PrintSubstitution(Escaping.none) { public String print() { if(wikipage.content.get()!= null){ return repairlinks(wikipage.content.get()); else return ""; ); ; Kilian Wischer 14

15 Referenzierung Links auf: Wikiseiten Wikis Ordner Dateien Kilian Wischer 15

16 Referenzierung auf Wikiseite Online: /wikis/{wikiinstanzurlname/{wikipageurlname Offline:../../{wikiInstanzUrlName/pages/{wikiPageUrlName.html private static String repairlinks(string content){ List<TransientLink> links = RichStringProperty.getLinks(content); List<StringInsert> inserts = new ArrayList<StringInsert>(); for (TransientLink link : links) { String newlink = ""; String[] splittedlink = link.url.split("/"); if(splittedlink[1].equals("wikis")){ String wikiurlname = splittedlink[2]; newlink = "../../" + wikiurlname; if (splittedlink.length < 4) { //=> Link on wiki newlink = newlink + "/index.html"; else { // => Link on wikipage String wikipageurlname = splittedlink[3]; newlink = newlink + "/pages/" + wikipageurlname + ".html"; //... inserts.add(link.getinsert(newlink)); return StringInsert.insertAll(inserts, content); Kilian Wischer 16

17 Index-Datei Kilian Wischer 17

18 4. Lokaler Schreibzugriff Kilian Wischer 18

19 Konzept Kilian Wischer 19

20 Konzept Kilian Wischer 20

21 Realisierung Einblenden und Ausblenden von TinyMCE über jquery und CSS => offlinewiki.css, jquery und TinyMce in MetaData -Ordner Speichern über JavaScript (TiddlyWiki): Einlesen der kompletten HTML-Seite Einfügen des Textes aus TinyMCE Schreiben der kompletten HTML-Seite Kilian Wischer 21

22 Code function savenote(){ var input = tinymce.activeeditor.getcontent({ format: 'text' ); var newcontent = createnewhtmlcontent(input); var originalpath = document.location.tostring(); var localpath = getlocalpath(originalpath); savefile(localpath, newcontent); createchangesetfile(input); function createnewhtmlcontent(newcontent){ var originalpath = document.location.tostring(); var localpath = getlocalpath(originalpath); var oldhtmlfile = loadfile(localpath); var indexoflinenote = oldhtmlfile.indexof('<div id="offlinenote">'); var numberofcharacters = oldhtmlfile.indexof('<div id="endofofflinenote">') - oldhtmlfile.indexof('<div id="offlinenote">'); var oldofflinenote = oldhtmlfile.substr(indexoflinenote, numberofcharacters); var newofflinenote = '<div id="offlinenote"><hr id="hr">' + newcontent + '</div>'; var newhtmlfile = oldhtmlfile.replace(oldofflinenote, newofflinenote); return newhtmlfile; Kilian Wischer 22

23 5. Synchronisation Kilian Wischer 23

24 Two-Step-Synchronisation 2 1 lokale Festplatte SMB-Laufwerk Implementierung ist optimiert auf die Programme rsync und DirSync Pro Kilian Wischer 24

25 changeset.json function createchangesetfile(content){ var wikipageid = "$wikipageid$"; var changesetfile = loadfile(getchangesetfilepath()); var changesetstring = ""; var change = { "wikipageid": wikipageid, "content": content ; if (!changesetfile) { var newchangesetjsonarray = new Array(1); newchangesetjsonarray[0] = change; changesetstring = JSON.stringify(newChangesetJsonArray); else { var oldchangesetjsonarray = JSON.parse(changeSetFile); var oldjsonarraylength = jquery(oldchangesetjsonarray).length; var newchangesetjsonarray = new Array(oldJsonArrayLength + 1); for (var i = 0; i < oldjsonarraylength; i++) { newchangesetjsonarray[i] = oldchangesetjsonarray[i]; newchangesetjsonarray[oldjsonarraylength] = change; changesetstring = JSON.stringify(newChangesetJsonArray); savefile(getchangesetfilepath(), changesetstring); [! {"wikipageid":"19y6qlzrlibj9","content":"<p>termin: 15. Oktober 2011</p>", {"wikipageid":"133y2fn1mx2xs","content":"<p>die neue Offline-Funktionalität muss ich ausprobieren</p>", {"wikipageid":"19y6qlzrlibj9","content":"<p><b>termin:</b> 15. Oktober 2011 um 11 Uhr</p>"! ] Kilian Wischer 25

26 Vielen Dank für Ihre Aufmerksamkeit! Kilian Wischer 26

Ähnliche Dokumente

Konzeption und Implementierung einer dateibasierten Lösung zum Offline-Zugriff auf eine Enterprise 2.0 Plattform

FAKULTÄT FÜR INFORMATIK DER TECHNISCHEN UNIVERSITÄT MÜNCHEN Bachelorarbeit in Wirtschaftsinformatik Konzeption und Implementierung einer dateibasierten Lösung zum Offline-Zugriff auf eine Enterprise 2.0