Jump to content


Photo

Android GCS UI


  • Please log in to reply
73 replies to this topic

#21 ligi

ligi

    Core Developer

  • Members
  • PipPipPip
  • 206 posts
  • Country: flag of Germany Germany


Posted 17 September 2011 - 07:46 PM

I have to prefer the later as I do not have Photoshop or eve a OS that runs Photoshop ;-)

#22 grass man

grass man

    We call him: UI God

  • Members
  • PipPipPip
  • 35 posts
  • LocationChicago, IL
  • Country: flag of United States United States


Posted 17 September 2011 - 08:48 PM

Cool, I'll start separating the parts when I get home this evening :)

#23 ligi

ligi

    Core Developer

  • Members
  • PipPipPip
  • 206 posts
  • Country: flag of Germany Germany


Posted 17 September 2011 - 08:51 PM

great!

#24 grass man

grass man

    We call him: UI God

  • Members
  • PipPipPip
  • 35 posts
  • LocationChicago, IL
  • Country: flag of United States United States


Posted 17 September 2011 - 11:01 PM

I loved your initial sketchups. Is the GCS work something that can be pushed to a branch or more sketches?


Maybe not, I have a bit of work to do on the gauges to clean/streamline them. I have been so busy that I
have yet to work on the parts of the look :(

#25 grass man

grass man

    We call him: UI God

  • Members
  • PipPipPip
  • 35 posts
  • LocationChicago, IL
  • Country: flag of United States United States


Posted 17 September 2011 - 11:33 PM

ligi, i've sent a message with all the required files. take a look :)

#26 ligi

ligi

    Core Developer

  • Members
  • PipPipPip
  • 206 posts
  • Country: flag of Germany Germany


Posted 18 September 2011 - 10:56 AM

I am including the footage at the moment looking very good, but requires also some coding/testing.

#27 ligi

ligi

    Core Developer

  • Members
  • PipPipPip
  • 206 posts
  • Country: flag of Germany Germany


Posted 18 September 2011 - 01:58 PM

some first results: the footage is professional work and well thought through - you seem to have experience in that field and so you will know that there are some but's from the coding team now ;-)
The most important thing is in the top - we cannot waste so much space there as this part is planned to be in quasi all screens - and some screens have a very tight real estate screen-wize. Also i want the option for some other gadgets there later so they cannot be that high. We can discus how we style that - the gradient can go and we put a bg-image there also but I cannot use the same bg-image as for the rest - has to be smaller and different ( e.g. brushed metal in the other direction ) or border - hard to describe via writing - but if i use the same it will look wrong - perhaps you know what I mean.
The red "!(" there is very ugly but really useful as it shows the most urgend SystemAlarms error state and you can click on it to directly come to the SystemAlarms Page. I can migrate to nice icons from your hand there too ( states would be uninitialized, ok, warning, error, critical ) - but until then i will not kill this functionality.
Other small minor things:
- the background image - size will not be enough for very big tablets - and I know you gfx-guys do not like "scale to fit" ;-)
- IMHO I cannot use the font that you suggested because I am not sure about the licensing there - but it is not looking too bad - perhaps thats something for the very fine polish
- I have to place the files flat in a path so I did some renaming of files - would be cool if we do such a style:

connstate_active.png     dashboard_con_norm.png     dashboard_out_sel.png
connstate_flow1.png      dashboard_con_sel.png      dashboard_tune_norm.png
connstate_flow2.png      dashboard_curves_norm.png  dashboard_tune_sel.png
connstate_inactive.png   dashboard_curves_sel.png   dashboard_voice_norm.png
dashboard_chan_norm.png  dashboard_metal.png        dashboard_voice_sel.png
dashboard_chan_sel.png   dashboard_out_norm.png

- the MAP and PFD Icons now really look bad in the light of yours - when you could do them too - that would be great!


Posted Image

#28 grass man

grass man

    We call him: UI God

  • Members
  • PipPipPip
  • 35 posts
  • LocationChicago, IL
  • Country: flag of United States United States


Posted 18 September 2011 - 02:26 PM

Aha, I see what you're saying about the top row. I'll make those changes and additions right now.

Edited by grass man, 18 September 2011 - 02:26 PM.


#29 grass man

grass man

    We call him: UI God

  • Members
  • PipPipPip
  • 35 posts
  • LocationChicago, IL
  • Country: flag of United States United States


Posted 18 September 2011 - 03:51 PM

I forgot to ask one major question, are we doing landscape mode as well?

#30 ligi

ligi

    Core Developer

  • Members
  • PipPipPip
  • 206 posts
  • Country: flag of Germany Germany


Posted 18 September 2011 - 03:53 PM

Yea we do at the moment - but we can discus weather we disable it for some screens.
I can ( and do ) switch on/of certain elements depending portrait/landscape. E.g. @ dashboard i switch off the pager-indicator and the labels when in landscape

Edited by ligi, 18 September 2011 - 03:55 PM.


#31 Halves

Halves

    Member

  • Members
  • PipPip
  • 23 posts
  • Country: flag of Portugal Portugal

Posted 18 September 2011 - 08:29 PM

Ligi and Grass Man => WoW!! Really nice work!

#32 Malx

Malx

    Key Member

  • Members
  • PipPipPip
  • 366 posts
  • Country: flag of Sweden Sweden


Posted 18 September 2011 - 08:29 PM

I do not really see the point with the top buttons.
Yes I want to see alarms but only if they are not ok and I want to see connection status in some form.
But not necessarily as buttons.
The rest I can just swipe with that SETUP-FLY-.... meny

#33 ligi

ligi

    Core Developer

  • Members
  • PipPipPip
  • 206 posts
  • Country: flag of Germany Germany


Posted 18 September 2011 - 08:34 PM

yea - but in the field flying on the sticks and have a problem you do not want to swipe - you want a "one button - whats the problem" thing - I really like that bar and find it useful. It is a bit empty at the moment with 3 elements - but that will change with time.

Btw. this is the most recent version we are talking about: https://picasaweb.go...eScreenshots017

Edited by ligi, 18 September 2011 - 08:38 PM.


#34 anatoly

anatoly

    New Member

  • Members
  • Pip
  • 8 posts
  • LocationFalls Church, VA
  • Country: flag of United States United States

Posted 19 September 2011 - 12:14 AM

I just found out about the Android version of the GCS from the thread on RCGroups, and I will be ordering a BT module right away. Did anyone in the US buy a 10-pack of those 4-pin mini JST leads, and have a spare they could send me? My CC board was in the first batch back in May and didn't come with one of the serial wiring harnesses, so I will need one to hook up the BT module.

Anyway, I can also help on the Android development side, just let me know how. I am a long-time C++/Windows developer, but have also been doing Java and Android development for the last year. I have an HTC Droid Incredible, and the first thing I noticed with the GCS UI is that when I click on the Connection button, the font used in the list is way too big on my phone, and the list scrolls off the bottom of the screen for just three items.

#35 ligi

ligi

    Core Developer

  • Members
  • PipPipPip
  • 206 posts
  • Country: flag of Germany Germany


Posted 19 September 2011 - 12:40 AM

Yay another dev - welcome and good luck with the JST! (btw.: anyone knows a good source for them in GER?)
Just jump in - the code is on github/ligi
This "Font size is too big" is very often reported - I had scheduled fixing that to the time when i am in a device lab in berlin - because I have to experiment with values and dimension types on different devices.
I want to get rid of these TextDesertLists anyway - and end users should not see them often at the moment - so this issue was not on top of the list despite the mass of reports. But if you want to fix it now - great! Another demanded entry to start for you as long as you do not have the BT module is a TCP/UDP connector. So you could connect via SIM_POSIX while you wait for the BT. If your strength is c++ as i read on top - perhaps it is the best idea that you compile sim_posix for android via NDK ;-) So much to do - just jump in ..

#36 anatoly

anatoly

    New Member

  • Members
  • Pip
  • 8 posts
  • LocationFalls Church, VA
  • Country: flag of United States United States

Posted 19 September 2011 - 03:58 AM

@ligi, is github up to date? The files under dubwise-uavtalk seem kind of old.

As far as sim_posix, I'm going to have to figure out what that is. :) Something from the main GCS source tree perhaps? I haven't looked at the main project code yet.

#37 naiiawah

naiiawah

    Core Developer

  • Members
  • PipPipPip
  • 309 posts
  • LocationNorthwest USA
  • Country: flag of United States United States


Posted 19 September 2011 - 05:12 AM

First off, WOW!! You guys are doing great work here!

Yay another dev - welcome and good luck with the JST! (btw.: anyone knows a good source for them in GER?)
Just jump in - the code is on github/ligi
This "Font size is too big" is very often reported - I had scheduled fixing that to the time when i am in a device lab in berlin - because I have to experiment with values and dimension types on different devices.


Might I suggest a setup screen off of the menu button to allow the user to select the font size? Then you don't have to go test on a bunch of different platforms, just let the user select the one that works for them. Setup the code to grab the font size as a resource item based on their setting.

I have several Android devices available for testing, most importantly a Acer Iconia Tablet running HoneyComb. Just yell if you have something specific you would like tested. I'm somewhat limited as I don't yet have any running CC board to talk to though, but I'm happy to help in whatever way I can with testing.

#38 naiiawah

naiiawah

    Core Developer

  • Members
  • PipPipPip
  • 309 posts
  • LocationNorthwest USA
  • Country: flag of United States United States


Posted 19 September 2011 - 05:22 AM

As far as sim_posix, I'm going to have to figure out what that is. :) Something from the main GCS source tree perhaps? I haven't looked at the main project code yet.


Yes, part of the main source tree. Look at the help list the main make file will output when you just type make for the "sim_posix" target.

#39 dankers

dankers

    Head Lemon Coordinator

  • Members
  • PipPipPip
  • 11018 posts
  • Country: flag of Australia Australia


Posted 19 September 2011 - 06:41 AM

Yes, part of the main source tree. Look at the help list the main make file will output when you just type make for the "sim_posix" target.


I can give you another suggestion, something I was looking at working on but will not have time: Modelview for Android.

From my research I would suggest Min3d it has 3DS loading and seems nice and lightweight. Much easier than trying for the complex NDK stuff to start with and that is in a state of flux, but of course just an idea.

Download the Main GCS if you have not already and you will see what model view does there.

#40 mnuapel

mnuapel

    Advanced Member

  • Members
  • PipPipPip
  • 137 posts
  • Country: flag of Czech Republic Czech Republic


Posted 19 September 2011 - 11:09 AM

I worked on a mock-up this afternoon. I think the icons could definitely use some work, but could be a nice high contrast style for outdoors. I'll keep going and any critiques would be awesome!



Edit: The top bar contains an icon for connection in the middle; pulses bright blue when in rx/tx.


4 stars from 5. From graphics point of view there are some small misalignments. For example, Connection button contains drawing with sharp edges while Channels use rounded edges. Once it is aligned it will be perfect, hehe :)