Page 1 of 1

Download HTML5 and reference folder to local storage for offline viewing

Posted: Tue Jan 14, 2014 10:48 am
by Tester Pilot

Hi All,

I’ve never made an app before and im just getting to grips with Appery. I am currently developing an elearning website with some interactive presentations made with software called iSpring. I want to make an app so that users can download these presentations for offline viewing within the app (users can select presentations to download from a list). The presentations are HTML5, work in safari browser on iPad, and can be saved as webapps (but will then only work when online).

The presentations are made of a main html page, which references files in a separate folder. The presentations are fair size (50mb including referenced folder). Is there way to construct an app where users can select the presentations to download from a list, download the html file and associated folder to local storage, and then allow users to playback the HTML5 content, and then delete the files from local storage when they are finished with them? How would i go about setting this up?

I know that sounds like a lot for a first app (!) but can it be done with appery? iSpring (the presentation maker software) does have its own app which is able to download the presentations to offline storage and viewing, so it can be done somehow!

Thanks in advance for any help with this?

PS if it helps i can post a sample html5 presentation made with ispring so that you can see the page and folder architecture?


Download HTML5 and reference folder to local storage for offline viewing

Posted: Tue Jan 14, 2014 11:10 am
by Maryna Brodina

Hello! You can download all files to some temporary folder in device memory and open html files from that folder in InAppBrowser. These links should help http://cordova.apache.org/docs/en/3.0...
http://cordova.apache.org/docs/en/3.0...


Download HTML5 and reference folder to local storage for offline viewing

Posted: Wed Jan 15, 2014 1:53 am
by Tester Pilot

Hi,

Thanks very much for the advice. These articles are really useful however im still a little confused about how to practically achieve this in Appery. Do you think you could give me a basic run through of how I would:

  • Make a button in appery to download an HTML5 file, and a folder of supporting files (say located at mysite.com/html5.html and mysite.com/data/)

  • Store these in device memory locally

  • Make a button to appear once the files are downloaded, which will launch HTML5 in the InAppBrowser (and allows it to access /data/ folder beneath)

    I hope that doesn’t sound too silly. I think if I had an idea of how to do these basics then I could build on it.

    Thanks very much in advance for any help


Download HTML5 and reference folder to local storage for offline viewing

Posted: Wed Jan 15, 2014 2:39 am
by maxkatz

I think what you are trying to do is possible, but there is nothing really specific to Appery.io. This functionality has to be coded with JavaScript.