Week14. Interface and Application Programming
1. Assignment and Result
About the process, I made new page and made links are below, because the long page makes me confuse.
| GROUP ASSIGNMENT | THE RESULT |
|---|---|
| compare as many tool options as possible | -> Kitakagaya Group Week14 |
| INDIVIDUAL ASSIGNMENT | THE RESULT |
|---|---|
| write an application that interfaces a user with an input &/or output device that you made | Process -> - TRY Blynk - TRY creating UI and UX with HTML, CSS, and JS - TRY Processing in Week11 |
2. HERO VIDEO (The Result)
2-1) TRY Blynk
I control LED (Pin D2) on ESP32 board that I designed by week09 with browser, using Blynk. As a result, I could control LED on/off with Blynk and PC Browser, and smartphone (4G).
2-2) TRY Creating UI and UX with HTML, CSS, and JS
I tried controlled 3 LED on ESP32 Dev Module, through the Browser.
I Tried to change "Web design of LED" and "color LED on" by editing CSS, too.
3. Plan
I plan to challenge to do the following interface and application, as I heard that below methods would be useful for future crafts.
| title | Situation |
|---|---|
| Create UI and UX with HTML, CSS, and JS | control LED with browser, Wifi local network |
| Blynk | control LED by smartphone and PC browser |
4. My thought
- It is the first time to control device with programming through Web page that I made.
- My image was Interface and Application Programming is very difficult, but application Blynk is very easy, and I enjoy it.
- I was surprised that I could create UI and UX with HTML, CSS, and Javascript with ChatGPT(GPT-4). There was small error with compile error, but I could solve it with ChatGPT. It is really amazing. Then, it is good experienced that I could change the web design by editing CSS.