Web UI Suggestions/tasklist

jawillis
Joined: 13 Jul 2012, 10:44

24 Jul 2012, 23:18 #1

I'm lacking direction on how to best proceed with the PitSide web interface... any suggestions regarding layout, features, etc. would be very welcome. My personal vision is of a smartphone/tablet-friendly interface that can be used during the race to analyze the car/driver's performance. So.. what data needs to be available? How would you like to configure what/how data is shown? Does the lap selection form NEED to take up valuable screen real-estate?
Chime in!

-Jason

I'll keep this list fairly updated as new ideas come in and things get completed:
TO-DO list
- Save user settings locally
- Add more options to the settings dialog; graph colors, line widths, dot sizes, etc..
- Resizeable panels
- Auto-download selected data channels
- "Download WFLP file" - maybe we could even save it to their wifilapper folder, then they could use it as their DB in wifilapper.*
- Send message to car*
- A column next next to the Lap selection form showing Lap Delta to the last 5, 10, n laps (selectable)
X Either add support for IE or gracefully fail in IE - DONE

It-would-be-nice list
-Predictive car positions would be cool.
-A 3d representation comparing two laps from the perspective of one of the cars would be cool
-Google maps integration so that the lines got overlaid on a google map would be cool

* = requires PitsideConsole.exe implementation.
Last edited by jawillis on 27 Aug 2012, 02:17, edited 4 times in total.
Reply

WifiLapperDev
Site Admin
Joined: 06 Jun 2012, 12:09

24 Jul 2012, 23:47 #2

You could maybe use two combo boxes instead of the list to represent the lap list, to save a bit of space. People probably aren't going to be comparing more than two laps at once.

We'll need at least one combo box for channel to show (temperatures or lateral Gs instead of velocity, for example)

Not required, but cool and easily-doable features:
-"Download WFLP file" - maybe we could even save it to their wifilapper folder, then they could use it as their DB in wifilapper. I'd just have to add a "getdb" call to the web API. Actually, my meagre html skills could probably do the whole download feature.
-Send message to car (I could just set up a senddata?msg='1234' thing)

Dream features:
-Predictive car positions would be cool.
-A 3d representation comparing two laps from the perspective of one of the cars would be cool
-Google maps integration so that the lines got overlaid on a google map would be cool

That's about all I can think of. But I'm bad at dreaming of crazy features.
Reply

EnduroRacer
Joined: 12 Jul 2012, 15:49

25 Jul 2012, 00:20 #3

This is about as close to perfect as a Data Analysis UI comes:

GEMS Data Analysis:
http://i.imgur.com/krbYH.png

*edit: simplified UI screenshot:
http://i.imgur.com/RCvXZ.png

If you can implement half of those feature and make it look half as good, it will be a great start.

The Layout and Color Theme in GEMS is brilliant. Everything stands out, without it looking cluttered.

You can download it here and play with it:
http://www.gems.co.uk/assets/Media/down ... sSetup.exe

More screenshots:

Lap Report:
http://www.gems.co.uk/assets/Image/Prod ... report.png

Channel Report:
http://www.gems.co.uk/assets/Image/Prod ... report.png
Last edited by EnduroRacer on 25 Jul 2012, 00:42, edited 3 times in total.
Reply

EnduroRacer
Joined: 12 Jul 2012, 15:49

25 Jul 2012, 00:24 #4

WifiLapperDev wrote:People probably aren't going to be comparing more than two laps at once.
I regularly want to compare more than 2 laps. In Enduro racing what I am looking for is consistency. If I overlay 5 successive laps, any anomaly stands out like a sore thumb.

A column next next to the Lap selection form showing Lap Delta to the last 5, 10, n laps (selectable) would be awesome.
Last edited by EnduroRacer on 25 Jul 2012, 02:29, edited 1 time in total.
Reply

jawillis
Joined: 13 Jul 2012, 10:44

25 Jul 2012, 01:06 #5

Awesome responses guys.. Those GEMS screenshots look amazing. I doubt I can get all of that stuff in there, but that's a great benchmark to shoot for!

I'll keep you posted with updates, and keep them coming as you think of 'em.

-Jason
Reply

jawillis
Joined: 13 Jul 2012, 10:44

25 Jul 2012, 01:26 #6

WifiLapperDev wrote: -"Download WFLP file" - maybe we could even save it to their wifilapper folder, then they could use it as their DB in wifilapper. I'd just have to add a "getdb" call to the web API. Actually, my meagre html skills could probably do the whole download feature.
This should be super-easy on the html side - all we need is a getdb?race=id to return a file instead of a text file. The hard part is on your side if you want to trim the db.

-Jason
Reply

EnduroRacer
Joined: 12 Jul 2012, 15:49

02 Aug 2012, 17:20 #7

Got anything new to show?
Reply

WifiLapperDev
Site Admin
Joined: 06 Jun 2012, 12:09

02 Aug 2012, 19:37 #8

I don't know if jawillis wants me to re-post the link, but I got a sneak peak of the in-progress version last night, and it is looking pretty swell. Bigger, prettier, faster, more useful.
Reply

jawillis
Joined: 13 Jul 2012, 10:44

03 Aug 2012, 07:55 #9

I'll have something to show pretty soon. Adding data channels with varying frequencies caused me to have to rethink some of the graphing functions.
I'm sorry to say that I'm not an original thinker when designing a UI.. I'm pretty much copying those GEMS screenshots straight up.

-Jason
Reply

EnduroRacer
Joined: 12 Jul 2012, 15:49

03 Aug 2012, 08:19 #10

jawillis wrote:I'm pretty much copying those GEMS screenshots straight up.
No complaints there. Can't wait to see it.
Reply