APLIKASI SISTEM PRESENSI ASISTEN LABORATORIUM KOMPUTER DI STMIK ATMA LUHUR PANGKALLPINANG MENGGUNAKAN
WIRELESS FIDELITY BERBASIS ANDROID
SKRIPSI
Oleh:
AGAFIRDUS ERVANDUS BLUTUK 1511500151
PROGRAM STUDI TEKNIK INFORMATIKA
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER ATMA LUHUR PANGKALPINANG
iii
KATA PENGANTAR
Puji syukur Alhamdulillah kehadirat Tuhan Yang Maha Esa yang telah melimpahkan segala rahmat dan karuniaNya, sehingga penulis dapat menyelesaikan laporan skripsi yang merupakan salah satu persyaratan untuk menyelesaikan jenjang strata satu (S1) pada Program Studi Teknik Informatika STMIK Atma Luhur .
Penulis menyadari bahwa laporan skripsi ini masih jauh dari sempurna. Karena itu, kritik dan saran akan senantiasa penulis terima dengan senang hati.
Dengan segala keterbatasan, penulis menyadari pula bahwa laporan skripsi ini takkan terwujud tanpa bantuan, bimbingan, dan dorongan dari berbagai pihak. Untuk itu, dengan segala kerendahan hati, penulis menyampaikan ucapan terima kasih kepada:
1. Allah SWT yang telah menciptakan dan memberikan kehidupan di dunia 2. Bapak dan Ibu tercinta yang telah memberikan doa dan semangat.
3. Bapak Drs. Djaetun Hs yang telah mendirikan Atma Luhur.
4. Bapak Drs. Harry Sudjikianto, MM, MBA Selaku Ketua Yayasan Atmaluhur. 5. Bapak Dr. Husni Teja Sukmana, S.T., M.Sc. selaku Ketua STMIK Atma Luhur. 6. Bapak R.Burham Isnanto Farid, S.Si., M. Kom Selaku Kaprodi Teknik
Informatika.
7. Bapak Chandra Kirana M. Kom selaku Sekprodi Teknik Informatika.
8. Bapak Rahmat sulaiman, M.Kom Selaku Dosen Pembimbing Skripsi yang telah mambantu dari awal sampai akhir proses skripsi ini.
9. Saudara dan sahabat-sahabatku terutama Kawan-kawan Angkatan 2015 yang telah memberikan dukungan moral untuk terus meyelesaikan skripsi ini.
Semoga Tuhan Yang Maha Esa membalas kebaikan dan selalu mencurahkan hidayah serta taufikNya, Amin.
Pangkalpinang, 05 Juli 2019
iv ABSTRACK
The use of an Android smartphone is enduring faster in all circles in everyday life. Supported by the development of innovative and varied mobile applications, is one of the causes. The development of mobile applications aims to support almost all human activities, especially in the world of work, therefore programmers create a presence system using wireless fidelity (WIFI) based on Android at the STMIK Atma Luhur Pangkalpinang laboratory. At the Atma Luhur STMIK laboratory still using the presence system manually. Through wireless fidelity programmers solve problems with prototype research models and Object Oriented Programming (OOP) methods. The software development tool is the Unified Modeling Language (UML). The application is created using encryption hash function in admin password and user password, and also added. Both encryption functions in the private password, even the admin and programmer do not know the contents of the user's password.
v ABSTRAK
Penggunaan smartphone android mewabah kian cepat di segala kalangan dalam kehidupan sehari-hari manusia. Didukung dengan adanya pengembangan aplikasi mobile yang begitu inovatif dan variatif, merupakan salah satu penyebabnya. Pengembangan aplikasi mobile bertujuan untuk mendukung hampir segala kegiatan manusia, terutama pada dunia kerja maka dari itu programmer mebuat sebuah sistem presensi menggunakan wireless fidelity (WIFI) berbasis android pada laboratorium STMIK Atma Luhur Pangkalpinang. Di laboratorium STMIK Atma Luhur masih menggunakan sistem presensi secara manual. Melalui wireless fidelity programmer memecahkan masalah dengan model penelitian prototype dan metode Object Oriented Programming (OOP). Alat bantu pengembangan perangkat lunak adalah Unified Modeling Language (UML). Aplikasi yang dibuat menggunakan enkripsi function hash pada password admin dan password user, serta juga menambahkan. Kedua enkripsi itu berfungsi pada private password, bahkan hingga admin dan programmer tidak mengetahui isi password user.
vi DAFTAR ISI
Halaman
LEMBAR PERNYATAAN ... i
LEMBAR PENGESAHAN ... ii
KATA PENGANTAR ... iii
ABSTRACT ... iv
ABSTRAK ... v
DAFTAR ISI ... vi
DAFTAR GAMBAR ... x
DAFTAR TABEL ... xii
DAFTAR ISTILAH ... xiv
DAFTAR SIMBOL ... xv
DAFTAR LAMPIRAN ... xix
BAB I PENDAHULUAN 1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 2
1.3 Batasan Masalah ... 2
1.4 Tujuan dan Manfaat Penelitian ... 2
1.4.1 Tujuan Penelitian ... 2
1.4.2 Manfaat Penelitian ... 3
1.5 Sistematika Penulisan ... 3
BAB II LANDASAN TEORI 2.1 Definisi Model Pengembangan Perangkat Lunak ... 5
2.1.1 Model Prototype ... 5
vii
2.1.3 Tahapan Prototype ... 6
2.2 Definisi Metode Pengembangan Perangkat Lunak ... 7
2.2.1 Object Oriented Programming (OOP)... 8
2.3 Definsi Tool Pengembangan Perangkat Lunak ... 8
2.3.1 Unified Modelling Languange (UML)... 8
2.4 Definisi Teori Pendukung ... 9
2.4.1 Sistem Kehadiran Pegawai ... 10
2.4.2 Jaringan Wireless Fidelity (WI-FI) ... 10
2.4.3 Mac Address………...11 2.4.4 Java ... 11 2.4.5 Android ... 12 2.4.6 Web Server... 12 2.4.7 PHP (Hypertext Preprocessor) ... 13 2.4.8 MySQL ... 13
2.4.9 Pengujian Black Box ... 15
2.5 Tinjauan Studi ... 16
BAB III METODOLOGI PENELITIAN 3.1 Model Prototype ... 18
3.2 Metode Object Oriented Programming ... 19
3.3 Alat Bantu Pengembangan Sistem ... 20
BAB IV HASIL DAN PEMBAHASAN 4.1 STMIK Atma Luhur ... 21
4.1.1 Struktur Organisasi ... 22
4.1.2 Visi dan Misi ... 23
4.2 Analisis Kebutuhan ... 24
4.2.1 Analisis Kebutuhan Fungsional ... 24
viii
4.2.3 Analisis Masalah Sistem Berjalan ... 26
4.3 Perancangan Sistem ... 27
4.3.1 Analisis Kebutuhan Sistem Usulan ... 27
4.3.2 Rancangan Sistem ... 27
4.3.2.1 Use Case Diagram Admin ... 26
4.3.2.2 Use Case Diagram Aslab... 28
4.3.2.3 Activity Diagram Registrasi ... 28
4.3.2.4 Activity Diagram Absensi ... 30
4.3.2.5 Sequence Diagram Manajemen Presensi ... 31
4.3.2.6 Sequence Diagram Verifikasi Aslab ... 31
4.3.2.7 Sequence Diagram Registrasi ... 33
4.3.2.8 Sequence Diagram Presensi Aslab ... 34
4.3.2.9 Class Diagram ... 35
4.4 Rancangan Layar ... 35
4.4.1 Rancangan Web Server Admin ... 36
4.4.1.1 Login Admin ... 36
4.4.1.2 Halaman Utama Web Server Admin ... 36
4.4.1.3 Halaman Verifikasi ... 37
4.4.1.4 Halaman Presensi ... 38
4.4.2 Rancangan Layar Aplikasi Aslab... 38
4.4.2.1 Login Aslab ... 38
4.4.2.2 Registrasi ... 39
4.4.2.3 Halaman Finish Registrasi ... 40
4.4.2.4 Halaman Utama Presensi ... 41
4.4.2.5 Halaman Lihat Presensi ... 42
4.5 Implementasi ... 43
4.5.1 Tampilan Layar Web Server Admin ... 43
4.5.1.1 Tampilan Halaman Login Admin ... 44
ix
4.5.1.3 Halaman Verifikasi ... 45
4.5.1.4 Halaman Presensi ... 46
4.5.2 Tampilan Layar Aslab... 47
4.5.2.1 Halaman Login Aslab ... 47
4.5.2.2 Halaman Registrasi ... 48
4.5.2.3 Halaman Finish Registrasi ... 49
4.5.2.4 Halaman Utama Presensi ... 50
4.5.2.5 Halaman Lihat Presensi ... 51
4.5.2.6 Pengujian Black Box ... 52
BAB V PENUTUP 5.1 Kesimpulan ... 55
5.2 Saran ... 55
DAFTAR PUSTAKA ... 56 LAMPIRAN ...
x
DAFTAR GAMBAR
Halaman
Gambar 2.1 : Model Prototype ... 5
Gambar 2.2 : Web Server ... 12
Gambar 4.1 : Struktur Organisasi Laboratorium Komputer STMIK Atma Luhur ... 23
Gambar 4.2 : Use case diagram Admin ... 27
Gambar 4.3 : Use case Diagram Aslab ... 28
Gambar 4.4 : Activity diagram Registrasi ... 29
Gambar 4.5 : Activity diagram Regestrasi Menu Utama ... 30
Gambar 4.6 : Sequence Digram Manajemen Presensi ... 31
Gambar 4.7 : Sequnce Diagram Verifikasi Aslab ... 32
Gambar 4.8 : Sequence Diagram Registrasi ... 33
Gambar 4.9 : Sequence Digram Presensi Aslab...34
Gambar 4.10 : Class diagram ... 35
Gambar 4.11 : Rancangan layar login web server Admin ... 36
Gambar 4.12 : Rancangan halaman utama web server admin...37
Gambar 4.13 : Rancangan layar Halaman Verifikasi...37
Gambar 4.14 : Rancangan layar halaman presensi...38
Gambar 4.15 : Rancang layar halaman login aslab...39
Gambar 4.16 : Rancang layar halaman registrasi... 40
Gambar 4.17 : Rancangan halaman finish registrasi ... 41
Gambar 4.18 : Rancangan layar halaman utama presensi... 42
Gambar 4.19 : Rancangan layar halaman layar presensi ... 43
Gambar 4.20 : Tampilan layar login admin ... 44
Gambar 4.21 : Tampilan layar halaman utama web server ... 45
xi
Gambar 4.23 : Tampilan halaman presensi ... 46
Gambar 4.24 : Layar login aslab...47
Gambar 4.25 : Tampilan layar registrasi Aslab ... 48
Gambar 4.26 : Tampilan layar halaman finish registrasi...49
Gambar 4.27 : Tampilan halaman utama presensi ... 50
xii
DAFTAR TABEL
Halaman
Tabel 2.1 : Tabel Penelitian Terdahulu ... 16
Tabel 4.1 : Tabel Spesifikasi Laptop... 25
Tabel 4.2 : Tabel Spesifikasi Smartphone... 25
Tabel 4.3 : Pengujian Black Box Admin Pada Web Server ... 52
xiii
DAFTAR ISTILAH
CF = Certainty Factor
OOP = Object Oriented Programming UML = Unified Modelling Language AI = Artificial Intelligence
PHP = Hypertext Preprocessor WIFI = Wireless Fidelity
xiv
DAFTAR SIMBOL
1. Simbol Use Case Diagram
No Simbol Keterangan
1 Use case
Gambaran fungsionalitas dari suatu sistem, sehingga pengguna sistem paham dan mengerti mengenai kegunaan sistem yang akan dibangun.
2 Actor
Sebuah sebuah entitas manusia atau mesin yang berinteraksi dengan sistem untuk melakukan pekerjaan-pekerjaan tertentu.
3 Association
Merupakan abtraksi berupa garis tanpa panah yang menghubung antara aktor dan use case atau use case dengan use case.
4 Include
Menunjukkan bahwa suatu use case seluruhnya merupakan fungsionalitas dari use case lainnya.
5 Extend
Menunjukkan suatu use case merupakan tambahan fungsional dari use case lainnya jika suatu kondisi terpenuhi.
xv
2. Simbol Activity Diagram
No Simbol Keterangan
1 Initial Node
Merupakan simbol untuk memulai Activity diagram.
2 Activity Final Node
Merupakan simbol untuk mengakhiri Activity diagram
3 Swimline
Menggambarkan pemisahan atau pengelompokan aktivitas berdasarkan actor.
4 Activity
Activity juga merupakan proses komputasi atau perubahan kondisi yang bisa berupa kata kerja atau ekspresi.
5 Transition
Menggambarkan aliran
perpindahan kontrol antara activity.
6 Decision
Merupakan cara untuk
menggabungkan ketika ada lebih dari 1 transisi yang masuk atau pilihan untuk mengambil keputusan.
7 Fork (Percabangan)
Mempunyai 1 transisi masuk dan 2 atau lebih transisi keluar.
8 Join (Penggabungan)
Mempunyai 2 atau lebih transisi masuk dan hanya 1 transisi keluar.
xvi
3. Simbol Class Diagram
No Simbol Keterangan
1 Class
Himpunan dari object yang berbagi atribut dan operasi yang sama.
2 Association
Merupakan abtraksi berupa garis tanpa panah yang menghubung antara class.
4. Simbol Sequence Diagram
No Simbol Keterangan
1 Actor
Menggambarkan seseorang atau sesuatu (seperti perangkat, sistem lain) yang berinteraksi dengan sistem.
2 Boundary
Mengambarkan interaksi antara satu atau lebih actor dengan sistem, memodelkan bagian dari sistem yang bergantung pada pihak lain disekitarnya dan merupakan pembatas sistem dengan dunia luar.
xvii
3 Control
Menggambarkan “perilaku untuk mengatur atau kegiatan mengontrol”, mengkoordinasikan perilaku sistem dan dinamika dari suatu sistem, menangani tugas utama dan mengontrol alur kerja suatu sistem.
4 Entity
Menggambarkan informasi yang harus disimpan oleh sistem (struktur data dari sebuah sistem).
5 Message
Menggambarkan pesan/hubungan antar objek yang menunjukkan urutan kejadian yang terjadi.
6 Self Message
Pesan yang dikirim untuk dirinya sendiri.
7 Loop Message
Menggambarkan dengan sebuah frame dengan label loop dan
sebuah kalimat yang
xviii
DAFTAR LAMPIRAN
Lampiran Surat Balasan Riset Lampiran Kartu Bimbingan Skripsi Lampiran Form Biodata Mahasiswa
