Selasa, 29 Mei 2018

Membuat Webserver di Arduino I/O

Pada kesempatan ini, kita akan membuat semua web server sensor dengan menggunakan Arduino. Mungkin sebagian dari kita masih belum tau apakah itu server?

A server is a running instance of an application (Software) capable of accepting requests from the client and giving responses accordingly.Servers can run on any computer including dedicated computers, which individually are also often referred to as “the server“. (Wikipedia, 2014)

Jadi Server bertugas mengkoordinasikan semua klien yang berada pada lingkungannya.

Server yang akan kita buat adalah server yang mengambil nilai data sensor, dalam hal ini ADC, untuk kemudian diberikan kepada client yang meminta. Protokol yang digunakan adalah html, sehingga kita harus menampilkannya via web. Oke tanpa banyak basa basi, check it out.

Alat dan Bahan
1. Arduino Uno R3 (Minimum) atau Mega R3 (Opsional) & Ethernet Shield Arduino (Merk apapun)

Modul
2. Arduino IDE (jika tidak punya, bisa download di sini)
3. Kabel LAN tipe Crossover

Langkah Kerja
1. Sambungkan Arduino dengan Ethernet Shieldnya seperti gambar berikut :

LAN
2. Hubungkan Komputer Anda dan Arduino dengan RJ45 seperti gambar di atas.

3. Ubah IP komputer Anda menjadi Static seperti gambar di bawah. Hal ini agar Komputer dan Arduino Anda ada pada jaringan yang sama atau satu segmentasi.

Arduino
4. Tuliskan Source Code ini pada Arduino IDE

/*
Web Server
A simple web server that shows the value of the analog input pins.
using an Arduino Wiznet Ethernet shield.
Circuit:
* Ethernet shield attached to pins 10, 11, 12, 13
* Analog inputs attached to pins A0 through A5 (optional)
created 18 Dec 2009
by David A. Mellis
modified 9 Apr 2012
by Tom Igoe
*/
#include <SPI.h>
#include <Ethernet.h>
// Enter a MAC address and IP address for your controller below.
// The IP address will be dependent on your local network:
byte mac[] = {
0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED
};
IPAddress ip(192, 168, 1, 177);
// Initialize the Ethernet server library
// with the IP address and port you want to use
// (port 80 is default for HTTP):
EthernetServer server(80);
void setup() {
// Open serial communications and wait for port to open:
Serial.begin(9600);
while (!Serial) {
; // wait for serial port to connect. Needed for Leonardo only
}
// start the Ethernet connection and the server:
Ethernet.begin(mac, ip);
server.begin();
Serial.print(“server is at “);
Serial.println(Ethernet.localIP());
}
void loop() {
// listen for incoming clients
EthernetClient client = server.available();
if (client) {
Serial.println(“new client”);
// an http request ends with a blank line
boolean currentLineIsBlank = true;
while (client.connected()) {
if (client.available()) {
char c = client.read();
Serial.write(c);
// if you’ve gotten to the end of the line (received a newline
// character) and the line is blank, the http request has ended,
// so you can send a reply
if (c == ‘\n’ && currentLineIsBlank) {
// send a standard http response header
client.println(“HTTP/1.1 200 OK”);
client.println(“Content-Type: text/html”);
client.println(“Connection: close”); // the connection will be closed after completion of the response
client.println(“Refresh: 5”); // refresh the page automatically every 5 sec
client.println();
client.println(“<!DOCTYPE HTML>”);
client.println(“<html>”);
// output the value of each analog input pin
for (int analogChannel = 0; analogChannel < 6; analogChannel++) {
int sensorReading = analogRead(analogChannel);
client.print(“analog input “);
client.print(analogChannel);
client.print(” is “);
client.print(sensorReading);
client.println(“<br />”);
}
client.println(“</html>”);
break;
}
if (c == ‘\n’) {
// you’re starting a new line
currentLineIsBlank = true;
}
else if (c != ‘\r’) {
// you’ve gotten a character on the current line
currentLineIsBlank = false;
}
}
}
// give the web browser time to receive the data
delay(1);
// close the connection:
client.stop();
Serial.println(“client disconnected”);
}
}

5. Upload ke Arduino Anda

6. Buka browser Anda, ketikkan 192.168.1.177

Hasil
Setelah mengikuti perintah di atas, kita akan melihat nilai analog dari ADC channel 0 hingga 5. Data tersebut akan ter-refresh setiap 5 detik, bergantung nilai yang kita set. Sekarang kita sudah bisa membuat server sensor kita sendiri. Selamat mencoba guys!

Web Server