Week 1: Device Setup

Welcome

This guide gets you from unboxing to a working project in UIFlow 2.0. Follow each step in order.

Weeks 1–2 are orientation — not your main project

Everyone does the same hardware exercise regardless of background. It builds a shared foundation. From Week 3, your team chooses its own project — mobile app, web platform, AI tool, game, or anything else.

The course uses two different M5Stack devices this semester. Your team will receive either an M5StickC Plus or an M5StickS3. The setup process is completely different — use only the guide for your device.

Having issues?

Jump to Troubleshooting at any time.

---

What to Bring (4-hour Session)

Every team member needs their own laptop and equipment

Sharing a single laptop between team members will slow everyone down.

Item	Why Needed	Notes
Laptop	UIFlow 2.0 runs in your browser	Windows, Mac, or Linux. Tablets/phones will NOT work
Chrome or Edge browser	UIFlow 2.0 requires Web Serial API	Safari and Firefox do NOT work. Download Chrome
USB data cable	Connect device to your computer	Must be a DATA cable, not charge-only. Quick test: can you transfer photos with it?
Laptop charger	Sessions are 4 hours long	Most batteries won’t last the full session

💡 About 50% of connection issues come from wrong cables

Charge-only cables look identical to data cables but cannot transfer data. If your device is not detected, try a different cable first.

---

Step 1: UIFlow 2.0 Account

One account per team. One person creates it and shares the login with all teammates.

/ completed — progress saved in your browser

---

Step 2: Select Your Device

Ask your TA if you are not sure which device your team has.

M5StickC Plus

Connects over USB

3 setup steps — driver, firmware, connect

Start setup →

M5StickS3

Connects over USB

Plug in and go — no burning needed

Start setup →

Not sure which device you have?

The StickC Plus is orange. The StickS3 is grey with a blue button. Ask your TA if you cannot tell.

---

Help Others Culture

Got your device working? Help others! This earns recognition in your assessment.

1. Solved your setup issue? Great!
2. Look around — who else is struggling?
3. Help your teammates first, then help other teams
4. After helping, report to TA: “I helped [Name] from [Team]”

ℹ️ In your video demo

You can mention helping other teams — but only if you reported it to the TA first for verification.