Introduction: Control Your Project From Wifly Webserver

Picture of Control Your Project From Wifly Webserver

Using the Wifly module you can add wireless control to your project. This is possible through the Wifly Webserver. The wifly module simple webserver enables you to host a simple webpage from where you can control your project. To do that, you must follow these steps.

Step 1: Create a Webpage

Picture of Create a Webpage

This can be accomplished using HTML, which is easy to learn. If you are not familiar with it, visit this website for some beginner tutorials. Attached here is the simple webpage i created. When you open the webpage it appears as shown in the image.

Before, copying the HTML code onto your arduino code, edit it by replacing all the speech marks with apostrophes or place a backslash before each speech mark. You can learn more on that here.

Step 2: Setting Up the Wifly Module

In this example you can create a hotspot using the wifly shield or join an already existing wifi hotspot through serial commands or code.

Once you have created the hotspot or joined an already existing wifi hotspot through serial commands upload the following code.

Step 3:

If you want to connect to another wifi network through code, your code will look like this.

Step 4: Execution

Connect an LED to digital pin 3.

Once you have uploaded the code, run the serial monitor and wait for about 5 to 20 seconds to get your IP address.

The waiting time depends on the method you used.

Enter the IP address on your browser and press enter or go, depending on your browser. The HTML page should appear. Control the LED by clicking on or off and then submit or entering on or off on the textbox then click on submit. You will notice that the LED lights up when you submit on and goes off when you submit off.

For more tutorials on the wifly shield visit www.arduino-hacks.com

Comments

AsadJ (author)2016-01-12

Hi, I liked the idea of your project. I want to know can we also display values of sensors on the webpage?

GillH1 (author)2015-06-01

The links appear to be broken, missing, or not formatted. Please fix

ghayth_mkh (author)2014-10-12

So interesting especially :this part "create a hotspot using the wifly shield"

tanh2 (author)2014-09-22

can I use the other Wifi Shield to do this or it has to be Wifly Shield?

yhtomitsy (author)tanh22014-09-23

yes you can use another wifi shield

tanh2 (author)yhtomitsy2014-09-23

thanks a lot for your help :)

About This Instructable

11,257views

38favorites

License:

Bio: I am an electrical engineer and an Arduino and electronics enthusiasts. I believe working with electricity should be fun as well as beneficial to engineers ... More »
Add instructable to: