Pages: [1]   Go Down
Author Topic: Plug 'n Play Webfirmata: Control your Arduino without any programming  (Read 1787 times)
0 Members and 1 Guest are viewing this topic.
Offline Offline
Newbie
*
Karma: 0
Posts: 29
View Profile
 Bigger Bigger  Smaller Smaller  Reset Reset

Before reading, click on the screenshot below ..........

I have developed a GUI to control Arduino from Google Chrome browser using websockets and a socket-to-serial proxy that you need to install into your PC. The LabScript Proxy interface between the Arduino UNO and the Google Chrome Browser

Testbench:
- PC connected to Arduino UNO using usb
- Tested on Windows XP and Ubuntu 11.10
- Web Browser: Google Chrome 14+

How does it work:
- First of all, From your Arduino IDE, upload StandardFirmata sketch into your Arduino

For Windows:
1) Download LabScriptProxySetup.exe from : https://sourceforge.net/projects/labscript/files/
2) Download text file -- WebfirmataAnalogpin.tx into your desired directory
3) Install the LabScript Proxy in your PC
4) Launch LabScript Proxy, a browser should open with URL: http://sguiversion1.appspot.com/WelcomeWindow
Note: this application only work with Google Chrome 14+
5) On the webpage: http://sguiversion1.appspot.com/WelcomeWindow, Press "Choose File", Select "WebfirmataAnalogpin.tx" that you downloaded earlier
6) Press 'Execute', a new URL will appear : http://sguiversion1.appspot.com/LabScript
7) on the webpage, Press 'Network' button, Press 'Arduino' and enter your COM Port
smiley-cool Press 'Connect'. Now you are in control of your Arduino
9) if you need support please go to: http://www.facebook.com/pages/Byrsa-Systems-Inc/188621761190483

For Ubuntu:
1) Download LabScriptProxy.tar.gz from : https://sourceforge.net/projects/labscript/files/
2) Follow the instructions on the readme file to install
4) Launch LabScript Proxy, a browser should open with URL: http://sguiversion1.appspot.com/WelcomeWindow
Note: this application only work with Google Chrome 14+
5) On the webpage: http://sguiversion1.appspot.com/WelcomeWindow, Press "Choose File", Select "WebfirmataAnalogpin.tx" that you downloaded earlier
6) Press 'Execute', a new URL will appear : http://sguiversion1.appspot.com/LabScript
7) on the webpage, Press 'Network' button, Press 'Arduino' and enter your COM Port
smiley-cool Press 'Connect'. Now you are in control of your Arduino
9) if you need support please go to: http://www.facebook.com/pages/Byrsa-Systems-Inc/188621761190483


What does the GUI do?

- Set Pin Mode
- Set Digital Pin High/Low
- Set PWM
- Enable Analog Pin Reading


* WebfirmataAnalogpin.txt (144.59 KB - downloaded 26 times.)

* AnalogPin.JPG (117.61 KB, 1280x800 - viewed 49 times.)
« Last Edit: April 06, 2012, 06:18:51 pm by byrsa » Logged

Seattle, WA USA
Offline Offline
Brattain Member
*****
Karma: 601
Posts: 48543
Seattle, WA USA
View Profile
 Bigger Bigger  Smaller Smaller  Reset Reset

I like the step between 7 and 9.
Logged

Gosport, UK
Offline Offline
Faraday Member
**
Karma: 21
Posts: 3113
View Profile
 Bigger Bigger  Smaller Smaller  Reset Reset

Two problems, from my point of view. Doesn't work on OS X, and would need me to install another browser and some proxy thing on Ubuntu.
Logged

Offline Offline
Newbie
*
Karma: 0
Posts: 29
View Profile
 Bigger Bigger  Smaller Smaller  Reset Reset

1) OS X ??? I never said it will work on OS X. It works on Windows and Ubuntu.
2) The proxy is to interface to your Arduino through serial port. browser uses websockets so you need the websocke 2 serial port
3) This application only works with Google Chrome 14+ as mentionned above
Logged

Gosport, UK
Offline Offline
Faraday Member
**
Karma: 21
Posts: 3113
View Profile
 Bigger Bigger  Smaller Smaller  Reset Reset

I know you didn't say it would work on OS X, but that is my primary platform. I do also occasionally use Ubuntu (and other *nixes, and, if forced, Windows), but I don't use Chrome. So, as I said, it's not of use to me.
Logged

Offline Offline
Newbie
*
Karma: 0
Posts: 29
View Profile
 Bigger Bigger  Smaller Smaller  Reset Reset

Chrome has amazing features for developpers such as the JS Console and developpers tool. In addition to its Awsome V8. Basically using this application you can remotely control your Arduino from any chrome browser device....


I think you are one of those Microsoft IE fans : smiley-grin  
Logged

Gosport, UK
Offline Offline
Faraday Member
**
Karma: 21
Posts: 3113
View Profile
 Bigger Bigger  Smaller Smaller  Reset Reset

Chrome can have all the features for developers it wants. I just don't need another browser.

I fully understand what your application does.
Logged

Offline Offline
Newbie
*
Karma: 0
Posts: 29
View Profile
 Bigger Bigger  Smaller Smaller  Reset Reset

ok
Logged

ottawa, canada
Offline Offline
God Member
*****
Karma: 6
Posts: 990
Arduino rocks
View Profile
 Bigger Bigger  Smaller Smaller  Reset Reset

It all runs on one windows box with chrome - right? I just add the labscript package?

I can see it being useful for some hardware poking - i'll try it out.
Logged

Offline Offline
Newbie
*
Karma: 0
Posts: 29
View Profile
 Bigger Bigger  Smaller Smaller  Reset Reset

yes, all you have to do is download the Labscript proxy from sourceforge then once installed you click launch and the arduino will be controlled from Chrome. Basically, it work like this:

                 Websockets                             serial
            ------request ------>                       ------->
Chrome                             LabScript Proxy               Arduino
           <-----response-------                        <------


follow the instructions above on the configuration of the COM port
Logged

Offline Offline
Newbie
*
Karma: 0
Posts: 29
View Profile
 Bigger Bigger  Smaller Smaller  Reset Reset

for ubuntu: manually type the name of your COM port
Logged

Pages: [1]   Go Up
Jump to: