Design-Renewal.md

🎨 Design-Renewal

Table of contents

• 🎨 Design-Renewal
  • Before
  • After
    • What data is transmitted?
    • First, let's make the design!

---

Before

After

What data is transmitted?

- About direction 🔽
  - steering
    - float
      - -1 ~ 1
  - throttle
    - float
      - -100 ~ 100
  - indicator
    - int
      - 0: nothign
      - 1: left
      - 2: right
      - 3: warning light

- About battery 🔋
  - battery_voltage
    - float
    - V
  - battery_consumption
    - float
    - W
  - battery_current
    - float
    - mA
  - battery_level
    - float
    - %
  - battery_hour
    - float
    - hour

- About speed 🚤
  - speed
    - unsigned short
    - m/min
  - rpm
    - unsigned short

- etc
  - ip_address
    - string
  - time
    - string
    - hh:mm

First, let's make the design!

link to figma

• Components
  • Top Navbar
    • MacOS-like decorations (no functions yet)
    • Time
  • Left part
    • RPM circular
  • Center part
    • Speed circular
  • Right part
    • Power consumption circular
    • Battery Information box