Sistem Absensi Doorlock

SISTEM ABSENSI - DOORLOCK
DAFTAR ISI
DAFTAR ISI …………………………………………………………………………. 1
PENDAHULUAN …………………………………………………………………….. 2
BAGIAN 1 PERSIAPAN SOFTWARE PENDUKUNG & DATABASE ……….. 3
A. Instalasi XAMPP di OS Windows …………………………………………….. 4

B. Persiapan Database …………………………………………………………….. 6
C. Instalasi Software IDE Arduino ………………………………………………... 8
D. Instalasi Driver Nodemcu ………………………………………………………. 10
E. Persiapan Library Arduino ……………………………………………………… 11
F. Persiapan File Audio mp3 ………………………………………………………. 11
BAGIAN 2 PERSIAPAN HARDWARE, BOT TELEGRAM, & WEB …………. 12
G. Perakitan Hardware ……………………………………………………………… 13

H. Persiapan Source Code Arduino ………………………………………………… 16
I. Pembuatan Bot Telegram ………………………………………………………… 17
J. Cara Mengetahui Chat ID Telegram ……………………………………………… 19
K. Konfigurasi Web Pada Localhost ………………………………………………… 20
L. Absensi & Akses Doorlock Ruangan …………………………………………….. 25
M. Troubleshooting …………………………………………………………………… 29
1|Manual Book Kit Proyek IoT

PENDAHULUAN
Sistem Absensi Doorlock merupakan proyek IoT berbasis mikrokontroller esp8266

yang terintegrasi dengan sebuah web php sederhana dan database mysql. Perangkat
mikrokontroller bertindak sebagai Client yang berkomunikasi dengan Server menggunakan
protokol HTTP dimana Client melakukan request data menggunakan metode GET yang
kemudian Server memberi response dalam bentuk data JSON. Data JSON tersebut
selanjutnya diparsing oleh mikrokontroller untuk kemudian dijadikan suatu output.
REQUEST
HTTP GET
RESPONSE
JSON
SERVER
CLIENT
Gambar 1. Topografi Jaringan Sistem Absensi Doorlock
Project ini memiliki fitur Dual Function Mode yang artinya terdapat dua mode fungsi
dalam satu perangkat yakni fungsi Absensi dan fungsi Doorlock. Kedua mode bisa diswitch
dengan trigger push button. Data terekam secara realtime ke dalam database server.
Gambar 2. Diagram Pengkabelan Perangkat Absensi Doorlock

BAGIAN 1
PERSIAPAN SOFTWARE PENDUKUNG &
DATABASE

A. Instalasi XAMPP di OS Windows
1. Kunjungi www.apachefriends.org -> pilih dan klik Download
Gambar 3. Tampilan Apache Friends
2. Silakan pilih versi php yang anda inginkan (disarankan pilih versi terbaru) dan sesuaikan
dengan mesin komputer anda (32 atau 64 bit) lalu klik Download. Jika anda tidak
menemukan versi yang anda inginkan silakan klik More Downloads.
3. Double klik file yang telah anda download, pilih English untuk language lalu klik Ok
4. Selanjutnya centang komponen yang akan diinstalasi, secara default Apache dan PHP
telah tercentang, tambahkan lagi centang pada MySQL dan phpMyAdmin lalu Next
Gambar 4. Komponen yang akan diinstalisasi

5. Pilih folder penyimpanan namun secara default anda akan diarahkan ke

lokasi c:\xampp. Jika Anda ingin menyimpannya di folder lain silakan klik browse dan
pilih penyimpanan yang ingin digunakan (saran penyimpanan di D:), klik tombol Install.
Gambar 5. Lokasi instalasi
6. Jika telah muncul jendela seperti pada Gambar 6, klik Finish untuk mengakhiri proses
instalasi.
Gambar 6. Tampilan Setup Wizard XAMPP
7. Kemudian akan muncul kotak dialog untuk mengkonfirmasi apakah anda ingin langsung
menjalankan XAMPP atau tidak. Silakan pilih yes atau no.

8. Buka xampp control panel lalu jalankan web servernya dengan mengklik tombol start
Gambar 7. XAMPP Control Panel
9. Buka browser lalu ketikkan localhost jika muncul halaman seperti pada Gambar 8 maka
selamat anda telah berhasil menginstall XAMPP di PC/Laptop anda
Gambar 8. Tampilan localhost pada browser
B. Persiapan Database
1. Buka browser (chrome), lalu ketikkan di URL localhost/phpmyadmin
Gambar 9. phpMyAdmin
2. Buat database: Klik New -> Isikan kolom Database name dengan nama
absensirfiddoorlock -> klik create.
Gambar 10. Pembuatan database baru
3. Sekarang anda telah memiliki database. Selanjutnya untuk melengkapi tabel-tabelnya

silakan lakukan import file sqlnya dengan cara pilih dan klik import -> choose file ->
pilih file absenrfid.sql -> klik Go.
Gambar 11. Import File SQL
Gambar 12. Select File absenrfid.sql

Gambar 13. Tabel – Tabel yang Muncul Setelah Import Berhasil
C. Instalasi Software IDE Arduino
1. Silakan download IDE Arduino versi terbaru di http://arduino.cc/en/Main/Software. Jika

tidak ingin repot kami juga telah menyediakan IDE Arduino versi 1.8.9 di dalam Folder
File Project, silakan dipindahkan ke penyimpanan anda
Gambar 14. Tampilan arduino.cc/Main/Software
2. Buka folder Arduino -> pilih dan dobel klik file arduino.exe
Gambar 15. File arduino.exe dalam folder arduino

3. Jalankan file arduino, lalu buka file -> preferences. Pada jendela preferences tepatnya di
bagian bawah terdapat kolom Additional Board Manager URLs, lalu ketikkan
http://arduino.esp8266.com/stable/package_esp8266com_index.json -> klik OK
Gambar 16. Jendela Preferences pada arduino
4. Pilih dan klik menu Tools -> Board -> Boards Manager. Ketikkan di kolom pencarian
esp8266 -> pilih versi 2.4.0 -> klik install pada bagian bawah
Gambar 17. Jendela Boards Manager pada arduino

D. Instalasi Driver Nodemcu
1. Colokkan kabel USB ke port Nodemcu lalu sambungkan ke PC/laptop anda

2. Pindahkan folder driver CH341 yang ada di dalam CD ke penyimpanan anda
3. Buka folder CH341 -> dobel klik file CH341SER.EXE
4. Buka Device Manager, jika portnya telah terdeteksi maka driver berhasil terinstall
Gambar 18. Tampilan Device Manager
5. Contoh COM 13 adalah nama port yang nanti akan digunakan untuk mengupload
program ke board nodemcu melalui IDE arduino. Nama port pada setiap PC/laptop
kemungkinan akan berbeda satu sama lain.
6. Lakukan pengecekan board dan driver telah terinstall pada IDE arduino. Buka kembali
file arduino -> Tools -> Board. Jika tampilannya seperti pada Gambar 19 maka
selamat anda telah berhasil menginstall board dan driver nodemcu pada PC/laptop anda.
Gambar 19. Tampilan menu Tools pada IDE Arduino

10 | M a n u a l B o o k Kit Proyek IoT
Penting untuk selalu diingat!!!

Pastikan anda telah mengatur pilihan Board dan Port pada IDE arduino (lihat Gambar 19)
sebelum mengupload program. Silakan buka Device Manager (lihat Gambar 18) untuk
mengecek port yang terpasang di PC/laptop anda.
E. Persiapan Library Arduino

Di dalam CD pada paket terdapat beberapa library yang telah kami siapkan. Silakan
pindahkan library tersebut ke folder arduino. Buka folder arduino lalu pilih folder libraries.
Gambar 21. List Library Pendukung
Gambar 20. Tampilan folder libraries Arduino
F. Persiapan File mp3

Di dalam CD juga telah disiapkan sebuah folder mp3 yang berisi 17 file audio. Sebelumnya
siapkan sebuah microsd card (ukuran berapapun), lalu format microsdcard tersebut ke dalam
format FAT atau FAT32. Selanjutnya silakan mengcopy folder mp3 lalu pindahkan ke
dalam microsd card anda.
Penting untuk diperhatikan:

Jangan mengubah nama file audio yang ada di
dalam File Project!!!
Gambar 22. Format microsd card

BAGIAN 2
PERSIAPAN HARDWARE, BOT
TELEGRAM, & WEB

G. Perakitan Hardware
1. Komponen yang digunakan:

• Nodemcu Lolin • Kabel jumper female – female
• Baseboard • Push Button + Resistor 10k
• RFID RC522 + Tag ID • Mosfet IRF520
• LCD 16x2 + I2C adapter • Doorlock 12V
• DFplayer Mini mp3 • Breadboard Mini
• Mini speaker
2. Komponen pendukung lainnya (di luar paket):

➢ Power adaptor
➢ Kabel USB
➢ Microsd card
3. Perakitan Hardware
• Nodemcu – RFID
Tabel 1. Koneksi pin Nodemcu - RFID

Nodemcu RFID
D3 RST
D4 SDA
D5 SCK
D6 MISO
D7 MOSI
GND GND
3V 3,3V
Gambar 23. Nodemcu + Expansion board
Gambar 24. Koneksi Pin

Nodemcu RFID

• Nodemcu – LCD I2C
Tabel 2. Koneksi pin Nodemcu – LCD I2C

Nodemcu LCD I2C
D2 SDA
D1 SCL
GND GND
VUSB VCC
Gambar 25. LCD 16x02 + I2C adapter
Gambar 26. Koneksi pin Nodemcu – LCD

I2C
• Nodemcu – DFplayer
Tabel 3. Koneksi pin Nodemcu – DFPlayer

Nodemcu DFplayer Speaker
Rx Tx
Tx Rx
GND GND
VUSB VCC
SPK_1 +
SPK_2 - Gambar 27. DFplayer
Gambar 28. Koneksi pin Nodemcu - DFplayer

• Nodemcu – Mosfet IRF520

Tabel 4. Koneksi pin Nodemcu – Mosfet IRF520
Nodemcu IRF520
D8 SIG
GND GND
VUSB VCC Gambar 29. Mosfet IRF520
Gambar 30. Koneksi Pin Nodemcu – IRF520 - Doorlock
• Nodemcu – Push Button
Gambar 31. Koneksi Pin Nodemcu – Push Button

Seputar Power
Perlu diperhatikan bahwa untuk mensuplai power ke board nodemcu dapat menggunakan dua
cara yaitu melalui soket USB atau melalui jack DC. Jika power disuplai melalui USB maka
blok pin power yang dilingkari biru yang akan aktif sedangkan ketika power disuplai melalui
jack DC maka blok yang dilingkari merah yang akan aktif. Jika ingin menghasilkan tegangan
power yang stabil maka disrankan untuk menggunakan Power Adaptor DC 9V 1A yang
disambungkan melalui jack DC
Gambar 32. Blok pin output power expansion board

Penting untuk selalu diingat!!!
Pemasangan pin VCC dan GND jangan sampai terbalik/tertukar!!! Seringkali terjadi kerusakan
hardware akibat polaritas yang terbalik. Jadi pastikan pin VCC dan GND telah terpasang sesuai
skema sebelum dialiri arus listrik ke board.
H. Persiapan Source Code Arduino

1. Buka file .ino program arduino yang ada pada CD
2. Atur Board dan Port COM (sesuaikan dengan Device Manager)
3. Perhatikan Gambar 33, ubah IP address sesuai dengan IP adress pada PC/laptop anda.
Cara mengetahui IP adress pada laptop/PC, buka Command Prompt -> ketik cmd -> ok.
Setelah masuk jendela Command prompt, ketikkan ipconfig lalu enter. Setelah itu akan
muncul tampilan seperti Gambar 34.
Gambar 33. Baris URL pada program arduino
Gambar 34. Tampilan IP Address pada Command Prompt

4. Perhatikan Gambar 35, silakan ganti dan sesuaikan dengan SSID dan password dari WiFi
atau hotspot yang anda gunakan.
Gambar 35. Baris SSID dan password pada program arduino
5. Setelah semua konfigurasi selesai silakan upload program ke board Nodemcu.
Perlu diperhatikan bahwa IP address pada PC/laptop sifatnya IP dynamic yang sewaktu
waktu bisa berubah sehingga ketika suatu saat program tiba-tiba tidak berjalan sebagaimana
mestinya silakan cek kembali IP adress anda dan sesuaikan dengan program arduino anda.
I. Pembuatan Bot Telegram

1. Buka aplikas Telegram pada smartphone lalu pada kolom pencarian ketikkan @BotFather
lalu pilih dan buka chatroom atau klik URL: https://t.me/BotFather
Gambar 36 Tampilan Akun BotFather Pada Kolom Pencarian
2. Pada chatroom klik MULAI atau ketikkan /start lalu kirim sehingga nanti akan muncul
balasan seperti Gambar 37.
Gambar 37. Tampilan Chatroom BotFather

3. Untuk membuat bot baru ketikkan /newbot pada chatroom lalu kirim
4. Selanjutnya buatkan nama untuk akun bot sebagai contoh misal Absensi Doorlock,
ketikkan nama tersebut lalu kirim
Gambar 38. Tampilan Chatroom BotFather
5. Kemudian buat username untuk akun bot dimana username wajib mengandung kata bot
tanpa spasi sebagai contoh misal AbsenRFID_bot, ketikkan lalu kirim.
6. Selanjutnya akan muncul balasan yang di dalamnya terdapat TOKEN untuk mengakses
API BOT Telegram. Jaga kerahasiaan token bot telegram anda!
Gambar 39. Contoh Token Bot Telegram

7. Pada kolom pencarian ketikkan username dari Bot yang telah dibuat sebelumnya lalu
masuk ke dalam chatroom
8. Pada chatroom klik MULAI atau ketikkan /start lalu kirim
9. Selanjutnya anda dapat mengatur akun bot telegram missal dengan menambahkan foto
profil, deskripsi bot ataupun mengubah nama bot dengan mengikuti keyword berikut:
/setuserpic : Untuk menambahkan foto profil bot
/setdescription : Untuk menambahkan deskripsi bot
/setname : Untuk mengubah nama bot
Selamat anda telah berhasil membuat akun bot telegram anda sendiri
Gambar 40. Tampilan Chatroom Bot Telegram Yang Telah Dibuat
J. Cara mengetahui Chat ID

1. Pada kolom pencarian silakan ketikkan get id lalu masuk pada chatroom atau klik URL:
https://t.me/get_id_bot
2. Kemudian klik MULAI atau ketikkan /start lalu kirimkan
3. Selanjutnya akan muncul balasan yang di dalamnya terdapat Chat ID dari akun anda

Gambar 41. Tampilan Akun get id Pada Kolom Pencarian
Gambar 42. Contoh Chat ID dari sebuah akun telegram
K. Konfigurasi Aplikasi Web pada Localhost

1. Buka folder XAMPP yang telah didownload kemudian masuk ke dalam folder htdocs.
2. Pindahkan folder absenrfid yang ada di dalam file project ke dalam folder htdocs.
Gambar 43. Lokasi Folder htdocs dalam Folder XAMPP

3. Buka control panel XAMPP kemudian jalankan web server dengan mengklik tombol
start pada menu pilihan Apache dan MySQL (lihat Gambar 7).
4. Buka web browser lalu pada kolom URL ketikkan link berikut:
http://localhost/absenrfiddoorlock lalu enter. Jika anda ingin mengaksesnya pada
perangkat lain (misal: smartphone) silakan ganti localhost dengan IP Address server.
Contoh http://192.168.43.220/absenrfiddoorlock. Pastikan antara perangkat dengan
PC/laptop server berada dalam satu jaringan internet yang sama.
5. Setelah itu anda akan langsung diarahkan pada halaman login. Silakan memasukkan
username: admin dan password: admin kemudian klik login
Gambar 44. Tampilan Halaman Login
6. Selanjutnya buka menu Pengaturan lalu pilih dan klik Autentikasi. Kemudian copy
paste Token Bot Telegram yang telah diperoleh sebelumnya lalu klik simpan.
Gambar 45. Tampilan Halaman Autentikasi

Adapun untuk Token Web anda bisa menggantinya namun jangan lupa untuk menyesuaikan
juga dengan yang ada di program arduinonya. Jika data berhasil disimpan maka akan muncul
notifikasi Telegram.
Gambar 46. String KEY_API pada program Arduino
7. Selanjutnya buka menu Pengaturan lalu pilih dan klik Admin. Kemudian masukkan
chat id anda sebagai admin serta atur ulang Username dan Password baru anda.
Gambar 47. Tampilan Halaman Panel Admin
Gambar 48. Tampilan Form Ubah Password Admin
8. Selanjutnya, buka menu Pengaturan, lalu pilih dan klik Data Shift. Silakan lakukan
pengaturan shift dan jam kerja yang diinginkan.
Gambar 49. Tampilan Halaman Pengaturan Data Shift
Id shift : Kode unik untuk setiap shift jam kerja (Format Angka)
Mulai Masuk : Jam dimulainya untuk melakukan Tap Masuk
Jam Masuk : Jam dimulainya penghitungan waktu keterlambatan
Akhir Masuk : Jam berakhirnya Tap Masuk (Batas toleransi keterlambatan)
Mulai Pulang : Jam dimulaiya perhitungan waktu pulang cepat
Jam Pulang : Jam berakhirnya waktu pulang cepat
Akhir Pulang : Jam berakhirnya Tap Pulang
Adapun untuk mengatur zona waktu berdasarkan wilayah silakan buka file script PHP
dengan nama koneksidb.php lalu ganti isi dari variable $Zona sesuai dengan wilayah
masing – masing. Asia/Jakarta (WIB), Asia/Makassar (WITA), Asia/Jayapura (WIT).
Gambar 50. Script PHP Untuk Mengubah Zona Waktu
9. Selanjutnya buka menu Pengaturan, lalu pilih dan klik Hari Libur. Silakan melakukan
pengaturan hari libur pada system absensi. Hari libur dibagi atas hari libur mingguan
(secara default Sabtu dan Ahad) dan hari libur nasional berdasarkan kalender.

Gambar 51. Tampilan Halaman Panel Hari Libur
10. Untuk konfigurasi akses ruangan, masuk ke menu Data -> Akses Ruangan -> Data
Ruangan lalu klik tombol Tambah Ruangan. Setelah itu akan muncul modal Form
Tambah Ruangan silakan registrasikan ruangan – ruangan yang akan diintegrasikn
dengan perangkat doorlock. Masukkan data nama ruangan serta kode ruangan berupa
angka lalu submit data tersebut.
Gambar 52. Tampilan Halaman Form Tambah Ruangan
Perlu diketahui bahwa satu perangkat RFID Reader + Doorlock hanya untuk satu Ruangan
saja yang dimana setiap perangkat harus dimasukkan kode ruangan pada baris
programnya. Kode ruangan yang dimasukkan dalam bentuk integer (bilangan bulat).
Selain registrasi ruangan, anda sebagai admin juga dapat mengubah dan menghapus data
ruangan melalui halaman web.

Gambar 53. Baris program untuk kode ruangan pada perangkat Nodemcu
11. Role Utama dari Admin yakni mengelola data Anggota meliputi registrasi anggota baru,
mengubah dan menghapus data anggota, mereset ID anggota serta mengelola data subjek.
Gambar 54. Tampilan Halaman Data Anggota
L. Absensi dan Akses Doorlock Ruangan

1. Pertama, pastikan perangkat telah terhubung ke internet yang ditandai dengan munculnya
tulisan Connected pada layar LCD
2. Registrasikan ID card terlebih dahulu ke dalam database. Buka menu Tambah Data lalu
tempelkan kartu ke RFID Reader maka secara otomatis ID Card akan tampil pada Form
Tambah Data Anggota. Silakan lengkapi data yang dibutuhkan lalu submit. Jika data
berhasil teregistrasikan maka pesan notifikasi Telegram ke masing-masing user berisi data
diri yang diregistrasilkan serta data username dan password yang dapat digunakan untuk
login ke akun masing-masing.

Gambar 55. Tampilan Form Tambah Data Anggota
3. Kemudian atur Mode yang diinginkan dengan menekan push button pada perangkat.
Tersedia dua pilihan Mode yakni Absensi dan Doorlock
4. Pada mode absensi, silakan tempelkan kartu tag pada RFID Reader maka secara otomatis
perangkat akan merespon dalam bentuk suara dan teks. Proses Absensi akan mentrigger
notifikasi Telegram ke masing-masing user
Gambar 56. Contoh Notifikasi Telegram Saat Check In dan Check Out
Data absen masuk dan pulang saat melakukan tap kartu akan secara otomatis terekam ke
dalam database server.

Gambar 57. Tampilan Halaman Data Presensi
5. Proses Registrasi ID dan Absensi dapat juga dilakukan tanpa melalui perangkat
mikrokontroller caranya melalui menu Tag ID lalu inputkan ID secara manual.
Gambar 58. Tampilan Halaman Tag ID
6. Setelah Anggota berhasil diregistrasikan ke database server, selanjutnya silakan

registrasikan hak akses anggota untuk masing-masing ruangan. Setiapanggota boleh
jadi memiliki hak akse yang berbeda untuk beberapa ruangan. Silakan masuk ke menu
Data -> Akses Ruangan -> Data Ruangan pilih ruangan lalu klik tombol hak akses,
kemudian masukkan nama – nama yang ingin diregistrasikan hak aksesnya ke ruangan
tersebut.

Gambar 59. Tampilan Halaman Tambah Hak Akses
7. Pada Mode Doorlock, silakan tempelkan kartu pada RFID Reader maka secara otomatis
perangkat akan merespon dalam bentuk suara dan teks serta mentrigger doorlock untuk
terbuka selama beberapa detik lalu secara otomatis mengunci kembali. Proses Akses
Doorlock juga akan mentrigger notifikasi Telegram ke masing – masing User. Data
pengunjung yang mengakses ruangan secara otomatis terekam ke dalam server.
Gambar 60. Tampilan Halaman Data Akses Ruangan
8. Fitur Reset Password pada halaman Login perlu dilakukan konfigurasi terlebih dahulu
sebelum bisa digunakan. Buka file index.php lalu cari variabel dengan nama $link
kemudian sesuaikan dengan ip address dan direktori penyimpanan anda.
Gambar 61. Variabel $link pada file index.php

M. Troubleshooting
1. esp com mem failed
Cara mengatasi: cabut terlebih dahulu pin D8, Rx, dan Tx pada Nodemcu sebelum
melakukan upload program ke board Nodemcu.
2. error compiling for Nodemcu
Cara mengatasi: Pada IDE Arduino silakan buka Tools -> Board -> Board Manager ->
Ketik esp pada kolom pencarian, lalu select version 2.3.0 atau 2.4.0 kemudian install. Jika
proses install selesai silakan restart IDE Arduino anda.
3. connection refused/read timeout
Beberapa cara untuk mengatasinya sebagai berikut:
• Pastikan anda telah anda telah menjalankan Apache dan MySQL pada XAMPP Panel
• Cek ulang IP Address Laptop/PC yang anda gunakan sebagai server (Localhost)
• Lakukan clear cache pada browser yang anda gunakan
• Nonaktifkan Firewall pada laptop/PC anda
• Jika anda menggunakan hosting, pastikan web anda tidak menggunakan SSL Enkripsi.
4. Modul DFplayer tidak berfungsi
• Cek ulang pengkabelan
• Pastikan anda telah melakukan format FAT atau FAT32 pada sdcard yang digunakan.
• Cek ulang file audio yang anda masukkan ke dalam sdcard. Pastikan anda tidak
mengubah nama Folder maupun nama File. File audio yang dimasukkan ke dalam
sdcard harus berada dalam Folder dengan nama mp3.
5. Layar LCD tidak menampilkan teks
• Cek ulang pengkabelan khususnya pin SDA dan SCL
• Atur kontras layar dengan memutar trimpot pada bagian belakang LCD
• Tekan tombol RST pada Nodemcu untuk mereset board.
6. Perangkat mikrokontroller gagal terhubung ke internet
• Pastikan anda telah memasukkan SSID dan password pada program Arduino secara
benar (tidak ada kesalahan penulisan)
• Cek koneksi internet yang anda gunakan
• Tekan tombol RST pada Nodemcu untuk mereset board.

7. Tampilan halaman web berantakan (CSS gagal dimuat oleh browser)

• Pastikan Laptop/PC telah terhubung ke internet
• Clear cache browser
• Download ulang file project, kemungkinan ada beberapa file yang corrupt
8. Pesan Telegram tidak terkirim
• Pastikan Laptop/PC telah terhubung ke internet
• Cek kembali Token Bot dan Chat ID yang diinput ke dalam database server, pastikan
tidak ada kesalahan pengetikan
• Buka menu Pengaturan -> Auth & Notif lalu pastikan switch notifikasi (user ataupun
admin) dalam keadaan ON
• Pastikan anda juga telah mengaktifkan terlebih dahulu Bot Telegram sebelum
digunakan (Lihat Gambar 40)
9. No Such File Directory
• Pastikan anda telah memasukkan Library Arduino yang dibutuhkan (Lihat Gambar 20)
10. Program Arduino gagal diupload ke Nodemcu
• Pastikan anda telah mengatur jenis Board dan port COM yang tepat sebelum
mengupload program (Lihat Gambar 19)
• Jika port COM ternyata tidak terdeteksi pada Laptop/PC, pastikan anda telah
menginstall driver Nodemcu
• Cek kondisi kabel USB yang anda gunakan.

Sistem Absensi Doorlock

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Sistem Absensi Doorlock

Diunggah oleh

Hak Cipta:

Format Tersedia

SISTEM ABSENSI - DOORLOCK

DAFTAR ISI …………………………………………………………………………. 1

BAGIAN 1 PERSIAPAN SOFTWARE PENDUKUNG & DATABASE ……….. 3

A. Instalasi XAMPP di OS Windows …………………………………………….. 4

BAGIAN 2 PERSIAPAN HARDWARE, BOT TELEGRAM, & WEB …………. 12

G. Perakitan Hardware ……………………………………………………………… 13

1|Manual Book Kit Proyek IoT

Sistem Absensi Doorlock merupakan proyek IoT berbasis mikrokontroller esp8266

Gambar 1. Topografi Jaringan Sistem Absensi Doorlock

Gambar 2. Diagram Pengkabelan Perangkat Absensi Doorlock

3|Manual Book Kit Proyek IoT

A. Instalasi XAMPP di OS Windows

1. Kunjungi www.apachefriends.org -> pilih dan klik Download

Gambar 3. Tampilan Apache Friends

Gambar 4. Komponen yang akan diinstalisasi

4|Manual Book Kit Proyek IoT

5. Pilih folder penyimpanan namun secara default anda akan diarahkan ke

Gambar 5. Lokasi instalasi

Gambar 6. Tampilan Setup Wizard XAMPP

5|Manual Book Kit Proyek IoT

Gambar 7. XAMPP Control Panel

Gambar 8. Tampilan localhost pada browser

1. Buka browser (chrome), lalu ketikkan di URL localhost/phpmyadmin

Gambar 10. Pembuatan database baru

3. Sekarang anda telah memiliki database. Selanjutnya untuk melengkapi tabel-tabelnya

Gambar 11. Import File SQL

Gambar 12. Select File absenrfid.sql

Gambar 13. Tabel – Tabel yang Muncul Setelah Import Berhasil

C. Instalasi Software IDE Arduino

1. Silakan download IDE Arduino versi terbaru di http://arduino.cc/en/Main/Software. Jika

Gambar 14. Tampilan arduino.cc/Main/Software

Gambar 15. File arduino.exe dalam folder arduino

8|Manual Book Kit Proyek IoT

Gambar 16. Jendela Preferences pada arduino

Gambar 17. Jendela Boards Manager pada arduino

9|Manual Book Kit Proyek IoT

D. Instalasi Driver Nodemcu

1. Colokkan kabel USB ke port Nodemcu lalu sambungkan ke PC/laptop anda

Gambar 18. Tampilan Device Manager

Gambar 19. Tampilan menu Tools pada IDE Arduino

Penting untuk selalu diingat!!!

E. Persiapan Library Arduino

Gambar 21. List Library Pendukung

Gambar 20. Tampilan folder libraries Arduino

F. Persiapan File mp3

Penting untuk diperhatikan:

Gambar 22. Format microsd card

12 | M a n u a l B o o k Kit Proyek IoT

1. Komponen yang digunakan:

2. Komponen pendukung lainnya (di luar paket):

Tabel 1. Koneksi pin Nodemcu - RFID

Gambar 24. Koneksi Pin

13 | M a n u a l B o o k Kit Proyek IoT

• Nodemcu – LCD I2C

Tabel 2. Koneksi pin Nodemcu – LCD I2C

Gambar 26. Koneksi pin Nodemcu – LCD

Tabel 3. Koneksi pin Nodemcu – DFPlayer

Gambar 28. Koneksi pin Nodemcu - DFplayer

• Nodemcu – Mosfet IRF520

Gambar 30. Koneksi Pin Nodemcu – IRF520 - Doorlock

• Nodemcu – Push Button

Gambar 31. Koneksi Pin Nodemcu – Push Button

15 | M a n u a l B o o k Kit Proyek IoT

Gambar 32. Blok pin output power expansion board