Have you ever questioned yourself: "Can we control our house from anywhere"? So now, I say "We totally can!" My project is about how to make a smart home with IoT. I decided to make this project because I liked it.
Our simple idea is about a smart home system with a Raspberry Pi (used as a web server), some Arduino (used as a microcontroller to collect values about switch of lamps, switch of fans, temperature, pH, etc.), and a website to take on the role of a GUI.
- Raspberry Pi (I choose RP3 model B)
- Arduino (I choose Arduino Uno).
- Some sensors and some switches or buttons.
- Some devices such as: lights, fans, etc.
- Arduino IDE
- Adobe DreamWeaver.
First install the
apache2 package by typing the following command into the terminal:
sudo apt-get install apache2 -y
By default, Apache puts a test HTML file in the web folder. This default web page is served when you browse to
http://localhost/ on the Pi itself, or
http://192.168.1.10 (whatever the Pi's IP address is) from another computer on the network. To find the Pi's IP address, type
hostname -I at the command line (or read more about finding your IP address).
Browse to the default web page either on the Pi or from another computer on the network and you should see the following:
CHANGING THE DEFAULT WEB PAGE
This default web page is just a HTML file on the file-system. It is located at
Note: The directory was
/var/www in Raspbian Wheezy but is now
/var/www/html in Raspbian Jessie.
Navigate to this directory in the terminal and have a look at what's inside:
cd /var/www/html ls -al
This will show you:
total 12 drwxr-xr-x 2 root root 4096 Jan 8 01:29 . drwxr-xr-x 12 root root 4096 Jan 8 01:28 .. -rw-r--r-- 1 root root 177 Jan 8 01:29 index.html
This shows that there is one file in
. refers to the directory itself
/var/www/html and the
.. refers to the parent directory
WHAT THE COLUMNS MEAN
- The permissions of the file or directory
- The number of files in the directory (or
1if it's a file).
- The user which owns the file or directory
- The group which owns the file or directory
- The file size
- The last modification date & time
As you can see, by default the
html directory and
index.html file are both owned by the
root user. In order to edit the file, you must gain
root permissions. Change the owner to your own user with
sudo chown pi: index.html before editing.
Try editing this file and refreshing the browser to see the web page change.
YOUR OWN WEBSITE
If you know HTML you can put your own HTML files and other assets in this directory and serve them as a website on your local network.
ADDITIONAL - INSTALL PHP
To allow your Apache server to process PHP files, you'll need to install PHP5 and the PHP5 module for Apache. Type the following command to install these:
sudo apt-get install php5 libapache2-mod-php5 -y
Now remove the
sudo rm index.html
Create the file
sudo leafpad index.php
Note: Leafpad is a graphical editor. Alternatively, use
nano if you're restricted to the command line.
Put some PHP content in it:
<?php echo "hello world"; ?>
Now save and refresh your browser. You should see "hello world". This is not dynamic but still served by PHP. Try something dynamic:
<?php echo date('Y-m-d H:i:s'); ?>
Or show your PHP info:
<?php phpinfo(); ?>
Did you replicate this project? Share it!I made one
Love this project? Think it could be improved? Tell us what you think!