penerapan qr-code pada presensi perkuliahan studi …

PENERAPAN QR-CODE PADA PRESENSI

PERKULIAHAN STUDI KASUS TEKNIK

INFORMATIKA DAN KOMPUTER

SKRIPSI

RENO KALIH MADANI 4816040365

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA DAN KOMPUTER

POLITEKNIK NEGERI JAKARTA

2020

PENERAPAN QR-CODE PADA PRESENSI

PERKULIAHAN STUDI KASUS TEKNIK

INFORMATIKA DAN KOMPUTER

SKRIPSI

Dibuat untuk Melengkapi Syarat-Syarat yang Diperlukan

untuk Memperoleh Diploma Empat Politeknik

Reno Kalih Madani

4816040334

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA DAN KOMPUTER

POLITEKNIK NEGERI JAKARTA

2020

iii

HALAMAN PERNYATAAN ORISINALITAS

Skripsi/Tesis/Disertasi ini adalah hasil karya saya sendiri,

dan semua sumber baik yang dikutip maupun dirujuk

telah saya nyatakan benar.

Nama : Reno Kalih Madani

NPM : 4816040365

Tanggal : 21 Juni 2020

Tanda Tangan :

v

KATA PENGANTAR

Puji syukur kehadiran Allah SWT atas segala rahmat, berkah, hidayah-Nya, Sholawat

serta salah selalu terucap teruntuk sayyidil Rasul Muhammad SAQ, karena hal tersebut

penulis dapat menyelesaikan skripsi ini demi memenuhi syarat untuk mencapai gelar

Sarjana Terapan Politeknik Negeri Jakarta. Penulis menyadari masih banyak

kekurangan dalam penyusunan skripsi ini, tanpa bantuan dan bimbingan dari berbagai

pihak sekiranya sangat amat mustahil penulis dapat menyelesaikan skripsi ini. Oleh

karena itu penulis mengucapkan terima kasih banyak kepada:

a. Allah SWT Tuhan yang maha esa, yang telah memberikan kesehatan dan akal

sehat yang berharga bagi penulis sehingga laporan ini dapat terselesaikan

dengan baik.

b. Orang tua dan keluarga penulis yang telah memberikan bantuan dukungan

secara moral maupun material.

c. Risna Sari, selaku dosen pembimbing yang telah menyediakan waktu, tenaga

dan pikiran untuk mengarahkan penulis dalam penyusunan skripsi.

d. Teman – teman yang telah banyak membantu memberikan ide, doa dan

dukungan sehingga penulis dapat menyelesaikan skripsi ini.

Penulis berharap Allah SWT dapat membantu dan mempermudah penulis untuk dapat

menyelesaikan hingga akhir dan agar Allah SWT berkenan untuk membalas kebaikan

semua pihak yang telah membantu penulis dengan pahala yang berlipat ganda. Akhir

kata, semoga apa-apa yang penulis lakukan ini dapat bermanfaat bagi manusia banyak

pihak dan dapat menjadi tambahan wawasan bagi yang membaca.

Jakarta, 8 Juli 2020

Reno Kalih Madani

vi

HALAMAN PERNYATAAN PERSETUJUAN PUBLIKASI SKRIPSI UNTUK

KEPENTINGAN AKADEMIS

Sebagai civitas akademik Politeknik Negeri Jakarta, saya yang bertanda tangan di

bawah ini:

Nama : Reno Kalih Madani

NIM : 481604365

Program Studi : Teknik Informatika

Jurusan : Teknik Informatika dan Komputer

Jenis Karya : Skripsi

Demi pengembangan ilmu pengetahuan, menyetujui untuk memberikan kepada

Politeknik Negeri Jakarta Hak Bebas Royalti Noneksklusif (Non-exclusive Royalty-

Free Right) atas karya ilmiah saya yang berjudul:

Penerapan QR-CODE Pada Presensi Perkuliahan Studi Kasus Teknik

Informatika dan Komputer

Beserta perangkat yang ada (jika diperlukan). Dengan Hak Bebas Royalti Noneksklusif

ini Politeknik Negeri Jakarta berhak menyimpan, mengalihmedia/format-kan,

mengelola dalam bentuk pangkalan data (database), merawat dan memublikasikan

skripsi saya selama tetap mencantumkan nama saya sebagai penulis/pencipta dan

sebagai pemilik Hak Cipta.

Demikian pernyataan ini saya buat dengan sebenarnya.

Dibuat di : Jakarta Pada tanggal : 14 Agustus 2020

Yang menyatakan

Reno Kalih Madani

v

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Penerapan QR-CODE Pada Presensi Perkuliahan Studi Kasus Teknik

Informatika dan Komputer

Abstrak

Kehadiran merupakan hal yang penting bagi dokumentasi presensi seseorang. Kehadiran tidak

hanya berlaku untuk karyawan atau staff, mahasiswa pun mengambil peran penting.

Mengambil studi kasus pada jurusan Teknik Informatika dan Komputer Politeknik Negeri

Jakarta. Masalah yang tengah terjadi dan terus berulang adalah data kompensasi yang tidak

sesuai. Data rekap kompensasi diambil berdasarkan rekap kehadiran. Kehadiran mahasiswa

yang selama ini dilakukan secara manual tentu tidak luput dari kesalahan manusia didalamnya.

Untuk itu diperlukan sebuah sistem yang terkomputerisasi untuk menyelesaikan permasalahan

tersebut. Sistem presensi menggunakan QR-Code untuk mencatat kehadiran mahasiswa

dengan melakukan scan pada QR-Code yang telah disediakan. QR-Code dapat menyimpan

data dalam bentuk vertikal dan horizontal sehingga lebih fleksibel. Pengujian menggunakan

Alpha Testing dengan 36 skenario menghasilkan 34 skenario berhasil dan 2 skenario gagal

dengan presentasi keberhasilan 94%. Pengujian menggunakan metode Stress Testing

menghasilkan . Pengujian dilakukan dengan 10 users yang melakukan request dalam waktu

bersamaan dari range 2 menit dan berhasil mendapat durasi tertinggi berada pada nilai 0.375.

Hal ini berarti sistem mampu menerima 10 request dari 10 user dengan waktu tertinggi 0.375.

Kata Kunci: Kehadiran, Mahasiswa, QR-Code, Scan, Website

vi


DAFTAR ISI

HALAMAN PERNYATAAN ORISINALITAS ................................................................. iii

LEMBAR PENGESAHAN......................................................Error! Bookmark not defined.

KATA PENGANTAR ........................................................................................................... iv

HALAMAN PERNYATAAN PERSETUJUAN PUBLIKASI SKRIPSI UNTUK

KEPENTINGAN AKADEMIS ............................................................................................ vi

Abstrak .................................................................................................................................... v

DAFTAR ISI ......................................................................................................................... vi

DAFTAR TABEL ............................................................................................................... viii

DAFTAR GAMBAR ............................................................................................................. ix

BAB I ......................................................................................................................................1

PENDAHULUAN ..................................................................................................................1

1.1 Latar Belakang Masalah .....................................................................................................1

1.2 Perumusan Masalah ...........................................................................................................2

1.3 Batasan Masalah ................................................................................................................2

1.4 Tujuan dan Manfaat ...........................................................................................................2

1.4.1 Tujuan .............................................................................................................................2

1.4.2 Manfaat ...........................................................................................................................3

1.5 Metode Penyelesaian Masalah ...........................................................................................3

BAB II .....................................................................................................................................4

TINJAUAN PUSTAKA .........................................................................................................4

2.1 Sistem Informasi ................................................................................................................4

2.1.1 Metode Waterfall ............................................................................................................4

2.2 Sistem Informasi Akademik ...............................................................................................5

2.3 Presensi ..............................................................................................................................5

2.4 QR Code .............................................................................................................................5

2.5 WebSite ..............................................................................................................................7

2.5.1 Framework CodeIgniter ..................................................................................................7

2.5.2 PHP (HyperText Preprocessor) .......................................................................................8

2.5.3 Database MySQL ............................................................................................................8

2.6 Flowchart ...........................................................................................................................8

2.7 UML (Unified Modelling Languange) ...............................................................................8

2.7.1 Use Case Diagram...........................................................................................................8

2.7.2 Class Diagram .................................................................................................................9

2.7.3 Activity Diagram ...........................................................................................................10

2.8 MD5 (Message Digest Algorithm 5) ................................................................................11

2.9 Penelitian Sejenis .............................................................................................................11

2.9 Algoritma pemrograman ..................................................................................................13

vii


BAB III .................................................................................................................................14

PERANCANAAN DAN REALISASI .................................................................................14

3.1 Perancangan Sistem .........................................................................................................14

3.1.1 Deskripsi Program Aplikasi ..........................................................................................14

3.1.2 Desain Sistem ................................................................................................................22

3.1.3 Rancangan Antar Muka .................................................................................................35

3.2 Realisasi ...........................................................................................................................38

BAB IV .................................................................................................................................. 89

PEMBAHASAN ...................................................................................................................51

4.1 Pengujian .........................................................................................................................52

4.1.1 Deskripsi Pengujian ......................................................................................................52

4.1.2 Prosedur Pengujian........................................................................................................52

4.1.3 Data Hasil Pengujian .....................................................................................................54

4.2 Evaluasi Hasil Pengujian ..................................................................................................66

BAB V ...................................................................................................................................68

PENUTUP ............................................................................................................................71

5.1 Kesimpulan ......................................................................................................................71

5.2 Saran ...............................................................................................................................71

DAFTAR PUSTAKA ...........................................................................................................73

viii


DAFTAR TABEL

Tabel 1. Simbol Use Case Diagram .........................................................................................9

Tabel 2. Class Diagram ..........................................................................................................10

Tabel 3 Rencana Pengujian ....................................................................................................52

Tabel 4 Hasil Pengujian Autentikasi ......................................................................................54

Tabel 5 Hasil Pengujian Registrasi ........................................................................................55

Tabel 6 Hasil Pengujian Presensi Harian ...............................................................................57

Tabel 7 Hasil Pengujian Perizinan Modul Admin ..................................................................58

Tabel 8 Hasil Pengujian Scan Modul Mahasiswa ..................................................................60

Tabel 9 Hasil Pengujian Kehadiran Modul Mahasiswa ..........................................................60

Tabel 10 Hasil Pengujian Halaman Perkuliahan ....................................................................62

Tabel 11 Hasil Pengujian Upload Jadwal KPS .......................................................................63

Tabel 12 Hasil Pengujian Perizinan Modul KPS ....................................................................64

Tabel 13 Hasil Pengujian Fleksibilitas Browser .....................................................................65

Tabel 14 Hasil Pengujian Ubah Role Modul Superadmin ......................................................65

ix


DAFTAR GAMBAR

Gambar 2.1 Metode Waterfall ..................................................................................................4

Gambar 2.2 QR Code ...............................................................................................................6

Gambar 2.3 Diagram Proses Pembangkitan QR Code .............................................................6

Gambar 2. 4 Diagram Proses Pembacaan QR Code .................................................................7

Gambar 2.5 Simbol Acitivty Diagram ....................................................................................11 Gambar 3.1 Flowchart Presensi Manual.................................................................................15

Gambar 3.2 Flowchart Sistem Presensi ..................................................................................16

Gambar 3.3 Flowchart Fitur Generate ....................................................................................17

Gambar 3.4 Flowchart Fitur Scan ..........................................................................................18

Gambar 3.5 Flowchart Fitur Rekapitulasi Presensi ................................................................19

Gambar 3.6 Flowchart Fitur Upload Jadwal...........................................................................20

Gambar 3.7 Flowchart Fitur Pengajuan Surat ........................................................................21

Gambar 3.8 Flowchart Fitur Persetujuan Pengajuan Surat .....................................................22

Gambar 3.9 Use Case Diagram Sistem Presensi ....................................................................25

Gambar 3.10 Activity Diagram Login ....................................................................................26

Gambar 3.11 Activity Diagram Pengajar Generate QR Code ................................................27

Gambar 3.12 Activity Diagram Mahasiswa Scan QR Code ...................................................28

Gambar 3.13 Activity Diagram Superadmin Ubah Role ........................................................29

Gambar 3.14 Activity Diagram Admin Rekap Presensi Harian .............................................30

Gambar 3.15 Activity Diagram Admin Ubah Presensi Mahasiswa ........................................31

Gambar 3.16 Activity Diagram Ketua Prodi Melakukan Persetujuan Pengajuan Surat..........32

Gambar 3.17 Activity Diagram Ketua Prodi Upload Jadwal ..................................................33

Gambar 3.18 Activity Diagram Mahasiswa Ajukan Surat .....................................................34

Gambar 3.19 Class Diagram ..................................................................................................35

Gambar 3.20 MockUp Halaman Login ..................................................................................36

Gambar 3.21 MockUp Halaman Scan ....................................................................................37

Gambar 3.22 MockUp Halaman Generate QR Code..............................................................37

Gambar 3.23 Halaman Login .................................................................................................38

Gambar 3.24 Halaman Dashboard Admin .............................................................................39

Gambar 3.25 Halaman Presensi Harian ..................................................................................39

Gambar 3.26 Halaman Ubah Status Kehadiran Mahasiswa ...................................................40

Gambar 3.27 Halaman Generate QR Code ............................................................................41

Gambar 3.28 Halaman Generate QR Code ............................................................................41

Gambar 3.29 Source Code QR Code dinamis ........................................................................42

Gambar 3.30 Halaman Akhiri Perkuliahan ............................................................................43

Gambar 3.31 Halaman Daftar Materi .....................................................................................43

Gambar 3.32 Halaman Kehadiran Mahasiswa .......................................................................44

x


Gambar 3.33 Halaman Kehadiran Pribadi ..............................................................................44

Gambar 3.34 Halaman Scan Presensi .....................................................................................45

Gambar 3.35 Halaman Berhasil Scan .....................................................................................45

Gambar 3.36 Halaman Berhasil Scan Masuk .........................................................................46

Gambar 3.37 Source Code Presensi .......................................................................................47

Gambar 3.38 Halaman Ajukan Surat......................................................................................48

Gambar 3.39 Halaman Ajukan Surat......................................................................................48

Gambar 3.40 Halaman Persetujuan KPS ................................................................................49

Gambar 3.41 Halaman Upload Jadwal ...................................................................................49

Gambar 3.42 Halaman Ubah Role .........................................................................................50

Gambar 3. 43 Halaman Data Kehadiran .................................................................................50

Gambar 3. 44 Halaman Grafik Kehadiran ..............................................................................51

Gambar 4.1 Average Request Response Time .......................................................................67

Gambar 4.2 Average Page Response Time ............................................................................68

Gambar 4.3 Statistics Summary .............................................................................................69

Gambar 4. 4 Results Summary ...............................................................................................69

1

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Era globalisasi kini berkembang pesat diiringi dengan perkembangan teknologi

informasi. Teknologi saat ini memberikan kemudahan dan digunakan sebagai alat

bantu pekerjaan. Seluruh kalangan membuka mata pada kemajuan teknologi, termasuk

instansi swasta ataupun negeri yang mengikuti perkembangan dan berlomba

meningkatkan mutu kinerja dengan teknologi.

Politeknik Negeri Jakarta merupakan salah satu instansi pendidikan tinggi vokasi yang

memiliki tujuh jurusan dan 34 program studi (Politeknik Negeri Jakarta). Berdasarkan

wawancara yang telah dilakukan dengan Ketua Program Studi Teknik Informatika

(KPS TI), dapat diketahui permasalahan yang saat ini tengah dihadapi yaitu belum

tersedianya sistem informasi presensi untuk mahasiswa. Dimana kegiatan presensi

masih dilakukan secara manual oleh dosen dengan cara mencatatkan rekap data

mahasiswa yang hadir melalui lembar kehadiran. Hingga perhitungan kompensasi pun

masih dilakukan semi komputerisasi dengan bantuan Microsoft Excel. Permasalahan

lain yaitu sulitnya melakukan tracking kompllain jumlah kompensasi mahasiswa.

Hal ini menyebabkan proses presensi menjadi kurang maksimal dan resiko munculnya

kesalahan input serta rekapitulasi kompensasi mahasiswa. Saat ini, bagian administrasi

TIK PNJ masih kesulitan dalam pengolahan data presensi yang besar dan kebutuhan

penyajian laporan serta perhitungan kompensasi yang akurat tentu membutuhkan

tenaga dan waktu yang tidak sedikit.

Dari permasalahan yang ada, penulis mengusung gagasan yaitu Penerapan QR-Code

Pada presensi Perkuliahan TIK PNJ. Jurusan TIK memerlukan adanya suatu sistem

yang dapat mempermudah proses presensi ketika mata kuliah berlangsung agar lebih

efektif dan efisien. Pemilihan QR-Code pada setiap mahasiswa dapat mengurangi

kecurangan saat melakukan pengisian daftar kehadiran perkuliahan. QR-Code dinilai

2


lebih efisien karena dapat menyimpan informasi secara vertikal maupun horizontal dan

dengan respon yang cepat (Sugiantoro dan Hasan, 2015). Keunggulan lain dari QR

Code yaitu penggunaannya mudah dipindai dan data yang dihasilkan dapat langsung

diketahui (Hermanto, Nurfaizah, Rahmat, 2019). Tidak hanya dari segi penyimpanan

dan akurasi data yang dihasilkan, dengan teknologi QR Code akan memudahkan proses

presensi berjalan otomatis dan terkomputerisasi serta akan meminimalisir kecurangan

mahasiswa dalam proses absensi, karena QR Code akan berubah setiap pertemuan

(Hermanto, Riyanto, 2019).

1.2 Perumusan Masalah

Rumusan masalah yang dapat diambil dari penjelasan masalah yang telah dijelaskan

yaitu bagaimana Membangun sistem presensi perkuliahan pada jurusan TIK berbasis

website dengan memanfaatkan QR-Code?

1.3 Batasan Masalah

Adapun rumusan yang membatasi penelitian secara subjektif dan objektif penelitian

agar ruang lingkup menjadi lebih spesifik, diantaranya:

1. Pembuatan sistem ini mengambil studi kasus pada jurusan Teknik Informatika

Komputer Politeknik Negeri Jakarta.

2. Implementasi QR-Code dalam presensi perkuliahan untuk mahasiswa.

3. Bahasa pemrograman yang digunakan yaitu PHP dengan menggunakan framework

CodeIgniter versi 3.0.

4. Fitur Upload Jadwal tidak termasuk kedalam aplikasi presensi.

1.4 Tujuan dan Manfaat

1.4.1 Tujuan

Adapun tujuan penulisan skripsi yaitu untuk membuat suatu sistem dengan

menerapkan QR-Code dalam presensi perkuliahan berbasis website.

3


1.4.2 Manfaat

1. Pembuatan laporan rekapitulasi data presensi perkuliahan lebih cepat dan akurat

oleh bidang administrasi.

2. Perhitungan rekapitulasi kompensasi lebih teratur.

3. Tidak terjadi kecurangan saat proses presensi.

4. Proses yang cepat dan tidak membutuhkan tenaga ekstra untuk kegiatan presensi

saat mata kuliah berlangsung.

5. Mahasiswa mengetahui kompensasi secara realtime.

1.5 Metode Penyelesaian Masalah

Metode pengembangan yang digunakan dalam penerapan QR-Code pada presensi

perkuliahan JTIK PNJ yaitu Waterfall. Menurut Sukamto dan Shalahuddin “Model

SDLC air terjun (waterfall) sering juga disebut model sekuensial linier (sequential

linear) atau alur hidup klasik (classic life cycle)”(Dermawan & Hartini, 2017).

a. Analisa Permasalahan

Menganalisis segala permasalahan yang terkait untuk dicari penyelesaiannya.

b. Studi Literatur

Mencari data-data sumber informasi berupa buku, jurnal, internet, dan literatur

lainnya yang digunakan sebagai bahan referensi sebelum menyelesaikan

permasalahan yang dihadapi.

c. Analisa Kebutuhan

Menganalisis segala alat dan bahan yang dibutuhkan untuk penyelesaian masalah.

d. Perencanaan Sistem

Melakukan perancangan sistem sebagai penyelesaian masalah secara detail dan

global.

e. Implementasi Sistem

Melakukan implementasi dan pembangunan sistem sebagai penyelesaian masalah.

f. Uji Coba dan Identifikasi Kesalahan

Melakukan pengujian terhadap sistem apakah telah terjawab dan menyelesaikan

masalah serta mengidentifikasi kesalahan sistem yang terjadi.

4

BAB II

TINJAUAN PUSTAKA

2.1 Sistem Informasi

Secara garis besar sistem merupakan gabungan dari beberapa unsur/variabel yang

saling berhubungan satu sama lain dan saling berinteraksi satu dan lainnya. Sistem

adalah kumpulan dari beberapa elemen yang saling berhubungan untuk mencapai

tujuan tertentu (Sri Ipnuwati, 2016). Informasi merupakan data yang diproses ke dalam

bentuk yang memiliki arti bagi penerima dan memiliku nilai yang real untuk keputusan

saat itu atau keputusan yang akan datang (Firman, Wowor, Najoan, 2016).

2.1.1 Metode Waterfall

Metode Waterfall adalah suatu proses pengembangan perangkat lunak, di mana

memiliki proses terus mengalir ke bawah (seperti air terjun) melewati fase-fase

perencanaan, pemodelan, implementasi (konstruksi), dan pengujian. Dalam

pengembangannya metode waterfall memiliki beberapa tahapan yang runtut:

requirement (analisis kebutuhan), design sistem (system design), Coding & Testing,

Penerapan Program, pemeliharaan (Tristianto, 2018).

Gambar 2.1 Metode Waterfall

(Tristianto, 2018).

5


2.2 Sistem Informasi Akademik

Sistem informasi akademik merupakan sistem yang mengolah data dan melakukan

proses kegiatan akademik yang melibatkan antara siswa dan civitas akademik baik itu

guru, administrasi akademik, penilaian dan data atribut lainnya. Sistem informasi

akademik melakukan kegiatan administrasi akademik, melakukan proses belajar

mengajar antara pengajar dan siswa, melakukan proses administrasi akademik yang

menyangkut kelengkapan dokumen dan biaya yang ada pada kegiatan registrasi

ataupun kegiatan harian administrasi akademik (Anam, Muharram, 2018).

2.3 Presensi

Presensi adalah kegiatan untuk mengetahui data kehadiran serta tingkat kedisiplinan

dari karyawan dalam suatu instansi, institusi atau perusahaan. Presensi kehadiran

adalah salah satu indikator yang penting dalam proses belajar mengajar. Presensi

mahasiswa menunjukkan aktif atau tidaknya mahasiswa dalam menghadiri perkuliahan

di satu mata kuliah. Presensi juga menjadi salah satu penilaian akhir mahasiswa dalam

proses belajar mengajar tersebut (Supendi, Supriadi, Isto, 2019).

2.4 QR Code

QR-Code adalah gambar berupa matriks dua dimensi yang mempunyai kemampuan

untuk menyimpan data. QR-Code merupakan evolusi dari kode batang (barcode).

Barcode merupakan sebuah simbol penandaan objek nyata yang terbuat dari pattern

batang berwarna hitam dan putih agar mudah untuk dikenali oleh komputer (Herlina,

Hidayatulloh, 2017).

6


Gambar 2.2 QR Code

(Herlina, Hidayatulloh, 2017).

QR Code merupakan singkatan dari Quick Response Code atau kode respon cepat. QR

Code dikembangkan oleh perusahaan Denso, sebuah perusahaan Jepang yang bergerak

pada bidang otomotif. QR Code ini dipublikasikan pada tahun 1994 untuk melacak

kendaraan pada bagian manufaktur dengan cepat. Prosedur pembuatan qr-code dapat

dilihat pada gambar 2.3.

Gambar 2.3 Diagram Proses Pembangkitan QR Code


Langkah-langkah untuk membaca QR Code menjadi teks aslinya merupakan reverse

atau kebalikan dari langkah-langkah pada pembangkitan QR Code. Secara umum

prosedur pembacaan QR Code dapat dijelaskan dengan diagram alur dibawah.

7


Gambar 2. 4 Diagram Proses Pembacaan QR Code


Seiring berkembangnya QR Code, semakin banyak penelitian yang dilakukan

mengenai kode simbol ini. Berbagai penelitian terus dilakukan, baik untuk menambah

data yang disimpan dalam qrcode. Menambah resistensi terhadap kerusakan, dan lain-

lain.

2.5 WebSite

Menurut Ardhana (2012:3) website merupakan halaman web yang memiliki topik

saling terkait, terkadang disertai pula dengan berkas gambar, video, dokumen atau

berkas lainnya. Situs web merupakan kumpulan dari halaman web yang sudah

dipublikasikan di jaringan internet dan memiliki domain/URL (Unifed Resource

Locator) yang dapat diakses oleh pengguna internet (Tabrani, Pudjiarti, 2017).

2.5.1 Framework CodeIgniter

Codeigniter adalah Sebuah kumpulan instruksi yang dikumpulkan dalam class dan

function-function dengan fungsi masing-masing yang bertujuan untuk memudahkan

developer untuk memanggil tanpa harus menuliskan syntax program yang sama

berulang-ulang dan dapat mempersingkat waktu pada PHP yang memiliki sifat open

source serta menggunakan metode MVC (Model, View, Controller) untuk

8


memudahkan developer atau programmer untuk membangun sebuah aplikasi berbasis

web tanpa harus membangun dari awal (Maya Destiningrum & Qadhli Jafar Adrian,

2017).

2.5.2 PHP (HyperText Preprocessor)

PHP merupakan script yang menyatu dengan HTML (HyperText Markup Language)

dan berada pada server. Dengan PHP ini programmer dapat membuat aplikasi berbasis

website, dari halaman website yang mudah sampai aplikasi komplek yang memerlukan

koneksi ke database (Tabrani, Pudjiarti, 2017).

2.5.3 Database MySQL

MySQL adalah database open source yang tidak berbayar dan tersedia untuk semua

platform yang berhubungan dengan script php menggunakan perintah query dan escape

character yang sama dengan php (Tabrani, Pudjiarti, 2017).

2.6 Flowchart

Flowchart merupakan diagram yang memiliki pergerakan satu atau dua arah secara

sekuensial. Flowchart digunakan untuk mewakili ataupun mendesain program (Adelia,

Setiawan, 2016).

2.7 UML (Unified Modelling Languange)

Unified Modelling Languange (UML) adalah suatu metode untuk menggambarkan dan

mendokumentasikan hasil dari analisa dan desain yang berisi syntax dalam pemodelan

sistem secara visual yang merupakan satu kumpulan konvensi pemodelan untuk

menggambarkan sistem menggunakan objek (Sugiyani, Risdiyani, 2017).

2.7.1 Use Case Diagram

Use Case atau diagram Use Case merupakan pemodelan sistem informasi yang akan

dibuat. Use Case dideskripsikan sebuah interaksi antara satu aktor atau lebih dari

sistem informasi yang akan dibuat (Herpendi, 2016). Berikut simbol yang terdapat pada

use case.

9


Tabel 1. Simbol Use Case Diagram

Simbol Keterangan

Aktor : Mewakili peran orang,

sistem yang lain, atau alat

ketika berkomunikasi dengan

Use Case : Abstraksi dan

interaski antara sistem dan

aktor

Association : Abstraksi dari

penghubung antara aktor engan

use case

Generalisasi : Menunjukkan

spesialisasi aktor untuk dapat

berpartisipasi dengan use case

Menunjukkan bahwa suatu use

case seluruhnya merupakan

fungsionalitas dari use case lain

Menunjukkan bahwa suatu use

case seluruhnya merupakan

tambahan fungsionalitas dari

use case lain jika suatu kondisi

terpenuhi

2.7.2 Class Diagram

Class diagram merupakan relasi antar kelas dan penjelasan detail pada tiap-tiap kelas

didalam model desain suatu sistem, memperlihatkan aturan yang menentukan perilaku

sistem dan menunjukkan atribut dan operasi dari sebuah kelas dan constraint yang

terhubung dengan objek yang dikoneksikan (Hendini, 2016). Hubungan antar kelas

memiliki keterangan yang disebut dengan Multiplicity atau Cardinality.

10


Tabel 2. Class Diagram

Multiplicity Keterangan

1 Hanya satu

0...* Boleh tidak atau 1 atau lebih

1...* 1 atau lebih

0...1 Boleh tidak ada, maksimal 1

n...n Batasan antara. Contoh 2..4

mempunyai arti minimal 2 maksimal 4

2.7.3 Activity Diagram

Activity diagram menggambarkan berbagai alur aktifitas dalam sistem yang sedang

dirancang, dari mulai bagaimana masing-masing alur berawal, keputusan yang

mungkin akan terjadi, menggambarkan proses sejalan yang mungkin akan terjadi pada

beberapa eksekusi dan bagaimana akan berakhir (Herpendi, 2016). Berikut simbol

yang terdapat pada acitvity diagram:

11


Gambar 2.5 Simbol Acitivty Diagram

Sumber : (Herpendi, 2016)

2.8 MD5 (Message Digest Algorithm 5)

MD5 merupakan serangkaian algoritma message-digest yang dirancang oleh Profesor

Ronald Rivest dari Massachusetts Institute of Technology (MIT). Penelitian analisis

menunjukkan bahwa MD4 mulai tidak aman untuk digunakan, kemudian dirancanglah

MD5 pada tahun 1991 yang diperuntukkan sebagai pengganti MD4. Hash MD5

sepanjang 128-bit (16-byte), message digest secara tipikal ditampilkan dalam bilangan

heksadesimal 32-digit. MD5 telah dimanfaatkan untuk aplikasi keamanan dan MD5

umum digunakan untuk pengujian integritas data (Sibyan, 2016).

2.9 Penelitian Sejenis

Penelitian terdahulu dapat dijadikan sebagai acuan dalam melakukan penelitian,

sehingga dapat menambah teori yang digunakan dalam mengkaji penelitian penelitian

yang dilakukan. Topik penelitian terdahulu yang menjadi fokus adalah metode

Generate qr-code dan Scan qr-code pada sistem presensi mahasiswa. Berikut adalah

ringkasan dari penelitian terdahulu:

12


Penelitian berjudul “Penerapan QR Code Untuk Sistem Absensi Siswa SMP Berbasis

Web” (Herlina, Hidayatulloh, 2017), tujuan dari aplikasi ini adalah untuk membangun

suatu sistem presensi Siswa SMP. SMP Negeri 11 Kota Sukabumi merupakan salah

satu Sekolah Menengah Pertama Negeri yang berlokasi di Provinsi Jawa Barat. Dalam

kesehariannya seperti merekap nilai, data hadir siswa masih menggunakan secara

manual sehingga kurang efektifnya untuk mengumpulkan data. Penggunaan QR Code

pada sistem absensi siswa ini juga diharapkan dapat membuat sistem absensi ini

menjadi lebih mudah karena setiap siswa hanya akan menempelkan kartu ID Card

siswa pada perangkat QR Code Scanner yang telah tersedia perhitungan jam hadir dan

akan masuk pada database, kemudian hasil inputan QR Code akan menjadi acuan jam

kehadiran siswa tersebut.

Penelitian berjudul “Pemanfaatan Teknologi QR Code Pada Sistem Presensi

Mahasiswa Berbasis Mobile” (Supendi, Supriadi, Isto, 2019), penelitian ini

menghasilkan aplikasi absensi perkuliahan mahasiswa berbasi website (backend) dan

juga android (frontend). Sistem dengan tiga aktor yaitu admin akademik, dosen,

mahasiswa. Pengujian presensi dilakukan dengan cara mahasiswa masuk (login) ke

aplikasi yang sudah dipasang pada smartphone masing-masing kemudian melakukan

pemindaian QR Code hasul validasi perkuliahan oleh dosen. Hasil presensi yang

dilakukan mahasiswa dapat dilihat oleh dosen pengampu mata kuliah secara langsung

melalui menu view presensi. Presensi ini dapat dikelola oleh dosen pengampu jika

diperlukan.

Perbandingan penelitian yang berjudul “Penerapan.QR Code Untuk Sistem Absensi

Siswa SMP Berbasis Web” dan penelitian “Pemanfaatan Teknologi QR Code Pada

Sistem Presensi Mahasiswa Berbasis Mobile” dengan penelitian yang sedang dibuat.

Aplikasi ini dibuat dengan tujuan untuk mengubah sistem presensi manual

menggunakan kertas dan rekapitulasi manual menjadi komputerisasi. QR Code yang

terdapat pada aplikasi ini diperuntukkan bagi pengajar untuk di scan oleh mahasiswa.

Ketika mahasiswa melakukan scan pada qrcode yang telah disediakan sistem secara

otomatis akan mengambil data waktu hadir, dan data-data pada qrcode. Aplikasi ini

13


terdiri dari 7 aktor yaitu: Super Admin, Admin, Ketua Jurusan, Sekretaris Jurusan,

Ketua Prodi, Dosen, Mahasiswa. Setiap aktor memiliki kendali yang berbeda. Super

admin berfungsi untuk mengubah role, dan mengubah status keaktifan akun

mahasiswa. Ketua Jurusan, Sekretaris Jurusan, Ketua Prodi, dan Dosen sebagai

pengajar memiliki kemampuan sama yaitu melakukan generate qrcode untuk presensi

pribadi dan mahasiswa. Admin melakukan kemampuan untuk melakukan rekapitulasi

kompensasi dan mengelola data presensi.

2.9 Algoritma pemrograman

Algoritma adalah prosedur yang memiliki urutan logis untuk menyelesaikan masalah

pemrograman komputer. Algoritma memiliki 3 sistem kinerja yaitu brainware,

hardware, software. Tanpa salah satu dari ketiga sistem tersebut, algoritma tidak

mungkin dapat berjalan dengan baik (Maulana, 2017).

14

BAB III

PERANCANAAN DAN REALISASI

3.1 Perancangan Sistem

Proses perancangan sistem dan realisasi dari penerapan QR Code pada presensi

perkuliahan menggunakan framework codeigniter dengan metode waterfall sebagai

pengembangannya. Metode waterfall ini memiliki beberapa pendekatan terstruktur

mulai dari requirement (analisis kebutuhan), system design (desain sistem), coding &

testing, penerapan program, dan pemeliharaan. Pada bab ini akan dijelaskan tentang

deskripsi sistem dan cara kerja sistem.

3.1.1 Deskripsi Program Aplikasi

Aplikasi ini akan menerapkan QR-Code sebagai pengganti model presensi perkuliahan

pada jurusan TIK PNJ yang masih dilakukan secara manual. Dibuat berbasis website

yang akan dibuat secara responsif sehingga dapat pula dioperasikan pada smartphone.

Aplikasi ini akan menggunakan metode scanning terhadap QR-Code untuk melakukan

presensi perkuliahan baik untuk mahasiswa maupun staff akademik jurusan TIK PNJ.

Untuk menggambarkan cara program aplikasi, maka diperlukan diagram flowchart.

15


a. Flowchart presensi perkuliahan manual

Gambar 3.1 Flowchart Presensi Manual

Gambar 3.1 menampilkan alur kerja presensi secara manual dimulai dari KPS membuat

perancangan jadwal kuliah, kemudian dilakukan verifikasi pengesahan oleh Kajur.

Dari jadwal yang telah disahkan selanjutnya Admin menyediakan absen kelas. Dosen

mengambil absen yang telah disediakan admin, selanjutnya dosen melakukan presensi

didalam kelas dan mencatatnya pada form kehadiran yang kemudian akan dilakukan

rekapitulasi manual oleh admin. Mahasiswa dapat melihat rekapitulasi kehadiran yang

telah dibuat dan mengajukan surat sakit jika terdapat status alfa pada kehadiran yang

akan diserahkan pada KPS untuk proses pengecekan.

16


b. Flowchart sistem presensi perkuliahan

Gambar 3.2 Flowchart Sistem Presensi

Gambar 3.2 menggambarkan alur kerja sistem presensi yang terdiri dari lima aktor.

Dimulai dari KPS memasukkan jadwal perkuliahan, lalu Dosen melakukan generate

QR-Code. Mahasiswa melakukan scan QR-Code sebagai hitungan kehadiran. Data

kehadiran akan diproses oleh Admin. Admin akan menampilkan data kehadiran yang

dapat dilihat oleh Mahasiswa untuk dilakukan pengecekan. Jika tidak sesuai,

Mahasiswa berhak mengajukan surat izin yang akan masuk kepada KPS untuk

dilakukan verifikasi. Jika surat izin disetujui, maka Admin dapat mengubah status

kehadiran Mahasiswa. Fitur-fitur yang yang terdapat pada aplikasi ini berupa fitur

generate qrcode, fitur scan qrcode, fitur rekapitulasi presensi, fitur upload jadwal, fitur

17


perizinan, fitur update presensi mahasiswa. Berikut penjelasan mengenai fitur-fitur

aplikasi:

a. Fitur generate qrcode

Fitur ini berguna untuk melakukan generate qrcode yang diperuntukkan bagi pengajar

seperti dosen, kps, sekjur, kajur. Pada saat ingin melakukan generate qrcode pengajar

mengakses halaman qrcode hari ini. Setelah mengakses, user memilih kelas dan

matakuliah lalu mengklik generate, akan tampil halaman generate qrcode beserta

qrcode hari ini.

Gambar 3.3 Flowchart Fitur Generate

b. Fitur Scan qrcode

Fitur ini berguna untuk melakukan scan qrcode yang diperuntukkan bagi mahasiswa.

Pada saat mahasiswa memasuki ruang kelas, dan login di aplikasi SmartClass.

18


Mahasiswa membuka halaman Scan presensi, lalu akan tampil sebuah kotak yang

terdapat kamera. Untuk melakukan presensi bagi mahasiswa. Mahasiswa hanya perlu

mengarahkan kamera tersebut ke qrcode yang telah disediakan oleh pengajar didepan

kelas.

Gambar 3.4 Flowchart Fitur Scan

c. Fitur rekapitulasi presensi

Fitur berguna untuk melakukan rekapitulasi presensi yang diperuntukkan bagi admin.

Pada saat kegiatan ajar mengajar telah selesai pada hari itu. Maka admin hanya perlu

19


mengakses aplikasi ini sudah masuk ke halaman rekap presensi hari ini. Admin hanya

perlu melakukan klik tombol rekap dan nantinya secara otomatis, akan merekap

presensi baik pengajar maupun mahasiswa.

Gambar 3.5 Flowchart Fitur Rekapitulasi Presensi

d. Fitur upload jadwal

Fitur ini berguna untuk upload jadwal yang diperuntukkan bagi kps. Pada saat kps ingin

mengupload jadwal yang telah disetujui oleh kajur. User mengakses halaman upload

jadwal, akan tapil halaman upload j adwal. User hanya perlu memasukkan jadwal yang

sudah di setujui, aplikasi akan secara otomatis membaca dan menyimpan ke database.

20


Gambar 3.6 Flowchart Fitur Upload Jadwal

e. Fitur pengajuan surat

Fitur ini berfungsi sebagai izin pengajuan surat untuk mengganti status kehadiran yang

diperuntukkan bagi mahasiswa yang ingin mengganti status kehadiran alfa. Setiap

mahasiswa yang ingin mengganti status kehadiran alfa diwajibkan untuk mengisi data-

data yang diperlukan seperti perihal dan upload lampiran pengajuan. Setelah user

memilih, sistem akan memproses dan secara otomatis akan diajukan ke kps untuk

dipertimbangkan. Apabila kps menyetujui, maka pengajuan tersebut akan diteruskan

ke admin untuk selanjutnya dapat dilakukan pengubahan.

21


Gambar 3.7 Flowchart Fitur Pengajuan Surat

f. Fitur persetujuan pengajuan surat

Fitur berguna untuk ketua prodi dalam melakukan pertimbangan untuk menerima atau

menolak pengajuan surat yang telah diajukan oleh mahasiswa. Setiap pengajuan akan

otomatis diteruskan kepada ketua prodi untuk dilakukan pertimbangan, jika pengajuan

diterima maka selanjutnya pengajuan akan diteruskan kepada admin untuk kemudian

dapat diubah status kehadiran mahasiswa yang bersangkutan.

22


Gambar 3.8 Flowchart Fitur Persetujuan Pengajuan Surat

3.1.2 Requirement Analysis

Tahap requirement analysis merupakan tahapan untuk menentukan kebutuhan user

sebelum pengembangan sistem. Tahapan ini berguna untuk menentukan aktor dan

kemampuan setiap aktor pada sistem. Tabel dibawah berikut merupakan hasil Analisa

kebutuhan user yang telah dilakukan dengan ketua program studi dengan kesimpulan

terdapat tujuh aktor pada system presensi perkuliahan JTIK diantaranya superadmin

bertugas untuk mengelola user, admin memiliki kemampuan mengelola data kehadiran,

ketua program studi memiliki kemampuan untuk melakukan persetujuan pengajuan

surat dan mengelola perkuliahan. Dosen, sekretaris jurusan, dan ketua jurusan memiliki

kemampuan yang sama untuk mengelola perkuliahan pribadi, dan mahasiswa memiliki

kemampuan untuk melakukan presensi sesuai jadwalnya dan mengajukan surat untuk

kehadiran dengan status alfa.

23


Nama Aktor Kemampuan Pada Sistem

Superadmin Mengelola manajemen user

Admin Mengelola data kehadiran

Melakukan rekapitulasi kehadiran harian

Mengubah status kehadiran mahasiswa

Ketua Program Studi Upload jadwal perkuliahan

Melakukan generate qr untuk mata

perkuliahan

Melakukan persetujuan pengajuan surat

Melihat kehadiran mahasiswa sesuai

jurusan

Melihat kehadiran pribadi

Melihat materi perkuliahan

Sekretaris Jurusan



perkuliahan


Ketua Jurusan



perkuliahan


24


Dosen



perkuliahan


Mahasiswa

Melihat riwayat kehadiran

Mengajukan surat untuk kehadiran

dengan status alfa

Melakukan scan qr code untuk presensi

3.1.3 Desain Sistem

Tahap ini adalah proses perancangan sistem yang akan dibangun sebelum masuk ke

tahap realisasi. Desain sistem dapat dilakukan setelah mendapatkan hasil dari analisis

sistem yang sedang berjalan, pada tahap ini akan diilustrasikan dengan menggunakan

pemodelan Unified Modelling Languange (UML) diantaranya Use Case Diagram,

Activity Diagram, Sequence Diagram, dan Class Diagram.

a. Use Case

Gambar 3.3 dibawah menggambarkan setiap aktor yang terlibat pada aplikasi

diantaranya Admin, Ketua Jurusan (kajur), Sekretaris Jurusan (sekjur), Dosen, Ketua

Program Studi (KPS), dan Mahasiswa. Setiap aktor mempunyai hak akses yang

berbeda pada aplikasi. Admin dapat membuat QR-Code, mencetak laporan kehadiran,

mengubah data presensi, dan melihat data kehadiran keseluruhan. Dosen, KPS, Sekjur,

dan Kajur dapat langsung secara otomatis melakukan absensi dengan aktifitas generate

qr code yang dilakukan, serta dapat melihat data kehadiran sendiri. Selain itu, KPS

dapat melakukan persetujuan pengajuan surat yang diajukan oleh mahasiswa.

Sementara Mahasiswa dapat melakukan scan QR-Code sebagai data kehadiran dan

mengajukan surat untuk kehadiran dengan status alfa.

25


Gambar 3.9 Use Case Diagram Sistem Presensi

b. Activity Diagram

1. Login

Aktifitas ini dilakukan oleh 10 aktor yaitu Superadmin, Admin, Mahasiswa, Dosen,

Sekjur, Kajur, KPS TI, KPS TMD, KPS TMJ, dan KPS TKJ sebagai hal utama sebelum

dapat mengakses sistem qr code untuk presensi perkuliahan. Gambar 3.4 merupakan

activity diagram dari proses login. User perlu mengisi username dan password validasi

saat login, jika login berhasil maka sistem akan mengantarkan user ke halaman

dashboard masing-masing dan jika gagal maka sistem akan mengembalikan user ke

halaman login dengan pesan error dan meminta kembali memasukkan username dan

password.

26


Gambar 3.10 Activity Diagram Login

2. Dosen Generate QR Code

Generate QR Code dilakukan oleh dosen sebagai pengganti presensi kehadiran

mahasiswa disetiap mata kuliah. Dosen mengakses sistem setelah login dengan

membuka jadwal, pada halaman jadwal sudah tersedia jadwal untuk hari saat itu,

kemudian jadwal di klik dan dosen menekan tombol generate, maka sistem akan

otomatis melakukan generate qr code mata kuliah saat itu dengan membawa informasi

kode mata kuliah, tanggal, dan waktu mata kuliah.

27


Gambar 3.11 Activity Diagram Pengajar Generate QR Code

3. Mahasiswa Melakukan Scan QR Code

Scan QR Code dilakukan setelah mahasiswa berhasil melakukan login. Selanjutnya

mahasiswa mengakses halaman presensi untuk kemudian melakukan scan qr code

yang tersedia.

28


Gambar 3.12 Activity Diagram Mahasiswa Scan QR Code

4. Superadmin Ubah Role

Gambar 3.13 menjelaskan alur superadmin melakukan ubah role. Activity

digambarkan antara aktor (superadmin) dengan sistem. Superadmin mengakses

halaman ubah role kemudian melakukan perubahan role dan sistem akan melakukan

pengecekan validasi dengan ketentuan untuk ketua jurusan sekretaris jurusan, ketua

jurusan, dan ketua prodi hanya boleh dimiliki oleh satu orang.

29


Gambar 3.13 Activity Diagram Superadmin Ubah Role

5. Admin Rekap Presensi Harian

Gambar 3.14 merupakan ilustrasi alur activity diagram untuk rekap presensi harian

yang hanya dapat dilakukan oleh admin. Dimulai oleh admin mengakses halaman

presensi harian kemudian sistem menampilkan halaman yang dipilih, kemudian admin

melakukan aksi dengan menekan tombol rekap presensi yang kemudian akan diproses

oleh sistem untuk menampilkan hasil rekap presensi hari saat itu. Rekap presensi

dilakukan diakhir ketika seluruh perkuliahan telah selesai dilakukan.

30


Gambar 3.14 Activity Diagram Admin Rekap Presensi Harian

6. Admin Ubah Presensi Mahasiswa

Gambar 3.15 merupakan ilustrasi admin ketika melakukan perubahan presensi

mahasiswa. Dimulai dari admin mengakses halaman perizinan yang menampilkan

daftar pengajuan dengan status yang telah diterima oleh ketua prodi. Lalu admin

melihat detail pengajuan untuk kemudian dilakukan perubahan.

31


Gambar 3.15 Activity Diagram Admin Ubah Presensi Mahasiswa

7. Ketua Prodi Melakukan Persetujuan Pengajuan Surat

Gambar 3.16 merupakan alur untuk ketua prodi melakukan persetujuan pengajuan surat

yang telah dilakukan oleh mahasiswa. Dimulai dari ketua prodi mengakses halaman

perizinan dan melihat lampiran pengajuan, lalu melakukan persetujuan. Sistem

kemudian melakukan proses dan menampilkan perubahan status pengajuan.

32


Gambar 3.16 Activity Diagram Ketua Prodi Melakukan Persetujuan Pengajuan Surat

8. Ketua Prodi Upload Jadwal

Gambar 3.17 menggambarkan alur ketua prodi melakukan upload jadwal perkuliahan.

Dimulai dari ketua prodi mengakses halaman upload jadwal kemudian melakukan

upload. Sistem akan memproses dan menampilkan pesan sukses.

33


Gambar 3.17 Activity Diagram Ketua Prodi Upload Jadwal

9. Mahasiswa Ajukan Surat

Gambar 3.18 menggambarkan alur mahasiswa mengajukan surat untuk kehadiran

dengan status alfa. Dimulai dari mahasiswa yang mengakses halaman kehadiran dan

melakukan pengajuan surat dengan mengisi perihal serta upload lampiran pengajuan.

Sistem akan melakukan validasi dan menampilkan pesan sukses/error.

34


Gambar 3.18 Activity Diagram Mahasiswa Ajukan Surat

c. Class Diagram

Gambar 3.19 merupakan class diagram dari penerapan QR Code untuk presensi

perkuliahan. Terdapat sepuluh relasi tabel yang saling berhubungan. Presensi

digunakan untuk melakukan scan, rekap kehadiran harian, dan lihat data kehadiran.

Perkuliahan dilakukan untuk mencatat materi perkuliahan dan melakukan rekap

perkuliahan harian. tb_user menyimpan informasi seluruh aktor pada sistem baik

pengajar dan mahasiswa, tabel ini digunakan untuk melakukan aksi login ke sistem.

User_log merupakan tabel untuk melakukan pencatatan aksi login setiap aktor,

tb_civitas menyimpan informasi civitas pengajar, tb_mahasiswa menyimpan informasi

35


detil dan status keaktifan mahasiswa. Tabel jadwal menyimpan informasi jadwal inti

perkuliahan.

Gambar 3.19 Class Diagram

3.1.4 Rancangan Antar Muka

Bagian ini akan menjelaskan tentang perancangan antar muka sistem.

36


a. Login

Gambar 3.20 menggambarkan ilustrasi rancangan antar muka pada halaman login pada

website. Halaman ini merupakan halaman awal sebelum user melakukan aktifitas pada

sistem presensi perkuliahan. Halaman ini didesain dengan dua input utama yaitu nomor

induk dan password.

Gambar 3.20 MockUp Halaman Login

b. Scan QR Code

Gambar 3.21 menggambarkan ilustrasi rancangan antar muka pada halaman scan.

Halaman ini merupakan halaman untuk melakukan presensi bagi mahasiswa.

Mahasiswa melakukan scan qr-code yang terdapat pada laptop pengajar.

37


Gambar 3.21 MockUp Halaman Scan

c. Generate QR Code

Gambar 3.22 menggambarkan ilustrasi rancangan antar muka pada halaman QR Code

halaman ini merupakan halaman untuk mengenerate QR Code bagi pengajar. Halaman

ini digunakan oleh pengajar baik itu dosen, ketua program studi, ketua jurusan, dan

sekretaris jurusan.

Gambar 3.22 MockUp Halaman Generate QR Code

38


3.2 Realisasi

Bagian ini menjelaskan realisasi dari perancangan sistem yang dibangun.

a. Halaman Login

Halaman login merupakan halaman pertama yang muncul ketika sistem presensi jtik

dijalankan. Halaman ini berisi dua masukan yang bersifat wajib diisi yaitu email dan

password agar dapat masuk ke sistem. Metode enkripsi MD5 menjadi digunakan pada

proses login untuk merahasiakan keamanan password di database.

Gambar 3.23 Halaman Login

b. Halaman Dashboard Admin

Halaman dashboard admin merupakan halaman yang muncul ketika admin berhasil

melakukan login. Terdapat informasi mengenai jumlah mata kuliah, jumlah kelas,

jumlah ruangan, dan jumlah user pada sistem. Halaman dahsboard juga menyajikan

informasi mengenai riwayat login user lima menit terakhir pada sistem.

39


Gambar 3.24 Halaman Dashboard Admin

c. Halaman Presensi Harian

Halaman ini dapat diakses oleh admin untuk melihat presensi harian pada halaman ini

admin dapat melakukan rekap presensi diakhir perkuliahan setiap hari untuk

melakukan pencatatan kehadiran baik untuk pengajar maupun mahasiswa.

Gambar 3.25 Halaman Presensi Harian

40


d. Halaman Ubah Status Kehadiran Mahasiswa

Halaman ini dapat diakses oleh admin untuk mengubah status kehadiran mahasiswa.

Admin hanya dapat mengubah status kehadiran jika surat perizinan telah disetujui oleh

ketua program studi (KPS).

Gambar 3.26 Halaman Ubah Status Kehadiran Mahasiswa

e. Halaman Generate QR Code

Halaman ini dapat diakses oleh pengajar baik sebagai dosen, sekretaris jurusan, ketua

jurusan, ataupun ketua program studi. Pengajar hanya dapat melakukan generate qr

code untuk jadwal pada hari saat itu. Jika tidak sesuai hari, maka pengajar tidak dapat

melakukan generate qr-code.

41


Gambar 3.27 Halaman Generate QR Code

f. Halaman QR-Code

Halaman ini dapat diakses oleh pengajar ketika berhasil melakukan generate qr-code.

QR-Code tampil dengan informasi jadwal berupa mata kuliah, kelas, serta waktu

perkuliahan. Terdapat dua button yaitu akhiri perkuliahan untuk mengakhiri mata

perkuliahan dan button kehadiran mahasiswa untuk melihat daftar mahasiswa yang

telah hadir dengan melakukan scan. Proses generate dilakukan menggunakan library

yang ciqrcode yang disediakan oleh codeigniter dan PHP. QR-Code dibuat dengan

sistem keamanan dimana qr-code tersebut akan berubah setiap 1 menit untuk

menghindari kecurangan saat proses presensi. Gambar 3.17 merupakan source code

untuk perubahan qr-code setiap menit.

Gambar 3.28 Halaman Generate QR Code

42


Gambar 3.29 Source Code QR Code dinamis

Gambar 3.17 menggambarkan fungsi generate_qr() untuk menjalankan proses

generate. Pada fungsi ini terdapat kondisi untuk melakukan pengecekan untuk

mengambil data jadwal berupa waktu mulai dan selesai dan kode jadwal.

g. Halaman Akhiri Perkuliahan

Halaman ini dapat diakses oleh pengajar untuk mengakhiri perkuliahan yang sedang

berlangsung. Ketika selesai, maka pengajar harus mengisi materi perkuliahan saat itu

dan upload materi dapat berupa gambar dan dokumen. Ketika telah melakukan isi

materi maka pengajar akan diarahkan ke halaman daftar materi.

43


Gambar 3.30 Halaman Akhiri Perkuliahan

h. Halaman Daftar Materi

Halaman ini dapat diakses oleh pengajar setelah mengakhiri dan mengisi materi

perkuliahan. Pada halaman ini pengajar dapat melakukan download terhadap file materi

yang telah diupload serta melihat daftar mahasiswa yang hadir perkuliahan.

Gambar 3.31 Halaman Daftar Materi

44


i. Halaman Kehadiran Mahasiswa

Halaman ini dapat diakses oleh pengajar setelah mengakhiri dan mengisi materi

perkuliahan. Pada halaman ini pengajar dapat melihat daftar mahasiswa yang hadir saat

perkuliahan berlangsung dengan informasi status jam masuk dan keluar hingga

keterangan status kehadiran mahasiswa.

Gambar 3.32 Halaman Kehadiran Mahasiswa

j. Halaman Kehadiran Pribadi

Halaman ini berisi informasi kehadiran pribadi pengajar baik dosen, sekretaris jurusan,

ketua jurusan, dan ketua program studi. Informasi yang dimuat yaitu mata kuliah,

tanggal, jam kehadiran, dan status kehadiran.

Gambar 3.33 Halaman Kehadiran Pribadi

45


k. Halaman Scan Presensi

Halaman ini digunakan untuk melakuka presensi oleh mahasiswa dengan cara

melakukan scan pada qr-code yang tertera di laptop pengajar. Ketika halaman ini

diakses, maka kamera akan otomatis aktif.

Gambar 3.34 Halaman Scan Presensi

l. Halaman Berhasil Scan

Halaman ini muncul ketika mahasiswa melakukan scan qr-code. Mahasiswa hanya

dapat melakukan scan qr untuk jadwal perkuliahan sesuai dengan kelasnya. Pesan

sukses akan muncul ketika proses scan sesuai dengan jadwal perkuliahan.

Gambar 3.35 Halaman Berhasil Scan

46


m. Halaman Berhasil Scan Masuk

Halaman ini muncul ketika mahasiswa melakukan scan qr-code. Mahasiswa hanya

dapat melakukan scan qr untuk jadwal perkuliahan sesuai dengan kelasnya. Pesan

sukses akan muncul ketika proses scan sesuai dengan jadwal perkuliahan. Gambar 3.25

merupakan source code untuk menjalankan proses scan.

Gambar 3.36 Halaman Berhasil Scan Masuk

47


Gambar 3.37 Source Code Presensi

Gambar 3.25 menampilkan fungsi presensi() untuk menjalankan proses scan presensi

mahasiswa. Terdapat kondisi untuk melakukan pengecekan kelas, apakah mahasiswa

yang bersangkutan melakukan scan untuk jadwal perkuliahan sesuai kelasnya atau

tidak. Kondisi yang kedua untuk melakukan pengecekan jika mata kuliah masih

tersedia atau sudah ditutup. Jika sesuai maka pesan berhasil presensi akan muncul.

n. Halaman Ajukan Surat

Halaman ajukan surat hanya dapat diakses oleh mahasiswa untuk mengajukan surat

sebagai permintaan perubahan status kehadiran. Ajukan surat ini kemudian akan di

diteruskan kepada ketua program studi (KPS) untuk melakukan keputusan menerima

atau menolak surat yang diajukan. File surat dapat berupa gambar atau dokumen.

48


Gambar 3.38 Halaman Ajukan Surat

o. Halaman Daftar Perizinan Mahasiswa

Halaman ini dapat diakses oleh mahasiwa yang bersangkutan untuk melihat riwayat

pengajuan surat beserta status dari pengajuan. Jika surat baru diajukan maka status awal

yaitu menunggu konfirmasi KPS. Lalu selanjutkan jika KPS sudah memutuskan, maka

status berubah menjadi diterima/ditolak, dilanjutkan ke admin. Jika status diterima,

admin baru dapat melakukan perubahan status kehadiran mahasiswa yang

bersangkutan.

Gambar 3.39 Halaman Ajukan Surat

49


p. Halaman Persetujuan KPS

Halaman ini hanya dapat diakses oleh ketua program studi (KPS) untuk menentukan

keputusan apakah menerima atau menolak pengajuan surat yang dilakukan oleh

mahasiswa. KPS tidak memiliki hak untuk mengubah status kehadiran mahasiswa,

melainkan hanya memutusan untuk memberi izin perubahan kepada admin atau tidak.

Gambar 3.40 Halaman Persetujuan KPS

q. Halaman Upload Jadwal

Halaman ini hanya dapat diakses oleh ketua program studi (KPS) untuk upload jadwal

terbaru. File yang diizinkan yaitu Ms. Excel dengan ekstensi xlsx dan xls.

Gambar 3.41 Halaman Upload Jadwal

50


r. Halaman Ubah Role

Halaman ini hanya dapat diakses oleh superadmin yang berguna untuk mengatur role

dan mengatur status mahasiswa.

Gambar 3.42 Halaman Ubah Role

s. Halaman Grafik

Halaman grafik hanya dapat diakses oleh ketua jurusan dan sekretaris jurusan yang

berguna untuk melihat data kehadiran pengajar dan mahasiswa yang disajikan dalam

bentuk grafik.

Gambar 3. 43 Halaman Data Kehadiran

51


Gambar 3.43 merupakan halaman data kehadiran keseluruhan dari pengajar. Informasi

pada halaman ini masih disajikan dalam bentuk tabulasi dengan tombol grafik untuk

melihat detail informasi dalam bentuk grafis.

Gambar 3. 44 Halaman Grafik Kehadiran

Gambar 3.44 merupakan halaman grafik kehadiran pengajar yang menyajikan

informasi kehadiran secara detail berdasarkan bulan untuk x axis dan jumlah untuk y

axis.

52

BAB IV

PEMBAHASAN

4.1 Pengujian

Bagian ini akan dijelaskan tentang pengujian, mulai dari deskripsi pengujian, prosedur

pengujian, data hasil pengujian. Setelah itu hasil dari pengujian tersebut akan di

evaluasi pada sub bab berikutnya.

4.1.1 Deskripsi Pengujian

Tahap ini merupakan tahap yang paling penting sebelum aplikasi digunakan, tahap

pengujian dapat dilakukan setelah tahap sebelumnya selesai. Tujuan dari pengujian ini

adalah untuk meminimalisir terjadinya kesalahan pada sistem dan memastikan

keluaran yang dihasilkan telah sesuai dengan yang diinginkan oleh pengguna aplikasi.

4.1.2 Prosedur Pengujian

Pengujian sistem ini memiliki satu tahapan yaitu alpha testing. Alpha testing

merupakan pengujian yang dilakukan oleh pengembang itu sendiri. Pengujian sistem

dilakukan dengan metode black box testing dengan target fungsionalitas pada sistem

manajemen proyek. Tabel 4.1 merupakan rencana pengujian pada aplikasi berdasarkan

fungsionalitas aplikasi.

Tabel 3 Rencana Pengujian

Uji Item Detail Pengujian Jenis Pengujian

Autentikasi Melakukan login Blackbox testing

Melakukan logout Blackbox testing

Registrasi

Melakukan registrasi akun

civitas

Blackbox testing

Melakukan registrasi akun

mahasiswa

53


Uji Item Detail Pengujian Jenis Pengujian

Halaman Presensi

Harian

Melihat data presensi harian

Blackbox testing

Melakukan rekap presensi

harian

Melakukan pencarian data

Melakukan filter tanggal

Halaman Perizinan

Modul Admin

Melihat status pengajuan surat Blackbox testing

Mengubah status kehadiran

mahasiswa

Halaman Scan Modul

Mahasiswa

Melakukan scan qr code

perkuliahan

Blackbox testing

Halaman Kehadiran

Modul Mahasiswa

Melihat kehadiran

Blackbox testing

Mengajukan surat pengubahan

status kehadiran

Melihat riwayat pengajuan

surat

Melihat status pengajuan surat

Halaman Perkuliahan

Melakukan generate qr code

Blackbox testing

Melihat data kehadiran

mahasiswa

Mengisi materi perkuliahan

54


Upload materi perkuliahan

Halaman Perizinan

Modul KPS

Melihat lampiran pengajuan

surat

Blackbox testing Membuat keputusan

pengajuan surat

Melihat detail pengajuan

Upload Jadwal Upload jadwal Blackbox testing

Fleksibilitas Browser Dapat mengaktifkan kamera

otomatis untuk proses scan

Blackbox testing

Ubah Role Modul

Superadmin

Mengubah role civitas Blackbox testing

Mengubah status keaktifan

mahasiswa

4.1.3 Data Hasil Pengujian

Tahap ini dilakukan dengan pengujian alpha testing. Alpha testing dilakukan secara

berkali-kali dalam masa pengembangan, pengujian ini dilakukan dengan teknik black

box testing untuk melihat hasil kesesuaian hasil keluaran sistem dengan yang

diharapkan oleh pengguna.

Tabel 4 Hasil Pengujian Autentikasi

No Skenario

Pengujian

Yang

Diharapkan

Pengamatan Kesimpulan Keterangan

A.1 Email dan

password salah

Menampilkan

pesan error

Menampilkan

pesan error

Berhasil Sistem

menampilka

n pesan error

55


atau belum diisi berupa email

dan

password

tidak sesuai

A.2 Email dan

password diisi

sesuai database

Mengarah ke

halaman

utama

Mengarah ke

halaman

utama

Berhasil Sistem

berhasil

melakukan

login dan

mengarah ke

halaman

utama

A.3 Menekan tombol

logout pada

halaman

dashboard / profil

Mengarah ke

halaman login

dan muncul

pesan sukses

keluar

Mengarah ke

halaman login

dan muncul

pesan sukses

keluar

Berhasil Sistem

mengarah ke

halaman

login dan

menampilka

n pesan telah

keluar dari

sistem

Tabel 5 Hasil Pengujian Registrasi

No Skenario

Pengujian

Yang

Diharapkan


B.1 Melakukan

registrasi dengan

tidak mengikuti

aturan validasi

Menampilkan

pesan error

dan refresh

halaman

Menampilkan

pesan error

input wajib

diisi dan

Berhasil Sistem

menampilka

n pesan error

form input

56


yang ada: form

input tidak boleh

kosong

registrasi refresh

halaman

bersifat

wajib

B.2 Melakukan

registrasi dengan

tidak mengikuti

aturan validasi

yang ada: email

harus valid (@)

Menampilkan

pesan error

email harus

valid, hanya

mengosongka

n field email

Menampilkan

pesan error

input email

harus valid

dan hanya

mengosongka

n field email

Berhasil Sistem

menampilka

n pesan error

email yang

dimasukkan

harus valid

menggunaka

n (@)

B.3 Melakukan

registrasi dengan

tidak mengikuti

aturan validasi

yang ada:

password min 6

karakter

Menampilkan

pesan error

password

terlalu

pendek, hanya

mengosongka

n field

password

Menampilkan

pesan error

password

terlalu

pendek, hanya

mengosongka

n field

password

Berhasil Sistem

menampilka

n pesan error

password

minimal 6

karakter

B.4 Melakukan

registrasi dengan

tidak mengikuti

aturan validasi

yang ada:

password dan

ulangi password

harus sama

Menampilkan

pesan error

password

tidak sama,

hanya

mengosongka

n field

password

Menampilkan

pesan error

password

tidak sama,

hanya

mengosongka

n field

password

Berhasil Sistem

menampilka

n pesan error

password

tidak sesuai

57


Tabel 6 Hasil Pengujian Presensi Harian

No Skenario

Pengujian

Yang

Diharapkan


C.1 Melihat presensi

hari saat ini

Menampilkan

data

kehadiran

pengajar dan

mahasiswa

dalam bentuk

tabulasi yang

berbeda

Menampilkan

data kehadiran

pengajar dan

mahasiswa

dalam bentuk

tabulasi yang

berbeda

Berhasil Sistem

berhasil

menampilka

n data

kehadiran

pengajar dan

mahasiswa

dalam

bentuk

tabulasi yang

berbeda

C.2 Melakukan filter

tanggal

Menampilkan

data

kehadiran

pengajar dan

mahasiswa

dalam bentuk

tabulasi yang

berbeda

sesuai tanggal

yang dipilih

Menampilkan

data kehadiran

pengajar dan

mahasiswa

dalam bentuk

tabulasi yang

berbeda sesuai

tanggal yang

dipilih

Berhasil Sistem

berhasil

menampilka

n data

kehadiran

pengajar dan

mahasiswa

dalam

bentuk

tabulasi yang

berbeda

sesuai

tanggal yang

dipilih

58


C.3 Melakukan

rekapitulasi

presensi

Menyimpan

presensi

kehadiran dan

menampilkan

nya pada

kehadiran

pengajar dan

mahasiswa

Menyimpan

presensi

kehadiran dan

menampilkan

nya pada

kehadiran

pengajar dan

mahasiswa

Berhasil Sistem

berhasil

menyimpan

presensi

kehadiran

dan

menampilka

nnya pada

kehadiran

pengajar dan

mahasiswa

Tabel 7 Hasil Pengujian Perizinan Modul Admin

No Skenario

Pengujian

Yang

Diharapkan


D.1 Melihat seluruh

status pengajuan

surat

Menampilkan

seluruh status

pengajuan

surat

Menampilkan

seluruh status

pengajuan

surat

Berhasil Sistem

berhasil

menampilka

n seluruh

status

pengajuan

surat

D.2 Melakukan

pencarian data

pengajuan

Menampilkan

data sesuai

pencarian

data

pengajuan

Menampilkan

data sesuai

pencarian data

pengajuan

Berhasil Sistem

berhasil

menampilka

n data sesuai

pencarian

data

59


pengajuansur

at

D.3 Melihat detail

pengajuan surat

Menampilkan

detail

pengajuan

surat yang

dipilih

Menampilkan

detail

pengajuan

surat yang

dipilih

Berhasil Sistem

berhasil

menampilka

n detail

pengajuan

surat yang

dipilih

D.4 Melihat lampiran

pengajuan surat

Menampilkan

lampiran

pengajuan

surat

Menampilkan

lampiran

pengajuan

surat

Berhasil Sistem

berhasil

menampilka

n lampiran

pengajuan

surat

D.5 Mengubah status

presensi dengan

status masih

menunggu

konfirmasi ketua

prodi

Tidak dapat

mengubah

status dan

menampilkan

pesan error

berupa

pengubahan

dilakukan

dengan

persetujuan

ketua prodi

Tidak dapat

mengubah

status dan

menampilkan

pesan error

berupa

pengubahan

dilakukan

dengan

persetujuan

ketua prodi

Berhasil Sistem tidak

dapat

mengubah

status dan

menampilka

n pesan error

berupa

pengubahan

dilakukan

dengan

persetujuan

ketua prodi

60


Tabel 8 Hasil Pengujian Scan Modul Mahasiswa

No Skenario

Pengujian

Yang

Diharapkan


E.1 Mengakses

halaman presensi

Menampilkan

kamera aktif

untuk

melakukan

scan

Menampilkan

kamera aktif

untuk

melakukan

scan

Berhasil Sistem

berhasil

menampilka

n kamera

aktif untuk

melakukan

scan

E.2 Melakukan scan

qr-code tidak

sesuai jadwal dan

kelas

Menampilkan

pesan error

Menampilkan

pesan error

Berhasil Sistem

menampilka

n pesan error

dan

kehadiran

tidak tercatat

E.3 Melakukan scan

qr-code tidak

sesuai jadwal dan

kelas

Menampilkan

pesan berhasil

melakukan

presensi

Menampilkan

pesan berhasil

melakukan

presensi

Berhasil Sistem

menampilka

n pesan

berhasil

melakukan

presensi dan

kehadiran

tercatat

beserta

waktu

Tabel 9 Hasil Pengujian Kehadiran Modul Mahasiswa

61


No Skenario

Pengujian

Yang

Diharapkan


F.1 Melihat kehadiran

pribadi

Menampilkan

data

kehadiran

pribadi

Menampilkan

data kehadiran

pribadi

Berhasil Sistem

berhasil

menampilka

n data

kehadiran

pribadi

F.2 Melakukan

pencarian data

riwayat kehadiran

pribadi

Menampilkan

data riwayat

kehadiran

yang dicari

Menampilkan

data riwayat

kehadiran

yang dicari

Berhasil Sistem

berhasil

menampilka

n data

riwayat

kehadiran

yang dicari

F.3 Melakukan

pengajuan surat

untuk kehadiran

status alfa

Menampilkan

form dan

pesan sukses

pengajuan

berhasil

dibuat

Menampilkan

form dan

pesan sukses

pengajuan

berhasil

dibuat

Berhasil Sistem

berhasil

menampilka

n form dan

pesan sukses

pengajuan

berhasil

dibuat

dengan

status

menunggu

konfirmasi

62


ketua prodi

F.4 Melihat status

pengajuan surat

Menampilkan

seluruh status

riwayat

pengajuan

surat

Menampilkan

seluruh status

riwayat

pengajuan

surat

Berhasil Sistem

berhasil

menampilka

n seluruh

status

riwayat

pengajuan

surat

F.5 Melakukan

pencarian

pengajuan surat

Menampilkan

data

pengajuan

surat yang

dicari

Menampilkan

data

pengajuan

surat yang

dicari

Berhasil Sistem

menampilka

n data

pengajuan

surat yang

dicari

Tabel 10 Hasil Pengujian Halaman Perkuliahan

No Skenario

Pengujian

Yang

Diharapkan


G.1 Melakukan

generate qr code

Menampilkan

kelas sesuai

jadwal hari

saat ini untuk

generate qr

Menampilkan

kelas sesuai

jadwal hari

saat ini untuk

generate qr

Berhasil Sistem

berhasil

menampilka

n kelas

sesuai jadwal

hari saat ini

untuk

generate qr

63


G.2 Melihat kehadiran

mahasiswa

Menampilkan

daftar

mahasiswa

yang telah

melakukan

scan sesuai

jadwal

Menampilkan

daftar

mahasiswa

yang telah

melakukan

scan sesuai

jadwal

Berhasil Sistem

berhasil

menampilka

n daftar

mahasiswa

yang telah

melakukan

scan sesuai

jadwal

G.3 Mengakhiri

perkuliahan

Menampilkan

form

pengisian dan

upload materi

perkuliahan

Menampilkan

form

pengisian dan

upload materi

perkuliahan

Berhasil Sistem

menampilka

n form

pengisian

dan upload

materi

perkuliahan

Tabel 11 Hasil Pengujian Upload Jadwal KPS

No Skenario

Pengujian

Yang

Diharapkan


H.1 Upload jadwal

tidak sesuai

ekstensi (selain

xlsx/xls)

Hanya

memunculkan

file ekstensi

xlsx/xls saat

browse file

Hanya

memunculkan

file ekstensi

xlsx/xls saat

browse file

Berhasil Validasi

sistem

berhasil dan

hanya

memunculka

n file

ekstensi

xlsx/xls saat

64


browse

fileini untuk

generate qr

H.2 Melihat data

jadwal yang telah

diupload

Menampilkan

jadwal sesuai

dengan

format excel

Menampilkan

jadwal sesuai

dengan format

excel

Gagal Kesalahan

pada

pembacaan

jam mulai

Tabel 12 Hasil Pengujian Perizinan Modul KPS

No Skenario

Pengujian

Yang

Diharapkan


I.1 Melihat data

pengajuan surat

mahasiswa

Menampilkan

seluruh data

pengajuan

surat

mahasiswa

Menampilkan

seluruh data

pengajuan

surat

mahasiswa

Berhasil Sistem

menampilka

n seluruh

data

pengajuan

surat

mahasiswa

I.2 Melihat detail

pengajuan surat

Menampilkan

detail

informasi

pengajuan

surat

Menampilkan

detail

informasi

pengajuan

surat

Berhasil Menampilka

n detail

informasi

pengajuan

surat

I.3 Melihat lampiran

pengajuan surat

Menampilkan

lampiran

pengajuan

surat

Menampilkan

lampiran

pengajuan

surat

Berhasil Sistem

menampilka

n lampiran

pengajuan

65


mahasiswa mahasiswa surat

mahasiswa

I.4 Melakukan

persetujuan

pengajuan

Menampilkan

dropdown

status

persetujuan

dan merubah

otomatis

merubah

status

Menampilkan

dropdown

status

persetujuan

dan merubah

otomatis

merubah

status

Berhasil Sistem

berhasil

menampilka

n dropdown

status

persetujuan

dan merubah

otomatis

merubah

status

Tabel 13 Hasil Pengujian Fleksibilitas Browser

No Skenario

Pengujian

Yang

Diharapkan


J.1 Mengakses

halaman presensi

mahasiswa

Menampilkan

otomatis

kamera aktif

Tidak

menampilkan

otomatis

kamera aktif

Gagal Tidak dapat

menampilka

n otomatis

kamera aktif

Tabel 14 Hasil Pengujian Ubah Role Modul Superadmin

No Skenario

Pengujian

Yang

Diharapkan


K.1 Mengubah role

dosen menjadi

Menampilkan

pesan error

Menampilkan

pesan error

Berhasil Sistem

berhasil

66


ketua jurusan

dengan kasus

telah ada role

ketua jurusan di

database

menampilka

n pesan error

dan tidak

dapat

mengubah

role

K.2 Mengubah status

dosen menjadi

ketua jurusan

(kasus: belum ada

role ketua jurusan

di database)

Menampilkan

perubahan

role pada

tabel dan

pesan sukses

Menampilkan

perubahan

role pada tabel

dan pesan

sukses

Berhasil Sistem

berhasil

menampilka

n perubahan

role dalam

bentuk

tabulasi dan

pesan sukses

K.3 Mengubah status

keaktifan

mahasiswa

Menampilkan

perubahan

status

keaktifan

mahasiswa

Menampilkan

status

keaktifan

mahasiswa

Berhasil Sistem

berhasil

menampilka

n perubahan

status

keaktifan

mahasiswa

4.1.4 Pengujian Stress Testing

Stress testing dibuat untuk mengetahui kemampuan secara keseluruhan dalam

menangani kuantitas, frekuensi, hingga volume kebutuhan setiap user pada sistem

berbasis website yang telah dibuat. Pengujian ini dilakukan dengan menggunakan

NeoLoad tools untuk mengetahui respon dan durasi suatu website saat running.

67


Gambar 4.1 Average Request Response Time

Gambar 4.1 menggambarkan grafik yang menunjukkan rata-rata waktu sistem ini

menerima request. Pengujian dilakukan dengan 10 users yang melakukan request

dalam waktu bersamaan dari range 2 menit dan berhasil mendapat durasi tertinggi

berada pada nilai 0.375. Hal ini berarti sistem mampu menerima 10 request dari 10

user dengan waktu tertinggi 0.375.

68


Gambar 4.2 Average Page Response Time

Gambar 4.2 menggambarkan grafik yang menunjukkan rata-rata waktu sistem ini

menampilkan page. Pengujian dilakukan dengan 10 users yang melakukan request

dalam waktu bersamaan dari range 2 menit dan berhasil mendapat durasi tertinggi

berada pada nilai 0.375. Hal ini berarti sistem mampu menerima 10 page dari 10 user

dengan waktu tertinggi 0.375.

69


Gambar 4.3 Statistics Summary

Gambar 4.3 merupakan rangkuman statistik untuk pengujian stress testing dengan

penyajian informasi dalam bentuk grafik yang berisi waktu respon per detik dan jumlah

error atau alert.

Gambar 4. 4 Results Summary

Gambar 4.4 merupakan hasil rangkuman dari pengujian stress testing yang telah

dilakukan dengan informasi nama proyek yang diuji yaitu jtik dengan durasi pengujian

selama 2 menit terhitung pukul 5:49:13 hingga pukul 5:51:14 pm, dengan status passed

(berhasil).

70


4.2 Evaluasi Hasil Pengujian

Setelah melakukan pengujian, tahap berikutnya adalah melakukan evaluasi dari hasil

pengujian. Yang akan dilakukan pada bagian ini adalah menghitung jumlah persentase

keberhasilan dari pengujian dengan rumus sebagai berikut:

Persentase keberhasilan = Jumlah skenario uji berhasil : Jumlah seluruh

skenario uji x 100%

Pengujian alpha memiliki 36 skenario, berikut adalah jumlah persentase dari hasil

pengujian alpha:

34 : 36x 100% = 94%

Berdasarkan hasil pengujian alpha, dapat disimpulkan bahwa pengujian alpha dengan

hasil 34 item uji berhasil dan dua gagal dengan alpha testing telah berjalan sesuai

dengan skenario yang ada. Pengujian yang gagal dikarenakan perbedaan fleksibilitas

ketika sistem dijalankan pada browser selain Google Chrome. Sehingga pengujian

yang gagal disimpulkan tidak terlalu berdampak pada kinerja sistem.

71

BAB V

PENUTUP

5.1 Kesimpulan

Penerapan QR-Code sebagai presensi perkuliahan lingkungan JTIK PNJ dinyatakan

berhasil. Dimana aplikasi ini dapat menjalankan beberapa fitur yang dimiliki, sebagai

berikut:

1. Penerapan QR Code berhasil memberikan fasilitas kepada bagian administrasi,

mahasiswa, staf pengajar dalam membantu proses presensi perkuliahan.

2. Fitur scan guna melakukan presensi yang dapat dilakukan oleh mahasiswa.

Validasi scan hanya dapat dilakukan sesuai jadwal dan kelas perkuliahan.

3. Hasil presensi dapat menghasilkan rekap laporan kehadiran dengan mudah dengan

mengetahui keterlambatan mahasiswa selama kegiatan perkuliahan berlangsung.

4. Pengujian alpha testing dengan 36 skenario dan 34 pengujian berhasil dan 2

pengujian gagal sehingga didapat persentasi pengujian sebesar 94%.

5. Pengujian stress testing untuk response time website dilakukan dengan 10 users

yang melakukan request dalam waktu bersamaan dari range 2 menit dan berhasil

mendapat durasi tertinggi berada pada nilai 0.375. Hal ini berarti sistem mampu

menerima 10 request dari 10 user dengan waktu tertinggi 0.375.

5.2 Saran

Berdasarkan pelaksanaan dan pengerjaan yang dilakukan pada penulisan yang telah

dilakukan, terdapat saran untuk pengembangan penerapan QR-Code sebagai presensi

perkuliahan JTIK PNJ, di antaranya:

a. Melakukan pengembangan untuk permintaan jadwal kelas pengganti, saat ini

sistem hanya berfokus pada jadwal perkuliahan inti.

72


b. Melakukan backup data secara berkala pada sistem presensi perkuliahan

menggunakan qr code untuk mengamankan data jika terdapat masalah pada sistem.

73


DAFTAR PUSTAKA

Anam, K. (2018). Analisa Dan Perancangan Sistem Informasi Akademik Berbasis Web

Pada Mi Al-Mursyidiyyah Al-‘Asyirotussyafi’Iyyah. Jurnal Teknik Informatika,

11(2), 207–217. doi: 10.15408/jti.v11i2.8867

Bangun, R., Informasi, V., Achievement, S., Berlangganan, T. V, Sistem, M., Di, D.,

Regional, T., & Bali, O. (2015). Jurnal Sistem Informasi. Sistem Informasi, 3(2),

72–77.

Destiningrum, M., & Adrian, Q. J. (2017). Sistem Informasi Penjadwalan Dokter

Berbassis Web Dengan Menggunakan Framework Codeigniter (Studi Kasus:

Rumah Sakit Yukum Medical Centre). Jurnal Teknoinfo, 11(2), 30. doi:

10.33365/jti.v11i2.24

Herlina, E., & Hidayatulloh, T. (2017). Penerapan QR Code Untuk Sistem Absensi

Siswa SMP Berbasis Web. Jurnal Teknologi Dan Informasi, 7(2), 102–112. doi:

10.34010/jati.v7i2.865

Hermanto, N., -, N., & Riyanto, N. R. D. R. (2019). Aplikasi Sistem Presensi

Mahasiswa Berbasis Android. Simetris: Jurnal Teknik Mesin, Elektro Dan Ilmu

Komputer, 10(1), 107–116. doi: 10.24176/simet.v10i1.2799

Hirmawan, A., P, M., & Azizah, D. (2016). ANALISIS SISTEM AKUNTANSI

PENGGAJIAN DAN PENGUPAHAN KARYAWAN DALAM UPAYA

MENDUKUNG PENGENDALIAN INTERN (Studi pada PT.Wonojati Wijoyo

Kediri). Jurnal Administrasi Bisnis S1 Universitas Brawijaya, 34(1), 189–196.

Juardi, D. (2019). Presensi dan Reminder menggunakan QR Code (Studi Kasus : SMA

XXX). Systematics, 1(1), 33. doi: 10.35706/sys.v1i1.2011

Maulana, G. G. (2017). PEMBELAJARAN DASAR ALGORITMA DAN

PEMROGRAMAN MENGGUNAKAN EL-GORITMA BERBASIS WEB.


Jurnal Teknik Mesin, 06(5), 69–73. doi: 10.1017/CBO9781107415324.004

Pulungan, A. (2019). pemanfaatan QR Code dalam Memudahkan proses absensi siswa

berbasis aplikasi mobile. Masyarakat Telematika Dan Informasi : Jurnal

Penelitian Teknologi Informasi Dan Komunikasi, 10(1), 1. doi:

10.17933/mti.v10i1.148

Sibyan, H. (2017). Implementasi Enkripsi Basis Data Dengan Algoritma. Ppkm I, 5,

114–121.

Sugiantoro, B. (2015). Pengembangan Qr Code Scanner Berbasis Android Untuk

Sistem Informasi Museum Sonobudoyo Yogyakarta. Telematika, 12(2), 134–145.

doi: 10.31315/telematika.v12i2.1410

Sugiyani, Y., & Risdiyani, M. (2017). Model Pembelajaran Elektronik (E-Learning)

Untuk Pkbm Melati Cibeber Di Kota Cilegon. Jurnal PROSISKO, 4(1), 37–42.

Supendi, Y., Supriadi, I., & Isto, A. A. W. (2019). Pemanfaatan Teknologi QR-Code

Pada Sistem Presensi Mahasiswa Berbasis Mobile. Seminar Nasional …, 550–

558. Retrieved from

http://publikasi.dinus.ac.id/index.php/semnastik/article/view/2912

Teknik Informatika, J., Negeri Tanah Laut Jl AYani Km, P., & Tanah Laut Kalimantan

Selatan, P. (2016). Aplikasi Pengelolaan Nilai Akademik Mahasiswa dan DPNA

(Daftar Peserta dan Nilai Akhir) Herpendi. Faks, 2(1), 2460–173.

Lampiran 1 Daftar Riwayat Hidup

DAFTAR RIWAYAT HIDUP PENULIS

Reno Kalih Madani

Lahir di Jakarta, 17 Oktober 1998. Kelulusan SDN

Khrisna pada tahun 2010, SMP Negeri 14 Jakarta pada

tahun 2013, SMA Negeri 100 Jakarta pada tahun 2016.

Saat ini sedang menempuh pendidikan Diploma IV

Program Studi Teknik Informatika Jurusan Teknik

Informatika dan Komputer Politeknik Negeri Jakarta.

penerapan qr-code pada presensi perkuliahan studi …

Documents