Here you will learn how to connect a pure JS app like TagSpaces to ownCloud over its WebDAV interface. These slides were presented on the #owncloudconf 2014 in Berlin.

1. OWNCLOUD CONF
Connect your Javascript web app to ownCloud over the WebDAV interface
by Ilian Sapundshiev | |
@ilianste ilian@tagspaces.org
in August 2014

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

3. ABOUT ME
Ilian Sapundshiev
▪ studied @ TUM - computer science
▪ worked @ Dassault Systemes and Siemens
▪ now: freelancing and leading TagSpaces
▪ find me on twitter @ilianste or
www.ilian.me
▪ interested in: open web, noBackend and 3d printing

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

5. DEMO

6. SOFTWARE ARCHITECTURE

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

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

9. SOLUTION
Part 1 - integrating with the WebDAV inteface
Part 2 - build a simple ownCloud app for a tighted integration

10. PART 1 - INTEGRATION OVER WEBDAV
JavaScript WebDAV Library
Library name: js-webdav-client
Licensed under LGPL
github.com/sara-nl/js-webdav-client
API reference - http://sara-nl.github.com/js-webdav-client/

11. LIMITATIONS
Due to the CORS limitations ownCloud and
TagSpaces have to be located on the same server

12. CONNECTING TO WEBDAV

13. USING WEBDAV IN JS

14. CONNECTING TAGSPACES TO THE OWNCLOUD
SERVER

15. DEMO - TAGSPACES AS ALTERNATIVE TO
OWNCLOUD'S FILE APP

16. PART 2 -BUILD AN OWNCLOUD APP
Drawback of the previous solution is the login dialog

17. STRUCTURE OF THE APP

18. OWNCLOUD ADMIN

19. TAGSPACES RUNNING ON LOCALHOST

20. AUTOMATICALLY REDIRECTION TO THE APP

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

22. THE END
THANK YOU! QUESTIONS?
Ilian Sapundshiev @ilianste
Powered by Mindslide for Freeplane, using Reveal.js