PROPOSAL SKRIPSI

PERANCANGAN SISTEM ABSENSI BERBASIS WEBSITE

PADA PEGAWAI DAN DOSEN FAKULTAS SAINS DAN
TEKNOLOGI UNIVERSITAS QAMARUL HUDA
BADARUDDHIN BAGU (UNIQHBA)

Oleh :

Daman huri
Nim (5520120004)

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS QAMARUL HUDA BADARUDDON
UNIQHBA - BAGU
2022
 DAFTAR ISI

BAB 1 PENDAHULUAN...........................................................................................1
1.1 Latar Belakang...........................................................................................1
1.2 Rumusan Masalah......................................................................................2
1.3 Batasan Masalah........................................................................................2
1.4 Tujuan Penelitian.......................................................................................3
1.5 Manfaat Penelitian.....................................................................................4
BAB II KAJIAN LITERATUR.................................................................................5
1.1 Tinjauan Pustaka.......................................................................................5
1.2 Landasan Teori..........................................................................................6
1.2.1 Konsep Rancang Bangun..............................................................6
1.2.2 Konsep Sistem Informasi...............................................................7
1.2.2.1 Pengertian Sistem...................................................................7
1.2.2.2 Karakteristik Sistem...............................................................8
1.2.2.3 Klasifikasi Sistem....................................................................9
1.2.2.4 Pengertian Informasi...............................................................10
1.2.2.5 Pengertian Sistem Informasi...................................................11
1.2.2.6 Komponen Sistem Informasi..................................................11
1.2.3 Absensi.............................................................................................12
1.2.4 Website............................................................................................13
1.2.5 PDF...................................................................................................14
1.2.6 Webcam............................................................................................16
1.2.7 HTML (Hyper Text Markup Language)..........................................16
1.2.8 PHP...................................................................................................17
1.2.9 Javascript..........................................................................................17
1.2.10 Databse.............................................................................................18
1.2.11 DBMS...............................................................................................19
1.2.12 MYSQL...........................................................................................19
1.2.13 XAMPP............................................................................................23
1.2.14 Sublime Text....................................................................................23
1.2.15 Admin Lte........................................................................................23
1.2.16 UML.................................................................................................22
BAB III METODOLOGI PENELITIAN..............................................................30

2
 3.1 Waktu dan Pelaksanaan Penelitian..............................................................30
3.2 Metode Pengumpulan Data..........................................................................30
3.3 Perancangan Sistem.....................................................................................30
3.3.1 Use Case Diagram............................................................................30
3.3.1.1 Indentifikaksi Aktor......................................................30
3.3.1.2 Identifikasi Use Case.....................................................30
3.3.2 Activity Diagram..............................................................................32
3.3.2.1 Activity Diagram Login.....................................................33
3.3.2.2 Activity Diagram Registrasi User......................................34
3.3.2.3 Activity Diagram Data User..............................................35
3.3.2.4 Activity Diagram Absensi..................................................36
3.3.2.5 Activity Diagram Data Absensi.........................................37
3.3.3 Squence Diagram.............................................................................38
3.3.3.1 Squence Diagram Login.....................................................39
3.3.3.2 Squence Diagram Data User..............................................39
3.3.3.3 Squence Diagram Absensi.................................................40
3.3.3.4 Squence Diagram Data Presensi........................................41
3.3.4 Class Diagram..................................................................................41
3.4 Kamus Data dan Struktur Tabel...................................................................42
3.5 Prototype......................................................................................................44
3.5.1. Halaman Login...............................................................................44
3.5.2. Halaman Beranda...........................................................................44
3.5.3. Halaman Absen..............................................................................45
3.5.4. Halaman Data Absen.....................................................................46
Halaman Data User.......................................................................................46
A. Bagian Akhir.............................................................................................................14
II. TATA CARA PENULISAN................................................................................15
A. Bahan.........................................................................................................................15
1.
Naskah....................................................................................................................15
2.
Sampul....................................................................................................................15
B. Pengetikan.................................................................................................................15
1. Jenis huruf...............................................................................................................15
2. Bilangan dan satuan................................................................................................15
3. Jarak baris...............................................................................................................15
4. Batas tepi................................................................................................................16
5. Pengisian ruangan...................................................................................................16
6. Alinea baru.............................................................................................................16
7. Permulaan kalimat..................................................................................................16
8. Judul, sub judul, anak sub judul, dan lain-lain........................................................16
9. Rincian ke bawah....................................................................................................17

3
 10. Letak simetris.......................................................................................................17
C. Penomoran.................................................................................................................17
1. Halaman..................................................................................................................17
2. Judul tabel...............................................................................................................17
3. Judul gambar...........................................................................................................17
4. Persamaan...............................................................................................................17
D. Tabel (daftar) dan Gambar.....................................................................................18
1. Tabel (daftar)..........................................................................................................18
2. Gambar...................................................................................................................18
E. Bahasa........................................................................................................................19
1. Bahasa yang dipakai...............................................................................................19
2. Bentuk kalimat........................................................................................................19
3. Istilah......................................................................................................................19
4. Kesalahan yang sering terjadi.................................................................................19
F. Penulisan nama..........................................................................................................19
1. Nama penulis yang diacu dalam uraian...................................................................19
2. Nama penulis dalam daftar pustaka........................................................................20
3. Nama penulis lebih dari satu suku kata...................................................................20
4. Nama dengan garis penghubung.............................................................................20
5. Nama yang diikuti dengan singkatan......................................................................21
6. Derajat kesarjanaan.................................................................................................21
G. Spasi...........................................................................................................................21
H. Istilah baru dan Kutipan..........................................................................................21
LAMPIRAN................................................................................................................22

4
 BAB 1

PENDAHULUAN

1.1 Latar Belakang

Universitas Qamarul Huda Badaruddin (UNIQHBA) berada di Desa Bagu

Pringgarata, Kabupaten Lombok tengah, Kec.Batukliang berdiri pada tanggal
9 November 2017 yang merupakan hasil dari penggabungan STIKES Qamarul
Huda dengan STKIP Qamarul Huda. UNIQHBA memiliki tiga Fakultas yaitu
Fakultas Kesehatan, Fakultas Keguruan dan Ilmu Pendidikan, dan Fakultas
Sains dan Teknologi. Fakultas Sains dan Teknologi memiliki tiga program
studi yaitu S1 Teknologi Informasi, S1 Ilmu Komputer, dan S1 Teknik Sipil.
Sistem informasi akademik yang baik sangat dibutuhkan untuk
mendukung kegiatan akademik pada suatu instansi sehingga diharapkan dapat
mempermudah pekerjaan pegawai untuk mencari informasi dan mengolah
data. Salah satu yang penting pada suatu instansi adalah kegiatan absensi
pegawai. Absensi atau kartu jam hadir adalah dokumen yang mencatat jam
hadir setiap pegawai di suatu perusahaan yang berupa daftar hadir biasa atau
kartu hadir yang diisi mesin pencatat waktu (Setiawan, 2015).
Untuk mencapai sistem informasi absensi yang baik maka diperlukan
teknologi informasi yang meliputi teknologi komputer,teknologi
telekomunikasi dan teknologi apapun yang dapat yang dapat memberikan nilai
tambah untuk instansi akademik sehingga dapat berpengaruh besar untuk
membantu kegiatan absensi pegawai. Maka dengan itu dibutuhkan sebuah
sistem absensi pegawai yang terkomputerisasi dalam proses pendataan dan
pengelolaan data absensi sehingga data bisa secara cepat, efisien, dan efektif di
dalam prosesnya..
Pada Universitas Qamarul Huda Badaruddhin, pegawai melakukan
absensi dengan menggunakan alat fingerprint dan face recognize sebagai tanda
bukti kehadiran yang letaknya di gedung fakultas kesehatan,atau yang
bersebelahan dengan gedung fakultas sains dan teknologi. Namun, pada
fakultas sains dan

1
 teknologi sendiri belum mempunyai sistem absensi, untuk membantu pegawai
dan dosen pada fakultas sains dan teknologi melakukan absensi dengan mudah,
maka diperlukan sistem absensi khusus pada fakultas sehingga mempermudah
pegawai dan dosen pada fakultas sains dan teknologi melakukan absensi tanpa
perlu kegedung fakultas kesehatan dan mengelola data absensi berdasarkan
waktu dan tanggal yang diinputkan sehingga data absensi ini dapat direkap
dengan mudah dan cepat untuk keperluan data akademik.

Oleh sebab itu, dengan berdasarkan alasan ini penulis mengambil tema
dalam penulisan skripsi ini dengan judul ‘Perancangan Sistem Absensi
Berbasis Website Pada Pegawai dan Dosen Fakultas Sains Dan Teknologi
Universitas Qamarul Huda Badaruddhin Bagu (Uniqhba).
Sistem ini dirancang berdasarkan (Unived Modelling Language) UML dan
pengkodean menggunakan bahasa pemrograman HTML,PHP dan MySQL
untuk pengelolaan database. Dengan adanya pembuatan sistem absensi ini
dapat memberikan solusi agar memudahkan pegawai dan dosen pada Fakultas
Sains dan Teknologi UNIQHBA dalam mengelola serta memantau data absensi
sebagai salah satu penilaian penting sehingga dapat menunjang akademik atau
instansi yang lebih baik lagi.
1.2 Rumusan Masalah
Perumusan masalah berdasarkan latar belakang tersebut dapat dirumuskan
beberapa permasalahan antara lain:
1. Bagaimana merancang sistem absensi pegawai dan dosen berbasis website,
sehingga dapat mempermudah pegawai dan dosen pada fakultas sains dan
teknologi (UNIQHBA) dalam melakukan absensi.
2. Bagaimana mengatur data absensi pegawai dan dosen yang dapat tersimpan
langsung dalam server.

2
 1.3 Batasan Masalah
Beberapa batasan masalah dalam penelitian ini adalah sebagai berikut :
1. Sistem yang akan dibangun ini diperuntukan untuk dosen dan pegawai
fakultas sains dan teknologi sebagai user,admin dan supervisor.
2. Sistem yang dirancang ini bebasis web dan menggunakan bahasa
pemrograman HTML,CSS,PHP dan MySQL untuk pengolahan database.
3. Perancangan sistem informasi pegawai dan dosen ini dususun berdasarkan
(Unified Modelling Language) UML
4. Kegiatan absensi dilakukan dengan fitur kamera yang bisa dilakukan
secara langsung didalam sistem.
5. Output yang dihasilkan sistem ini yaitu report data absensi pegawai dan
dosen yang bisa dicetak langsung didalam file pdf.
1.4 Tujuan Penelitian
Adapun tujuan dari penelitian tugas akhir ini adalah :
2. Membuat sistem absensi pegawai dan dosen berbasis website guna
mempermudah pegawai dan dosen fakultas sains dan teknologi dalam
melakukan absensi.
3. Membuat fitur pengolahan data absensi yang efektif dan efisien untuk
mengolah data absensi yang bisa dicetak langsung atau didownload filenya
dalam bentuk pdf.
1.5 Manfaat Penelitian
Manfaat yang diperoleh dari penelitian ini adalah :

1. Membantu akademik Fakultas Sains dan Teknologi untuk memonitoring

absensi pegawai melalui website yang digunakan pegawai.
2. Membantu akademik Fakultas Sains dan Teknologi untuk meningkatkan
kinerja dan etos kerja serta kedisplinan kerja kepada para pegawainya.
3. Membantu para pegawai dan dosen Fakultas Sains dan Teknologi untuk
melakukan absensi dengan mudah melalui website.
4. Membantu pegawai untuk mempermudah pengolahan data absensi menjadi
efektif dan efisien untuk menghasilkan data absensi pegawai dengan cepat
yang bisa didownload atau dicetak langsung didalam sistem

3
 BAB II
KAJIAN LITERATUR
2.1 Tinjauan Pustaka

Studi literatur adalah serangkaian kegiatan yang berkenaan dengan

metode metode pengumpulan data pustaka,membaca dan mencatat serta
mengolah bahan penelitian. Menurut Danial dan Warisah (2009:80),Studi
Literatur adalah merupakan penelitian yang dilakukan oleh peneliti dengan
mengumpulkan sejumlah buku buku,majalah yang berkaitan dengan
masalah dan tujuan penelitian.
Adapun konsep dan terori penelitian sebelumnya sebagai berikut:
1. Ari Nur Rokhman (2020), dengan judul ”Rancang Bangun Absensi
Karyawan Menggunakan Location Based Service (LBS) Berbasis
Android”. pembahasan dari penelitian ini adalah bagaimana merancang
aplikasi absensi yang diperuntukan untuk karyawan guna mempermudah
karyawan yang melakukan absensi secara online.
2. Adam Pratama (2007), dengan judul “Pengembangan Aplikasi Sistem
Absensi Karyawan Dengan Metode Barcode Pada PT.Kemenangan
Jaya”. Hasil dari penelitian ini yaitu berupa rekap data absensi yang
terkomputerisasi dan mudah diakses secara langsung.
3. Febrian Ilham Nur islamudin (2017),dengan judul “Sistem Absensi
Karyawan Berbasis Desktop”. Dengan studi kasus pada BMT Ahmad
Dahlan Cawas.
4. Aziz Mutmainnah (2020),dengan judul ”Rancangan Sistem Infromasi
Absensi Pegawai Berbasis Web Dengan Model Waterfall di Puskesmas
Mandale,Kabupaten Pangkep”. Pembahasan dari penelitian ini yaitu
bagaimana merancang sistem informasi absensi pegawai yang berbasis
web dengan metode SDLC pada Puskesmas Mandalle. Dimana
mengetahui kebutuhan dari pihak pengguna seperti admin dan pegawai
terhadap sistem dan merancang desain tampilan sistem informasi absensi
pegawai berbasis web lingkup internal di Puskesmas Mandalle.

5
 5. Perancangan Sistem Absensi Pegawai Berbasis Web,dengan studi kasus
Kantor Kecamatan Purwodadi oleh Subianto dan Sardiarinto. Metode
penelitian dalam pengembangan perangkat lunak menggunakan
waterfall dengan menghasilkan aplikasi absensi kepegawaian berbasis
web dapat memberikan kemudahan dalam proses absensi, pencarian data
dan perhitungan rekap absensi, serta meminimalisir kehilangan dan
kesalahan pencatatan data absensi pada Kantor Kecamatan Purwodadi.
Penelitian tersebut relevan dengan penelitian yang saat ini disusun oleh
peneliti karena sama dengan menggunakan metode dan model waterfall
dan juga memiliki konteks yang dipusatkan yaitu mengenai absensi
kepegawaian.

2.2 Landasan Teori

2.2.1 Konsep Rancang Bangun
Perancangan sesungguhnya merupakan suatu aktivitas rekayasa
perangkat lunak yang dimaksud untuk membuat keputusan-keputusan
utama seringkali bersifat struktural(Pressman,2012). Perancangan
Sistem adalah proses dari menspesfifikasi secara detail mengenai
beberapa banyak komponen dari sistem informasi yang harus
diimplementasikan secara fisik (Satzinger,2011) Perancangan adalah
sebuah proses yang mendefinisikan sesuatu yang akan dikerjakan
dengan teknik yang bervariasi serta didalamnya melibatkan deskripsi
mengenai arsitektur serta detail komponen dan juga keterbatasan yang
akan dialami dalam proses pengerjaannya (Rizky, 2011).
Rancang bangun merupakan serangkaian prosedur untuk
menerjemahkan hasil analisa dari sebuah sistem ke dalam bahasa
pemrograman untuk mendeskripsikan dengan detail bagaimana
komponen- komponen sistem diimplementasikan (Pressman,2010).

6
 2.2.2 Konsep Sistem Informasi
2.2.2.1 Pengertian Sistem
Menurut Jogianto dalam Hutahaean (2014) “Sistem adalah
kumpulan dari elemen – elemen yang berinteraksi untuk
mencapai suatu tujuan tertentu. Sistem ini menggambarkan
suatu kejadian – kejadian dan kesatuan yang nyata adalah suatu
objek nyata, seperti tempat, benda, dan orang – orang yang
betul
– betul ada dan terjadi.”
Teori sistem dikembangkan oleh Lodwig von Bertalanffy,
juga disebut sebagai "Bapak Teori Sistem". Teori sistem
adalah seperangkat prinsip yang terorganisasikan secara
longgar dan bersifat abstrak yang berfungsi mengarahkan jalan
pikiran, namun dapat ditafsirkan secara berbeda-beda. Dalam
terori sistem dijelaskan bahwa prinsip sebuah sistem adalah
suatu totalitas atau keseluruhan dari sesuatu. Mekanisme kerja
sistem adalah keseluruhan dari sesuatu yang bersifat utuh dan
terdiri dari unsur-unsur/subsistem-subsistem yang saling
bergantung satu dengan lainnya. Setiap subsistem memiliki
fungsi tertentu, yang mungkin berbeda satu dengan lainnya,
namun antar subsistem tersebut saling berkaitan dan saling
melengkapi.
Tujuannya merupakan sesuatu yang membuat sistem
terarah dan bergerak sesuai kendalinya. Suatu sistem memiliki
tujuannya masing-masing. Elemen ini merujuk pada segala
sesutu yang dimasukan ke dalam sistem untuk kemudian
diproses. Diproses dengan cara yang dipilih untuk melakukan
perubahan dari masukan (input) menjadi keluaran (output).
Hasil dari proses yang sudah dilakukan. Sesuai tujuannya,
sistem perlu dibatasi. Batas suatu sistem terbentuk antar satu
sistem dengan lainnya atau dengan lingkungannya. Mekanisme
pengendalian Elemen ini dilakukan dengan menggunakan
umpan balik, untuk mengendalikan input serta prosesnya. Hal
7
 ini diperlukan agar sistem dapat berjalan dengan semestinya.
Lingkungan Elemennya adalah segala sesuau yang berada di
luar system.
2.2.2.2 Karakteristik Sistem
Menurut Sutabri (2016:10) “sebuah sistem memiliki
karakteristik atau sifat- sifat tertentu, yang mencirikan bahwa
hal tersebut bisa dikatakan sebagai suatu sistem”. Adapun
karakteristik sistem yang dimaksud adalah:
1. Komponen Sistem (Components).
Suatu sistem tediri dari sejumlah komponen yang saling
berinteraksi, yang bekerja sama membentuk satu kesatuan.
Komponen-komponen sistem tersebut dapat berupa suatu
bentuk subsistem.
2. Batasan Sistem (Boundary).
Ruang lingkup sistem merupakan daerah yang membatasi
antara sistem dengansistem lainnya atau sistem dengan
lingkungan luarnya.
3. Lingkungan Luar Sistem (Environtment).
Batasan sistem yang mempengaruhi operasi sistem
tersebut disebut dengan lingkungan luar sistem.
Lingkungan luar sistem ini dapat menguntungkan dan
dapat juga merugikan sistem tersebut.
4. Penghubung Sistem (Interface)
Media yang menghubungkan sistem dengan subsistem
yang lain disebut dengan penghubung sistem atau
interface. Penghubung ini memungkinkan sumber-sumber
daya mengalir dari satu subsistem ke subsistem yang lain.
5. Masukan Sistem (Input)
Energi yang dimasukkan ke dalam sistem disebut masukan
sistem, yang dapat berupa pemeliharaan (maintenance
input) dan sinyal (signal input).

8
 6. Keluaran sistem (Output)
Hasil dari energi yang diolah dan diklasifikasikan menjadi
keluaran yang berguna. Keluaran ini merupakan masukan
bagi subsistem yang lain.
7. Pengolah Sistem (Procces)
Suatu sistem dapat mempunyai suatu proses yang akan
mengubah masukan menjadi keluaran.
8. Sasaran Sistem (Objective)
Suatu sistem memiliki tujuan dan sasaran yang pasti dan
bersifat deterministik. Kalau suatu sistem tidak memiliki
sasaran, maka operasi sistem tidak ada gunanya. Suatu
sistem dikatakan berhasil bila mengenai sasaran atau
tujuan yangtelah direncanakan.
2.2.2.3 Klasifikasi Sistem
Menurut Tyoso (2016:5) “Beberapa aspek dari suatu sistem
mengizinkan kita untuk mengklasifikasikan sistem yang
relevan dengan sistem yang dijabarkan”. Seperti berkut ini:
1. Sistem Alamiah (Natural System) adalah sistem yang
muncul secara alamiah tanpa campur tangan manusia.
2. Sistem Tiruan (Artifical System) adalah sistem yang
diciptakan untuk mendukung tujuan tertentu. Suatu
organisasi bisnisharus memperoleh keuntungan, tetapi ia
dapat juga mengejar tujuan lainnya.
3. Sistem Deterministik (Deterministic System) adalah
sistem yang bekerjanya dapat diramalkan sebelumnya.
4. Sistem Tertutup (Closed System) pada sistem ini tidak
terjadi pertukaran atau penggunaan sumber daya dengan
atau dari lingkungannya, mengingat sistem ini tidak
menggunakan input dari lingkungannya,maka output dari
sistem ini tidak bertalian dengan lingkungannya pula.

9
 5. Sistem Terbuka (Opened System) adalah sistem yang
menggunakan sumber daya dari lingkungannya sehingga
kelurannya berkaitan dengan ingkungannya juga.

Sumber: Tyoso (2016:8)

Gambar 2.1. Ilustrasi Model Sistem

Tertutup, Relatif Tertutup
dan Terbuka

2.2.2.4 Pengertian Informasi

Menurut Risdiansyah (2017). “Informasi merupakan hasil
pengolahan data dari satu atau berbagai sumber, yang
kemudian diolah, sehingga memberikan nilai, arti, dan
manfaat.
Menurut Anggraieni (2017:14) “Informasi adalah data yang
diolah menjadi lebih berguna dan berarti bagi penerimanya,
serta untuk mengurangi ketidakpastian dalam proses
pengambilan keputusan mengenai suatu keadaan”.
Sedangkan menurut Mahatmyo (2014:1) “Informasi adalah
sumber daya bisnis. Sama dengan sumber daya bisnis lainnya
seperti bahan baku, modal dan tenaga kerja”.

10
2.2.2.5 Pengertian Sistem Informasi
“Sistem informasi merupakan suatu kombinasi teratur dari
orang-orang, hardware, sofware, jaringan komunikasi dan
sumber daya data yang mengumpulkan, mengubah dan
menyebarkan iformasi dalam sebuah organisasi” Menurut
Anggareni (2017:2)
Menurut Romey dan Ardana (2016:5) Sistem Informasi
dapat didefinisikan sebagai suatu rangkaian yang komponen-
komponennya saling terkait yang mengumpulkan (dan
mengambil kembali), memproses, menyimpan dan
mendistribusikan informasi untuk mendukung pengambilan
keputusan dan mengendalikan perusahaan.
Sedangkan menurut Mahatmyo (2014:6) “Sistem Informasi
(information system) adalah serangkaian prosedur formal di
mana data dikumpulkan, diproses menjadi informasi dan di
distribusikan ke pengguna”.
3.1.1.1 Komponen Sistem Informasi
Menurut Sutanta (2011),komponen sistem informasi terdiri
atas beberapa komponen sebagai berikut :
1. Perangkat keras (hardware)
Perangkat keras dalam sistem informasi meliputi
perangkat- perangkat yang digunakan oleh sistem
komputer untuk masukan dan keluaran.
2. Perangkat lunak (software)
Perangkat lunak dalam sistem informasi adalah berupa
program- program komputer yang meliputi sistem
informasi (Operating Sistem/OS), bahasa pemrograman
(programming language), dan program-program aplikasi
(application)

11
 3. Berkas basis data (file)
Berkas merupakan sekumpulan data dalam basis data yang
disimpan dengan cara-cara tertentu sehingga dapat
digunakan kembali dengan mudah dan cepat
4. Prosedur (procedure)
Prosedur meliputi prosedur pengoperasian untuk sistem
informasi, manual, dan dokumen-dokumen yang memuat
aturan-aturan yang berhubungan dengan sistem informasi
dan lainnya
5. Manusia (brainware)
Manusia yang terlibat dalam suatu sistem informasi
meliputi operator, programmer, sistem analis, manajer
sistem informasi, manajer pada tingkat operasional,
manajer pada tingkat manajerial, manajer pada tingkat
strategis, teknisi, administrator, basis data (Database
Administrator/DBA), serta individu lain yang terlibat di
dalamnya.
3.1.2 Absensi
Absensi menurut Nugroho dalam Santoso dan Yulianto
(2017:67) Absensi adalah sebuah pembuatan data untuk daftar
kehadiran yang biasa digunakan bagi sebuah lembaga atau instansi
yang sangat perlu membutuhkan sistem seperti ini.
Menurut Erna Simonna, absensi adalah suatu pendataan
kehadiran, bagian dari pelaporan aktifitas suatu institusi, atau
komponen institusi itu sendiri yang berisi data-data kehadiran yang
disusun dan diatur sedemikian rupa sehinggamudah untuk dicari dan
dipergunakan apabila sewaktu-waktu diperlukan oleh pihak yang
berkepentingan .
Absensi menuaikan sebuah sistem yang harus dipergunakan
sebagai konsep sistem absensi, disaat sistem membutuhkan sebuah
data

12
 maka sistem akan dijadikan sebagai aplikasi yang sanggup
menjalankan dan membuat data absensi tersebut.
Beberapa jenis absensi. Yang membedakan jenis-jenis absensi
tersebut adalah cara penggunaannya, dan tingkat daya gunanya Secara
umum jenis-jenis absensi dapat dikelompokkan menjadi dua, yaitu;
1. Absensi manual
Absensi manual adalah cara pengentrian kehadiran dengan cara
menggunakanpena (tanda tangan).
2. Absensi non manual (dengan menggunakan alat).
Absensi non manual (dengan menggunakan alat), adalah suatu
cara pengentrian kehadiran dengan menggunakan system
terkomputerisasi, bisa menggunakan kartu dengan barcode, finger
print ataupun dengan mengentrikannip dan sebagainya.
3.1.3 Website
Website merupakan kumpulan halaman web yang saling
terhubung dan file-filenya saling terkait. Web terdiri dari page atau
halaman, dan kumpulan halaman yang dinamakan homepage.
Homepage berada pada posisi teratas, dengan halaman - halaman
terkait berada di bawahnya. Biasanya setiap halaman di bawah
homepage disebut child page, yang berisi hyperlink ke halaman lain
dalam web. (Agung, 2000: 30).
Menurut Sibero (2014:11), “Web merupakan suatu sistem
yang berkaitan dengan dokumen digunakan sebagai media untuk
menampilkan teks, gambar, multimedia dan lainnya pada jaringan
internet”. Sedangkan menurut Hidayatullah dan Kawistara (2015:3),
“Web adalah suatu sistem yang ditemukan oleh Tim Bernes-Lee untuk
menyusun arsip-arsip risetnya, sehingga memudahkan pencarian
informasi yang dibutuhkan”. Berdasarkan teori diatas dapat
disimpulkan bahwa pengertian web adalah suatu sistem yang
menudahkan pencarian informasi untuk menampilkan teks, gambar,
multimedia dan lain sebagainya pada jaringan internet. Cara
mengakses

13
 website yaitu dengan menggunakan perangkat lunak yang disebut web
browser. Web browser adalah aplikasi yang menjalankan perintah dan
skrip berbasis HTML dengan menggunakan web engine. Beberapa
contoh web browser yang popular saat ini adalah Google Chrome,
Mozilla Firefox dan Opera.Terdapat 2 jenis website yaitu :
1. Web statis
Merupakan website yang bersifat tidak mudah diubah isinya oleh
pengguna. Untuk melakukan perubahan konten, user harus
melakukan perubahan dengan cara coding pada halaman website
atau melakukan perubahan query pada database.
2. Website dinamis
Merupakan website yang bersifat fleksibel, mudah diubah karena
memilikifitur untuk melakukan perubahan konten oleh user secara
langsung tanpa harus melakukan perubahanan struktur kode
website.
Dapat disimpulkan bahwa website adalah satu atau lebih
halaman yang saling berhubungan menggunakan jaringan halaman
yang dapat menampilkan informasi berupa teks, gambar, video, suara,
diagram dan tabel pada web browser baik itu bersifat statis maupun
dinamis.
3.1.4 PDF (Portable Document Format)
Portable Document Format (PDF) adalah format file yang
dibuat oleh Adobe Systems pada tahun 1993 untuk bertukar dokumen
digital. Format PDF digunakan untuk merepresentasikan dokumen dua
dimensi yang berisi teks, huruf, gambar, dan grafik vektor dua
dimensi. Di Acrobat 3-D, kemampuan PDF termasuk membaca
dokumen tiga dimensi. PDF menjadi standar ISO pada 1 Juli 2008
dengan kode ISO 32000-1:2008. Pada saat itu, perangkat lunak untuk
membuat dokumen PDF (Adobe Acrobat) dan perangkat lunak untuk
membacanya (Acrobat Reader, sekarang Adobe Reader) tersedia
secara komersial dan tidak didistribusikan secara bebas. Versi awal
PDF yang bersejarah

14
tidak mendukung tautan eksternal, membuatnya kurang terintegrasi
dengan World Wide Web, dan peningkatan besar dalam ukuran file
PDF untuk paket data yang ditransmisikan memperlambat unduhan
pada kecepatan modem saat ini. Alasan lain ketidakpopuleran PDF
pada saat itu adalah format file PDF harus bersaing untuk digunakan
dengan format lain seperti Envoy, Common Ground Digital Paper, dan
PostScript (.ps). PostScript juga merupakan format yang dibuat oleh
Adobe, dan beberapa fiturnya diimplementasikan dalam PDF.
Penggunaan dokumen PDF berkembang pesat ketika Adobe mulai
mendistribusikan perangkat lunak Acrobat Reader gratis. Mereka juga
memberikan kebebasan kepada siapa pun untuk membuat aplikasi bagi
pembuat dan pembaca dokumen PDF tanpa harus membayar biaya
lisensi kepada Adobe Systems sebagai pemilik paten PDF.
Format dokumen PDF menggabungkan tiga teknologi:
- Pemrograman deskripsi halaman PostScript untuk membuat
tampilan dan grafik Sistem pemosisian/pergerakan.
- font yang memungkinkan huruf berpindah antar dokumen.
- Sistem penyimpanan terstruktur untuk mengatur dan
mengompresi elemen dokumen ke dalam satu file.
Antarmuka pengguna dokumen PDF biasanya terdiri dari
kombinasi teks, grafik vektor, dan grafik raster. Grafik vektor
digunakan untuk menampilkan gambar yang terdiri dari garis dan
kurva, sedangkan grafik raster digunakan untuk menampilkan gambar.
Dalam penyempurnaan format selanjutnya, dokumen PDF juga dapat
mendukung hyperlink, bentuk, JavaScript, dan banyak fitur lain yang
dapat didukung dengan menambahkan plugin. Dokumen PDF versi
1.6 sudah memiliki kemampuan untuk menampilkan grafik tiga
dimensi yang interaktif.
Keamanan dan Pembatasan Penggunaan File PDF dapat
dikodekan untuk meminta sandi tertentu untuk dibuka atau diubah.
File PDF dienkripsi pada dua tingkat, yaitu sistem enkripsi
kompleks RC

15
 dan MD5 0-bit dan 128-bit. File PDF juga dapat dikenai pembatasan
DRM untuk membatasi operasi penyalinan, pengeditan, atau
pencetakannya
3.1.5 Webcam
Webcam singkatan dari Web dan camera adalah sebutan
kamera real-time (bermakna keadaan pada saat ini juga) yang
gambarnya dapat di lihat secara langsung onlain melaului internet ,
program instant messaging seperti Yahoo Messenger, AOL Instant
Messenger (AIM), Windows Live Messenger, dan Skype. Istilah
"webcam" mengarah pada jenis kamera yang digunakan untuk
kebutuhan layanan berbasis web. Defenisi lain tentang WebCam
adalah sebuah periferal berupa kamera sebagai pengambil
citra/gambar dan mikropon ( optional) sebagai pengambil suara/audio
yang dikendalikan oleh sebuah komputer atau oleh jaringan computer.
Webcam berungsi untuk memudahkan kita dalam mengolah
pesan cepat seperti chat melalui video, Streaming Game, bertatap
muka melalui video secara langsung (Video Call ) dan Webcam ini
berfungsi sebagai alat untuk mentransfer sebuah media secara
langsung.
3.1.6 HTML (Hyper Text Markup Language)
Menurut Sibero (2013:19) “HyperText Markup Language atau
HTML adalah bahasa yang digunakan pada dokumen web sebagai
bahasa untuk pertukaran dokumen web”.
Sebuah bahasa pemrograman yang digunakan untuk membuat
sebuah halaman web, menampilkan berbagai informasi dan dapat juga
digunakan sebagai link-link menuju halaman web yang lain dengan
kode tertentu.
Menurut Arief (2011:23) “HTML atau HyperText Markup
Language merupakan salah satu format yang digunakan dalam
pembuatan dokumen dan aplikasi yang berjalan dihalaman web”.

16
 Sedangkan Menurut Nugroho (2013:5) “HTML adalah
kependekan dari (HyperText Markup Language), merupakan sebuah
bahasa Scripting yang berguna untuk menuliskan halaman Web”.
Dari beberapa pendapat diatas dapat disimpulkan bahwa
HTML (HyperText Markup Language) adalah salah satu format
bahasa Scripting yang digunakan untuk meneyebarkan informasi,
pembuatan dokumen dan aplikasi yang berjalan dihalaman web .

3.1.7 PHP
PHP atau kependekan dari Hypertext Preprocessor adalah salah
satu bahasa pemrograman open source yang sangat cocok atau
dikhususkan untuk pengembangan web dan dapat ditanamkan pada
sebuah skripsi HTML. Bahasa PHP dapat dikatakan menggambarkan
beberapa bahasa pemrograman seperti C, Java, dan Perl serta mudah
untuk dipelajari. PHP merupakan bahasa scripting server – side,
dimana pemrosesan datanya dilakukan pada sisi server. Sederhananya,
serverlah yang akan menerjemahkan skrip program, baru kemudian
hasilnya akan dikirim kepada client yang melakukan permintaan.
Menurut Kustiyaningsih (2011:114), “PHP (atau resminya
PHP: Hypertext Preprocessor) adalah skrip bersifat server – side yang
ditambahkan ke dalam HTML”.

3.1.8 Javascript
Javascript menurut (Sunyoto,2007:17) adalah bahasa scripting
yang popular di internet dan dapat bekerja di sebagian besar browser
popoler seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan
Opera. Kode Javascript dapat disisipkan dalam halaman web
menggunakan tag SCRIPT. Beberapa hal tentang Javascript:
1. Javascript didesain untuk menambah interaktif suatu web
2. Javascript merupakan sebuah bahasa scripting.
3. Bahasa scripting merupakan bahasa pemograman yang ringan.

17
 4. Javascript berisi baris kode yang dijalankan di komputer (web
browser).
5. Javascript biasanya disisipkan (embedded) dalam halaman HTML.
6. Javascript adalah bahasa interpreter (yang berarti skrip dieksekusi
tanpa proses kompilasi).
3.1.9 Databse
Database atau basis data adalah kumpulan data yang dikelola
sedemikian rupa berdasarkan ketentuan tertentu yang saling
berhubungan sehingga mudah dalam pengelolaannya. Melalui
pengelolaan tersebut pengguna dapat memperoleh kemudahan dalam
mencari informasi, menyimpan informasi dan membuang informasi.
Menurut (Connolly, Thomas dan Begg, 2010) Pengertian
database adalah kumpulan koleksi data-data yang saling berhubungan
secara logika yang isinya didesain untuk memenuhi kebutuhan
informasi dari suatu perusahaan. Ada beberapa istilah yang sering
dipakai pada database, yaitu :
1. Field, yaitu sekumpulan kecil dari kata atau sebuah deretan angka-
angka.
2. Record, yaitu kumpulan dari field yang berelasi secara logis.
3. File, yaitu kumpulan dari record yang berelasi secara logis.
4. Entity, yaitu bisa berupa orang, tempat, benda, kejadian yang
berkaitan dengan informasi yang disimpan.
5. Attribute, yaitu setiap karakteristik yang menjelaskan suatu entity.
6. Primary key, yaitu sebuah field yang nilainya unik dan tidak sama
antara satu record dengan record yang lain.
7. Foreign key, yaitu sebuah field yang nilainya berguna untuk
menghubungkan primary key yang berada pada tabel yang
berbeda.

18
 3.1.10 DBMS

Menurut Mata-Toledo A. Ramon dan Cushman K. Pauline

(1999 : 1-3), Database management system (DBMS) adalah
perangkat lunak yang menyediakan akses terkontrol pada data. Akses
ini digunakan user untuk membuat dan memelihara database.
Terdapat sejumlah komponen agar menjadi suatu sistem manajemen
database yang utuh, antara lain :
1. Hardware, merupakan sistem komputer yang digunakan untuk
menyimpan dan mengakses database.
2. Software, merupakan perangkat lunak DBMS yang digunakan user
untuk mengakses database.
3. Data, merupakan inti penting dari DBMS karena terdapat
informasi yang akan diperlukan user yang terbentuk dalam sebuah
data.
4. Prosedur, merupakan suatu komponen yang mengontrol jalannya
sebuah sistem. Komponen ini terdapat aturan dan instruksi yang
mengatur desain dan penggunaan basis data.
5. User, merupakan seseorang yang mengakses DBMS.

3.1.11 MYSQL

MySQL adalah DBMS yang open source dengan dua bentuk

lisensi, yaitu Free Software (perangkat lunak bebas) dan Shareware
(perangkat lunak berpemilik yang penggunaannya terbatas). Jadi
MySQL adalah database server yang gratis dengan lisensi GNU
General Public License (GPL) sehingga dapat Anda pakai untuk
keperluan pribadi atau komersil tanpa harus membayar lisensi yang
ada.
Menurut (Aditya, 2010) MySQL merupakan turunan dari SQL
(Structure Query Language) yaitu sebuah pengoperasian basis data,

19
terutama untuk pemilihan atau seleksi dan pemasukan data, yang
memungkinkan pengoperasian data dikerjakan dengan otomatis.
Menurut (Sutaji, 2012) SQL adalah sebuah konsep
perngoperasian basis data terutama untuk proses seleksi, pemasukan,
pengubahan dan penghapusan data yang dimungkinkan dapat
dikerjakan dengan mudah dan otomatis.
Beberapa kelebihan yang didapatkan oleh pengguna MySQL
adalah open source, kecepatan, murah dan banyak digunakan pada
banyak platform.MySQL sebenarnya merupakan turunan dari salah
satu konsep utama dalam basis data sejaklama, yaitu SQL (Structured
Query Language).
Berikut beberapa keunggulan dari MySQL, diantaranya:
1. Portability
Dapat berjalan stabil pada berbagai sistem operasi, diantaranya:
Windows,Linux, FreeBSD, Mac OS X Server, Solaris, Asigma.
2. Open source
Didistribusikan secara gratis dibawah lisensi dari General Public
License (GPL) dimana setiap orang bebas untuk menggunakannya
tetapi tidak boleh menggunakan MySQL untuk dijadikan induk
turunan yang bersifat close source (komersial).
3. Multi user
Dapat digunakan oleh beberapa user dalam waktu yang bersamaan.
4. Performance tuning
Mempunyai kecepatan yang tinggi dalam menangani query.
5. Column types
Memiliki tipe data yang sangat kompleks, seperti: signed/unsigned
integer,float, double, char, varchar, text, blob, date, time, datetime,
timestamp, yeardan enum.
6. Command dan function
Memiliki operator dan fungsi penuh yang mendukung select dan

20
 where dalam query.
7. Security
Memiliki beberapa lapisan sekuritas seperti tingkat subnet mask,
hostname, privilege user dengan sistem perijinan yang mendetail
serta password yangter-enkripsi.
8. Scalability dan limits
Mampu menangani basis data dalam jumlah besar, dengan jumlah
field lebihdari 50 juta, 60 ribu tabel, dan 5 milyar record. Batas
indeks mencapai 32 buah per tabel.
9. Localization
Dapat mendeteksi pesan kesalahan (error code) pada klien dengan
menggunakan lebih dari 20 bahasa.
10. Connectivity
Dapat melakukan koneksi dengan klien menggunakan protokol
TCP/IP,Unix Socket, Named Pipes.
11. Interface
Memiliki antarmuka terhadap berbagai aplikasi dan bahasa
pemrograman dengan menggunakan fungsi API.
12. Clients dan tools
Dilengkapi dengan berbagai tool yang dapat digunakan untuk
administrasi basis data sekaligus dokumen petunjuk online.
13. Struktur table
Memiliki struktur tabel yang lebih fleksibel dalam menangani alter
table dibandingkan dengan PostgreSQL dan Oracle.

21
 Tabel 2.1 Jenis data dalam MySQL

Jenis Data Ukuran Keterangan

CHAR M Menampung maksimal M karakter

(kombinasi huruf, angka, dan simbol-
simbol). Jumlah memori yang dibutuhkan
selalu M byte. M tersebut sebesar 255

VARCHAR M Karakter yang disimpan maksimal M

karakter. Jumlah memori yang dibutuhkan
tergantung jumlah karakter. M bisa
mencapai 65535

DATE Menyatakan tanggal

TIME Menyatakan waktu

(jam:menit:detik)

TINYINT 1 byte Bilangan antara -128 sampai dengan +127

SMALLINT 2 byte Bilangan antara -32768 sampai dengan

+32768
INT 4 byte Bilangan antara -2147683648 sampai
dengan +2147683647

FLOAT Bilangan pecahan

DOUBLE Bilangan pecahan dengan presisi tinggi

BOOL 1 byte Untuk menampung nilai TRUE (benar)

dan FALSE (salah). Identic dengan
TINYINT
ENUM Menyatakan suatu tipe yang nilainya
tertentu (disebutkan dalam pendefinisian).

22
TEXT Menyimpan teks yang ukurannya sangat
panjang
BLOB Untuk menyimpan data biner (misalnya
gambar atau suara).

3.1.12 XAMPP

XAMPP adalah perangkat lunak bebas, yang mendukung

banyak system operasi, merupakan kompilasi dari beberapa
program. Fungsinya adalah sebagai server yang berdiri sendiri
(localhost), yang terdiri atas program Apache HTTP Server,
MySQL database, dan penerjemah bahasa yang dirilis dengan
bahasa pemograman PHP dan Perl. Nama XAMPP merupakan
singkatan dari X (empat system operasi apapun), Apache,
MySQL, PHP dan Perl. Program ini tersedia dalam GNU General
Public License dan bebas, merupakan web server yang mudah
digunakan yang apat melayai tampilan halaman web yang
dinamis. XAMPP dikembangkan dari sebuah tim proyek bernama
Apache Friends, yang terdiri dari Tim Inti (Core Team), Tim
Pengembang (Development Team) & Tim Dukungan (Support

Team).

Gambar 2.2. Tampilan Xampp

23
3.1.13 Sublime Text

Sublime text salah satu kode editor yang biasa digunakan

oleh para programmer untuk membuat suatu program. Menurut
Supono dan Putratama (2016:14) “Sublime text merupakan
perangkat lunak text editor yang digunakan untuk membuat atau
meng-edit suatu aplikasi. Sublime text mempunyai fitur plugin
tambahan yang memudahkan programmer”. Selain itu, menurut
Faridi (2015:3) menjelaskan bahwa “Sublime Text 3 adalah editor
berbasis python, sebuah teks editor yang elegan, kaya akan fitur,
cross platform, mudah dan simple yang cukup terkenal di
kalangan developer (pengembang), penulis dan desainer”. Jadi
dapat disimpulkan bahwa sublime text ialah teks editor yang
digunakan untuk membuat program aplikasi yang secara otomatis
untuk mempermudah progremer dalam mengetikkan kode editor.

3.1.14 Admin Lte

AdminLTE adalah salah satu template yang sering

digunakan oleh web developer sebagai template backend pada
proyek yang sering dikerjakan. Jadi admin LTE ini adalah sebuah
dashboard Administrator dibuat menggunakan bootstrap yang
merupakan framework css yang paling banyak digunakan.

Populeritas AdminLTE sangatlah besar, terbukti dengan

banyaknya situs maupun aplikasi berbasis web yang
menggunakannya. AdminLTE pada dasarnya menggunakan
responsive HTML,Javascript dan CSS serta mempunyai sifat
mudah sekali untuk dikembangkan dan diintegrasikan dengan
bahasa-bahasa pemrograman berbasis web, termasuk banyak
framework-framework pada bahasa pemrograman berbasis web.
Varian-varian dari AdminLTE pun banyak bermunculan, dan
bermunculan pula versi-versi AdminLTE yang telah
dikembangkan

24
oleh perusahaan komersial, hingga menghasilkan versi-versi
AdminLTE yang berlisensi atau berbayar
3.1.15 UML

Menurut Mulyani (2016:48) mengatakan “UML (Unified

Modeling Language) adalah Sebuah teknik pengembangan sistem
yang menggunakan bahasa grafis sebagai alat untuk
pendokumentasian dan melakukan spesifikasi pada sistem”.

Menurut Sukamto dan Shalahuddin (2014:133),

berpendapat bahwa “UML (Unified Modeling Language) adalah
salah satu standar bahasa yang banyak digunakan di dunia industri
untuk mendefinisikan requerement, membuat analisa & desain,
serta menggambarkan arsitektur dalam pemrograman berorintasi
objek”.“UML (Unified Modeling Language) memiliki diagram-
diagram yang digunakan dalam pembuatan aplikasi berorintasi
objek” (Sukamto dan Shalahuddin, 2014:155). Ber ikut Diagram
UML :

1. Use Case Diagram

Use Case Diagram merupakan pemodelan untuk

melakukan (behavior) sistem informai yang akan dibuat. “Use
case digunakan untuk mengetahui fungsi apa saja yang ada di
dalam sebuah sistem informasi dan siapa saja yang berhak
menggunakanfungsi- fungsi itu” (Sukamto dan Shalahuddin,
2014:156).

Use case diagram secara grafis menggambarkan interaksi

antara sistem, sistem eksternal, dan pengguna. Dengan kata
lain, use case diagram secara grafis mendeskripsikan siapa
yang akan menggunakan sistem dan dalam cara apa pengguna
(user) mengharapkan interaksi dengan sistem itu (Sugiarti,
2013).

25
 Sedangkan menurut (Muhammad & Mulyani, 2016) “Use
Case dan actor merupakan gambaran dari proses yang
dilakukan oleh user teradap sistem. Sebuah use case dapat
dimodelkan dengan sebuah use case diagram dan dapat
dijelaskan dengan menggunakan use case narrative yang
menjelaskan tentang alur kejadian sistem komputer”.

Gambar 2.3 Simbol Use Case Diagram

26
2. Activity Diagram

Menurut Sukamto dan Shalahuddin (2014:162) “Activity

diagram menggambarkan workflow (aliran kerja) atau aktivitas
dari sebuah sistem atau proses bisnis atau menu yang ada pada
perangkat lunak. Perlu diperhatikan bahwa diagram aktivitas
menggambarkan aktivitas sistem bukan apa yang dilakukan
aktor, jadi aktivitas yang dapat dilakukan oleh sistem”.

Activity diagram secara grafis digunakan untuk

menggambarkan rangkaian aliran aktivitas baik proses bisnis
maupun use case. Activity diagram dapat juga digunakan untuk
memodelkan action yang akan dilakukan saat sebuah operasi
dieksekusi, dan memodelkan hasil dari action tersebut (Sugiarti,
2013).

27
 Gambar 2.4.Simbol Diagram Activity

3. Class Diagram

Class Diagram menggambarkan struktur sistem dari segi

pendefinisian kelas-kelas yang akan dibuat untuk membangun
sistem. Kelas memiliki apa yangdisebut atribut dan metode atau
operasi.

Berikut adalah simbol-simbol yang ada pada diagram

Kelas (Rosa danShalahuddin, 2013:146) :

28
4. Squence Diagram

“Sequence diagram menggambarkan kelakuan objek pada

use case dengan mendeskripsikan waktu hidup objek dan
message yang dikirimkan dan diterima antar objek. Untuk
menggambarkan diagram sekuen maka harus diketahui objek-
objek yang terlibat dalam sebuah use case beserta metode-
metode yang dimiliki kelas yang diinstansiasi menjadi objek
itu” Sukamto dan Shalahuddin (2014:165). Berikut merupakan
simbol-simbol squence diagram :

29
Gambar 2.6. Simbol Sequence Diagram

30
 BAB III

METODOLOGI

PENELITIAN

3.1 Waktu dan Pelaksanaan Penelitian

Waktu penelitian ini dilakukan pada bulan Februari 2022 selama satu
semester atau semester delapan sampai dengan selesai. Tempat penelitian di
Fakultas Sains dan Teknologi,Universitas Qamarul Huda Badaruddin
(UNIQHBA), bertempat di desa Bagu Kecamatan Pringgarata Kabupaten
Lombok Tengah Nusa Tenggara Barat.

3.2 Metode Pengumpulan Data

Metode pengumpulan data yang digunakan dalam proses pembuatan

sistem adalah :

1. Observasi
Metode observasi dalam penelitian ini yaitu dengan cara pengumpulan
data yang dilakukan pada saat melakukan penelitian dan pencatatan data-
data anggota pegawai dan dosen serta struktur organisasinya secara
langsung.
2. Studi Pustaka
Selanjutnya metode pengumpulan data dengan menggunakan buku-buku
atau jurnal yang memuat tentang sistem informasi yang berkaitan dengan
judul tugas akhir ini.

3.3 Perancangan Sistem

Proses perancangan sistem informasi absensi pegawai digambarkan

dengan Unified Model Language (UML) Diagram yang terdiri dari use case
diagram,activity diagram,squence diagram dan class diagram :

31
3.3.1 Use Case Diagram

3.3.1.1 Indentifikaksi Aktor

1. Admin yaitu orang yang bertanggung jawab terhadap terhadap

bagian administrasi data pegawai baru.
2. User yaitu pegawai atau dosen yang melakukan absensi harian
dan dapat melihat rekap absensi pribadinya.
4. Supervisor yaitu orang yang mempunyai hak akses lebih.selain
melakukan absensi Dekan juga dapat melihat rekap data
pegawai dan juga rekap absensi pegawai keseluruhan.
3.3.1.2 Identifikasi Use Case

1. Login yaitu menggambarkan proses masuk kedalam sistem

yang dapat dilakukan oleh semua aktor, yang membedakannya
yaitu level aksesnya.
2. Data user yaitu data pengguna pada sistem, yang bertugas
mengelola data user yaitu admin.
3. Absensi yaitu menggambarkan proses absensi pegawai yang
bisa dilakukan oleh semua user. Dalam proses absensi ini
dilakukan dengan fitur kamera.
4. Data Presensi yaitu rekapan data absensi keseluruhan, dimana
yang bisa melihat dan mengelola data presensi disini yaitu
supervisor.
5. Hasil Absen yaitu data hasil absensi pribadi user, dimana setiap
user melakukan absensi mereka dapat melihat data absensi
pribadinya.
6. logout yaitu menggambarkan proses keluar dari sistem.

32
 Gambar 3.1. Use Case Diagram

3.3.2 Activity Diagram

Alur kerja digambarkan secara grafis menggunakan Actifity

Diagarm. Berikut adalah Activity diagram dari masing masing use case.

33
3.3.2.1 Activity Diagram Login

Gambar 3.2. Activity Diagram Login

Gambar 3.2 menunjukan aktifitas user untuk masuk ke

dalam sistem. Semua aktor yang masuk kedalam sistem harus
menginputkan username dan password yang sesuai dengan jabatan
aktor. Jika salah memasukkan username dan password disini maka
tidak bisa masuk kedalam sistem dan akan menampilkan kesalahan
username / password dan diminta kembali memasukannya dengan
benar.

34
3.3.2.2 Activity Diagram Registrasi User

Gambar 3.3 Activity Diagram Registrasi User

Gambar 3.3 menunjukan aktifitas admin untuk melakukan

registrasi data user. Jika data user yang ditambahkan tidak lengkap
maka sistem akan menampilkan pesan kesalahan ada field kosong,
jika data user lengkap maka sistem akan menampilkan pesan
berhasil tambah user.

35
3.3.2.3 Activity Diagram Data User

Gambar 3.4. Activity Diagram Data User

Keterangan Gambar 3.3 menunjukan tugas admin untuk

kelola data user. Admin bisa memilih tindakan sesuai keinginan
sperti tambah ,edit dan hapus data user.

36
3.3.2.3 Activity Diagram Absensi

Gambar 3.5. Activity Diagram Absensi

Pada Gambar 3.4 aktor yang dapat melakukan absensi yaitu

Pegawai/dosen,dan supervisor. Dimana proses absensi
diseleksi,jika data absen yang dimakukan lengkap maka absensi
berhasil dan jika data yang dimasukan tidak lengkap maka akan
menampilkan pesan kesalahan dan diminta input absen kembali.

37
3.3.2.4 Activity Diagram Data Absensi

Gambar 3.6. Activity Diagram Data Absensi

Gambar 3.5 menunjukan aktifitas untuk melihat rekap data

absensi pegawai. Rekap data absensi ini dapat di lakukan oleh
supervisor, dimana data data asben dapat dicetak atau didownload
berdasarkan rentang tanggal yang diinginkan.

38
3.3.3 Squence Diagram

3.3.3.1 Squence Diagram Login

Gambar 3.7. Squence Diagram Login

Pada gambar 3.7 terdapat 3 aktor yaitu

pegawai/dosen,admin dan supervisor . pertama tama aktor akan
masuk ketampilan login dengan menginputkan nidn dan password,
lalu sistem akan mengirimkan data ke database untuk validasi jika
data yang dimasukan benar akan menampilkan pesan sukses dan
diarahkan ketampilan halaman utama, dan jika data tidak valid
akan ditampilkan pesan gagal dan diminta kembali memasukan
data dengan benar pada tampilan login.

39
3.3.3.2 Squence Diagram Data User

Gambar 3.8. Squence Diagram Data User

Pada gambar 3.8 terdapat squence diagram data user.

Terdapat 1 aktor yang bertanggung jawab untuk registrasi data user

40
yaitu admin. Pertama tama admin masuk ke tampilan data user.
Kemudian admin klik create data user kemudian memasukan data
user kedalam form add data user, setelah di submit sistem akan
memeriksa apakah data yang dimaksukan lengkap atau tidak. Jika
datanya lengkap maka sistem akan menyimpan data kedatabase dan
menampilkan pesan sukses dan jika tidak lengkap akan
menampilkan kesalah, begitujuga dengan edit data user. Untuk
hapus data user admin bisa langsung klik tombol hapus data user
pada data yang diinginkan kemudian sistem akan mengonfirmasi
dan menghapus data dari database.

3.3.3.3 Squence Diagram Absensi

Gambar 3.9. Squence Diagram Absensi

Pada gambar 3.9 merupakan squence diagram

absensi dimana terdapat beberapa aktor yaitu pegawai atau
dosen, dan supervisor . pertama tama aktor masuk
kehalaman menu absensi kemudian create absensi, setelah
disubmit sistem akan memeriksa apakah field lengkap, jika
lengkap maka data absensi akan disimpan kedalam
database,

41
 dan jika field tidak lengkap akan ditampilkan pesan field
tidak lengkap.

3.3.3.4 Squence Diagram Data Presensi

Gambar 3.10. Squence Diagram Data Presensi

Pada menu data presensi terdapat satu aktor yang bertugas

untuk mengolah data presensi yaitu supervisor. Pertama tama
supervisor masuk kehalaman data absensi kemudian sistem akan
menampilkan data absensi secara keseluruhan, dalam halaman
tersebut supervisor dapat mendownload atau mencetak langsung
data absensi didalam sistem.

3.3.4 Class Diagram

Berikut merupakan class diagram pada sistem ini terdapat pada gambar
3.11, dimana setiap class memiliki keterhubungan dengan kebutuhannya yaitu
karyawan memiliki banyak absensi, dan hanya memiliki satu jabatan
struktural.

42
 Gambar 3.11. Class Diagram

3.4. Kamus Data dan Struktur Tabel

Dalam pembuatan database diperlukan tabel tabel yang saling
berhubungan satu dengan yang lainnya diantaranya sebagai berikut :
1. Tabel Karyawan
Nama tabel : pegawai
Field : id, nidn, nama, jk, alamat,j abatan, no_tlp, email,level, password.
Kata kunci : id
Tabel 3. 5 Struktur Data Tabel karyawan

No Field Type Data Panjang Keterangan

1 id Integer Primary Key

2 nidn Varchar 15 Nidn

karyawan

3 nama Varchar 50 Nama

karyawan

4 jk Char Jenis
kelamin
karyawan

43
 6 Jabatan_struktural Varchar 15 Jabatan
struktural
karyawan

7 Jabtan_fungsional Varchar 15 Jabatan

fungsional
karyawan

8 email Varchar 25 Email

karyawan

9 password varchar 25 Password

karyawan

2. Tabel Jabatan Struktural

Nama Tabel : jabatan_struktural
Field : id_jabatan, nama_jabatan
Kata kunci : id_jabatan.
Tabel 3. 2 Struktur Data jabatan_struktural

No Field Type data Panjang Keterangan

1 Id_jabatan integer Id jabatan

karyawan

2 nama_jabatan varchar 15 Nama

jabatan
karyawan

3. Tabel absensi
Nama tabel : absensi
Field : id_absensi, nidn, nama, waktu, keterangan.
Kata kunci : id_absensi

44
 Tabel 3. 3 Struktur Data Tabel Karyawan

No Field Type data Panjang Keterangan

1 Id_absensi Integer Primary key

2 nidn Varchar 15 Nidn

pegawai

3 nama Varchar 50 Nama

pegawai

4 waktu Datetime Waktu

absensi

5 Keterangan Varchar 20 Foto bukti

kehadiran

3.5 Prototype
3.5.1 Halaman Login

Untuk masuk ke halaman beranda, diperlukan login terlebih

dahulu. Untuk login dibutuhkan username dan password yang dibuat
saat registrasi user,dimana usernamenya menggunakan nidn masing
masing pegawai atau dosen berikut gambaran tampilan halaman
login yang akan dibuat :

45
 Gambar 3.13 Design Halaman Login

3.5.2 Halaman Beranda.

Setelah berhasil masuk dari halaman login, maka akan diarahkan

ke halaman beranda.Pada halaman ini, akan dibagi jadi beberapa
level, untuk admin hanya akan menampilkan menu data user, pada
level user akan menampilkan menu absensi,dan data hasil absensi.
Sedangkan supervisor akan menampilkan semua menu. Berikut
gambaran tampilan untuk halaman beranda :

46
 Gambar 3.14 Design Halaman Beranda

3.5.3 Halaman Absen

Berikut gambaran untuk halaman absen yang akan dibuat,

dimana terdapat nidn, nama dan foto bukti kehadiran,dimana foto
sebagai tanda bukti kehadirannya diambil langsung menggunakan
kamera.

Gambar 3.15 Design Halaman Absen

47
 3.5.4 Halaman Data Absen

Berikut gambaran tampilan untuk data absen yang akan dibuat,

dimana isi rekapan data absen hanya bisa dikelola oleh supervisor.
Dalam data absen ini terdapat fitur pencarian data, filter data, serta
cetak data keseluhan maupun perorangan berdasarkan rentang
tanggal yang diinputkan.

Gambar 3.16 Design Halaman Data Absen

3.5.6 Halaman Data User

Selain supervisor, halaman data user dapat dikelola oleh admin,
dalam dalaman data user ini, terdapat fitur pencarian, tambah edit,
hapus dan cetak data user.

48
Gambar 3.17 Design Halaman Data User

49