Friday, August 6, 2010

iPhone/ Browser Interface

This article decribes the browser based interface for the download automation. Each video on my DS209 storage, has a corresponding entry in the MySQL database and so it is easy to display the contents of my DS209-box from any connected webbrowser. The interface is written in PHP and consists of several views/pages. I have designed them for using it on my iPhone, so the width is limited to the width of the iPhone.

1. The Status View

when called directly it shows the whole content of the database. By default it sorts for the 'broadcast-date' , newest first. The columns show Title, Duration, Channel, BroadcastDate and the Status. In this picture you can see, that all videos are allready downloaded, except 'Die dreisten Drei', which is waiting to be downloaded. With a click on the video's title the app shows the 'Details View'. 

2. The Details View

The Details View shows all relevant information about a single entry. For about 30% of all videos Bong.TV delivers a picture from the movie. The rest has a default picture with a TV-Logo.  A click
onto the picture opens up the default-player and the video is streamed via http from the DS209. To enable this, i have mounted the bong directly under the 'web'-directory as only the web directory (and subdirectories) is accessible via http (by default apache configuration).

3. The Search View

The Search window allows a search on Title, Description and can select for Time-Ranges, Categories and TV-channels. It simply calls the status-page,and than the search expression via http-post) generates a filtered search in the status view.

The Status Page


The Details View

The Search View

No comments:

Post a Comment