Arduino

Pengenalan HTTP
menggunakan ESP8266
Kelas Ektrakurikuler Dasar Pemrograman dengan Arduino
SMP ST Thomas 2 Binjai
Apa itu HTTP
• HTTP merupakan singkatan dari HyperText Transfer Protocol
• Singkatnya adalah satu cara bagaimana kita mengakses sebuah
website, atau layanan lain yang menggunakan protocol tersebut
• Website yang dimaksud seperti misalnya google.com, facebook.com
atau halaman lainnya yang biasanya kita akses menggunakan www
ataupun tidak menggunakan www, atau alamat IP pada sebuah
Komputer server misalnya http://192.168.0.100/
• Secara umum diakses menggunakan port 80
• http://192.168.0.100/ = http://192.168.0.100:80
Arsitektur WebServer sebuah program
yang menyediakan layanan yang
dapat diakses melalui WebClient

Webclient –> Browser

yang sering kita gunakan
seperti chrome, firefox,
untuk mengakase Web
Server
Method
Method and Description
GET
Metode GET digunakan untuk mengambil informasi dari server pada alamat URI (
https://sport.detik.com/sepakbola/liga-indonesia/d-6075987/indonesia-vs-filipina-ini-yang-akan-dilakukan-garuda-muda).
GET seharusnya hanya mengambil data dan tidak memiliki efek lain pada data.
HEAD

POST
POST digunakan untuk mengirim data ke server, misalnya, informasi pelanggan, unggah file.
Menggunakan formulir HTML (HyperText Markup Languange).
PUT
Replaces all current representations of the target resource with the uploaded content.
DELETE

Removes all current representations of the target resource given by a URI.

CONNECT
Establishes a tunnel to the server identified by a given URI.
OPTIONS
Describes the communication options for the target resource.
TRACE
Performs a message loop-back test along the path to the target resource.
HTML
• HTML adalah singkatan dari Hyper Text Markup Language
• HTML adalah bahasa markup standar untuk membuat halaman Web
• HTML menggambarkan struktur halaman Web
• HTML terdiri dari serangkaian elemen
• Elemen HTML memberi tahu browser cara menampilkan konten
• Elemen HTML memberi label potongan konten seperti "ini adalah
judul", "ini adalah paragraf", "ini adalah tautan", dll.
STRUKTUR HTML
Contoh Form HTML Untuk mengirimkan
teks ke server
ESP8266
• ESP8266 merupakan modul wifi yang berfungsi sebagai perangkat
tambahan mikrokontroler seperti Arduino agar dapat terhubung
langsung dengan wifi dan membuat koneksi TCP/IP.
Versi ESP8266
ESP8266 PIN
Apa yang dapat dilakukan ESP8266
• Membuat webserver
• Mengirimkan dan menerima permintaan melalui HTTP
• Kontrol pada output
• Membaca input
• Sebagai Access Point
Menambahkan Board ESP8266 ke Arduino
IDE
• Pilih File> Preferences
• Tambahkan
• http://arduino.esp8266.com/stable/package_esp8266com_index.json
• Pada “Additional Boards Manager URLs”
• Klik OK
• Jika terdapat jenis board lainnya gunakan koma (,) sebagai pemisah
Menambahkan Board ESP8266 ke Arduino
IDE (2)
• Buka Board Manager:
Tools > Board > Boards Manager
• Pada search ketikan esp8266
• Install
• Jika sudah berhasil diinstall maka
akan ada banyak tambahan pada
menu Board
• Kita tinggal menyesuaikan pilihan
Board ESP8266 yang kita miliki
Menghubungkan ESP8266 ke WIFI
• Untuk percobaan disini NodeMCU
v3 Lolin Lua WIFI ESP8266 CH340
• Board ini dapat dihubungkan
menggunakan kabel micro usb
Menghubungkan ESP8266 Ke WIFI
ESP8266 Sebagai Web Server
• https://github.com/fransrudolfbanjarnahor/ekskul_arduino/blob/mai
n/ESP8266WebServerPost/ESP8266WebServerPost.ino

• ESP8266WebServer server(80); // untuk membuat variable webserver

Penjelasan Kode Program
• Baris kode ini untuk menyimpan String HTML ke Flash Memory
• Mendefinisikan
penanganan terhadap
request pada server dan
mengaktifkan sever

• Fungsi yang melakukan

penanganan terhadap
request
Referensi
• https://www.tutorialspoint.com/http/index.htm
• https://randomnerdtutorials.com/esp8266-pinout-reference-gpios/
• https://www.w3schools.com/html/
• https://randomnerdtutorials.com/getting-started-with-esp8266-wifi-t
ransceiver-review/
• https://tttapa.github.io/ESP8266/Chap07%20-%20Wi-Fi%20Connectio
ns.html#:~:text=To%20see%20if%20it%20works,ESP%20responds%20
to%20your%20pings
.
• https://arduino-esp8266.readthedocs.io/en/latest/PROGMEM.html