HMI & Dashboard Design

Skill id

gui.hmi

Area

Systems & Applications

Group

Embedded GUI

Roadmap importance

No roadmap colour (added by TESA)

Origin

Added by TESA

Status in the lesson library

Assessed by a lesson

See it on the skill roadmap

Lessons that develop this skill

Lesson	Course	Develops to
The touch screen and your first widgets	AIoT in Action: From Touch Screen to IoT Platform (MicroPython)	L1 Aware
The event loop: touch the screen, light the real LED	AIoT in Action: From Touch Screen to IoT Platform (MicroPython)	L1 Aware
Hands-on: your touch control panel and the next widgets	AIoT in Action: From Touch Screen to IoT Platform (MicroPython)	L2 Guided
Filtering: EMA vs Median, then the gauge code	AIoT in Action: From Touch Screen to IoT Platform (MicroPython)	L2 Guided
Hands-on: the potentiometer gauge and touch slider	AIoT in Action: From Touch Screen to IoT Platform (MicroPython)	L2 Guided
Gyro, the complementary filter and the level code	AIoT in Action: From Touch Screen to IoT Platform (MicroPython)	L2 Guided
Hands-on: the digital level	AIoT in Action: From Touch Screen to IoT Platform (MicroPython)	L2 Guided
ui.Chart: multi-series plots and the real loop period	AIoT in Action: From Touch Screen to IoT Platform (MicroPython)	L2 Guided
HMI design: cards, visual order, colour and the widget budget	AIoT in Action: From Touch Screen to IoT Platform (MicroPython)	L2 Guided
Building the dashboard: four cards in one loop	AIoT in Action: From Touch Screen to IoT Platform (MicroPython)	L2 Guided
Hands-on: the mini-HMI dashboard and the 10-minute soak test	AIoT in Action: From Touch Screen to IoT Platform (MicroPython)	L2 Guided
The starter: Sense, Decide, Show, Send	AIoT in Action: From Touch Screen to IoT Platform (MicroPython)	L2 Guided
Build and present your AIoT mini-product	AIoT in Action: From Touch Screen to IoT Platform (MicroPython)	L2 Guided
Text input with a textarea and keyboard	TESAIoT Firmware Stack: C Firmware on the TESAIoT Dev Kit	L2 Guided
Navigation shell: menu bar, pages and page routing	TESAIoT Firmware Stack: C Firmware on the TESAIoT Dev Kit	L2 Guided
Wi-Fi scan and a network list	TESAIoT Firmware Stack: C Firmware on the TESAIoT Dev Kit	L2 Guided
Store the Wi-Fi profile in non-volatile memory	TESAIoT Firmware Stack: C Firmware on the TESAIoT Dev Kit	L2 Guided
Six-axis motion from the BMI270	TESAIoT Firmware Stack: C Firmware on the TESAIoT Dev Kit	L2 Guided
Humidity and temperature indicator from the SHT4x	TESAIoT Firmware Stack: C Firmware on the TESAIoT Dev Kit	L2 Guided
Motion radar: movement direction in polar form	TESAIoT Firmware Stack: C Firmware on the TESAIoT Dev Kit	L3 Independent
Stereo PDM microphone and a level meter	TESAIoT Firmware Stack: C Firmware on the TESAIoT Dev Kit	L2 Guided
SensorHub: one dashboard for every sensor (series project)	TESAIoT Firmware Stack: C Firmware on the TESAIoT Dev Kit	L3 Independent
Base-board buttons and a menu without touch	TESAIoT Firmware Stack: C Firmware on the TESAIoT Dev Kit	L2 Guided
Analog voltages with the 12-bit SAR ADC	TESAIoT Firmware Stack: C Firmware on the TESAIoT Dev Kit	L2 Guided
CAN bus at 500 kbps: heartbeat out, frames in	TESAIoT Firmware Stack: C Firmware on the TESAIoT Dev Kit	L2 Guided
From raw numbers to physical quantities: tilt, energy, altitude and dBFS	Edge AI Developer: From Sensor to On-Device Model	L1 Aware
Hands-on: four physics gauges on screen	Edge AI Developer: From Sensor to On-Device Model	L2 Guided
Hands-on: a rule-based comfort classifier	Edge AI Developer: From Sensor to On-Device Model	L2 Guided
Hands-on: a live spectrum from the IMU	Edge AI Developer: From Sensor to On-Device Model	L1 Aware
Six models and the edge_ai API: an app focused on one model	Edge AI Developer: From Sensor to On-Device Model	L2 Guided
Hands-on: your own focused app	Edge AI Developer: From Sensor to On-Device Model	L2 Guided

Lessons that assess this skill

Lesson	Level	Evidence
Hands-on: the digital level	L2 Guided	practice/s06_digital_level.py
Hands-on: the mini-HMI dashboard and the 10-minute soak test	L2 Guided	practice/s08_dashboard.py
Build and present your AIoT mini-product	L2 Guided	practice/s12_capstone_starter.py
SensorHub: one dashboard for every sensor (series project)	L3 Independent	วิดีโอแดชบอร์ดบนบอร์ดจริง 1 นาที พร้อมคำอธิบายการออกแบบ

Roles that use this skill

No role profile names this skill yet

Proficiency levels

• L1 Aware · Bloom: remember/understand
• L2 Guided · Bloom: apply (scaffolded)
• L3 Independent · Bloom: apply/analyse
• L4 Professional · Bloom: analyse/evaluate
• L5 Design & Lead · Bloom: evaluate/create

For Open Badges 3.0 and CASE alignment

UUID: 376d395b-276d-5a8a-874c-c9d6baeb4ba5

{
  "type": [
    "Alignment"
  ],
  "targetName": "HMI & Dashboard Design",
  "targetUrl": "https://tesaiot.github.io/tesa-qualification-program/skills/gui.hmi/",
  "targetCode": "gui.hmi",
  "targetFramework": "TESA Embedded Systems Skill Map 0.1.0",
  "targetType": "CFItem"
}

Skill map data is licensed CC BY-SA 4.0, adapted from the Embedded Systems Engineering Roadmap by Meysam Parvizi