Identitas Proyek

Judul Proyek : Room Access Control Using RFID

Pengusul Proyek : Hamdani Arif, S.Pd., M.Sc.
Manager Proyek : Hajrul Khaira, S.Tr.Kom.
Co-Manajer Proyek :-
Klien : Hamdani Arif, S.Pd., M.Sc.
Laporan Akhir
Produk: game/perangkat keras/video*
Video demo/trailer*
Poster
Dokumen HKI
Proposal (opsional)
Luaran : HKI, Product Purwarupa, Poster

Tim PBL :
1. 4311901036 - Kirani
2. 4311901068 – Amira Afiqa Ardi
3. 4311901048 – Najla Syifa Aathiraah
4. 4311901086 – Swarnawarajasa Rifky Dewangga
5. 4311901067 - Mulyadi
6. 4311901082 – Nazma Nabila Tetelepta
7. 4311901066 – Putri Nurul A’la
8. 4311901082 – Viky Nauval Dermawan
9. 4311901075 – Andiani Putri
10. 4311901026 – Abu Muhammad Muhyiddin Hijriansyah
11. 4311901007 – Reina Marsela
12. 4311901076 – Azman

1
 Daftar Isi

Identitas Proyek 1
Daftar Isi 2
Daftar Gambar 3
Daftar Tabel 5
Daftar Lampiran 6
Perancangan Produk 7
A. Deskripsi Produk 7
B. Pra Produksi 8
C. Produksi 16
Implementasi Produk 22
A. Model Pengaplikasian Sistem 23
B. Implementasi Perangkat Keras 24
C. Implementasi Perangkat Lunak 24
D. Implementasi Website 26
E. Pengujian 35
Kesimpulan 38
Lampiran 39

2
 Daftar Gambar

Gambar 1. Flowchart Sistem Room Access Control 7

Gambar 2. Gambar ERD Diagram 8
Gambar 3. Tampilan Login (Web AI) 8
Gambar 4. Tampilan Home (Web AI) 9
Gambar 5. Tampilan Users (Web AI) 9
Gambar 6. Tampilan Add Users (Web AI) 9
Gambar 7. Tampilan Classes (Web AI) 10
Gambar 8. Tampilan Add Classes (Web AI) 10
Gambar 9. Tampilan Rooms (Web AI) 10
Gambar 10. Tampilan Add Rooms (Web AI) 11
Gambar 11. Tampilan Schedules (Web AI) 11
Gambar 12. Tampilan Add Schedules (Web AI) 11
Gambar 13. Tampilan Loans (Web AI) 12
Gambar 14. Tampilan Add Loans (Web AI) 12
Gambar 15. Tampilan Check Room (Web AI) 12
Gambar 16. Tampilan Add Check Room (Web AI) 13
Gambar 17. Tampilan Home (Mobile AI) 13
Gambar 18. Tampilan Users (Mobile AI) 14
Gambar 19. Tampilan Add Users (Mobile AI) 14
Gambar 20. Tampilan Classes (Mobile AI) 14
Gambar 21. Tampilan Add Classes (Mobile AI) 14
Gambar 22. Tampilan Rooms (Mobile AI) 15
Gambar 23. Tampilan Add Rooms (Mobile AI) 15
Gambar 24. Tampilan Schedules (Mobile AI) 15
Gambar 25. Tampilan Add Schedules (Mobile AI) 15
Gambar 26. Tampilan Loans (Mobile AI) 16
Gambar 27. Tampilan Add Loans (Mobile AI) 16
Gambar 28. Tampilan Login (Web HTML) 16
Gambar 29. Tampilan Dashboard (Web HTML) 17
Gambar 30. Tampilan Users (Web HTML) 17
Gambar 31. Tampilan Classes (Web HTML) 17
Gambar 32. Tampilan Rooms (Web HTML) 18
Gambar 33. Tampilan Schedules (Web HTML) 18

3
Gambar 34. Tampilan Loans (Web HTML) 18
Gambar 35. Tampilan Check Room (Web HTML) 19
Gambar 36. Tampilan Database Users 19
Gambar 37. Tampilan Database Classes 19
Gambar 38. Tampilan Database Rooms 20
Gambar 39. Tampilan Database Schedules 20
Gambar 40. Tampilan Database Loans 20
Gambar 41. Tampilan Database Check Room 21
Gambar 42. Tampilan Coding RFID Yang Terdiri Dari Servo, URL, Buzzer dan
Nodemcu 21
Gambar 43. Tampilan Implementasi Alat 22
Gambar 44. Tampilan Laragon 23
Gambar 45. Tampilan Visual Studio Code 23
Gambar 46. Tampilan Adobe Illustrator 24
Gambar 47. Tampilan Coding Arduino 24
Gambar 48. Tampilan Login (Web Admin) 26
Gambar 49. Tampilan Dashboard (Web Admin) 26
Gambar 50. Tampilan Users (Web Admin) 27
Gambar 51. Tampilan Add Users (Web Admin) 27
Gambar 52. Tampilan Clasess (Web Admin) 28
Gambar 53. Tampilan Add Classes (Web Admin) 28
Gambar 54. Tampilan Rooms (Web Admin) 29
Gambar 55. Tampilan Add Rooms (Web Admin) 29
Gambar 56. Tampilan Schedules (Web Users) 30
Gambar 57. Tampilan Add Schedules (Web Users) 30
Gambar 58. Tampilan Loans (Web Admin) 30
Gambar 59. Tampilan Check Room (Web Admin) 31
Gambar 60. Tampilan Login (Web Users) 31
Gambar 61. Tampilan Dashboard (Web Admin) 32
Gambar 62. Tampilan Loans (Web Admin) 32
Gambar 63. Tampilan Add Loans (Web Users) 32
Gambar 64. Tampilan Produk 39
Gambar 65. Screenshot Video Demo 40
Gambar 66. Tampilan Poster 41

4
 Daftar Tabel

Gambar 1. Implementasi Website Admin 2

Gambar 2. Implementasi Website Users 3
Gambar 3. Hasil Pengujian Website 35
Gambar 4. Hasil Pengujian Alat 37

5
 Daftar Lampiran

Manual Book 36
Screenshot produk yang telah dibuat beserta link produk 36
Screenshot video demo beserta link video 37
Screenshot poster beserta link poster 40
Dokumen kelengkapan HKI 41
Logbook 41
Kode Program 41

6
 Perancangan Produk

A. Deskripsi Produk

1. Ruang Lingkup

Pada perkemkembangan teknologi saat ini sudah berbagai jenis sistem control
yang dirancang, khususnya RFID untuk mengontrol pintu ruangan. Room Access
Control Using RFID akan memberikan akses ruangan kepada user yang terdaftar
dan terjadwal. Sebaliknya jika user tidak terdaftar atau tidak terjadwal, system
tidak akan memberikan akses ke ruangan. Proyek ini menggunakan perangkat
RFID dengan memanfaatkan LDAP Polibatam dan dashboard admin bisa diakses
melalui website.
2. Desain Umum

Gambar 1. Flowchart Sistem Room Access Control

Mengacu pada gambar diatas, ketika user mendekati kartunya ke RFID reader.
Perangkat akan membaca User IDCard lalu mengecek apakah sudah terdaftar atau
tidak. Jika tidak, maka pintu tidak akan dibuka. Jika terdaftar, maka akan
melakukan proses selanjutnya yaitu membaca informasi apakah user tersebut
terjadwal atau tidak. Jika tidak, maka pintu tidak akan dibuka. Jika terdaftar, maka

7
 akan melakukan proses selanjutnya yaitu membuka pintunya dan menyimpan
record ke database.
B. Pra Produksi
Melakukan perencanaan system yaitu membuat konsep alat serta keluaran dan
masukan yang diperoleh atau yang dihasilkan, mencari referensi dan mempelajari
bahan materi dari berbagai sumber yang berkaitan dengan projek ini.

 ERD diagram

Gambar 2. Gambar ERD Diagram

 Desain web (AI)

1) Login

Gambar 3. Tampilan Login

8
2) Home

Gambar 4. Tampilan Home

3) Users

Gambar 5. Tampilan Users

Gambar 6. Tampilan Add Users

9
4) Class

Gambar 7. Tampilan Classes

Gambar 8. Tampilan Add Classes

5) Room

Gambar 9. Tampilan Rooms

10
 Gambar 10. Tampilan Add Rooms

6) Schedules

Gambar 11. Tampilan Schedules

Gambar 12. Tampilan Add Schedules

11
7) Loans

Gambar 13. Tampilan Loans

Gambar 14. Tampilan Add Loans

8) Check room

Gambar 15. Tampilan Check Room

12
 Gambar 16. Tampilan Add Check Room

 Desain Mobile (AI)

1) Home

Gambar 17. Tampilan Home

13
2) Users

Gambar 18. Tampilan Users Gambar 19. Tampilan Add Users

3) Classes

Gambar 20. Tampilan Classes Gambar 21. Tampilan Add Classes

14
4) Rooms

Gambar 22. Tampilan Rooms Gambar 23. Tampilan Add Rooms

5) Schedules

Gambar 24. Tampilan Schedules Gambar 25. Tampilan Add Schedules

15
 6) Loans

Gambar 26. Tampilan Loans Gambar 27. Tampilan Add Loans

C. Produksi
Membuat rancangan desain web dan database sesuai dengan konsep projek room
access control yang direncanakan serta merancang perangkat keras yang akan
digunakan untuk mendukung/ menerapkan projek ini. Menerapkan dan mewujudkan
rencana yang disusun dari sebuah rancangan yang telah dibuat, menggabungkan
perangkat keras dan perangkat lunak agar keseluruhan sistem dapat dilihat (menjadi
bentuk nyata).

 Desain Web (HTML)

a. Website Admin
1) Login

Gambar 28. Tampilan Login

16
2) Dashboard

Gambar 29. Tampilan Dashboard

3) Users

Gambar 30. Tampilan Users

4) Classes

Gambar 31. Tampilan Classes

17
5) Rooms

Gambar 32. Tampilan Rooms

6) Schedule

Gambar 33. Tampilan Schedules

7) Loans

Gambar 34. Tampilan Loans

18
 8) Check Room

Gambar 35. Tampilan Check Room

 Database
1) Users

Gambar 36.Tampilan Database Users

2) Classes

Gambar 37.Tampilan Database Classes

19
3) Rooms

Gambar 38.Tampilan Database Rooms

4) Schedules

Gambar 39.Tampilan Database Schedules

5) Loans

Gambar 40.Tampilan Database Loans

20
 6) Check Room

Gambar 41.Tampilan Database Check Room

 Arduino

Gambar 42. Tampilan Coding RFID Yang Terdiri Dari Servo, URL, Buzzer
dan Nodemcu

21
 Implementasi Produk

A. Model Pengaplikasian Sistem

Prinsip kerja dari Sistem Kontrol Ruangan ini adalah sebagai berikut. Awalnya, semua
pengguna harus memiliki kartu identitas di kampus yang di dalamnya terintegrasi dengan
chip dan sudah berisi data RFID number. RFID number ini akan dijadikan sebagai
identitasi setiap kartu dan sudah terdata pada website Room Access Control beserta data
pribadi penggunanya. Data pribadi tersebut terdiri dari nama, NIK/NIM, kelas, username,
email, dan position. Data pribadi ini akan di masukkan kedalam database melalui website
oleh admin.

Pengguna dapat menggunakan kartu RFID ini ketika akan masuk dan keluar ruangan yang
kemudian akan data pengguna akan terekam pada website secara real-time. Akses masuk
ruangan dapat diberikan kepada pengguna yang terjadwal atau sudah melakukan
peminjaman ruangan pada website pengguna. Jika pengguna tidak terjadwal maka akses
masuk ruangan tidak akan diberikan.

B. Implementasi Perangkat Keras (IoT)

Implementasi alat perekaman data akses ruangan/kelas dengan RFID Berbasis web
tersusun dari Rfid-RC522,node mcu-esp8266, Micro servo, buzzer DAN laptop (sebagai
server).

22
 Gambar 43. Tampilan Implementasi Alat

C. Implementasi Perangkat Lunak

Perangkat lunak (Software) digunakan untuk mendukung sistem operasi (SO) dan aplikasi
Database. Perangkat lunak yang dibutuhkan dari projek ini terdiri dari perangkat lunak
yang dibutuhkan untuk mengkonfigurasi alat dan perangkat lunak yang digunakan untuk
mengembangkan website Room Access Control.
1) Laragon

Gambar 44. Tampilan Laragon

Laragon adalah universal development environment untuk PHP, Node.js, Python,

Java, Go, Ruby, yang portable, terisolasi, cepat, ringan, dan mudah dipakai. Laragon
dipakai sebagai pengganti XAMPP.

2) Visual Studio Code

23
 Gambar 45. Tampilan Visual Studio Code

Visual Studio Code adalah perangkat lunak penyunting kode-sumber buatan

Microsoft untuk Linux, macOS, dan Windows. Visual Studio Code menyediakan
fitur seperti penyorotan sintaksis, penyelesaian kode, kutipan kode, merefaktor kode,
pengawakutuan, dan Git.

3) Adobe Illustrator

Gambar 46. Tampilan Adobe Illustrator

Adobe Illustrator adalah software editor grafis berbasis vektor. Pada PBL Room
Access Control digunakan untuk mendesain tampilan website awal yang berguna
sebagai acuan pengerjaan desain html website.

4) Arduino Software (IDE)

24
 Gambar 47. Tampilan Coding Arduino

Melalui software ini Arduino dilakukan pemrograman untuk melakukan fungsi-

fungsi yang dibenamkan melalui sintaks pemrograman. Arduino menggunakan
bahasa pemrograman sendiri yang menyerupai bahasa C. Software ini digunakan oleh
tim IOT untuk mengkonfigurasi alat perangkat keras yang dibutuhkan.

5) Laravel
Laravel adalah kerangka kerja aplikasi web berbasis PHP yang sumber terbuka,
menggunakan konsep Model-View-Controller. Laravel merupakan framework yang
digunakan dalam pembuatan aplikasi berbasis website Room Access Control.

6) Pemrograman PHP
Bahasa pemrograman yang digunakan untuk mengembangkan website Room Access
Control ini adalah PHP. PHP merupakan singkatan dari Hypertext Preprocessor.

D. Implementasi Website
Terdapat 2 bagian website yaitu untuk pengguna, dan website yang hanya dapat diakses
oleh admin.
a. Website Admin
1) Login

25
 Gambar 48. Tampilan Login

2) Dashboard

Gambar 49. Tampilan Dashboard

3) Users
Admin dapat mendaftarkan users yang belum terdaftar pada form dengan cara
klik add+, lalu dapat mengedit dengan cara klik action lalu kllik edit dan dapat
menghapus dengan cara action klik delete.

26
 Gambar 50. Tampilan Users

Gambar 51. Tampilan Add Users

4) Classes
Admin dapat menambah kelas yang belum terdaftar pada form dengan cara klik
add+, lalu dapat mengedit dengan cara klik action lalu kllik edit dan dapat
menghapus dengan cara action klik delete.

27
 Gambar 52. Tampilan Classes

Gambar 53. Tampilan Add Classes

5) Rooms
Admin dapat menambahkan ruangan yang belum terdaftar pada form dengan
cara klik add+, lalu dapat mengedit dengan cara klik action lalu kllik edit dan
dapat menghapus dengan cara action klik delete.

28
 Gambar 54. Tampilan Rooms

Gambar 55. Tampilan Add Rooms

6) Schedules
Admin dapat menambahkan jadwal yang belum terdaftar pada form dengan
cara klik add+, lalu dapat mengedit dengan cara klik action lalu kllik edit dan
dapat menghapus dengan cara action klik delete.

29
 Gambar 56. Tampilan Schedules

Gambar 57. Tampilan Add Schedules

7) Loans
Admin dapat mengubah status diajukan menjadi diterima/ ditolak dengan cara
klik pada action lalu klik edit.

Gambar 58. Tampilan Loan

30
 8) Check Room

Gambar 59. Tampilan Check Room

b. Website Users
1) Login

Gambar 60. Tampilan Login

31
2) Dashboard

Gambar 61. Tampilan Dashboard

3) Loans

Gambar 62. Tampilan Loans

Gambar 63. Tampilan Add Loans

32
Berikut merupakan tabel implementasi dari sistem kontrol keamanan pintu ruangan
menggunakan RFID berbasis website.
Tabel 1. Implementasi Website Admin
Menu Deskripsi
Dashboard Menu ini berisi informasi
mengenai jumlah user yang
sudah check in pada semua
ruangan dan jumlah user
yang sudah check in pada
tiap ruangan serta users
yang sudah terjadwal.
Users Menu ini berisi informasi
mengenai users yang telah
terdaftar dan admin dapat
mendaftarkan users yang
belum terdaftar pada form .
Classes Menu ini berisi informasi
mengenai kelas yang
terdaftar, admin dapat
menambah nama kelas
dengan cara klik add+.
Rooms Menu ini berisi informasi
mengenai ruangan yang
sudah ada/ terdaftar, admin
dapat menambah ruangan
dengan cara klik add+.
Schedules Menu ini berisi informasi
mengenai jadwal, admin
dapat menambah jadwal
Nama File
DashboardAdminController.php
Dashboard.blade.php
UserController.php
User.php
User
 Create.blade.php
 Edit.blade.php
 Index.blade.php
ClassesController.php
Classes.php
Class
 Create.blade.php
 Edit.blade.php
 Index.blade.php
RoomController.php
Room.php
Room
 Create.blade.php
 Edit.blade.php
 Index.blade.php
ScheduleController.php
Schedule.php
Schedule
33
 dengan cara klik add+.
Loans Menu ini berisi informasi
mengenai daftar users yang
memborang ruangan, admin
dapat mengubah status
diajukan menjadi diterima/
ditolak.
Check Room Menu ini berisi informasi
mengenai aktivitas users
yang check in dan check
out.
Tabel 2. Implementasi Website Users
Menu Deskripsi
Dashboard Menu ini berisi informasi
mengenai jumlah user yang
sudah check in pada semua
ruangan dan jumlah user
yang sudah check in pada
tiap ruangan serta users
yang sudah terjadwal.
Loans Menu ini dapat digunakan
untuk borang ruangan
dengan cara mengisi form.
 Create.blade.php
 Edit.blade.php
 Index.blade.php
LoanController.php
Loan.php
Loan
 Edit.blade.php
 Index.blade.php
TransactionController.php
Transaction.php
Transaction
 Index.blade.php
Nama File
DashboardController.php
Dashboard.blade.php
DashboardLoanController.php
Loan.php
Loan
 Create.blade.php
 Index.blade.php
34
E. Pengujian
Pengujian dilakukan untuk menjamin kualitas website dan alat serta bertujuan juga untuk
mengetahui kelemahan system serta menjamin bahwa sistem yang dibangun memiliki
kualitas yang baik.

 Pengujian Website

Tabel 3. Hasil Pengujian Website

No Kasus Yang Diuji Hasil Yang Hasil Yang Diterima Status

Diharapkan
1 Login Menampilkan Ketika masuk ke Berhasil
tampilan tampilan login website
username dan menampilkan login
password yang berisikan
username beserta
password
2 Dashboard Menampilkan Ketika klik menu Berhasil
jumlah users dashboard, website
check in dan menampilkan jumlah
terjadwal users yang sudah check
in, jumlah users pada
tiap ruangan serta
jumlah users yang
sudah terjadwal di hari
tersebut
3 Users Menampilkan Ketika klik menu users, Berhasil
daftar table website menampilkan
users dan table users dan add+
menampilkan yang berisikan form
add+, action pengisian untuk
menambahkan users
yang belum terdaftar
serta action untuk edit
dan delete
4 Classes Menampilkan Ketika klik menu Berhasil
daftar table classes, website akan
kelas dam menampilkan table
menampilkan classes dan add+ yang
add+ , action berisikan form
pengisian untuk
menambahkan kelas
yang belum terdaftar
serta action untuk edit
dan delete
5 Rooms Menampilkan Ketika klik menu Berhasil
daftar table rooms, website
ruangan dan menampilkan table
menampilkan ruangan dan
add+ , action menampilkan add+

35
 yang berisikan form
pengisian yang dapat
diisi oleh admin untuk
menambahkan ruangan
serta action untuk edit
dan delete
6 Schedules Menampilkan Ketika klik menu Berhasil
daftar table schedules, website
jadwal dan menampilkan table
menampilkan jadwal yang sudah
add+, action terdaftar dan
menampilkan add+
yang berisikan form
pengisian yang dapat
diisi oleh admin untuk
menambahkan jadwal
serta action untuk edit
dan delete
7 Loans Menampilkan Ketika klik menu loans, Berhasil
daftar table website menampilkan
jadwal dan table daftar users yang
menampilkan memborang ruangan
table loans serta action untuk edit
(merubah status dari
diajukan menjadi
diterima/ ditolak) dan
delete
8 Check Room Menampilkan Ketika klik menu check Berhasil
daftar table room, website akan
users yang menampilkan daftar
sudah check in table yang berisikan
dan check out informasi mengnai
beserta tanggal tanggal usres check in
dan jam nya dan check out

36
 Pengujian Alat

Tabel 4. Hasil Pengujian Alat

No Kasus Yang Diuji Hasil Yang Hasil Yang Diterima Status

Diharapkan
1 Servo Menampilkan Ketika RFID Card di Berhasil
kodingan servo tempelkan servo
dan mengalami pergerakan
menghasilkan 90 derajat.
pergerakan
servo yang
membuat servo
bergerak
2 RFID dan Node Menampilkan Ketika RFID Card di Berhasil
mcu kodingan, URL tempelkan yang
dan ditampilkan adalah
menampilkan nomor value kartu dan
keterangan kartu menampilkan URL
serta keterangan
diterima atau ditolak

37
 Kesimpulan

Berdasarkan hasil dari setiap proses pengerjaan PBL Room Access Control dan semua
kendala yang dihadapi dapat disimpulkan bahwa tingkat keberhasilan pada proyek ini adalah
95% dengan beberapa bagian tidak terselesaikan seperti belum dilakukannya penggabungan
antar desain html website yang sesuai konsep dengan website yang sudah selesai, belum
dilakukannya penyatuan website dengan alat perangkat RFID yang sudah terkonfigurasi
dikarenakan API yang masih belum sepenuhnya rampung, belum disambungkannya website
dengan server. Sebagian besar yang tidak terselesaikan adalah penggabungan semua aspek,
namun untuk masing-masing bagiannya sudah terselesaikan. Kerja sama tim yang baik sangat
dibutuhkan untuk kelancaran pengerjaan proyek. Diharapkan pengerjaan PBL kali ini bisa
dikembangkan lebih jauh agar dapat digunakan sesuai kebutuhan kampus.

38
 Lampiran

Lampiran berisi:

1. Manual book (.pdf)

Link

https://drive.google.com/file/d/1qty61HSCOAAETCo-

rzCTSRxF47MST53H/view?usp=drivesdk

2. Screenshot produk yang telah dibuat beserta link produk

39
 Gambar 64. Tampilan Produk

3. Screenshot demo/trailer beserta link video

Gambar 65. ScreenShot Demo

Link : https://youtu.be/sNBgjXslVtE

40
4. Poster beserta link poster

Gambar 66. Tampilan Poster

Link

https://drive.google.com/file/d/1n1soS1JsXB12V3R70hpnHJaXmchJQhF8/view?usp

=drivesdk

5. Dokumen kelengkapan pengajuan HKI beserta link dokumennya (.pdf)

Link

https://drive.google.com/drive/folders/1-1HWrPO9Fkfx8NvTfi1qOgR9J5BZDXsb

6. Logbook (.pdf)

Link

https://drive.google.com/file/d/1YBEH5S_oJQp5LojiQspRf2gMZO5QBHuf/view

7. Kode Program (.pdf)

Link

https://drive.google.com/file/d/1KwfdXDZcCs70YKNffYpyv2O6_3lfK5Yu/view?usp

=drivesdk

41