Reply to thread

Message

Hi guys,

here are some more screens from the app (can you guess the name? ). I worked a lot on the api access and a bit on actual ui, but keep in mind that all ui is just testing/proof of concept.

[ATTACH]73922[/ATTACH] [ATTACH]73930[/ATTACH] [ATTACH]73921[/ATTACH]

The Backend
The app will get it's data from
- Tv4Home wcf webservice (for tv)
- Gma webservice (for media access -> Videos/Pictures/Musice/Series/Movies)
- ? for client control (Currently I'm using a modified version of WifiRemote (also tried the ipimp plugin), although I'm not sure how to continue here)

The "vision" is that you have an installer that installs these 3 services along with an app that runs on startup and can a) start/stop/configure services and b) start mediaportal from the remote if not running.

Frontend
You can see from the screens how I want the app to look in principle, although I'm not really happy with the gfx (any graphics designer wanting to help?). I would like to use the new design patterns that got introduced for android in the Google I/O 2010 (see YouTube - Google I/O 2010 - Android UI design patterns), specially the dashboard and quickaction bar:

[ATTACH]73928[/ATTACH]

I originally planned the following keys for the bottombar (quick-remote): playlist/back/pause/next/home. I already replaced playlist with volume (control the client volume) and will replace the home with remote (will bring you to the remote screen). I'm not sure which buttons should be used for the 3 middle buttons (I think pause is very important, prev/next not so much though. Any suggestions are very welcome.

Client Remote
[ATTACH]73923[/ATTACH] [ATTACH]73924[/ATTACH]

For testing the remote capabilities I just used a very simple remote with arrows/ok/back/info. Also the gfx have to get replaced (again, any designer raising the hand? ) but in general I would like to have such a remote (keep it simple) with a few more buttons as well as a more sophisticated remote for those who like lots of buttons. Kind of apple remote vs. mce remote...

Media Access

[ATTACH]73926[/ATTACH] [ATTACH]73929[/ATTACH] [ATTACH]73927[/ATTACH]

Again these screen are just for testing out the underlying api/listcontroller functions, not really how I imagine the ui to look in the end. I'm not sure about the tabs, they take away a lot of the screen and tbh they just look fugly on android (not to mention they crash the ui designer ^^). I was thinking about something like YouTube - Google I/O 2010 - Android UI design patterns. Besides that multiple views would be a goal for the future (posterview, coverflow, list, banner-view, etc.).

TV Server
As mentioned I'm using the Tv4Home for accessing the tv server (thx @ mike lowrey and the rest of the tv4home team). While the api part (communicating with the webservice) has been mostly done, the ui part only consists of a listview to test the functionality of the api.

[ATTACH]73931[/ATTACH] [ATTACH]73932[/ATTACH]

This is actually the part that is most interesting for me, so I will most likely start with this. Before that I would like to get some input though (what would be most important, epg, manual control, scheduling, etc.). I know the holy grail is live-streaming but android can't stream the tv server rtsp stream (I tried ) so I have to wait until transcoding becomes available.

<blockquote data-quote="DieBagger" data-source="post: 693808" data-attributes="member: 56421">Hi guys,here are some more screens from the app (can you guess the name? <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite2" alt=";)" title="Wink&nbsp; &nbsp; ;)" loading="lazy" data-shortname=";)" />). I worked a lot on the api access and a bit on actual ui, but keep in mind that all ui is just testing/proof of concept.[ATTACH]73922[/ATTACH]&nbsp; [ATTACH]73930[/ATTACH]&nbsp; [ATTACH]73921[/ATTACH]The BackendThe app will get it's data from- Tv4Home wcf webservice (for tv)- Gma webservice (for media access -&gt; Videos/Pictures/Musice/Series/Movies)- ? for client control (Currently I'm using a modified version of WifiRemote (also tried the ipimp plugin), although I'm not sure how to continue here)The &quot;vision&quot; is that you have an installer that installs these 3 services along with an app that runs on startup and can a) start/stop/configure services and b) start mediaportal from the remote if not running. FrontendYou can see from the screens how I want the app to look in principle, although I'm not really happy with the gfx (any graphics designer wanting to help?). I would like to use the new design patterns that got introduced for android in the Google I/O 2010 (see <a href="http://www.youtube.com/watch?v=M1ZBjlCRfz0" target="_blank">YouTube - Google I/O 2010 - Android UI design patterns</a>), specially the dashboard and quickaction bar:[ATTACH]73928[/ATTACH]I originally planned the following keys for the bottombar (quick-remote): playlist/back/pause/next/home. I already replaced playlist with volume (control the client volume) and will replace the home with remote (will bring you to the remote screen). I'm not sure which buttons should be used for the 3 middle buttons (I think pause is very important, prev/next not so much though. Any suggestions are very welcome.Client Remote[ATTACH]73923[/ATTACH]&nbsp; [ATTACH]73924[/ATTACH]For testing the remote capabilities I just used a very simple remote with arrows/ok/back/info. Also the gfx have to get replaced (again, any designer raising the hand? <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite2" alt=";)" title="Wink&nbsp; &nbsp; ;)" loading="lazy" data-shortname=";)" />) but in general I would like to have such a remote (keep it simple) with a few more buttons as well as a more sophisticated remote for those who like lots of buttons. Kind of apple remote vs. mce remote... <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite2" alt=";)" title="Wink&nbsp; &nbsp; ;)" loading="lazy" data-shortname=";)" />Media Access[ATTACH]73926[/ATTACH]&nbsp; [ATTACH]73929[/ATTACH]&nbsp; [ATTACH]73927[/ATTACH]Again these screen are just for testing out the underlying api/listcontroller functions, not really how I imagine the ui to look in the end. I'm not sure about the tabs, they take away a lot of the screen and tbh they just look fugly on android (not to mention they crash the ui designer ^^). I was thinking about something like <a href="http://www.youtube.com/watch?v=M1ZBjlCRfz0#t=40m0s" target="_blank">YouTube - Google I/O 2010 - Android UI design patterns</a>. Besides that multiple views would be a goal for the future (posterview, coverflow, list, banner-view, etc.).TV ServerAs mentioned I'm using the Tv4Home for accessing the tv server (thx @ mike lowrey and the rest of the tv4home team). While the api part (communicating with the webservice) has been mostly done, the ui part only consists of a listview to test the functionality of the api.[ATTACH]73931[/ATTACH]&nbsp; [ATTACH]73932[/ATTACH]This is actually the part that is most interesting for me, so I will most likely start with this. Before that I would like to get some input though (what would be most important, epg, manual control, scheduling, etc.). I know the holy grail is live-streaming but android can't stream the tv server rtsp stream (I tried <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" />) so I have to wait until transcoding becomes available.</blockquote>

[QUOTE="DieBagger, post: 693808, member: 56421"] Hi guys, here are some more screens from the app (can you guess the name? ;)). I worked a lot on the api access and a bit on actual ui, but keep in mind that all ui is just testing/proof of concept. [ATTACH]73922.vB[/ATTACH] [ATTACH]73930.vB[/ATTACH] [ATTACH]73921.vB[/ATTACH] [B]The Backend[/B] The app will get it's data from - Tv4Home wcf webservice (for tv) - Gma webservice (for media access -> Videos/Pictures/Musice/Series/Movies) - ? for client control (Currently I'm using a modified version of WifiRemote (also tried the ipimp plugin), although I'm not sure how to continue here) The "vision" is that you have an installer that installs these 3 services along with an app that runs on startup and can a) start/stop/configure services and b) start mediaportal from the remote if not running. [SIZE="4"][B]Frontend[/B][/SIZE] You can see from the screens how I want the app to look in principle, although I'm not really happy with the gfx (any graphics designer wanting to help?). I would like to use the new design patterns that got introduced for android in the Google I/O 2010 (see [url=http://www.youtube.com/watch?v=M1ZBjlCRfz0]YouTube - Google I/O 2010 - Android UI design patterns[/url]), specially the dashboard and quickaction bar: [ATTACH]73928.vB[/ATTACH] I originally planned the following keys for the bottombar (quick-remote): playlist/back/pause/next/home. I already replaced playlist with volume (control the client volume) and will replace the home with remote (will bring you to the remote screen). I'm not sure which buttons should be used for the 3 middle buttons (I think pause is very important, prev/next not so much though. Any suggestions are very welcome. [SIZE="3"][B]Client Remote[/B][/SIZE] [ATTACH]73923.vB[/ATTACH] [ATTACH]73924.vB[/ATTACH] For testing the remote capabilities I just used a very simple remote with arrows/ok/back/info. Also the gfx have to get replaced (again, any designer raising the hand? ;)) but in general I would like to have such a remote (keep it simple) with a few more buttons as well as a more sophisticated remote for those who like lots of buttons. Kind of apple remote vs. mce remote... ;) [SIZE="3"][B]Media Access[/B][/SIZE] [ATTACH]73926.vB[/ATTACH] [ATTACH]73929.vB[/ATTACH] [ATTACH]73927.vB[/ATTACH] Again these screen are just for testing out the underlying api/listcontroller functions, not really how I imagine the ui to look in the end. I'm not sure about the tabs, they take away a lot of the screen and tbh they just look fugly on android (not to mention they crash the ui designer ^^). I was thinking about something like [url=http://www.youtube.com/watch?v=M1ZBjlCRfz0#t=40m0s]YouTube - Google I/O 2010 - Android UI design patterns[/url]. Besides that multiple views would be a goal for the future (posterview, coverflow, list, banner-view, etc.). [SIZE="3"][B]TV Server[/B][/SIZE] As mentioned I'm using the Tv4Home for accessing the tv server (thx @ mike lowrey and the rest of the tv4home team). While the api part (communicating with the webservice) has been mostly done, the ui part only consists of a listview to test the functionality of the api. [ATTACH]73931.vB[/ATTACH] [ATTACH]73932.vB[/ATTACH] This is actually the part that is most interesting for me, so I will most likely start with this. Before that I would like to get some input though (what would be most important, epg, manual control, scheduling, etc.). I know the holy grail is live-streaming but android can't stream the tv server rtsp stream (I tried :)) so I have to wait until transcoding becomes available. [/QUOTE]