Interface and UI design

For this week assignment, I used MIT app inventor to design an light color control interface on Android platform.
App inventor is a very good android development platform for beginners. I can say that any aldult can develop an andoid application within half an hour. But this time in my case is a bit difficult as I am using an Andoid phone to control multiple color LED via Bluetooth communication.

1. Hardware setup

This time I use an Arduino Uno to connect an 3-color LED and one Bluetooth model--- HC-05.
HC-05 connects to serial port on Uno by Rx, TX pins. And 3 control pins (R, G, and B) connect to Arduino 9, 10, and 11 which can generate PWM to adjust the brightness from each color.

2. App inventor programming

It is easy to use, but it did cost a certain time to configurate Bluetooth sender from app inventor.
To design the interface:
Logic design to achieve that obtain independent colors from 3 color bars. And generate the mixed color then send the RGB code to arduino.

Show time

When the 'GO' button been pushed, the color code will be sent out. And from Arduino side, the color changed...

Files download

Arduino project
App inventor exported project

---

---

---

---

---

---

---

---

---

---

---