CHANNEL

A IOT/AR Project
Group Project

My Role: IOT/AR

Duration:
4 mouths

Tools:
AE/AI
3D Print

What is
CHANNEL

Channel is a IOT project for showing the real-time information what you want to expolor the city you like. My job was used Illustrator.and After Effect to design the interfaces help my team to implement it.

01

Inspiration

1.1 Simcity

Simcity is a PC game that has a clear user interface that can let people finding what they need amidst a potentially complex array of options easy even at the most hectic of times. People can build their cities in the game.

simcity

02

Summary

Channel is our IoT class final project. Our project can show the San Francisco information to help visitors familiar with the city. I’ve been working with 3 classmates to develop the IoT project in class. I collaborated with team members to explore and design single wireframe and Created animation by using After Effects and applied to Arduino UNO to show the facilities, population, and transportation.

2.3 Main Functions
house 03
Facilities
train 02
Transportation
people 04
Population

03

Wireframe and Tools

Launch board
Size:22*16 inch

Tools
ESP32
Canvas
3D Printer

Software MQTT
Maptastic JS
Illustrator
AffterEffect
Arduino

2

3D Print model

3d
3D.jpeg

03

Design Process

1. First version of interface
5
Graphic%20design
2. Animate

05

IA MAP

4

06

What You Can See On

6.1 Facilities
6.2 Population
6.1 Transportation

08

Final Project

8.1 Overview
final_video_test
8.2 Prototype
finaldesign
8.3 Video

09

UI Design

Channel_UI_final

11

Reference List

https://i.pinimg.com/originals/c3/9d/2d/c39d2d736a15e7f452cc29606e51ac72.jpg