LANDASAN TEORI
“Rumah Cerdas” adalah istilah yang biasa digunakan untuk menentukan tempat
tinggal yang memiliki peralatan, pencahayaan, pemanas, pendingin ruangan, TV,
komputer, sistem audio & video hiburan, keamanan, dan sistem kamera yang mampu
berkomunikasi satu sama lain dan dapat menjadi dikendalikan jarak jauh dengan jadwal
waktu, dari setiap ruangan di rumah, serta dari jarak jauh dari lokasi manapun melalui
smarthphone atau internet. Dengan adanya teknologi Smarthome ini memungkinkan
pemilik rumah untuk mengontrol kenyamanan dan keamanan rumahnya dengan
menggunakan satu alat saja. Berikut beberapa manfaat dari teknologi SmartHome ini:
Mudah Digunakan
Smarthome tidak hanya diterapkan pada rumah saja, melainkan hunian tingkat atas
seperti apartemen. Dengan begitu penghuni rumah maupun apartemen tidak perlu repot
mengontrol perabotan yang ada di dalamnya, seperti menyalakan perangkat elektronik,
lampu, jendela maupun pintu.
Menjamin Keamanan
Dengan menggunakan teknologi Smarthome ini kita tidak perlu denga khawatir
dengan keadaan rumah saat kita tidur ataupun berada di luar rumah. Rumah biasanya
dilengkapi dengan hak akses pada pintu untuk masuk ke dalam rumah, seperti sidik jari,
pendeteksi retina, password ataupun RFID. Selain itu semakin aman jika dilengkapi
dengan kamera CCTV dan alarm yang akan terpicu jika keamanan ditembus.
Fitur penting yang muncul dari smarthome adalah konservasi sumber daya yang
terbatas di bumi. Semakin banyak orang menjadi sadar akan kemampuan membuat
rumah mereka benar-benar cerdas – dan hijau – dengan memanfaatkan pengendali
rumah yang terintegrasi dengan semua sub-sistem rumah untuk meningkatkan
penghematan dengan mengendalikan pencahayaan, penutup jendela, HVAC, irigasi
dan dengan memantau penggunaan. Banyak pengendali rumah memiliki sistem
pemantauan terpadu yang dengannya fitur untuk menghitung dan mencatat penggunaan
semua perangkat yang terhubung, sehingga pemilik rumah tahu untuk mengatur kinerja
perangkat sesuai kebutuhan. Sistem ini bahkan bisa diakses melalui internet dari
manapun di dunia sehingga pemilik rumah bisa menyesuaikan pemakaian kapan saja
dan dimana saja.
2.2 Dapur
Dapur secara harafiah berarti suatu tempat, biasanya di dalam rumah, di mana
seseorang melakukan suatu aktivitas mengolah dan menyediakan bahan makanan
atau pangan. Aktivitas seperti ini dinamakan dengan kegiatan memasak. Di sisi lain,
kata dapur juga bisa mengacu pada aktivitas memasak ini maupun hasil daripada
aktivitas ini.
Gambar 2.1 Dapur modern
Seluruh fungsi di atas ditempatkan pada satu dinding sehingga prinsip segitiga ini
menjadi segaris (sedinding). Bentuk ini kurang efektif namun lebih menghemat
ruangan.
Bentuk lainnya dari fungsi di atas yaitu dapur ditata pada dua dinding yang
berlawanan.
Bentuk dapur L, dimana alat-alat dapur ditempatkan pada 2 dinding yang
berpotongan (di sudut).
Bentuk dapur U, yaitu menempati 3 dinding.
Terkadang, dapur juga memiliki tempat yang berfungsi sebagai ruang makan juga.
2.3 Exhaust Fan
Exhaust fan adalah sebuah alat yang berfungsi untuk mempercepat sirkulasi
udara di dalam rumah. Cara kerjanya yaitu dengan menghisap udara yang ada di dalam
ruang dan selanjutnya udara tersebut di buang ke luar ruangan.
Pada saat membuang udara ke luar, alat tersebut juga menarik udara segar dari
luar ruangan. Alat ini bisa digunakan di ruangan mana pun baik perumahan, pertokoan,
atau perhotelan. Alat ini juga tersedia dalam berbagai jenis dan ukuran. Pengguna harus
memastikan ukuran yang tepat ketika hendah membeli dan memasang alat ini agar
sesuai kebutuhan dan tepat guna
Penggunaan exhaust fan pun menjadi kebutuhan mendesak pada ruang dengan
sistem sirkulasi udara yang kurang memadai. Alat ini penting digunakan untuk
mengoptimalkan pertukaran udara dalam ruang tersebut.
Beberapa orang memang memilih menggunakan exhaust fan untuk mengusir
udara panas di dalam ruangan. Hal ini bukan tanpa alasan. Penggunaan alat pelancar
sirkulasi udara ini pun memberi sejumlah dampak positif tersendiri, yaitu:
Daya efisien
Daya yang digunakan untuk memasang exhaust fan memang sama seperti daya yang
dibutuhkan untuk memasang kipas angin, yaitu 40 watt. Namun, pemakaian daya lebih
efisien, udara di dalam ruang pun lebih bersih dan lebih sejuk.
Meskipun penggunaan exhaust fan memberi dampak positif pada beberapa hal,
tetapi alat ini tetap memiliki beberapa kekurangan dan memberikan dampak negatif
secara tidak langsung. Berikut merupakan dampak negative dari exhaust fan:
LPG adalah singkatan dari liquefied petroleum gas yang berarti gas minyak
bumi yang dicairkan. LPG merupakan campuran dari berbagai unsur hidrokarbon yang
berasal dari minyak mentah dan natural gas serta komponen utamanya adalah propana
(C3H8) dan butana (C4H10).
Dalam kondisi atmosfer, LPG akan berbentuk gas. Volume LPG dalam bentuk
cair lebih kecil dibandingkan dalam bentuk gas untuk berat yang sama. Karena itu elpiji
dipasarkan dalam bentuk cair dalam tabung-tabung logam bertekanan. Untuk
memungkinkan terjadinya ekspansi panas (thermal expansion) dari cairan yang
dikandungnya, tabung elpiji tidak diisi secara penuh, hanya sekitar 80-85% dari
kapasitasnya. Rasio antara volume gas bila menguap dengan gas dalam keadaan cair
bervariasi tergantung komposisi, tekanan dan temperatur, tetapi biasaya sekitar 250:1.
Propana mempunyai sifat sebagai bahan bakar yang portabel karena titik
didihnya sangat rendah, yaitu:“ -44 F atau -42 C”. Itu berarti bahwa pada suhu yang
sangat rendah sekalipun, propana akan segera menguap setelah dilepaskan dari wadah
bertekanan nya ke udara atmosfer. Sehingga bahan bakar ini tidak memerlukan banyak
peralatan untuk diuapkan atau dicampurkan dengan udara. Sebuah nosel sederhana saja
sudah cukup.
Menurut spesifikasinya, elpiji dibagi menjadi tiga jenis yaitu elpiji campuran,
elpiji propana dan elpiji butana. Spesifikasi masing-masing elpiji tercantum dalam
keputusan Direktur Jendral Minyak dan Gas Bumi Nomor: 25K/36/DDJM/1990. Elpiji
yang dipasarkan Pertamina adalah LPG campuran. Penggunaan LPG
di Indonesia terutama adalah sebagai bahan bakar alat dapur (terutama kompor gas).
Selain sebagai bahan bakar alat dapur, LPG juga cukup banyak digunakan sebagai
bahan bakar kendaraan bermotor (motor yang sudah dimodifikasi).
Salah satu risiko penggunaan LPG adalah terjadinya kebocoran pada tabung
atau pipa LPG sehingga jika terkena api maka dapat menyebabkan kebakaran dengan
cepat. Pada awalnya, gas LPG tidak berbau, tetapi jika seperti itu maka akan sulit
dideteksi apabila terjadi kebocoran pada tabung ataupun pipa gas. Solusi untuk masalah
tersebut adalah menambahkan gas mercaptan yang baunya khas dan menusuk hidung.
Langkah itu sangat berguna untuk mendeteksi bila terjadi kebocoran tabung gas.
Internet of Things (IoT) adalah suatu konsep dimana konektifitas internet dapat
bertukar informasi satu sama lainnya dengan benda-benda yang ada disekelilingnya.
Banyak yang memprediksi bahwa IoT merupakan “the next big thing” di dunia
teknologi informasi. Hal ini dikarenakan banyak sekali potensi yang bisa
dikembangkan dengan teknologi IoT tersebut.
Teknologi IoT diibaratkan dimana alat-alat fisik bisa terkoneksi dengan internet.
Contohnya, Kulkas, TV, Mesin Cuci dan lainnya dapat di kontrol menggunakan
smartphone untuk mematikan, menghidupkan dan kegiatan lainnya.
Sektor rumah tangga saat ini beragam dan cepat berubah, disusun dalam tiga
segmen pasar:
Oleh karena itu sektor ini sekarang mencakup eReaders, photoframes Digital,
Game konsol serta Cincin / pengering dan Alarm Rumah.
2.6. Website
Situs web atau yang biasa disebut website adalah suatu halaman web yang
saling berhubungan yang umumnya berada pada peladen yang sama berisikan
kumpulan informasi yang disediakan secara perorangan, kelompok, atau organisasi.
Sebuah situs web biasanya ditempatkan setidaknya pada sebuah server web yang dapat
diakses melalui jaringan seperti Internet, ataupun jaringan wilayah lokal (LAN)
melalui alamat Internet yang dikenali sebagai URL. Gabungan atas semua situs yang
dapat diakses publik di Internet disebut pula sebagai World Wide Web atau lebih
dikenal dengan singkatan WWW. Meskipun setidaknya halaman beranda situs Internet
umumnya dapat diakses publik secara bebas, pada praktiknya tidak semua situs
memberikan kebebasan bagi publik untuk mengaksesnya, beberapa situs web
mewajibkan pengunjung untuk melakukan pendaftaran sebagai anggota, atau bahkan
meminta pembayaran untuk dapat menjadi aggota untuk dapat mengakses isi yang
terdapat dalam situs web tersebut, misalnya situs-situs berita, layanan surel (e-mail),
dan lain-lain. Pembatasan-pembatasan ini umumnya dilakukan karena alasan
keamanan, menghormati privasi, atau karena tujuan komersial tertentu.
Istilah umum dan nama domain adalah Uniform Resource Locator (URL) yang
merupakan sarana untuk menentukan alamat yang akan dipakai untuk mengakses
Internet. Alamat URL merupakan alamat khusus untuk file tertentu yang bisa diakses
oleh Internet. Alamat URL mencangkup semua jenis file lain yang bisa diakses oleh
Internet, misalnya file html, zip, rar, jpg, gif, dan png.
Alamat URL yang lengkap adalah sebagai berikut: Protokol://nama-
host/path/nama file
1. Protokol menunjukan jenis protokol yang akan digunakan, yaitu http, ftp, dan
sebagainya.
3. Path adalah lokasi atau direktori tempat file-file diletakan pada web server.
Contoh: http://www.wikipedia.co.id/artikel/ensiklopedia.html
Situs web statis merupakan situs web yang memiliki isi tidak dimaksudkan
untuk diperbarui secara berkala sehingga pengaturan ataupun pemutakhiran isi atas
situs web tersebut dilakukan secara manual. Ada tiga jenis perangkat utilitas yang biasa
digunakan dalam pengaturan situs web statis:
Situs web dinamis merupakan situs web yang secara spesifik didisain agar isi
yang terdapat dalam situs tersebut dapat diperbarui secara berkala dengan mudah.
Sesuai dengan namanya, isi yang terkadung dalam situs web ini umumnya akan
berubah setelah melewati satu periode tertentu. Situs berita adalah salah satu contoh
jenis situs yang umumnya mengimplementasikan situs web dinamis.
Tidak seperti halnya situs web statis, pengimplementasian situs web dinamis
umumnya membutuhkan keberadaan infrastruktur yang lebih kompleks dibandingkan
situs web statis. Hal ini disebabkan karena pada situs web dinamis halaman web
umumnya baru akan dibuat saat ada pengguna yang mengaksesnya, berbeda dengan
situs web statis yang umumnya telah membentuk sejumlah halaman web saat diunggah
di server web sehingga saat pengguna mengaksesnya server web hanya tinggal
memberikan halaman tersebut tanpa perlu membuatnya terlebih dulu.
Struktur berkas sebuah situs web dinamis umumnya berbeda dengan situs web
statis, berkas-berkas pada situs web statis umumnya merupakan sekumpulan berkas
yang membentuk sebuah situs web. Berbeda halnya dengan situs web dinamis, berkas-
berkas pada situs web dinamis umumnya merupakan sekumpulan berkas yang
membentuk perangkat lunak aplikasi web yang akan dijalankan oleh mesin penerjemah
server web, berfungsi memanajemen pembuatan halaman web saat halaman tersebut
diminta oleh pengguna.
2.6.4 Domain
Domain adalah adalah alamat sebuah situs web, sebenarnya alamat dari situs-
situs yang eksis di Internet ini bentuk dasarnya berupa angka-angka, contohnya
17.125.135.147 bila angka ini diketik di addres bar di penejelajah web maka akan
terbuka situs web Google, contoh lain 72.30.38.140 kalau ini yang diketik maka akan
terbuka Yahoo. Penggunaan angka-angka ini sering disebut dengan alamat IP padahal
itu sebenarnya adalah alamat domain.
Nama domain
Contohnya: wikipedia.org yang menjadi nama domain adalah wikipedia dan ekstensi
yang digunakan adalah .org. Pada awalnya, ekstensi domain tidak begitu banyak,
sekarang ekstensi domain sudah sangat banyak di antaranya
(.com, .edu, .co.id, .gov, .org dan sebagainya). Pemberian extensi terhadap sebuah
domain tidak boleh sembarangan terutama untuk .edu, .gov, .go.id dan berbagai
ekstensi yang hanya disediakan bagi lembaga pendidikan dan pemerintah saja.
Gambar 2.5 DNS Tree
2.7. HTML-5
Hyper Text Markup Languange (HTML) adalah teknologi dasar yang
digunakan untuk membuat dasar dari sebuah halaman web dengan menghubungkan
teks / link antar halaman, memberi struktur dan membagikan informasi yang terkait
dengan sebuah halaman web. HTML5 merupakan salah satu karya World Wide Web
Consortium, W3C untuk mendefinisikan sebuah bahasa markah tunggal yang dapat
ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas
pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan
diimplementasikan secara berbeda-beda oleh banyak perangkat lunak pembuat web.
Penjelasan lebih rinci mengenai arti kata-perkata dari HTML adalah sebagai berikut:
HyperText: adalah istilah teks aktif, yang apabila diklik akan meloncat atau
menuju halaman lain. Ini merupakan kemampuan dari sebuah halaman web
yang dapat saling berhubungan antara halaman satu dengan lainnya.
Markup: Merupakan tag-tag yang biasanya diawali dengan tag pembuka
(opening tag) dan tag penutup (closing tag) yang memberi kemampuan untuk
menata layout atau memformat struktur halaman web pada sebuah konten teks
sederhana didalam file HTML itu sendiri.
Language: yaitu bahasa yang digunakan oleh HTML itu sendiri. Perintah-
perintah tag menggunakan bahasa yang dapat dimengerti oleh browser atau
interpreter lainnya.
2.7.1 Struktur HTML
Tag <head>...</head>
Tag <HEAD> tugasnya adalah memberikan informasi tentang dokumen, maksudnya
didalam tag <head> kita bisa menambahkan tag- tag yang biasanya digunakan untuk
memberikan informasi berupa penulis, judul dokumen, kata kunci pada dokumen dan
masih banyak lagi informasi yang bisa di tambahkan pada tag ini.
Tag <title>...</title>
Tag <TITLE> tugasnya adalah memberikan informasi berupa judul dokumen HTML.
Tag <body>...</body>
Tag <BODY> tugasnya adalah memberikan isi dari suatu dokumen yang akan
ditampilkan oleh web browsernya.
Tag <p>...</p>
Tag <P> tugasnya adalah untuk membuat sebuah paragraf.
Sebagaimana yang telah diungkap Fritzing juga dapat bekerja di sistem ber-OS
GNU/Linux seperti Fedora, Debian, Ubuntu, atau Mint. Ini penting karena OS ini
bersifat gratis sehingga memungkinkan untuk dijadikan platform belajar yang dapat
dipakai secara luas.
Terdapat beberapa bentuk diagram alir, dan setiap bentuk memiliki urutan dan peranan
masing-masing. Dua bentuk persegi yang paling umum digunakan dalam diagram alir,
yaitu:
2.9. Mikrokontroler
Mikrokontroler adalah single chip computer yang memiliki kemampuan untuk
diprogram dan digunakan untuk tugas-tugas yang berorientasi kontrol. Meskipun
mempunyai bentuk yang jauh lebih kecildari suatu komputer pribadi dan komputer
mainframe,mikrokontroler dibangun dari elemen–elemen dasar yang sama. Seperti
umumnya komputer, mikrokontroler adalah alat yang mengerjakan instruksi–instruksi
yang diberikan kepadanya. Artinya, bagian terpenting dan utamadari suatu sistem
terkomputerisasi adalah program itu sendiri yang dibuatoleh seorang programmer.
Program ini menginstruksikan komputer untuk melakukan tugas yang lebih kompleks
yang diinginkan oleh programmer.
2.9.1 Wemos D1
Mikrokontroler Wemos adalah semua mikrokontroler pengembangan berbasis
modul mikrokontroler ESP8266. Mikrokontroler Wemos dibuat sebagai solusi mahal
nya sebuah sistem wireless berbasis mikrokontroler lainnya. Dengan menggunakan
Wemos biaya untuk membangun sistem wifi berbasis mikrokontroler akan menjadi
sangat murah.
2.9.3 Pemrograman
Sensor ini dapat mendeteksi konsentrasi gas yang mudah terbakar di udara serta
asap dan keluarannya berupa tegangan analog. Sensor dapat mengukur konsentrasi gas
mudah terbakar dari 300 sampai 10.000 sensor ppm. Dapat beroperasi pada suhu dari
-20°C sampai 50°C dan mengkonsumsi arus kurang dari 150 mA pada 5V .
2.12. Relay
Relay adalah Saklar (Switch) yang dioperasikan secara listrik dan merupakan
komponen Electromechanical (Elektromekanikal) yang terdiri dari 2 bagian utama
yakni Elektromagnet (Coil) dan Mekanikal (seperangkat Kontak Saklar/Switch). Relay
menggunakan Prinsip Elektromagnetik untuk menggerakkan Kontak Saklar sehingga
dengan arus listrik yang kecil (low power) dapat menghantarkan listrik yang
bertegangan lebih tinggi. Sebagai contoh, dengan Relay yang menggunakan
Elektromagnet 5V dan 50 mA mampu menggerakan Armature Relay (yang berfungsi
sebagai saklarnya) untuk menghantarkan listrik 220V 2A.
1. Electromagnet (Coil)
2. Armature
3. Switch Contact Point (Saklar)
4. Spring
Gambar 2.10 Macam macam Relay
Normally Close (NC) yaitu kondisi awal sebelum diaktifkan akan selalu berada
di posisi CLOSE (tertutup).
Normally Open (NO) yaitu kondisi awal sebelum diaktifkan akan selalu berada
di posisi OPEN (terbuka)
Motor servo disusun dari sebuah motor DC, gearbox, variabel resistor (VR)
atau potensiometer dan rangkaian kontrol. Potensiometer berfungsi untuk menentukan
batas maksimum putaran sumbu (axis) motor servo. Sedangkan sudut dari sumbu
motor servo diatur berdasarkan lebar pulsa yang pada pin kontrol motor servo.
Motor servo adalah motor yang mampu bekerja dua arah (CW dan CCW)
dimana arah dan sudut pergerakan rotornya dapat dikendalikan dengan memberikan
variasi lebar pulsa (duty cycle) sinyal PWM pada bagian pin kontrolnya.
2.14 Baterai
Baterai adalah perangkat yang mengubah energi kimia menjadi energi listrik.
Pada baterai terdapat dua kutub, yaitu kutub positif dan kutub negatif. Kutub positif
berada pada bagian batang baterai. Sedangkan, kutub negatif baterai berada pada
bagian bawah baterai. Namun dalam beberapa bentuk lain, kutub positif baterai berada
di samping kutub negatif. Reaksi kimia yang terjadi di dalam baterai menimbulkan arus
listrik bermuatan positif dan negatif. Baterai mengalirkan arus listrik secara langsung.
Arus listrik bermuatan positif dialirkan melalui ujung knob bagian atas baterai (kutub
positif baterai). Ada pun arus listrik bermuatan negatif dialirkan melalui pelapis bagian
bawah baterai (kutub negatif baterai). Selanjutnya, arus listrik bermuatan positif dan
negatif mengalir secara terpisah melalui kabel (kawat tembaga) menuju ke alat.
AKTIVATOR
Pada gambar diatas merupakan blok diagram sistem dapur pintar. Pada bagian
sumber daya menggunakan baterai 12 Volt. Maksud dari penggunaan sumber daya ini
adalah untuk mengaktifkan seluruh sistem. Tegangan dari sumber daya akan disalurkan
ke mikrokontroler dan mikrokontroler akan membagi dan menyalurkan kembali
tegangan tersebut ke komponen lainnya.
Blok input yang berupa sensor akan memberikan masukan berupa data baik
analog maupun digital pada mikrokontroler segera setelah mendapat tegangan.
Diperlukan koneksi internet berupa sinyal WiFi yang akan memberikan koneksi
internet pada mikrokontroler Wemos. Setelah Wemos melakukan konfigurasi, output
akan berupa IP Address yang akan menampilkan halaman web. Input kontrol web yang
merupakan tampilan button yang terdapat pada halaman web yang kemudian akan
mengirim data pada Wemos. Wemos kemudian akan memproses data baik dari sensor
maupun web yang kemudian akan ditentukan output nya. Output dari sistem akan
berupa putaran fan, buzzer dan tampilan pada web.
Pada diagram alur dibawah terdapat rangkaian proses yang terjadi pada Wemos
D1 R2. Pertama terdapat kondisi “Mendapatkan Tegangan?” jika kondisi terpenuhi
maka akan lanjut ke kondisi selanjutnya, apabila sensor 1 memiliki nilai diatas 300
maka buzzer akan menyala, jika nilai dibawah 300 maka akan lanjut ke kondisi
berikutnya. Apabila sensor 2 memiliki logika low yang berarti ada asap, maka buzzer
akan menyala, namun jika tidak terpenuhi maka akan lanjut ke proses selanjutnya.
Kondisi selanjutnya yaitu “Terkoneksi Internet?” jika kondisi terpenuhi maka akan
melanjutkan ke proses selanjutnya, namun jika tidak maka akan kembali ke kondisi
paling awal. Selanjutnya ada proses “Menampilkan halaman web” yang berarti akan
muncul tampilan setelah Wemos terkoneksi dengan baik dengan internet. Akan
terdapat 4 button di halaman web, apabila button pertama ditekan, akan menampilkan
kadar gas dari sensor gas pertama dan akan mematikan buzzer, setelah berhasil
ditampilkan proses akan kembali ke kondisi button pertama, apabila button tidak
ditekan maka akan lanjut ke kondisi selanjutnya. Apabila button kedua ditekan, akan
menampilkan kadar gas dari sensor gas kedua dan akan mematikan buzzer, setelah
berhasil ditampilkan proses akan kembali ke kondisi button pertama. Apabila button
“Fan On” ditekan, maka fan akan menyala, setelah fan berhasil menyala proses akan
kembali ke kondisi button pertama, jika button tidak ditekan maka akan lanjut ke
kondisi selanjutnya. Apabila button “Fan Off” ditekan, maka fan akan mati, setelah fan
dimatikan proses akan kembali ke kondisi button pertama, bila button tidak ditekan
maka akan kembali ke kondisi button pertama.
Gambar 3.3 Diagram Alur Sistem Dapur Pintar
3.4 Analisa Program Wemos D1 R2
Pada bagian ini akan dijelaskan program Wemos yang telah di tulis di Arduino IDE.
Mulai dari inisialisasi program, deklarasi variable, deklarasi pin input/otput dan fungsi-
fungsinya.
Pada gambar diatas terdapat banyak file header yang diawali dengan tanda
pagar (#). File header merupakan file tambahan untuk memanggil fungsi tambahan dari
sebuah library. Pada program diatas penulis menggunakan 4 macam file header. File
header #include <ESP8266Wifi.h> diperlukan karena penulis akan menggunakan
modul ESP8266 yang terdapat pada Wemos D1 R2 dan agar dapat terkoneksi dengan
WiFi. #include <WiFiClient.h> diperlukan untuk mengirim permintaan ke web
browser. Untuk menangani semua HTTP Protocols diperlukan #include
<ESP8266WebServer.h>. Dan untuk mendapatkan IP Address serta agar dapat
membuka nya di browser diperlukan header #include <ESP8266mDNS.h>
Pada program diatas penulis membuat dua buah fungsi handleroot. Fungsi ini
berisi tampilan html pada halaman web. Fungsi handleroot pertama digunakan untuk
menampilkan kadar gas dari sensor 1 dan fungsi kedua digunakan untuk menampilkan
kadar gas dari sensor 2. Server send content akan mengirim data ke server dan akan
menampilkannya di halaman web. Selanjutnya penulis menggunakan HTML sebagai
markup language.