Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ptr-cs/vehicledashconcept

Concept user interface (UI) for a vehicle dashboard. The UI was implemented with C# using Windows Presentation Foundation (WPF).
https://github.com/ptr-cs/vehicledashconcept

application concept csharp dashboard desktop experience foundation interface mvvm presentation prototype ui user ux vehicle windows

Last synced: 10 days ago
JSON representation

Concept user interface (UI) for a vehicle dashboard. The UI was implemented with C# using Windows Presentation Foundation (WPF).

Host: GitHub
URL: https://github.com/ptr-cs/vehicledashconcept
Owner: ptr-cs
License: mit
Created: 2022-08-24T23:36:14.000Z (over 2 years ago)
Default Branch: master
Last Pushed: 2022-08-26T04:40:24.000Z (over 2 years ago)
Last Synced: 2024-11-20T11:53:44.574Z (2 months ago)
Topics: application, concept, csharp, dashboard, desktop, experience, foundation, interface, mvvm, presentation, prototype, ui, user, ux, vehicle, windows
Language: C#
Homepage: http://dividebyzeno.com/vehicle-dashboard-concept.html
Size: 13.9 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# VehicleDashConcept
Concept user interface (UI) for a vehicle dashboard. The UI was implemented with C# using Windows Presentation Foundation (WPF).

![Vehicle Dashboard Concept Overview](/media/vehicle_dash_concept_overview.gif "Vehicle Dashboard Concept Overview")

This portfolio project is a concept user interface for a vehicle dashboard / infotainment display along with a set of test tools that could be useful during Human-Systems Integration (HSI) tests. The dashboard has five main pages: Home, Driver, Navigation, Media, and Phone. Each page has a touch-friendly layout that also accommodates mouse input. The goals of this project were:

- to create a realistic UI with interactive controls and
- to test the controls via simulated data.
The end result is a neat concept UI that is fun to play with (at least I think it is 👍) and test changes in state. It would also not be that difficult to inject real data and services into the UI, since the mock-up business logic is loose-coupled to the UI.

For a more detailed explanation of the code, [a blog post about the project is available here](http://www.dividebyzeno.com/vehicle-dashboard-concept.html).

# Features

- Rapid prototype UI/UX desktop application for hardware proof-of-concept
- Model-View-ViewModel (M-V-VM / MVVM) design pattern
- Custom WPF UserControls
- Navigation implemented using the System.Windows.Navigation API and Frame control
- XAML-structured UI with data bindings
- Test tools to demonstrate and automate UI functionality

# Setup / Running
The project includes a Visual Studio solution file (.sln). Opening the solution file within Visual Studio should allow the project to be built and run.

# Screenshots
## Home Page
![Vehicle Dashboard Concept - Home](/media/vehicle_dash_concept_home.jpg "Vehicle Dashboard Concept - Home")
## Driver Page
![Vehicle Dashboard Concept - Driver](/media/vehicle_dash_concept_driver.JPG "Vehicle Dashboard Concept - Driver")
## Navigation Page
![Vehicle Dashboard Concept - Navigation](/media/vehicle_dash_concept_navigation.JPG "Vehicle Dashboard Concept - Navigation")
## Weather Page
![Vehicle Dashboard Concept - Weather](/media/vehicle_dash_concept_weather.JPG "Vehicle Dashboard Concept - Weather")
## Media Page
![Vehicle Dashboard Concept - Media](/media/vehicle_dash_concept_media.JPG "Vehicle Dashboard Concept - Media")
## Phone Page
![Vehicle Dashboard Concept - Phone](/media/vehicle_dash_concept_phone.JPG "Vehicle Dashboard Concept - Phone")
## Test Tools Page
![Vehicle Dashboard Concept - Test](/media/vehicle_dash_concept_test.JPG "Vehicle Dashboard Concept - Test")