OWNCLOUD CONFConnect your Javascript web app to ownCloud over the WebDAV interface

by Ilian Sapundshiev | |

in August 2014

@ilianste ilian@tagspaces.org

AGENDA▪ Short TagSpaces Introduction + Demo▪ Integrating a JS app over WebDAV▪ Building a small ownCloud app for wrapping ot the JS app

ABOUT MEIlian Sapundshiev▪ studied @ TUM - computer science▪ worked @ Dassault Systemes and Siemens▪ now: freelancing and leading TagSpaces▪ find me on twitter or

▪ interested in: open web, noBackend and 3d printing

@ilianste www.ilian.me

WHAT IS TAGSPACES ?▪ open and extensible platform for management of digitalartefacts▪ letting you organize, tag, browse and find your local files, photosand documents on "every" platforms.▪ project initiated 2013 in Munich under the AGPL license▪ build with HTML5, Javascript, Cordova, Node-Webkit and manyother great libs▪ currently searching for contributors and investors▪ , , tagspaces.org github.com/uggrock/tagspaces @tagspaces

DEMO

SOFTWARE ARCHITECTURE

CHALLENGE▪ TagSpaces is an offline application, completely backendless▪ But many users wanted to use it on the Internet▪ I needed a server version of TagSpaces

SOLUTION - BASED ON OWNCLOUDWhy ownCloud?▪ open source▪ easy to extend▪ supporting "open" standards like WebDav, CalDav, ...

SOLUTIONPart 1 - integrating with the WebDAV intefacePart 2 - build a simple ownCloud app for a tighted integration

PART 1 - INTEGRATION OVER WEBDAVJavaScript WebDAV LibraryLibrary name: js-webdav-clientLicensed under LGPLgithub.com/sara-nl/js-webdav-clientAPI reference - http://sara-nl.github.com/js-webdav-client/

LIMITATIONSDue to the CORS limitations ownCloud andTagSpaces have to be located on the same server

CONNECTING TO WEBDAV

USING WEBDAV IN JS

CONNECTING TAGSPACES TO THE OWNCLOUDSERVER

DEMO - TAGSPACES AS ALTERNATIVE TOOWNCLOUD'S FILE APP

PART 2 -BUILD AN OWNCLOUD APPDrawback of the previous solution is the login dialog

STRUCTURE OF THE APP

OWNCLOUD ADMIN

TAGSPACES RUNNING ON LOCALHOST

AUTOMATICALLY REDIRECTION TO THE APP

POSSIBLE NEXT STEPS▪ integrating the ownCloud search▪ adding links to setting and logout buttons▪ integrating contacts or calendar▪ ...

THE ENDTHANK YOU! QUESTIONS?

Ilian Sapundshiev @ilianstePowered by for , using Mindslide Freeplane Reveal.js