Display in RGB LED through Webpage by Using Arduino+W5100

details

We would like to share with you about one article in geek-workshop which post by Geek: Display the color in RGB LED through select the color palette in webpage by using arduino+w5100.

For detail, you can refer the following video:

http://v.youku.com/v_show/id_XNjY2NTYyMzQ0.html

The following is the testing procedure:

1. Find a LED with RGB color

P1

 

2. The LED has 3 pins which corresponding RED, BLUE & GREEN respectively. In order to component voltage, add three 560 megohm resistor in three pins.

P2

 

3. Three different color cable respective three colors (RED, BLUE & GREEN). Black color cable is GND.

P3

 

4. Connect arduino + W5100 module

P4

 

5. See the source code pin description for connect the cable respectively.

P5

 

6. Connect LAN cable and Power.

 

7.  Then open the IE browser in PC. Input IP address “192.168.1.178” and press “Enter” button. (This IP address is HTTP server address which set in the arduino source. User can modify it by them.)

P6

8. Then you can see the color palette display in the browser. If you use mouser to click the color in color palette, the LED will display same color which you select in the webpage. Except this method, you also can input the color value in “LED color” column and then click submit, the LED will display the color what you want.

P7

 

Principle:
Through arduino + W5100 module with web server, send the webpage source code to IE explore. If click the color of color palette, using POST to send the color code to Arduino board. Then Arduino will analysis the code and transfer it as PWM value and send to the pin.

Go to original post (Chinese)

We would like to share with you about one article in geek-workshop which post by Geek: Display the color in RGB LED through select the color palette in webpage by using arduino+w5100.

For detail, you can refer the following video:

http://v.youku.com/v_show/id_XNjY2NTYyMzQ0.html

The following is the testing procedure:

1. Find a LED with RGB color

P1

 

2. The LED has 3 pins which corresponding RED, BLUE & GREEN respectively. In order to component voltage, add three 560 megohm resistor in three pins.

P2

 

3. Three different color cable respective three colors (RED, BLUE & GREEN). Black color cable is GND.

P3

 

4. Connect arduino + W5100 module

P4

 

5. See the source code pin description for connect the cable respectively.

P5

 

6. Connect LAN cable and Power.

 

7.  Then open the IE browser in PC. Input IP address “192.168.1.178” and press “Enter” button. (This IP address is HTTP server address which set in the arduino source. User can modify it by them.)

P6

8. Then you can see the color palette display in the browser. If you use mouser to click the color in color palette, the LED will display same color which you select in the webpage. Except this method, you also can input the color value in “LED color” column and then click submit, the LED will display the color what you want.

P7

 

Principle:
Through arduino + W5100 module with web server, send the webpage source code to IE explore. If click the color of color palette, using POST to send the color code to Arduino board. Then Arduino will analysis the code and transfer it as PWM value and send to the pin.

Go to original post (Chinese)

COMMENTS

Please Login to comment
  Subscribe  
Notify of