All posts by ziquzou

Before I become a DTer. I am a interactive designer. I used to work on web to create some interactive website or apps. Most of time, I coded on flash Actionscript 3.0 and HTML. Sometimes I did some UX and UI design for web apps. Also, I am interested in digital advertising, which can transmit the value of brand in a more effective way. Now, I am learning PCOMP, which is new to me. PCOMP opens a new door to me, it inspire me to bring physical ideas into my old system.
Mini Workshops

Web + Arduino Workshop

2 Comments

Introduction
Do you want to know how does web work? Do you want to control your physical micro-controller through a web page on your mobile phone or create a different web using experience with your Arduino. Let’s start from here. Firstly, we are going to learn some basic concept about frontend and backend JS. Then we are going to connect our Arduino to a web browser using node.js tool, html and javascript.

Node.js
“Node.js is an open source, cross-platform runtime environment for server-side and networking applications. Node.js applications are written in JavaScript, and can be run within the Node.js runtime on OS X, Microsoft Windows, Linux and FreeBSD. “  – from wikipedia.

NODE CAN DO MUCH MUCH MORE!! We are going to use some powerful modules, which are libraries in node.js, to connect Arduino with web page.

Things We are going to cover:
– basic skill of web and node.js
– connect arduino to web page

Things you need:
– Computer (Mac preferred)
– Download and install Sublime Text (a text editor)
– Arduino Uno
– USB cable for Arduino UNO
– Some jumper wire
– 1 LED
– 1 Button
– 1 Potentiometer
– 1 breadboard

Before we start (We will do this together during the workshop):
1. Download and Install Node.js (http://nodejs.org/)
2. Open terminal: type “node -v” + return. If you get something like “v0.10.20”, it was successful
3. Still in your terminal: type “npm-v” + return. If you get something like “1.3.11”, it was successful.
4. Get your circuit ready (-pic.circuit) and link your arduino to computer.
5. Download code from Github. Repo: https://github.com/Zdaxia/Web-Arduino-Workshop

web-ard

– pic.circuit

 

LET’S START!!!!!

If you can not come to this work shop. Please finish “Before we start” and follow the tutorial on Github.
https://github.com/Zdaxia/Web-Arduino-Workshop

Introductions, Week 1

Hi! I’m Ziqu

2,106 Comments

ZZ

Hey! I’m Ziqu Zou, second year MFA DT. As a UX designer and Web developer, I am interested in every interaction and technologies related to the web. Last year, I learned PCOM in my first year MFA DT, I began to be drawn to the physical world and tried to combine my web skill with physical computing knowledge. I did a lot of internet of things projects last year. I will continually explore on this area this year, too. This semester, I wanna have more knowledge on tangible things to create product level project in the future. Also, I wanna learn basic skill of designing and creating the circuit board.

 

MYO

MYO is a band tracking your body movement by continually tracking your action current of muscle. Users can use MYO to control their devices or playing games by the gesture of their hands and arms. MYO uses Bluetooth to communicate with devices, so you can develop apps or physical objects controlled by MYO.

  • NEST Thermostat

NEST Thermostat is a product connect with your wifi at home to control your AC system. It can control the temperature of your house by the current temperature or by the time. You can also manage your AC system through your phone. Currently, Thermostat opens some APIs for developers, so you can create more interesting apps for Thermostat.