APLIKASI ABSENSI MAHASISWA BERBASIS FINGERPRINT MENGGUNAKAN PHP

APLIKASI ABSENSI MAHASISWA BERBASIS FINGERPRINT
MENGGUNAKAN PHP
1

Purwadi Budi Santoso
2
Alimudin

Program Studi Teknik Informatika, Sekolah Tinggi Teknologi Mandala

Jl. Soekarno-Hatta 597
Telp. (022) 7301738, 70791003 Fax. (022)7304854 Bandung
Email : [email protected]
Abstract
Applications fingerprint using a tool Fingerprint namely equipment attendance advanced to record a
person's fingerprint, thus it can avoid fraud is often done in the case of surrogate absent or manipulation
absent are often done by students and with these tools is expected to increase discipline in the campus
environment STT Mandala Bandung. The purpose of the Student Attendance Application design is to
know how the application was made and to the implementation of the Student Attendance
Application-Based Fingerprint Using PHP. From the results of this study will give birth to a Student
Attendance applications using the PHP-Based Fingerprint Devices Based Fingerprint In order to be a

tool to prevent fraud in the case of surrogate absent or manipulation of attendance done by the students
in STT Mandala Bandung. The method used in the manufacture of suatau Applications and author of the
report of this thesis is the method of interview, observation and library study. Systems Development
Method used by the author is using the linear sequential (Waterfall) This model proposes an approach to
software development is a systematic and sequential start at system level and progress on a whole needs
analysis, system design, writing code, testing program, program implementation and maintenance. In
adopting the draft that has been created, it takes some software to make the program Students Based
Fingerprint Attendance Application Using PHP programming language that is used in the research is the
PHP programming language and HTML to build applications Student Attendance and MySQL database.
It can be concluded that the Student Attendance applications that have been designed and implemented
with facilities covering absent Import data, display data absent, recap the course, students recap, recap
direction, course schedules, course participant.
Keywords: Attendance Application, Fingerprints, Waterfall Method
Abstrak
Aplikasi sidik jari menggunakan alat Sidik Jari yaitu peralatan kehadiran maju untuk merekam sidik jari
seseorang, sehingga bisa terhindar dari kecurangan yang sering dilakukan pada kasus pengganti absen atau
manipulasi absen yang sering dilakukan oleh siswa dan dengan alat ini diharapkan dapat meningkatkan
kedisiplinan di kampus. lingkungan STT Mandala Bandung. Tujuan dari desain aplikasi Student
Attendance adalah untuk mengetahui bagaimana aplikasi dibuat dan penerapan Absensi Berbasis Aplikasi
Berbasis Sidik Jari Menggunakan PHP. Dari hasil penelitian ini akan melahirkan aplikasi Kehadiran Siswa

dengan menggunakan Fingerprint Berbasis Sidik Jari Berbasis PHP Agar bisa menjadi alat untuk mencegah
kecurangan dalam kasus pengganti absen atau manipulasi kehadiran yang dilakukan oleh siswa di STT
Mandala Bandung. . Metode yang digunakan dalam pembuatan aplikasi suatau dan penulis laporan tesis ini
adalah metode wawancara, observasi dan studi pustaka. Metode Pengembangan Sistem yang digunakan
oleh penulis adalah menggunakan sekuens linier (Waterfall) Model ini mengusulkan pendekatan
pengembangan perangkat lunak secara sistematis dan berurutan mulai pada tingkat sistem dan kemajuan

ISU TEKNOLOGI STT MANDALA VOL.11 NO.2 DESEMBER 2016 – ISSN 1979-4819

49

keseluruhan analisis kebutuhan, perancangan sistem, penulisan kode, program pengujian, program
implementasi dan pemeliharaan. Dalam mengadopsi draf yang telah dibuat, dibutuhkan beberapa software
untuk membuat program Aplikasi Absensi Sidik Jari Berbasis Siswa Menggunakan bahasa pemrograman
PHP yang digunakan dalam penelitian ini adalah bahasa pemrograman PHP dan HTML untuk membangun
aplikasi Student Absensi dan database MySQL. Dapat disimpulkan bahwa aplikasi Student Attendance
yang telah dirancang dan diimplementasikan dengan fasilitas yang meliputi data absen Impor, data
tampilan tidak ada, rekap kursus, rekap siswa, arah rekap, jadwal kursus, peserta kursus.
Kata Kunci: Aplikasi Kehadiran, Sidik Jari, Metode Air Terjun
1.


PENDAHULUAN
Perkembangan ilmu pengetahuan di segala

bidang dalam era globalisasi saat ini begitu pesat.
Terutama dalam bidang TI yang semakin maju seiring
dengan kebutuhan pemakai (user) untuk memperoleh
suatu karya atau inovasi maksimal serta memperoleh

Identifikasi sidik jari dikenal dengan Daktiloskopi
atau Daktilografi adalah yang mempelajari sidik jari
untuk keperluan idetifikasi terhadap orang dan
merumus pola sidik jari pada tapak tangan yang sama,
kiri atau kanan. Adapun metoda yang digunakan atau
dikenal adalah metode Henry, Rocher dan Vucetich.

keuntungan-keuntungan antara lain; Terhindar dari

Sifat Sidik Jari
Sistem keamanan menggunakan sidik jari

telah terbukti akurat, aman mudah dan nyaman untuk
dipakai sebagai identifikasi. Hal ini dapat dilihat pada
sifat yang dimiliki oleh sidik jari, antara lain :
1.
Perennialnature,
yaitu
guratan-guratan pada sidik jari yang
melekat pada kulit manusia seumur
hidup.
2.
Immutability, yaitu sidik jari
seseorang tidak pernah berubah,
kecuali mendapat kecelakaan yang
serius.
3.
Individuality, pola sidik jari adalah
unik dan berbeda untuk setiap
orang.

kecurangan dalam hal titipan absen atau manipulasi


2.2.2

kemudahan dalam segala aktivitas untuk mencapai
suatu tujuan. Pada saat ini STT Mandala Bandung
masih menggunakan fasilitas secara manual. Adapun
kendala-kendala yang dihadapi selama menggunakan
sistem manual yaitu banyak yang titip absen
mengakibatkan terjadinya manipulasi absensi atau
kecurangan dalam hal absensi. Oleh karena itu maka
STT Mandala Bandung memerlukan suatu Aplikasi
Absensi berbasis fingerprint menggunakan PHP.
Adapun
absensi

ini

dengan

menggunakan


maka

akan

aplikasi
diperoleh

absensi yang sering dilakukan oleh mahasiswa karena
data absensi mahasiswa disimpan langsung di
database,

dan

kedisiplinan

mahasiswa

akan


meningkat.
2.
TINJAUAN PUSTAKA
2.1
Landasan Teori
2.1.1
Definisi Aplikasi
Menurut Jogiyanto ( 2005 : 12 ), aplikasi
adalah penggunaan dalam suatu komputer, instruksi (
instructiom ) atau pernyataan ( statement ) yang
disusun sedemikian rupa sehingga computer dapat
memproses input menjadi output.
2.2

Sidik jari
Menurut Koesparmono (2007: 18) “sidik jari
adalah gurat-gurat yang terdapat di kulit ujung jari.
Fungsinya adalah untuk memberi gaya gesek lebih
besar agar jari dapat memegang benda-benda lebih
erat. Adapun Menurut Gumilang (1993: 90-91),


2.2.1

Pemindai Sidik jari (Fingerprintscanner)
Scan sidik jari ke komputer ketika memindai
sidik jari kita melalui suatu alat yaitu pemindai sidik
jari agar dapat dibaca oleh program komputer dengan
cara menempelkan jari ke sensor alat tersebut.
Sistem ini meliputi sebuah perangkat keras
pemindai dan perangkat lunak. Beberapa jenis
aplikasi yang dapat diterapkan pada teknologi sidik
jari adalah : police investment system, door access
system, card access system, software access system,
banking system, time and attendance system ID card
system and system keamanan lainnya.
UML (Unifield Modeling Language)
Unified Modeling Language merupakan
salah satu alat bantu yang dapat digunakan dalam
bahasa pemograman yang berorientasi objek, sebab
pada dasarnya UML digunakan oleh banyak

perusahaan raksasa seperti :
1.
Microsoft
2.
Oracle
3.
IBM

2.3

ISU TEKNOLOGI STT MANDALA VOL.11 NO.2 DESEMBER 2016 – ISSN 1979-4819

50

Gambar 2.1 Notasi Use Case Diagram
(Simonn Bennet, Steve Marcob dan Ray
Farmer :2006)

Menjelaskan tentang pengertian UML,
konsep Dasar UML, beserta diagram-digram dalam

penggambaran model objek.
2.3.1

Pengertian UML
Menurut Nugroho (2016:6) bahwa UML
adalah bahasa pemodelan untuk sistem atau perangkat
lunak yang berparadigma atau berorientasi objek,
pemodelan
sesungguhnya
digunakan
untuk
penyederhanaan permasalahan yang kompleks
sedemikian rupa sehingga lebih mudah dipelajari dan
dipahami.
Konsep Dasar UML
Abstraksi konsep dasar UML yang terdiri
dari structural classification, dynamic behavior, dan
model management, bisa dipahami dengan mudah
apabila melihat gambar diatas dari diagrams. Main
concepts bisa dipandang sebagai term yang akan

muncul pada saat membuat diagram. Dan view adalah
kategori dari diagaram tersebut. Untuk menguasai
UML, sebenarnya cukup dua hal yang harus
diperhatikan.
1.
Menguasai pembuatan diagram
UML.
2.
Menguasai langkah-langkah dalam
analisa dan pengembangan dengan
UML.

2.

Class Diagram
Class diagram Menurut Munawar : (2005: 28)
merupakan himpunan dari objek-objek yang sejenis.
Dalam
UML,
Class
diagram
ditunjukan
menggunakan notasi sebagai berikut :

2.3.2

2.3.3

Bagian-bagian UML
Bagian-bagain utama dari UML adalah view,
diagram.
View digunakan untuk melihat sistem yang
dimodelkan dari beberapa yang berbeda. Beberapa
jenis view dalam UML antara lain: Use Case View,
Logical View, Component View, Concurrency View
dan Deployment View.

Diagram
Diagram merupakan bagian dari suatu View
tertntu dan ketika digambarkan biasanya dialokasikan
untuk View tertentu ada beberapa jenis diagram
anatara lain.
1.
Use Case Diagram
Use case Diagram Menurut Martin Fowler :
(2005: 141)
adalah teknik untuk merekam
persyaratan fungsional sebuah sistem. Use Case
Diagram menggambarkan interaksi antara use case
dan actors.

Gambar 2.2 Class Diagram (Wahono,
R.S, 2003)
3.
Activity Diagram
Activity diagram menurut Martin Fowler :
(2005: 143) adalah teknik untuk menggambarkan
logika prosedural, proses bisnis, dan jalur kerja.
4.

Sequence Diagram
Sequence diagram Menurut Munawar :
(2005: 187) adalah grafik dua dimensi dimana
obyek ditunjukkan dalam dimensi horizontal,
sedangkan lifeline ditunjukkan dalam dimensi
vertikal. Berikut notasi sequence diagram seperti
terlihat pada gambar dibawah ini :

2.3.4

Gambar 2.3 Notasi Sequence Diagram
(Simonn Bennet, Steve Marcob dan Ray
Farmer :2005)
5.

Collaboration Diagram
Collaboration diagram menurut Munawar :
2005 adalah perluasan dari objek diagram.
6.
Component Diagram
Component diagram Menurut Munawar :
(2005: 119) yaitu mempresentasikan dunia riil item
yaitu component software.
7.
Deployment Diagram
Deployment diagram menurut Munawar :
(2005: 125) adalah menunjukkan tata letak sebuah
sistem secara fisik, menampakkan bagian-bagian
software yang berjalan pada bagian-bagian hardware.
Indikator Multiciplicity
Indikator multiciplicity terdapat pada
masing-masing akhir garis relasi, baik pada asosiasi

2.3.5

ISU TEKNOLOGI STT MANDALA VOL.11 NO.2 DESEMBER 2016 – ISSN 1979-4819

51

dan agregasi, beberapa contoh multiciplicity adalah :
Tabel 2.1 Notasi Multiciplicity dalam UML
Simonn Bennet, Steve Marcob dan Ray
Farmer :2006)
Simbol

Keterangan

*

Banyak

0

Nol

1

Satu

0..*

Antara nol sampai banyak

1..*

Antara satu sampai banyak

0..1

Noa atau satu

1..1

Tepat satu

Metode Pengujian Perangkat Lunak dengan
Black-box
2.4.1
Black Box Testing
Black box testing adalah pengujian yang dilakukan
hanya mengamati hasil eksekusi melalui data uji dan memeriksa
fungsional dari perangkat lunak.

Cara kerja CSS itu sangatlah mudah, kita hanya perlu
menulis stylenya(selector id dan class tersesuaikan) maka secara
otomatis akan bekerja pada document html.
2.6.3
2.6.3.1

Kelebihan dan Kekurangan CSS
Kelebihan :
1.
Modifikasi Web template lebih mudah
2.
Jika kita ingin mengubah suatu tema halaman
web, cukup modifikasi pada css saja
3.
Satu CSS dapat digunakan banyak halaman
web dan masih banyak lagi.

2.6.3.2

Kekurangan CSS
1.
Kadang juga terdapat browser yang tidak
support CSS (browser lama).
2.
Dibutuhkan waktu lebih lama dalam
membuatnya.
3.
Belum lagi ada bug/error dalam CSS

2.4

2.4.2

2.4.3

Kelebihan Black Box
1.
Dapat memilih subset test secara efektif dan
efisien
2.
Dapat menemukan cacat
3.
Memaksimalkan testing investmen
Kelemahan Black Box
1.
Tester tidak pernah yakin apakah PL tersebut
benar – benar lulus uji.

HTML ( HyperText Markup Language)
Menurut Stendy menyatakan “HyperText Markup
Language (HTML) adalah sebuah bahasa markup yang digunakan
untuk membuat sebuah halaman Web, menampilkan berbagai
informasi di dalam sebuah Web browser internet dan formating
hypertext sederhana yang ditulis kedalam berkas format ASCII agar
dapat menghasilkan tampilan wujud yang terintegerasi”.
2.7

Booststrap
Bootstrap adalah sebuah library framework CSS yang
dibuat khusus untuk bagian pengembangan front-end website.
Bootstrap juga merupakan salah satu framework HTML, CSS dan
javascript yang paling populer di kalangan web developer yang
digunakan untuk mengembangkan sebuah website yang responsive.
2.8

Fungsi Bootstrap
Bootstrap merupakan framework untuk membangun
desain web secara responsif. Fitur ini bisa diaktifkan ataupun
dinon-aktifkan sesuai dengan keinginan kita sendiri. Dengan
bootstrap kita juga bisa membangun web dinamis ataupun statis.

2.8.1
JavaScript
Menurut Stendy B. Sakur “Javascript adalah pendekatan
lain untuk membuat hal Web menjadi lebih interaktif, baik dalam
deteksi maupun tanggapan ke interaksi pengguna dengan halaman
Web”. Javascript dapat langsung digabungkan dengan HTML tanpa
harus di-compile terlebih dahulu.
2.5

2.8.2

Kelebihan Bootstrap
1.
Tampilan web akan tetap rapi dibuka dengan
media apapun baik itu handphone, tablet,
laptop ataupun PC desktop.
2.
Dapat mempercepat waktu proses pembuatan
front-end website
3.
Tampilan bootstrap yang sudah cukup terlihat
modern.

2.8.3

Kelemahan Bootstrap
1.
Minim gambar karena menggunakan CSS3.
2.
Belum mampu memberikan tampilan yang
sesuai di semua web browser.
3.
Membuat kita menjadi kurang kreatif karena
terpaku dengan coding yang dikembangkan
oleh developer.

2.9

PHP (Hypertext Preprocessor)

CSS (Cascading Style Sheets)
CSS adalah singkatan dari Cascading Style Sheet yang
merupakan kumpulan perintah yang dibentuk dari berbagai sumber
yang disusun menurut urutan tertentu sehingga mampu mengatasi
konflik style atau bahasa yang digunakan untuk mengatur tampilan
suatu dokumen yang ditulis dalam bahasa markup / markup
language.

2.6

Fungsi CSS
Fungsi utama CSS adalah merancang, merubah,
mendisain, membentuk halaman wesite(blog juga website). dan isi
dari halaman website adalah tag-tag html, logikanya css itu dapat
merubah tag-tag html(yang sederhana) sehingga menjadi lebih
fungsional dan menarik.

2.6.1

2.6.2

Cara kerja CSS

ISU TEKNOLOGI STT MANDALA VOL.11 NO.2 DESEMBER 2016 – ISSN 1979-4819

52

Menurut Abdul Kadir (2008:2), PHP merupakan
singkatan dari PHP Hypertext Preprocessor, yang merupakan
bahasa berbentuk script yang ditempatkan dalam server dan
diproses di server.
PHP memiliki beberapa kekuatan termasuk diantaranya
ialah : Performa yang tinggi, Integrasi Database, Library yang
built-in, Mudah dipelajari dan digunakan, Portabilitas, PHP dapat
digunakan pada banyak sistem operasi dan Ketersediaan Source
code
MySQL
Menurut Betha Sidik (2014:333) “database MySQL
merupakan sistem manajemen berbasis data SQL yang sangat
terkenal dan bersifat open source”.
Fitur utama MySQL adalah :
1.
Bekerja dalam berbagai platform (misalnya
Mac Os X, Solaris, Sun OS, Unix, Novel
Netware, Windows, dan lain-lain).
2.
MySQL mempunyai library yang dapat
ditempelkan pada aplikasi yang berjalan
sendiri, sehingga aplikasi tersebut dapat
digunakan pada komputer yang tidak
mempunyai jaringan.
3.
Dapat menangani basis data dalam skala
besar, basis data dalam server MqSQL dapat
berisi 50 juta record.
MySQL termasuk jenis RDBMS (Relational Database
Management System).

proses :

2.10

Gambar 3.1 ICONIX proses
(Sumber :
https://thesolidsnake.files.wordpress.com/2013/02/fig1
.jpg)
Proses ini selanjutnya akan berjalan pada
proses

perancangan

sistem

aplikasi

fingerprint

berbasis web.
3.2 Diagram proses.
Diagram

proses

menggambarkan

secara

umum proses aliran data pada sistem pengolah data
fingerprint berbasis web :

XAMPP
XAMPP adalah software web server apache yang di
dalamnya tertanam server MySQL yang didukung dengan bahasa
pemrograman PHP untuk membuat website yang dinamis.
Fungsinya adalah sebagai server yang berdiri sendiri (localhost),
yang terdiri atas program Apache HTTP Server, MySQL database,
dan penerjemah bahasa yang ditulis dengan bahasa pemrograman
PHP dan Perl. Untuk mendapatkanya dapat mendownload langsung
dari web resminya.
2.11

3.

MATERI
PENELITIAN
PEMBAHASAN

DAN

Proses analisa dan perancangan sistem yang
digunakan penulis mengunakan diagram UML
(Unified Modelling Language) berbasis objek.
3.1 Proses Analisis sistem
Di dalam teori software egineering, setiap
aspek pada UML adalah penting untuk digunakan.
Dalam melakukan proses analisis pada tahapan ini

Gambar 3.2 Diagram Proses Sistem pengolah data
fingerprint Berbasis Web.
Secara

dan prancangan sistem informasi dengan ICONIX

proses

ini

data fingerprint web yang akan dibangun, berikut ini
penjelasannya :
Penjelasannya :
1.

data

adalah

mesin

fingerprint,

dimana

mahasiswa melakukan absen pada saat
mengikuti perkuliahan.

pendekatan yang minimalis dan efisien, yang terfokus
Gambar dibawah ini memperlihatkan proses analisa

diagram

menggambarkan proses kerja dari sistem pengolah

digunakan ICONIX Process yang merupakan sebuah
pada daerah yang berada di antara use case dan code.

umum

2.

Data

yang

dihasilkan

pada

perangkat

fingerprint akan disimpan pada computer
server.

ISU TEKNOLOGI STT MANDALA VOL.11 NO.2 DESEMBER 2016 – ISSN 1979-4819

53

3.

Data absen yang tersimpan pada server
selanjutnya

akan

diolah

Selesai, Proses akhir dari aplikasi

5.

menggunakan

fingerprint.

aplikasi berbasis web yang penulis buat
melalui komputer client yang terhubung pada

3.3 Modeling Use Case

jaringan LAN.

Berdasarkan fitur-fitur

dalam rancangan

sistem absensi fingerprint berbasis web yang telah
3.2.1

Flowcart Diagram

dibuat

pada

tahap

sebelumnya,

maka

dapat

Flowcart diagaram merupakan gambaran

digambarkan use-case diagram sebagai berikut :

aliran data pada saat aplikasi mulai berjalan, berikut
aliran

data

yang

digambarkan

dalam

bentuk

flowchart :

Gambar 3.4 Use Case Aplikasi Fingerprint
Dari gambar diatas dapat dijelaskan sebagai berikut :
1.

Sistem

memiliki

satu

actor

yang

Gambar 3.3 Gambar Flowchart Sistem fingerprint

berhubungan dengan fungsi-fungsi sistem,

berbasis web

yaitu administrator. Administrator memiliki

Penjelasannya :
1.

Start

authority penuh terhadap semua fungsi
menjalankan

aplikasi

dikembangkan

perkulihan.

oleh

penulis

merupakan
2.

berikut :

fingerprint, data absen merupakan data yang

2.1.

yang

user,

jadwal

Login
Fungsi ini digunakan proses login

berbentuk file berextension .xls.

pengguna.

Membaca data absen, sebelum dilakukan

2.2.

import data ke sistem di sarankan untuk

4.

data

Sistem memiliki 5 fungsi, yaitu sebagai

Data absen, di dapat pada perangkat mesin
dihasilkan dari mesin fingerprint

3.

meregistrasikan pengguna,

input,update,delete

aplikasi berbasis web.
2.

sistem seperti

fingerprint,

aplikasi yang dijalankan adalah aplikasi yang

Import Data Absen
Import data

absensi

penyimpanan

data

merupakan

mengkoreksi data absen hasil dari mensin

proses

fingerprint agar data sesuai dengan format

tersimpan dalam sebuah file .xls kedalam

yang

database aplikasi fingerprint, proses ini

valid,

membaca

data

abasen

menggunakan aplikasi Microsoft excel.

dilakukan oleh administrator.

Import Data Absen, Proses sistem yang

2.3.

dilakukan pada aplikasi fingerprint yang

absen

yang

Input Jadwal Perkuliahan
Fungsi ini merupakan fungsi untuk

dikembangkan oleh penulis, dimana proses

menginput,

ini merupakan proses extraksi data dari data

perkuliahan.

excel kedalam database MYSQL.

2.4.

edit,

delete

data

jadwal

Input Peserta Perkuliahan
Fungsi ini merupakan fungsi untuk

ISU TEKNOLOGI STT MANDALA VOL.11 NO.2 DESEMBER 2016 – ISSN 1979-4819

54

menginput,

edit,

delete

data

peserta

perkuliahan.
2.5.

Rekap Data
Gambar 3.6 Activity Diagram Proses Login

Fungsi ini bertujuan untuk membuat
proses rekap data sesuai kebutuhan.

2.

Activity Diagram Untuk Proses Import
Data Absensi

3.3.1

Establising The Domain Model

Gambar 3.7 Activity Diagram Proses Import Data
Absen
3.

Activity Diagram Untuk Proses Jadwal
Perkuliahan

Gambar 3.5 Class Diagram Sistem Absensi
Fingerprint Berbasis Web.
3.3.2

Pemodelan Analisis

3.3.2.1 Activity Diagram
Activity

diagram

menggambarkan

alur

kegiatan dari suatu fungsi dalam sistem. Dalam sistem
ini terdapat 5 (lima) activity diagram.
Gambar 3.8 Activity Diagram Proses Jadwal
Perkuliahan

4.
1.

Activity Diagram Untuk Proses Login

Activity Diagram Untuk Proses Peserta
Perkuliahan

ISU TEKNOLOGI STT MANDALA VOL.11 NO.2 DESEMBER 2016 – ISSN 1979-4819

55

Request akan diteruskan ke model dan akan
diteruskan ke database.
3.

Layer

Database,

berhubungan

yaitu

langsung

layer

dengan

yang

database

server, seperti entitas dan utility koneksi ke
Gambar 3.9 Activity Diagram Proses Peserta
5.

database. Layer ini akan dibangun dengan
menggunakan script PHP programming.

Perkuliahan
Activity Diagram Untuk Proses Pelaporan

3.3.3.1 Component diagram

/ Rekapan

Component

diagram

menggambarkan

struktur dan hubungan antar komponen piranti lunak,
termasuk ketergantungan (depedency) di antaranya.
Komponen piranti lunak adalah modul berisi kode,
baik berisi source code maupun binary code, baik
library maupun executable, baik yang muncul pada
compile time, link time, maupun runtime.

Gambar 3.10 Activity Diagram Proses Pelaporan

3.3.3

Desain
Sistem informasi absensi fingerprint akan

dibangun berbasis web dengan menggunakan bahasa
pemrograman

Gambar 3.11 Component

Diagram Aplikasi

Absensi Fingerprint berbasis web.

dengan

Pada gambar di atas terdapat beberapa

database MySql. Pertimbangannya adalah pengguna

komponen diagram diantaranya personal computer /

sistem tidak harus menginstall aplikasi dan aplikasi

PC, alat finger print, database, webserver

PHP

web

programming

dapat berjalan di semua sistem operasi asalkan
memiliki aplikasi browser. Dalam arsitektur desain
sistem ini, sistem direpresentasikan menjadi 3 (tiga)
layer, yaitu:
1.

Layer

3.3.3.2 Deployment Diagram
Asumsi yang digunakan pada perangkat
lunak ini memakai sistem client server, ada beberapa

presentasi,

yaitu

layer

yang

komponen

yang

terlibat

dalam

pengembangan

memberikan user interface kepada pengguna

aplikasi ini diantaranya komponen client, web server,

seperti HTTP, layer inilah yang berinteraksi

application, data tier dan.

secara langsung terhadap pengguna. Layer
ini dibangun direncanakan dibangun dengan
bahasa pemrograman PHP.
2.

Layer

Aplikasi,

yaitu

layer

yang

menjembatani antara layer presentasi dan
layer database. Dalam layer ini meneruskan
dan

menerima

request

dari

pengguna.

ISU TEKNOLOGI STT MANDALA VOL.11 NO.2 DESEMBER 2016 – ISSN 1979-4819

56

bertujuan mengubah hasil dari rancangan sistem
menjadi bentuk yang nyata, maka dalam hal ini,
berupa Aplikasi Absensi Mahasiswa Berbasis Finger
Print Menggunakan PHP.
Gambar 3.12 Deployment Diagram Aplikasi Absensi
Fingerprint Berbasis Web.

1.

Implementasi Tampilan Halaman Login

Asumsi yang digunakan pada perangkat
lunak ini memakai sistem client server, ada beberapa
komponen

yang

terlibat

dalam

pengembangan

aplikasi ini diantaranya komponen client, web server,
application, data tier.
3.3.3.3 Struktur Menu
Struktur menu di desain untuk merancang
semua menu-menu yang akan digunakan oleh aplikasi.
Berikut struktur menu dari aplikasi absensi fingerprint
berbasis web.
Gambar 3.15 Tampilan Halaman Login

2.

Implementasi Tampilan Menu Utama

Gambar 3.16 Tampilan Menu Utama
Gambar 3.14 Struktur Menu Aplikasi Absensi
Finggerprint
3.4

Implementasi
Implementasi

adalah

sebuah

tahap

pengembangan rancangan menjadi kode program.
Selain itu disajikan juga tampilan Aplikasi Absensi
Mahasiswa Berbasis Fingerprint Menggunakan PHP
setelah diimplementasikan pada Fingerprint dan

3.

Implementasi

Tampilan

Form

input

jadwal perkulihan

Aplikasi Attendance Management untuk mengambil
data bentuk xls dari mesin Figerprint
3.4.1

Implementasi

Antar

Muka

Aplikasi

Absensi Mahasiswa
Implementasi adalah sebuah tahapan yang

ISU TEKNOLOGI STT MANDALA VOL.11 NO.2 DESEMBER 2016 – ISSN 1979-4819

57

Gambar 3.20 Tampilan data peserta matakuliah
Gambar 3.17 Tampilan Form input jadwal perkulihan
7.

Implementasi

Halaman

Data

Absensi

Mahasiswa
4.

Implementasi Tampilan jadwal kuliah

Gambar 3.21 Tampilan Halaman Data
Gambar 3.18 Tampilan jadwal kuliah

Absensi Mahasiswa
8.

5.

Implementasi Halaman Import Data Absensi
Mahasiswa

Implementasi Tampilan Form input data
peserta matakuliah

Gambar 3.19 Tampilan form input data
Gambar 3.22 Tampilan Halaman Import

peserta matakuliah

Data Absensi Mahasiswa
6.

Implementasi

Tampilan

Data

Peserta

9.

Tampilan Rekap Mahasiswa

matakuliah

ISU TEKNOLOGI STT MANDALA VOL.11 NO.2 DESEMBER 2016 – ISSN 1979-4819

58

Pengujian perangkat lunak ini menggunakan metode
pengujian black box.
3.5.1
Gambar 3.23 Tampilan Rekap Mahasiswa

Rencana Pengujian
Adapun rencana pengujian sistem yang akan

diuji dengan teknik pengujian BlackBox akan
10.

Tampilan Rekap data absen matakuliah

penyusun kelompokan dalam table dibawah ini.
Berikut ini adalah hasil dari pengujian aplikasi
absensi mahasiswa.
Tabel 3.1 Rancangan Pengujian Aplikasi Absensi
Item Uji
Login

Detail Pengujian

Jenis Uji

Verifikasi User Name

Black box

Verifikasi Password

Black box

Verifikasi Data Absen

Black box

Verifikasi

Menu

Black box

Verifikasi Rekap data

Black box

Tools
Gambar 3.24 Tampilan Rekap data absen matakuliah

Menu

Absen

Utama
11.

Tampilan

Halaman

Rekap

Verifikasi

Semester

Import

Data Absen

Jurusan

Verikasi

Menu

Black box

Import

Black box

Rekap

Black box

Rekap

Black box

Rekap

Black box

Jadwal

Black box

Peserta

Black box

Verifikasi User Name

Black box

Verifikasi

Password

Black box

Password

Black box

Master
Verifikasi
Data Absen
Verifikasi
Menu

Matakuliah

Tools

Verifikasi
Mahasiswa
Verifikasi
Perjurusan
Verifikasi

Menu

Matakuliah

Data
Gambar 3.25 Tampilan Rekap Semester Jurusan

Verifikasi

Master

Matakuliah

Ganti
3.5

Pengujian

Password

Pengujian merupakan bagian penting dalam

dan juga mengetahui kelemahan dari perangkat lunak.

Verifikasi
Baru

siklus pembuatan atau pengembangan perangkat
lunak. Pengujian dilakukan untuk menjamin kualitas

Lama

Lupa

Verifikasi Username

Black box

Password

Verifikasi E-mail

Black box

Tujuan dari pengujian perangkat lunak ini adalah
untuk menjamin bahwa perangkat lunak yang
dibangun memiliki kualitas dan dapat di gunakan.

3.5.2

Kasus dan Hasil Pengujian

ISU TEKNOLOGI STT MANDALA VOL.11 NO.2 DESEMBER 2016 – ISSN 1979-4819

59

Berdasarkan rencana pengujian yang telah
dibuat, maka dapat dilakukan pengujian terhadap

Yang

Matakuliah dapat dipilih.

diharapkan

Jam dapat diisi.

sistem sebagai berikut :

Hari dapat dipilih.
Dosen dapat dipilih.

1.

Login

Pengamatan

Tabel 3.2 Uji data normal pada login

Matakuliah dapat dipilih, sesuai dengan
yang diharapkan.

Kasus dan Hasil Uji (Data Normal)

Jam dapat diisi, sesuai dengan yang

Data Masukan

User name : admin.

diharapkan.

Yang

Data user name dapat dimasukan.

Hari dapat dipilih, sesuai dengan yang
diharapkan

diharapkan
Pengamatan

User name dapat diisi, sesuai dengan yang

Dosen dapat dipilih, sesuai dengan yang

diharapkan.

diharapkan

Kesimpulan

Diterima.

Kesimpulan

Diterima

Data Masukan

Password : admin.

Data Masukan

Klik tombol simpan.

Yang

Data password dapat dimasukan.

Yang

Data tersimpan dalam database.

diharapkan

Dapat masuk ke menu utama.

diharapkan

Muncul pesan “telah tersipan ‘kembali’”.

Pengamatan

Password dapat diisi, sesuai dengan yang

Pengamatan

Data tersimpan dalam database, sesuai

diharapkan.

dengan yang diharapkan.

Dapat masuk ke menu utama, sesuai

Muncul

dengan yang diharapkan.

‘Kembali’”,

Kesimpulan

Diterima.

diharapkan.

Data Masukan

Klik tombol Sign In.

Yang

Klik tombol Sign In, maka akan dilakukan

diharapkan

pengecekan user name, apabila user name
terdapat

pada

database

Kesimpulan

maka

akan

Kesimpulan

“telah

sesuai

tersimpan

dengan

yang

Diterima.

Input Data Peserta Matakuliah

dilanjutkan dengan pengecekan password

Tabel 3.4 Uji data normal pada Input Data Peserta

kemudian akan muncul pesan ”Sign In

Matakuliah

berhasil”.
Pengamatan

3.

pesan

Tombol Sign In berfungsi, sesuai dengan

Kasus dan Hasil Uji (Data Normal)
Data Masukan

Matakuliah

:

Pilih

yang diharapkan.

box ’Matematika’.

Diterima.

Tahun Akademik : isi box.

pada

Semester : pilih pada box ’ Ganjil’.
Mahasiswa : pilih pada box ’Alimudin’.
Yang diharapkan

Matakuliah dapat dipilih.
Tahun Akademik dapat diisi.

2.

Semester dapat dipilih.

Input Jadwal Perkuliahan

Mahasiswa dapat dipilih.

Tabel 3.3 Uji data normal pada Input Jadwal
Perkuliahan

Pengamatan

Kasus dan Hasil Uji (Data Normal)
Data Masukan

Matakuliah dapat dipilih, sesuai dengan
yang diharapkan.

Matakuliah : Pilih pada box ’Matematika’.

Tahun Akademik dapat diisi, sesuai

Jam : isi box.

dengan yang diharapkan.

Hari : pilih pada box ’ senin’.

Semester dapat dipilih, sesuai dengan

Dosen : pilih pada box ’Taufik Rahman’.

yang diharapkan

ISU TEKNOLOGI STT MANDALA VOL.11 NO.2 DESEMBER 2016 – ISSN 1979-4819

60

Mahasiswa dapat dipilih, sesuai dengan
yang diharapkan
Kesimpulan

Kasus dan Hasil Uji (Data Normal)
Data Masukan

Diterima

Nim : Pilih pada box ’Alimudin’.
Tahun Akademik : isi box.
Semester : pilih pada box ’ Ganjil’.

Data Masukan

Klik tombol simpan.

Yang

Nim dapat dipilih.

Yang diharapkan

Data tersimpan dalam database.

diharapkan

Tahun Akademik dapat diisi.

Muncul

pesan

“telah

Pengamatan

‘kembali’”.
Pengamatan

Semester dapat dipilih.

tersipan

Data tersimpan dalam database, sesuai

diharapkan.

dengan yang diharapkan.

Tahun

Muncul

pesan

‘Kembali’”,

“telah

sesuai

dengan

4.

Akademik

dapat diisi,

Semester dapat dipilih, sesuai dengan yang

yang

diharapkan

Diterima.

Import Data Absensi Mahasiswa
Tabel 3.5 Uji data normal pada Import Data

Kesimpulan

Diterima

Data Masukan

Klik tombol simpan.

Yang

Data tersimpan dalam database.

diharapkan

Muncul

Absensi Mahasiswa

pesan

“telah

tersimpan

‘kembali’”.

Kasus dan Hasil Uji (Data Normal)

Pengamatan

Data tersimpan dalam database, sesuai

Data Masukan

Klik Tombol Browse

dengan yang diharapkan.

Yang diharapkan

dapat membaca file berextensi. Xls

Muncul

dapat mencari file berextensi. xls

‘Kembali’”,

dapat membaca file berextensi. Xls ,

diharapkan.

Pengamatan

sesuai

dengan yang diharapkan.

tersimpan

diharapkan.
Kesimpulan

Nim dapat dipilih, sesuai dengan yang

Kesimpulan

sesuai dengan yang diharapkan.

pesan

“telah

sesuai

tersimpan

dengan

yang

Diterima.

Dapat mencari file berextensi. Xls,
sesuai dengan yang diharapkan.
Kesimpulan

6.

Diterima

Rekap Data Absen Matakuliah

Tabel 3.7 Uji data normal pada Rekap Data Absen
Data Masukan
Yang diharapkan

Matakuliah

Klik tombol Import/upload

Kasus dan Hasil Uji (Data Normal)

Data tersimpan dalam database.
Muncul pesan “ file telah terupload

Pengamatan

Data Masukan

:

Pilih

‘kembali’”.

box ’Matematika’.

Data tersimpan dalam database, sesuai

Tahun Akademik : isi box.

dengan yang diharapkan.

Semester : pilih pada box ’ Ganjil’.

Muncul pesan “ File telah tersimpan
‘Kembali’”,

sesuai

dengan

Yang diharapkan

Diterima.

pada

Matakuliah dapat dipilih.
Tahun Akademik dapat diisi.

yang

Semester dapat dipilih.

diharapkan.
Kesimpulan

Matakuliah

Pengamatan

Matakuliah dapat dipilih, sesuai dengan
yang diharapkan.
Tahun Akademik dapat diisi, sesuai

5.

Rekap Semester Mahasiswa

Tabel 3.6 Uji data normal pada Rekap Semester
Mahasiswa

ISU TEKNOLOGI STT MANDALA VOL.11 NO.2 DESEMBER 2016 – ISSN 1979-4819

dengan yang diharapkan.
Semester dapat dipilih, sesuai dengan
yang diharapkan

61

Kesimpulan

Berdasarkan hasil pengujian dengan kasus

Diterima

Black box yang telah dilakukan dapat ditarik
Data Masukan

Klik tombol simpan.

kesimpulan bahwa aplikasi sudah berjalan cukup

Yang diharapkan

Data tersimpan dalam database.

maksimal, tetapi tidak menutup kemungkinan dapat

Muncul

terjadi kesalahan suatu saat pada saat aplikasi

Pengamatan

pesan

“telah

tersimpan

‘kembali’”.

digunakan,

Data tersimpan dalam database, sesuai

maintenance untuk lebih mengetahui kekurangan dari

dengan yang diharapkan.

aplikasi.

Muncul

pesan

‘Kembali’”,

“telah

sesuai

membutuhkan

proses

tersimpan

dengan

yang

diharapkan.
Kesimpulan

sehingga

4.
4.1

Diterima.

KESIMPULAN DAN SARAN
Simpulan

Mulai

dari

proses

perancangan

hingga

sampai pada tahap implementasi dan pengujian yang
7.

Rekap Semester Jurusan

dilakukan pada aplikasi absensi mahasiswa berbasis

Tabel 3.8 Uji data normal pada Rekap Semester
Jurusan

mengambil kesimpulan dan saran sebagai berikut :

Kasus dan Hasil Uji (Data Normal)
Data Masukan

Yang diharapkan

Pengamatan

Kesimpulan

fingerprint menggunakan Php, maka penulis dapat
1.

Penerapan absensi dengan sidik jari di STT

Jurusan : Pilih pada box ’Teknik

Mandala

Informatika’.

terjadinya kecurangan dalam hal titipan

Tahun Akademik : isi box.

absen atau manipulasi absensi yang sering

Semester : pilih pada box ’ Ganjil’.

dilakukan oleh mahasiswa

Jurusan dapat dipilih.

absensi mahasiswa disimpan langsung di

Tahun Akademik dapat diisi.

database, dan kedisiplinan mahasiswa akan

Semester dapat dipilih.

meningkat.

Jurusan dapat dipilih, sesuai dengan

2.

Bandung

dapat

menghindari

karena data

Sistem yang dibangun berbasis fingerprint

yang diharapkan.

dan

menggunakan

Tahun Akademik dapat diisi, sesuai

penyimpanan data, tidak seperti sistem

database

sebagai

dengan yang diharapkan.

sebelumnya tidak menggunakan database

Semester dapat dipilih, sesuai dengan

sebagai penyimpanannya dan belum secara

yang diharapkan

menggunakan komputer masih manual.
3.

Diterima

Aplikasi yang dibangun dapat memenuhi
kebutuhan dan tuntutan di STT Mandala

Data Masukan

Klik tombol simpan.

Bandung dalam proses

Yang diharapkan

Data tersimpan dalam database.

menghindari terjadinya kecurangan dalam

Muncul

Pengamatan

pesan

hal titipan absen atau manipulasi absensi

tersimpan

‘kembali’”.

yang sering dilakukan oleh mahasiswa

Data tersimpan dalam database, sesuai

karena data absensi mahasiswa disimpan

dengan yang diharapkan.

langsung di database, dan kedisiplinan

Muncul

pesan

‘Kembali’”,

Kesimpulan

“telah

hal absensi dapat

“telah

sesuai

mahasiswa akan meningkat.

tersimpan

dengan

yang

diharapkan.

4.2

Saran

Diterima.

1.

Peneliti selanjutnya diharapkan sistem yang
dibangun berbasis PC dan menggunakan

3.5.3

Kesimpulan Hasil Pengujian

database server sebagai penyimpanan data,

ISU TEKNOLOGI STT MANDALA VOL.11 NO.2 DESEMBER 2016 – ISSN 1979-4819

62

tidak seperti sistem sekarang bahwa basisdata

Martin Fowler. 2005. Object-Oriented Software

tersimpan di masing-masing mesin absensi
2.

Input data otomatis dari fingerprint ke

Engineering. Needham sebuah kota di county

program langsung No

Choctaw, Alabama, Amerika Serikat : Penerbit Object

Communication type

USB, Communication Serial Port/RS485,
Management Group (OMG).

Communication type Ethernet
3.

Peneliti

selanjutnya

diharapkan

dapat

Munawar. 2005. Analisis Dan Desain. Yogyakarta :

melakukan penelitian dalam penambahan
pemindai sidik jari sehingga pemindai yang

Penerbit Andi Offset.

digunakan oleh satu komputer bisa lebih dari

Nugroho.Adi. 2006. Rekayasa Perangkat Lunak

satu

4.

buah

pemindai

dan

sistem

bisa

melakukan pengelolaan data switch otomatis

Menggunakan UML & Java. Yogyakarta: Penerbit

antara pemindai yang satu dan lainnya.

Andi Offset.

Bikin SMS Gateway
Rochiati, 2008. Langkah Mudah Penelitian Tindakan
Kelas. Bandung : Penerbit Remaja Rosdakarya.

DAFTAR PUSTAKA
Abdul Kadir, 2003. Pengenalan Sistem Informasi.
Yogyakarta : Penerbit Andi.
Abdul Kadir, 2008. Dasar Pemrograman WEB
Dinamis Menggunakan PHP. Yogyakarta : Penerbit
Andi.
Betha,Sidik 2014. Pemrograman Web dengan PHP.
Bandung : Penerbit Informatika Bandung
Bunafit,Nugroho 2001. Membuat Website Sendiri
dengan PHP-MyAdmin. Jakarta : Penerbit Maxikom.
Gumilang, 1993 Kriminalistik (Pengetahuan Tentang
Teknik dan Taktik Penyidikan), Cet.3, hal. 87-88.
Gumilang, 1993 Kriminalistik (Pengetahuan Tentang
Teknik dan Taktik Penyidikan), Cet.3, hal. 90-91.
Jogiyanto,

H.M.,MBA,Ph.D.,

2005.

PhSistem

Informasi Konsep dan Aplikasi. Yogyakarta : Penerbit
Andi
Koesparmono Irsan, 2007 Ilmu Forensik (Ilmu
Kedokteran Kehakiman), Cet.7, hal. 18.

ISU TEKNOLOGI STT MANDALA VOL.11 NO.2 DESEMBER 2016 – ISSN 1979-4819

63