SISTEM APLIKASI ABSENSI KARYAWAN BARBASIS WEB

CV. BONITA ART & DESAIN INTERIOR

Sebagai Salah Satu Syarat Kelulusan Mata Kuliah

Kuliah Kerja Praktek

Oleh :

NIM NAMA

1. 191011402104 ABIEZAR NUR FAJRIANSYAH

2. 191011402500 AGUS SOFYAN
3. 191011402112 IRENE DIAN NIRVANI

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS PAMULANG

2021/2022

i
LEMBAR LEMBAR

ii
iii
iv
v
vi
vii
viii
 DAFTAR ISI

LEMBAR LEMBAR ..................................................................................................... ii

DAFTAR ISI .................................................................................................................ix
KATA PENGANTAR....................................................................................................xi
DAFTAR GAMBAR ....................................................................................................xii
DAFTAR TABEL....................................................................................................... xiii
DAFTAR LAMPIRAN ................................................................................................ xiv
BAB I ........................................................................................................................... 15
PENDAHULUAN ........................................................................................................ 15
1.1 Latar Belakang ................................................................................................... 15
1.2 Identifikasi Masalah ........................................................................................... 17
1.3 Tujuan Penulisan ................................................................................................ 17
1.4 Batasan Masalah ................................................................................................. 17
1.5 Metode Penelitian ............................................................................................... 18
1.6 Perancangan Sistem ............................................................................................ 18
1.7 Sistematika Penulisan ......................................................................................... 19
BAB II .......................................................................................................................... 21
ORGANISASI .............................................................................................................. 21
2.1 Sejarah ............................................................................................................... 21
2.2 Visi dan Misi ...................................................................................................... 22
2.2.1 Visi ........................................................................................................... 22
2.2.2 Misi........................................................................................................... 22
2.3 Struktur Organisasi ............................................................................................. 22
2.4 Tugas dan Wewenang ......................................................................................... 23
2.5 Infrastruktur Informasi........................................................................................ 25
2.5.1 Perangkat Komputer .................................................................................. 25
2.5.2 Smartphone ............................................................................................... 25
2.5.3 Perangkat Jaringan .................................................................................... 26
2.6 Proses Bisnis dan Detail Program Kerja Praktek ................................................. 26
BAB III......................................................................................................................... 28
PEMBAHASAN ........................................................................................................... 28

ix
 3.1 Tinjauan Pustaka ................................................................................................ 28
a. Pengertian Absensi ...................................................................................... 28
b. Pengertian Sistem ........................................................................................ 29
c. Pengertian Sistem Web ................................................................................ 30
d. Pengertian PHP ............................................................................................ 31
e. Pengertian CSS ............................................................................................ 31
f. Pengertian MySQL ...................................................................................... 31
g. Pengertian Framework ................................................................................. 32
h. Pengertian Bootstrap .................................................................................... 32
3.2. Perancangan Sistem ........................................................................................... 33
3.2.1 Use Case Diagram ..................................................................................... 33
3.2.2 Entity Relationship Diagram ...................................................................... 34
3.2.3 Activity Diagram ....................................................................................... 35
3.2.4 Sequence Diagram ..................................................................................... 42
3.2.5 Perancangan Perangkat Lunak ................................................................... 44
3.3 Analisa & Pembahasan ....................................................................................... 46
3.3.1 Pembahasan Algoritma .............................................................................. 46
3.3.2 Rancangan Layar ....................................................................................... 46
3.3.3 Implementasi dan Penjelasan Rancangan Layar ......................................... 51
3.3.4 Penggunaan Program ................................................................................. 55
3.2.5 Uji Coba Program Dengan Contoh Data .................................................... 56
BAB IV ........................................................................................................................ 58
PENUTUP .................................................................................................................... 58
4.1 Kesimpulan ........................................................................................................ 58
4.2 Saran .................................................................................................................. 58
DAFTAR PUSTAKA ................................................................................................... 60
LAMPIRAN ................................................................................................................. 61

x
 KATA PENGANTAR

Puji syukur kami panjatkan kehadirat Allah Swt atas segala rahmat dan
karunia yang dilimpahkan-Nya, sehingga penulis dapat melaksanakan kuliah kerja
praktek serta menyelesaikan Laporan Pelaksanaan Kerja Praktek ini. Laporan
kerja praktek ini disusun sebagai pelengkap kerja praktek yang telah dilaksanakan
di CV. Bonita Art & Desain Interior. Dengan selesainya laporan kerja praktek ini
tidak terlepas dari bantuan banyak pihak yang telah memberikan masukan-
masukan kepada penulis. Untuk itu penulis ingin mengungkapkan banyak
terimakasih kepada :

1. Allah SWT atas segala anugerah yang telah diberikan.

2. Bapak Dr. E. Nurzaman, A.M, Msi., M.M selaku Rektor Universitas
Pamulang.
3. Bapak Achmad Udin Zailani, S.Kom., M.Kom, selaku Kepala Program
Studi Teknik Informatika Universitas Pamulang.
4. Bapak Ahmad Munawaruzaman S.Sos.I. , M.Si. selaku Dosen
Pembimbing Kuliah Kerja Praktek.
5. Bapak Imam Tabroni selaku Pemilik CV. Bonita Art & Design Interior.

Penulis menyadari bahwa dalam penyusunan Laporan ini masih banyak

kekurangan dan apabila nantinya terdapat kekeliruan dalam penulisan Laporan
Kerja Praktek ini, tentunya penulis sangat mengharapkan kritik dan saran yang
bersifat membangun.

Besar harapan penulis agar hasil dari Laporan Kuliah Kerja Praktek ini
dapat bermanfaat untuk rekan-rekan mahasiswa, tempat dimana penulis
melaksanakan Kuliah Kerja Praktek pada khususnya dan masyarakat luas pada
umumnya

Pamulang, 2022

Penulis

xi
 DAFTAR GAMBAR

Gambar 2. 1 Struktur Organisasi ........................................................................ 23

Gambar 3. 1 Use Case Diagram Login........................................................................... 33
Gambar 3. 2 Simbol Use Case Diagram ......................................................................... 34
Gambar 3. 3 ERD Sistem Absensi ................................................................................. 35
Gambar 3. 4 Activity Diagram Sistem Berjalan ............................................................. 37
Gambar 3. 5 Activity Diagram Usulan ........................................................................... 38
Gambar 3. 6 Activity Diagram Login Karyawan ............................................................ 39
Gambar 3. 7 Activity Diagram Login Admin ................................................................. 40
Gambar 3. 8 Activity Diagram Pencatatan Absen .......................................................... 41
Gambar 3. 9 Activity Diagram Logout Admin ............................................................... 41
Gambar 3. 10 Activity Diagram Logout Karyawan ........................................................ 42
Gambar 3. 11 Sequence Diagram Login Admin ............................................................. 42
Gambar 3. 12 Sequence Diagram Login Karyawan ........................................................ 43
Gambar 3. 13 Sequence Diagram Pencatatan Absen ...................................................... 43
Gambar 3. 14 Sequence Diagram Logout Admin ........................................................... 44
Gambar 3. 15 Sequence Diagram Logout Karyawan ...................................................... 44
Gambar 3. 16 Flowchart ................................................................................................ 45
Gambar 3. 17 Tampilan Halaman Utama ....................................................................... 46
Gambar 3. 18 Tampilan Login Admin ........................................................................... 47
Gambar 3. 19 Tampilan Login Karyawan ...................................................................... 47
Gambar 3. 20 Tampilan Dashboard Karyawan ............................................................... 48
Gambar 3. 21 Tampilan Profil Karyawan ...................................................................... 48
Gambar 3. 22 Tampilan Dashboard Admin .................................................................... 49
Gambar 3. 23 Tampilan Menu Data Admin ................................................................... 49
Gambar 3. 24 Tampilan Menu Data Karyawan .............................................................. 50
Gambar 3. 25 Tampilan Menu Data Absensi ................................................................. 50
Gambar 3. 26 Tampilan Menu Data Keterangan ............................................................ 51
Gambar 3. 27 Halaman Utama Bagian Atas ................................................................... 51
Gambar 3. 28 Halaman Utama Bagian Bawah ............................................................... 52
Gambar 3. 29 Halaman Dashboard Login Karyawan ..................................................... 52
Gambar 3. 30 Halaman Dashboard Login Admin .......................................................... 53
Gambar 3. 31 Halaman Data Admin pada Dashboard Admin......................................... 53
Gambar 3. 32 Halaman Data Karyawan pada Dashboard Admin.................................... 54
Gambar 3. 33 Halaman Data Absen pada Dashboard Admin ......................................... 54
Gambar 3. 34 Hasil Export Data Absen ......................................................................... 55
Gambar 3. 35 Halaman Data Keterangan pada Data Admin ........................................... 55
Gambar 3. 36 Tambah Data Admin ............................................................................... 56
Gambar 3. 37 Data Berhasil Ditambahkan ..................................................................... 56
Gambar 3. 38 Data Tambah Karyawan .......................................................................... 56
Gambar 3. 39 Data Karyawan Berhasil Ditambahkan .................................................... 57

xii
 DAFTAR TABEL
Tabel 2. 1 Proses Bisnis ..................................................................................... 28
Tabel 3. 1 Simbol Pada ERD.............................................................................. 35

xiii
 DAFTAR LAMPIRAN

Lampiran 1 Foto Bersama Pemilik CV.Bonita Art & Desain Interior ............................ 61
Lampiran 2 Foto Kegiatan di CV.Bonita Art & Desain Interior ..................................... 62
Lampiran 3 Foto Bersama Admin Bahwa Program Dapat Membatu Perusahaan ........... 62
Lampiran 4 Surat Persetujuan Kerja Praktek ................................................................. 63
Lampiran 5 Surat Pengajuan Kerja Praktek ke Instansi ................................................. 64
Lampiran 6 Surat Pengajuan Kerja Praktek ke Instansi ................................................. 65
Lampiran 7 Surat Pengajuan Kerja Praktek ke Instansi ................................................. 66
Lampiran 8 Surat Persetujuan Kerja Praktek dari Instansi ............................................. 67
Lampiran 9 Surat Persetujuan Kerja Praktek dari Instansi ............................................. 68
Lampiran 10 Surat Persetujuan Kerja Praktek dari Instansi ........................................... 69
Lampiran 11 Surat Balasan Kerja Praktek..................................................................... 70
Lampiran 12 Lembar Berita Acara Konsultasi .............................................................. 71

xiv
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Setelah menyelesaikan studi pada suatu jenjang pendidikan perguruan

tinggi, mahasiswa akan dihadapkan dengan dunia kerja yang sesungguhnya.
Mahasiswa akan dituntut untuk mengenal dan mempelajari lebih dekat lagi
mengenai dunia kerja tersebut, untuk itulah maka diperlukan sikap mental dan
pengetahuan yang cukup agar mahasiswa mampu bersaing di dunia kerja.

Dari kondisi diatas maka setiap mahasiswa di berikan kesempatan untuk

melakukan Kuliah Kerja Praktek. Melalui praktek langsung di lapangan
mahasiswa diharapkan mampu untuk menerapkan ilmu dan pengetahuan yang
telah diperolehnya selama melaksanakan perkuliahan. Dengan demikian
mahasiswa akan memiliki bekal serta dapat memahami keadaan yang
sesungguhnya mengenai dunia kerja yang tentunya akan mereka hadapi setelah
lulus nanti.

Dengan semakin pesatnya perkembangan teknologi informasi, maka

semakin membantu kita dalam menjalankan aktivitas sehari-hari. Hampir seluruh
kegiatan kita tidak terlepas dari peran teknologi informasi sebagai pendukungnya,
seiring dengan hal tersebut kebutuhan akan komputer dan program – program
aplikasinya semakin meningkat dan terus berkembang, sehingga pemanfaatan
teknologi informasi dapat diterapkan kapanpun dan dimanapun.

Dapat dibayangkan jika kita melakukan pencatatan dan pengolahan data

tanpa bantuan sistem komputer tentunya akan membutuhkan waktu yang cukup
lama dan sangat mungkin terjadi human error, sedangkan dalam sistem standar
operasional prosedur pengamanan efesiensi waktu dan ketelitian sangatlah
dibutuhkan. Untuk itulah suatu sistem pencatatan dan pengolahan data sangat
penting dalam penerapan standar operasional administrasi pada suatu bidang

15
usaha. Hal ini agar semua tercatat rapih dan dapat melaporkan segala sesuatunya
kepada pimpinan dengan lebih cepat dan tepat.

Sistem pencatatan dan pengolahan data merupakan suatu rangkaian dari sistem
operasional prosedur yang harus ada dalam setiap kegiatan administrasi absensi
karyawan.Teknologi komputer akan menggantikan fungsi pengolahan data
operasional yang berdaya tampung besar sehingga dapat mengolah data dalam
jumlah yang relatif lebih banyak dan hal tersebut memungkinkan pencarian data
yang lebih efektif dan efisien.

Dengan mengkomputerisasikan sistem absensi setiap karyawan maka akan

tercipta sebuah lingkungan data yang terkomputerisasi dengan rapi dan aman.Dari
situlah penulis tergerak untuk mendukung pembuatan sistem komputerisasi
tersebut dan penulis berkeinginan mengangkat permasalahan tersebut untuk
dijadikan sebagai tema dalam menyelesaikan tugas Kuliah Kerja Praktek ini.

Merancang dan membuat sebuah sistem komputerisasi yang bertujuan

untuk membantu penerapan sistem absensi agar lebih transparan dalam segala hal.
Beralihnya sistem tersebut untuk masa sekarang ini sangat diperlukan, karena
hampir setiap perusahaan sudah menggunakan sistem komputerisasi untuk
mendukung kelancaran bisnisnya sehari-hari.

16
 17

1.2 Identifikasi Masalah

Berdasarkan latar belakang diatas, dapat disimpulkan identifikasi masalah

sebagai berikut :

a. Pengelolaan data absensi yang lambat dan kurang efektif karena

sistem absensi sebelumnya masih manual menggunakan tanda
tangan..
b. Tidak adanya sistem cadangan data absensi pada perusahaan selain
menggunakan kertas absensi.
c. Sistem Absensi karyawan yang ada di perusahaan belum
sepenuhnya berjalan secara maksimal, hal ini dikarenakan sistem
yang saat ini berlaku masih belum terkomputerisasi dan realtime.

1.3 Tujuan Penulisan

Berikut ini adalah tujuan penulisan dari permaslahan di atas :

a. Untuk memenuhi tugas mata kuliah kerja praktek

b. Merancang sistem absensi kepegawaian berbasis web pada CV.Bonita Art
& Desain Interior untuk meningkatkan efektifitas (kecepatan dan
keakuratan informasi yang dihasilkan) dan efesiensi (mengurangi biaya
operasional) dalam pengelolaan data absensi tersebut.
c. Merumuskan permasalahan yang ditemukan dari hasil analisis terhadap
sistem pengeloalaan database sistem absensi.
d. Memberi solusi untuk kinerja karyawan pencatatan data absensi dan
pengarsipan data absensi pada CV. Bonita Art & Desain Interior

1.4 Batasan Masalah

Sistem ini hanya berlaku dan dapat diakses oleh admin dan untuk
karyawan CV. Bonita Art & Design Interior. Sistem yang ditampilkan di
halaman web page bersifat public tetapi akses hanya untuk lingkup
perusahaan.
 18

1.5 Metode Penelitian

1. Pengumpulan Data

• Wawancara
Wawancara dilakukan untuk mengetahui masalah yang timbul atau
dialami langsung oleh setiap subjek yang bersangkutan. Dalam kegiatan
ini diajukan pertanyaan lisan dalam usaha untuk melengkapi data-data
yang akan diperoleh. Wawancara dilakukan kepada bagian-bagian terkait
dalam sistem absensi karyawan pada CV. Bonita Art & Desain Interior.
• Observasi
Penulis melakukan observasi yaitu dengan melihat secara langsung
cara kerja bagian-bagian terkait dengan pencatatan hasil-hasil kegiatan
yang dilakukan, setelah itu penulis diberikan kesempatan untuk
melihatnya

1.6 Perancangan Sistem

Metode pengembangan sistem absensi CV.Bonita Art & Desain Interior yaitu
menggunakan model waterfall.Model waterfall memiliki tahapan-tahapan seperti
berikut:

1. Requirements Analysis and Definition

Layanan sistem, kendala, dan tujuan ditetapkan oleh hasil konsultasi dengan
pengguna yang kemudian didefinisikan secara rinci dan berfungsi sebagai
spesifikasi sistem.

2. System and Software Design

Tahapan perancangan sistem mengalokasikan kebutuhan-kebutuhan sistem baik

perangkat keras maupun perangkat lunak dengan membentuk arsitektur sistem
secara keseluruhan. Perancangan perangkat lunak melibatkan identifikasi dan
penggambaran abstraksi sistem dasar perangkat lunak dan hubungannya.

3. Implementation and Unit Testing

 19

Pada tahap ini, perancangan perangkat lunak direalisasikan sebagai serangkaian

program atau unit program. Pengujian melibatkan verifikasi bahwa setiap unit
memenuhi spesifikasinya.

4. Integration and System Testing

Unit-unit individu program atau program digabung dan diuji sebagai sebuah
sistem lengkap untuk memastikan apakah sesuai dengan kebutuhan perangkat
lunak atau tidak. Setelah pengujian, perangkat lunak dapat dikirimkan ke
customer

5. Operation and Maintenance

Biasanya (walaupun tidak selalu), tahapan ini merupakan tahapan yang paling
panjang. Sistem dipasang dan digunakan secara nyata. Maintenance melibatkan
pembetulan kesalahan yang tidak ditemukan pada tahapan-tahapan sebelumnya,
meningkatkan implementasi dari unit sistem, dan meningkatkan layanan sistem
sebagai kebutuhan baru.

Gambar 1. 1 Alur Perancangan Waterfall

1.7 Sistematika Penulisan
 20

Untuk memberikan gambaran menyeluruh tentang masalah yang sedang

dibahas, maka sistematika penulisan laporan proyek sistem absensi karyawan
pada CV. Bonita Art & Design Interior adalah sebagai berikut:

BAB I PENDAHULUAN

Berisi beberapa hal umum tentang maksud dan tujuan penulisan laporan
kerja praktek serta pelaksanaan penelitian pada CV. Bonita Art & Desain Interior
sebagai acuan dalam pembuatan aplikasi absensi karyawan berbasis web, yang
terdiri dari belakang dilaksanakannya penelitian, perumusan masalah, tujuan dari
diadakannya penelitian,

BAB II ORGANISASI

Berisi tentang profil perusahaan mulai dari sejarah, visi dan misi sampai
struktur organisasi di CV. Bonita Art & Desain Interior, landasan teori juga
membahas mengenai konsep dasar dan landasan teori tersebut.

BAB III Pembahasan

BAB IV PENUTUP

Menguraikan tentang kesimpulan dari keseluruhan isi laporan sekaligus

saran dan rekomendasi untuk pengembangan lebih lanjut.
 21

BAB II
ORGANISASI

2.1 Sejarah
Berawal dari pemikiran untuk mempermudah menyediakan jasa desain
interior dan mengembangkanya menjadi sebuah produk/barang yang sesuai
dengan kebutuhan customer, maka CV.Bonita Art & Desain Interior didirikan
yang berlokasi di Jl. Cendana Pondok Miri No.28 RT 002/RW 05,Kecamatan
Rawakalong,Kelurahan Gunung Sindur.CV.Bonita Art & Desain Interior bergerak
di bidang jasa desain interior dan firniture yang didirikan pada tanggal 15 Januari
2007.Jasa desain interior merupakan sebuah bisnis dan pekerjaan yang melakukan
perancangan terhadap suatu karya seni yang ada pada suatu bangunan dan
digunakan untuk mencari solusi suatu permasalahan dan kebutuhan dalam
pengembangan desain interior.
 22

Dengan tujuan untuk bisa mewujudkan suatu ruang lingkup binaan, serta
unsur-unsur pendukungnya, seperti ruang, garis, bentuk, warna, dan tekstur.
Sehingga tercipta kualitas kehidupan manusia didalamnya jauh lebih baik.
Sedangkan furniture merupakan semua benda yang berada didalam suatu ruangan
dan digunakan oleh penghuninya untuk melakukan berbagai aktivitas seperti
duduk, berbaring, ataupun untuk sekedar bersantai seperti kursi, kitchenset,
cabinet, tempat tidur, lemari. Biasanya kursi terbuat dari bahan dasar kayu, papan,
kulit, sekrup dan lain sebagainya.

2.2 Visi dan Misi

2.2.1 Visi
Menjadikan perusahaan yang inovativ dan kreatif dalam menjalankan
pekerjaan di bidang desain interior dan secara profesional untuk memberikan
pelayanan dan hasil terbaik bagi pelanggan.

2.2.2 Misi
Memberikan kontribusi nyata terhadap ekonomi setempat dengan
memberdayakan pekerja serta demi membangun perusahaan yang sejahtera
berdasarkan nilai-nilai kemanusiaan.

2.3 Struktur Organisasi

1. Imam Tabroni (Pemilik CV. Bonita Art & Desain Interior)
2. Sheline (Admin CV. Bonita Art & Desain Interior)
3. Nurhadi (Karyawan 1)
4. Arif (Karyawan 2)
5. Varik (Karyawan 3)
 23

Gambar 2. 1 Struktur Organisasi

2.4 Tugas dan Wewenang

Pemilik bertugas :

• Menyediakan biaya perusahaan. Seorang pemilik harus bisa menyediakan

modal awal untuk mendirikan perusahaan dan memastikan kesediaan
anggaran untuk operasional perusahaan. Modal tersebut bisa berasal dari
kantong pribadi atau berasal dari pinjaman
• Mengawasi jalannya perusahaan. Pemilik harus bisa mendelegasikan
tugasnya kepada pekerja sekaligus mengawasi jalannya perusahaan.
• Melakukan evaluasi, yaitu harus bisa mengamati jalannya bisnis sehingga
bisa memetakan jika ada sesuatu yang tidak beres.
• Mengambil keputusan. Tugas utama seorang pemilik adalah mengambil
keputrusan. Penting bagi pemilik untuk hadir dalam rapat tahunan karena
keputusan pemilik akan menjadi penentu arah masa depan perusahaan.

Pemilik berwewenang :

Wewenang pemilik adalah membuat peraturan dan kebijakan tertinggi di

perusahaan kemudian nantinya harus dipatuhi oleh para karyawan. Pembuatannya
 24

pun tidak bisa sembarangan, harus disesuaikan dengan kondisi serta resiko yang
mungkin terjadi. Pemilik berhak untuk memecat karyawan yang tidak mematuhi
aturan atau setidaknya memiliki perinigatan berupa SP (surat peringatan) sebagai
teguran. Semua itu dilakukan, agar bisnis di perusahaan tetap berjalan dengan
lancar serta kinerja karyawannya bisa semakin maksimal.

Admin bertugas :

• Data Penjualan
o Mencatat dan memeriksa status data penjualan mana yang sudah
masuk serta yang belum masuk juga supaya mempermudah untuk
menindak lanjuti kekurangannya.
o Menginput data penjualan sehari-hari dengan cermat benar dan
juga cocok.
o Buat penagihan serta menindak lanjuti pengiriman data penjualan
harian
o Selesainya memberikan informasi problem cacat.
• Check hasil input
o Memeriksa kembali tiap-tiap data yang sudah di input supaya tidak
terjadi kekeliruan
o Membuat cross cek dengan customers bila ditemukan selisih pada
harga jual
• Laporan
o Merekap tagihan data dari counter per periode
o Buat informasi penjualan serta tagihan customers
o Merekap retur customers

Admin berwewenang :

Menggunakan semua sarana dan prasarana yang ada dan bagi demi efektifitas dan
efesiensi kerja serta pelayanan

Karyawan bertugas ;
 25

• Melaksanakan pekerjaan sesuai dengan tugas dan perintah yang diberikan.

• Menjaga ketertiban dan keamanan di lingkungan perusahaan demi
kelangsungan perusahaan.
• Bertanggung jawab pada hasil produksi.
• Menciptakan ketenangan kerja di perusahaan.

Wewenang karyawan :

Bekerja secara profesional, baik mengenai kinerja pegawai maupun pedoman

yang telah diberikan. Hal ini memungkinkan karyawan yang membuat keputusan
untuk tidak terlalu takut dengan hasil dari setiap keputusan individu dan akan
meningkatkan kecepatan dan kemudahan dalam membuat keputusan

Tingkat pengambilan keputusan kedua adalah dimana karyawan memiliki

pengetahuan, pengalaman, wewenang dan tanggung jawab untuk membuat
keputusan secara mandiri, tetapi harus memberikan pemberitahuan atas keputusan
tersebut sesuai dengan kebijakan dan prosedur perusahaan.

2.5 Infrastruktur Informasi

2.5.1 Perangkat Komputer

Perusahaan ini menggunakan perangkat komputer yang masih dibilang
standar untuk operasional perusahaan dengan spesifikasi komputer,sebagai
berikut:

• CPU : AMD Ryzen 5 5500U

• GPU : AMD Radeon Vega 8
• RAM : DDR4 4GB
• PENYIMPANAN : SSD 128 GB NVME
• Layar LED FHD 15.6”
• OS WINDOWS 10

2.5.2 Smartphone
 26

Cv. Bonita Art & Desain Interior menggunakan smartphone untuk

keperluan bisnis berupa komunikasi antar karyawan dan sebagai sarana untuk
menerima dan memproses pesanan sesuai dengan keinginan customer.
Smarthphone yang dibutuhkan untuk mengakses dan mengelola data karyawan
sebagai berikut :

• Layar : 6,43 inci Super AMOLED resolusi FHD Plus

(2.400 x 1.080),kecerahan layar 1.100 nits, refresh rate 60
Hz, Gorilla Glass 3.
• Chipset : Media Tex Heio G95
• CPU : CPU: Octa-core (2x2.05 GHz Cortex-A76 & 6x2.0
GHz Cortex-A55)
• GPU : Mali-G76 MC4
• RAM : 6/128 GB
• SIM : Dual SIM (Nano)
• Kamera Belakang : Kamera Utama 64 MP. Kamera Ultra Wide 8 MP
• Sistem Operasi : Android 10
• Baterai : 5.000 mAh, fast charging 33 W
• NFC : Ada

2.5.3 Perangkat Jaringan

Salah satu hal yang mendukung sarana infrastruktur pada CV.Bonita Art
& Desain Interior yaitu sebuah perangkat jaringan berupa switch,router,kabel
fisik, dan peralatan jaringan khusus,seperti firewall jaringan.Kebutuhan perangkat
jaringan pada perusahaan yaitu untuk memudahkan akses online oleh para
karyawan dalam melakukan komunikasi bisnis,serta sarana paling mudah dalam
menyebarkan informasi mengenai perusahaan pada laman web atau
advertising/periklanan,dimana ini akan menambah jangkauan pemasaran terhadap
customer yang akan menggunakan jasa perusahaan.

2.6 Proses Bisnis dan Detail Program Kerja Praktek

CV. Bonita Art & Desain Interior merupakan perusahaan jasa dan barang
yang beroperasi untuk membuat desain ruangan dan furniture sesuai pesanan
pelanggan. Perusahaan ini berlokasikan di Jl.Cendana Pondok Miri No.28 RT
 27

002/RW 05, Rawakalong, Gunung Sindur. Pemilik dari CV. Bonita Art & Desain
Interior yaitu Imam Tabroni.

Proses bisnis yang dilakukan yaitu dengan pelanggan menghubungi

ataupun datang ke CV. Bonita Art & Desain Interior untuk melakukan pemesanan
dan kesepakatan untuk pembuatan desain dan mengimplementasikan ke produk
jadi.Apabila sudah dikerjakan oleh perusahaan dan sesuai dengan pesanan
pelanggan, maka tahapan selanjutnya yaitu melaukan transaksi pembayaran sesuai
kesepakatan awal.

Berikut tahapan-tahapan proses bisnis pada CV.Bonita Art & Desain

Interior, anatara lain :

SIKLUS KEGIATAN DOKUMEN

PEMESANAN Pelanggan memesan jasa Catatan hasil
pembuatan desain pemesanan dan
kepada admin CV. kesepakatan
Bonita Art & Desain yang sudah
Interior. disetujui,
berupa file
desain
rancangan.
PRODUKSI Memproduksi barang Catatan biaya
dari bahan mentah produksi.
menjadi barang setengah
jadi atau barang jadi.
PENDAPATAN Penjualan suatu barang Catatan hasil
kepada konsumen. pendapatan dari
penjualan
barang
KEUANGAN Perusahaan mengelola Catatan
pemasukan dan keuangan
 28

pengeluaran serta perusahaan dari

penggajian kepada setiap
karyawan. pengeluaran dan
pendapatan.
PENGGAJIAN Menggaji dan Catatan
memberikan segala penggajian
tunjangan kepada karyawan.
karyawannya.
Tabel 2. 1 Proses Bisnis

BAB III
PEMBAHASAN

3.1 Tinjauan Pustaka

a. Pengertian Absensi
Absensi adalah suatu bentuk pendataan presensi atau kehadiran seseorang
atau pegawai yang merupakan bagian pelaporan dari suatu institusi yang berisi
data – data status kehadiran yang disusun dan diatur secara rapi dan mudah untuk
 29

dicari, dan digunakan apabila sewaktu-waktu diperlukan oleh pihak yang

berkepentingan (Erna Simonna, 2009).

Menurut Joko Supriyono (2013), terdapat beberapa jenis absensi yang dibedakan
berdasarkan cara penggunaan dan tingkat daya gunanya. Secara umum, jenis –
jenis absensi dibagi menjadi dua, yaitu :

1. Absensi secara manual, yaitu cara pengentrian kehadiran atau kedatangan

dengan cara menggunakan pena melaui tanda tangan dan kertas.
2. Absensi secara non manual, yaitu cara pengentrian kehadiran atau
kedatangan dengan menggunakan alat atau dengan menggunakan sistem
terkomputerisasi seperti pengunaan kartu dengan kode batang (barcode)
dan pengambilan sidik jari (fingerprint).

Dalam perusahaan di era modern sekarang, presensi merupakan salah satu data
yang penting. Sebelum memulai atau sesudah melakukan pekerjaan, setiap
karyawan diminta untuk mengisi daftar kehadiran atau presensi sebagai bukti
bahwa telah hadir dan menjalankan pekerjaan sesuai dengan jam kerja yang
ditentukan. Selain itu, data absensi sangat diperlukan pihak administrasi
perusahaan untuk memonitor atau memantau keaktifan karyawan dalam bekerja.

b. Pengertian Sistem
Sistem berasal dari Bahasa Latin systsema dan Bahasa Yunani sustema.
Sistem merupakan kumpulan dari elemen-elemen atau komponen-komponen yang
merupakan definisi yang lebih luas lebih banyak diterima, dimana komponen-
komponen tersebut tidak dapat berdiri sendiri, semuanya saling berinteraksi dan
saling berhubungan membentuk suatu kesatuan sehingga sasaran sistem dapat
tercapai. Teori sistem meliputi definisi sistem, lingkungan sistem dan komponen
sistem.Menurut (Subhan M, 2012) menerangkan bahwa sistem dapat diartikan
sebagia suatu kumpulan atau himpunan dari unsur, komponen atau variable yang
terorganisasi, saling berinteraksi, saling tergantung satu sama lain dan terpadu.
Sistem juga merupakan kumpulan elemen-elemen saling terkait dan bekerja sama
 30

untuk memperoleh masukan (input) yang ditunjukan kepada sistem tersebut guna
mengolah masukan tersebut sampai menghasilkan keluaran (output) yang
diinginkan. Pendekatan suatu sistem merupakan suatu jaringan prosedur yang
lebih menekankan pada urutan-urutan operasi di dalam sistem. Sedangkan
pendekatan yang menekankan pada elemen-elemen atau komponen merupakan
interaksi antara sistem atau komponen untuk mencapai sasaran atau tujuan sistem.

c. Pengertian Sistem Web

Sistem berbasis web adalah aplikasi atau layanan yang berada dalam
server dan dapat diakses dengan menggunakan penjelajah web atau web
browser sehingga dapat diakses dari manapun dan kapanpun melalui jaringan
internet.

Aplikasi berbasis web atau sering dikenal dengan web based application
merupakan suatu aplikasi yang berjalan di web browser. Aplikasi ini dapat
diakses dimanapun dan kapanpun asalkan koneksi internet yang mendukung.
Kelebihan aplikasi web based ini adalh tidak perlu melakukan install aplikasi
di komputer masing-masing seperti pada aplikasi desktop. Web based
merupakan aplikasi yang dalam proses daya gunanya membutuhkan koneksi
internet kemudian beranjak menuju browser penyedia server. Web based tidak
memerlikan alokasi ruang hard drive local komputer, dan tidak peduli
kapasitas komputer yang tinggi untuk menjalankan fungsinya. Web based
tidak tergantung pada spesifikasi dan kompatibilitas dari komputer yang
digunakan, tetapi kebergantungan hanya kepada akses internet. Selama akses
internet tidak mengalami kendala, maka selama itu pula web base dapat
memenuhi kebutuhan pengguna (Oktavian, 2014).Menurut (Laine et al, 2011)
pengembangan aplikasi web menggunakan proses pengembangn secara
potensial dangan arsitektur three-tier yang terdiri presentasi(user interface)
untuk client, logika(server) dan data(manajemen data). Komponen dari
aplikasi web disimpan pada komputer client atau komputer server karena
aplikasi aplikasi web merupakan tipe aplikasi client atau server. Web browser
dapat digunakan untuk mengakses aplikasi web yang dijalankan pada
 31

komputer client. Salah satu contoh web browser adalah google chrome. Untuk
penyimpanan aplikasi web terletak pada komputer server. Komputer ini
menjalakan piranti lunak aplikasi web yang akan mengirimkan halaman web
ke web browser. Salah satu aplikasi web server yang terpopuler adalah Apache
Software Foundaion’s Apache HTTP Server yang dikenal dengan apache.
Sebagian besar aplikasi web beroprasi dengan menggunakan data yang
disimpan pada sebuah basis data atau database. Kebanyakan server
menjalankan sebuah database management system (DBMS) dimana salah
satunya dengan menggunakan MySQL.

d. Pengertian PHP
PHP singkatan dari Hypertext Preprocessor merupakan sisipan kode pada
HTML yang berbentuk bahasa script server-side untuk pengembangan web. PHP
ditulis menggunakan bahasa C yang membuat web lebih dinamis sehingga
maintence situs web lebih mudah dan efesien.PHP merupakan software open
source dan dilisensikan secara gratis serta dapat didownload secara bebas
(Peranginangin K., 2006 : 2).

e. Pengertian CSS
Cascading Style sheet merupakan tempat untuk mengontrol dan mengatur
style yang ada. Style sheet mendeskripsikan bagaimana tampilan dokumen HTML
di layar. Selain itu juga bisa membuat efek-efek sepesial di web dengan
menggunakan style sheet. Secara teoritis digunakan style sheet technology dengan
HTML. Akan tetapi pada prakteknya hanya Cascading Style Sheet (CSS)
technology yang support pada hampir semua web Browser. Karena CSS telah di
standarkan oleh World Wide Web Consortium (W3C) untuk digunakan di web
browser.

f. Pengertian MySQL
MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL
(database management system) atau DBMS yang Multithread, Multi-
user.MySQL merupakan suatu server database yang banyak digunakan di
 32

internet karena kehandalannya dan juga sifatnya yang shareware. MySQL

mempunyai tiga sub bahasa, yaitu Data Definition Language (DDL), Data
Manipulasi Language (DML) dan Data Control Language (DCL). DDL berfungsi
pada obyek database, seperti membuat tabel, mengubah tabel dan menghapus
tabel. DML untuk obyek tabel, seperti melihat, menambah, menghapus dan
mengubah isi tabel. Sedangkan DCL untuk kepentingan security database, seperti
memberikan hak akses ke database dan menghapus hak tersebut dari
database.(Hendri Ariyanto,2013).

g. Pengertian Framework
Menurut Siena, (2007) Framework adalah sekumpulan library yang
diorganisasikan pada sebuah rancangan arsitektur untuk memberikan kecepatan,
ketepatan, kemudahan dan konsistensi di dalam pengembangan aplikasi dari
definisi tersebut”. Framework terdiri dari:
1. Model

Model mencakup semua proses yang terkait dengan pemanggilan struktur

data baik berupa pemanggilan fungsi, input processing atau mencetak output
ke dalam browser.
2. View

View mencakup semua proses yang terkait layout output. Bisa dibilang untuk
menaruh template interface website atau aplikasi.

3. Controller

Controller mencakup semua proses yang terkait dengan pemanggilan

database dan kapsulisasi proses proses utama. Jadi semisal dibagian ini ada
file bernama member.php, maka semua proses yang terkait dengan member
akan dikapsulisasi/ dikelompokan dalam file ini.

h. Pengertian Bootstrap
 33

Menurut Husein Alatas, (2013) Bootstrap merupakan framework untuk

membangun desain web sec (Alatas, 2013)ara responsif. Artinya, tampilan web
yang dibuat oleh bootstrap akan menyesuaikan ukuran layer dan browser yang
kita gunakan baik di desktop, tablet ataupun mobile device. Dengan bootstrap kita
juga bisa membangun web dinamis ataupun statis.

3.2. Perancangan Sistem

3.2.1 Use Case Diagram

a. Use Case Diagram Login

class usecase

Sistem absensi cv.bonita art&desain interior

Absen Online

Karyaw an
Admin
j am datang

j am selesai

keterangan

pemilik

Gambar 3. 1 Use Case Diagram Login

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

Gambar 3. 2 Simbol Use Case Diagram

3.2.2 Entity Relationship Diagram
Entity Relationship Diagram atau ERD adalah sebuah diagram struktural yang
digunakan untuk merancang sebuah database. Sebuah ERD mendeskripsikan data
yang akan disimpan dalam sebuah sistem maupun batasannya. (Mohammed et al
2015).

No. Simbol Nama Keterangan

1. Obyek yang exist dan dapat
Entity dibedakan dari obyek
 35

lainnya atau suatu kegiatan

dengan organisasi
2. Hubungan yang terjadi
Relasi antara dua entity atau lebih
yang dianggap penting serta
harus memelihara dan
menyajikan informasi
3. Karakteristik dari entity
Atribut atau relationship yang
menyediakan penjelasan
detail tentang entity atau
relationship

4. Link Penghubung antara

himpunan relasi dengan
himpunan entitas dan
himpunan entitas dengan
atributnya
Tabel 3. 1 Simbol Pada ERD

Gambar 3. 3 ERD Sistem Absensi

3.2.3 Activity Diagram
 36

Activity diagram menggambarkan berbagai aliran aktifitas dalam sistem

yang sedang di rancang, bagaimana masing-masing aliran berawal, decision
yang mungkin terjadi dan bagaimana mereka berakhir. Activity Diagram
juga dapat menggambarkan proses pararel yang mungkin terjadi pada
beberapa eksekusi.Secara grafis digunakan untuk menggambarkan rangkaian
aliran aktivitas baik prosesbisnis maupun user case. Activity diagram dapat juga
digunakan untuk memodelkan action yang akan silakukan saat sebuah operasi
dieksekusi, dan memodelkan hasil dari action tersebut (Sugiarti, 2013).

a. Activity Diagram Sistem Berjalan

 37

act activ ity_sistem_berj alan

Karyaw an

Start

j am masuk

absen manual

Lembar Bukti Absen

End

Gambar 3. 4 Activity Diagram Sistem Berjalan

Penjelasan :

Pada gambar di atas menjelaskan activity diagram/aktifitas absensi yang

dilakukan oleh karyawan CV.Bonita Art & Desain Interior yaitu dengan mengisi
tanda tangan pada lembar absensi pada jam masuk dan jam keluar.Lalu laporan
absensi tersebut dikelola oleh pemilik perusahaan.

b. Activity Diagram Usulan

 38

act activ ity diagram usulan

Karyaw an Sistem Admin

Pengisian Data
Absen

Melakukan Menerima data absen

absensi karyaw an

membuat laporan Menerima Laporan

absen,sakit,izin

Gambar 3. 5 Activity Diagram Usulan

Penjelasan :

1. Karyawan memasukan username dan password

2. Lalu klik pada tombol absensi berupa kehadiran dan izin/sakit di
dashboard karyawan.
3. Apabila sudah terisi semua, maka data absensi tercatat pada database.
4. Admin dan pemilik dapat memantau dan mengelola data absensi
karyawan pada laporan data absen.
 39

c. Activity Diagram Login Karyawan

act activ ity_diagram_login_karyaw an

Karyaw an Sistem

Start

Halaman utama Menu Login

[Gagal]

input
username&passw ord

[Berhasil]

Dashboard absen
karyaw an

End

Gambar 3. 6 Activity Diagram Login Karyawan

d. Activity Diagram Login Admin
 40

act activ ity_diagram_login_karyaw an

Admin Sistem

Start

Halaman utama Menu Login

[Gagal]

input
username&passw ord

[Berhasil]

Dashboard Admin

End

Gambar 3. 7 Activity Diagram Login Admin

e. Activity Diagram Pencatatan Absen Masuk
act activ ity_logout_admin

Karyaw an Sistem Database

Start

Data Karyaw an Pengisian absensi v alidasi

id_absensi

End
 41

Gambar 3. 8 Activity Diagram Pencatatan Absen

f. Activity Diagram Logout Admin

act activ ity_logout_admin

Admin Sistem

Start

Klik Logout Melakukan Logout

[Cek Data]

[Tidak] [Ya]

Batal Keluar

End

Gambar 3. 9 Activity Diagram Logout Admin

g. Activity Diagram Logout Karyawan
 42

act activ ity_logout_admin

Karyaw an Sistem

Start

Klik Logout Melakukan Logout

[Cek Data]

[T idak] [Ya]

Batal Keluar

End

Gambar 3. 10 Activity Diagram Logout Karyawan

3.2.4 Sequence Diagram

a. Sequence Diagram Login Admin

sd sequence login

Admin halaman_login control login halaman utama

alt Sequence Diagram Login validasi username()

username valid()

masukan ussername()

password()

validasi password()

masukan password()

Gambar 3. 11 Sequence Diagram Login Admin

b. Sequence Diagram Login Karyawan
 43

sd sequence login

Karyawan halaman_login control login halaman utama

alt Sequence Diagram Login validasi username()

username valid()

masukan ussername()

password()

validasi password()

masukan password()

Gambar 3. 12 Sequence Diagram Login Karyawan

c. Sequence Diagram Pencatatan Absensi Karyawan
sd sequence data absensi

admin halaman utama controller database absensi

karyawan

alt data absen karyaw an klik simpan()

klik data absen()

simpan()

data absen tersimpan()

klik hapus()

Gambar 3. 13 Sequence Diagram Pencatatan Absen

d. Sequence Diagram Logout Admin
 44

sd sequence data absensi

admin Menu Utama Sistem

alt sequence logout

Memilih Menu Logout()

Keluar()

Berhasil Logout()

Gambar 3. 14 Sequence Diagram Logout Admin

e. Sequence Diagram Logout Karyawan
sd sequence data absensi

karyawan Menu Utama Sistem

alt sequence logout

Memilih Menu Logout()

Keluar()

Berhasil Logout()

Gambar 3. 15 Sequence Diagram Logout Karyawan

3.2.5 Perancangan Perangkat Lunak

Flowchart
 45

act flow chart

Start

masuk ke halaman
login

input
username/passw ord

[Tidak]

cek
username/password

[Ya]

masuk dashboard
absensi

pilih absen/izin

laporan kehadiran
pada admin

Finish

Gambar 3. 16 Flowchart
 46

3.3 Analisa & Pembahasan

3.3.1 Pembahasan Algoritma

Tujuan dibuatnya sistem absensi berbasis web pada CV.Bonita
Art & Desain interior yaitu untuk mengganti sistem absensi sebelumnya
yang masih manual dan belum terkomputerisasi.Dengan adanya website
absensi CV.Bonita Art & Desain Interior maka pengeloalaan data absen
menjadi lebih terstruktur, cepat, efisien dan tentunya mudah. Sedangkan
pemabahasan dalam laporan kerja praktek tersebut berupa pembahasan
algoritma yang sesuai dengan flowchart, rancangan layar beserta
penjelasannya, penggunaan program dan uji coba atau testing sebuah
program.

3.3.2 Rancangan Layar

a. Tampilan Halaman Utama

ui User Interface Model

Absensi

ABSENSI CV.BONITA ART & DESAIN INTERIOR HOME TENTANG LOGIN KONTAK

Website ini berfungsi sebagai absensi karyawan dan sebagai sistem

informasi karyawan

TENTANG

Gambar 3. 17 Tampilan Halaman Utama

b. Tampilan Login Admin
 47

ui user interface

Login Admin

Login Admin

LOGIN

Gambar 3. 18 Tampilan Login Admin

c. Tampilan Login Karyawan

ui user interface

Login Karyaw an

Login Karyawan

LOGIN

Gambar 3. 19 Tampilan Login Karyawan

d. Tampilan Dashboard karyawan

 48

ui user interface

KARYAWAN

SELAMAT DATANG Karyawan, Silahkan Absen

DASHBOARD

NIP

NAMA

Waktu

Absen

Klik Tombol ini jika tidak hadir/absen

Gambar 3. 20 Tampilan Dashboard Karyawan

e. Tampilan Profil Karyawan

ui user interface

Karyaw an

Profil Anda, Karyawan

DASHBOARD

NIP 1910

Nama Alfin
Tempat & tgl lahir Bogor/10-12-2002
Jenis Kelamin Laki-laki
Agama
Alamat Islam
No telepon Bogor
Jabatan 08888
Foto Wp Pemasaran

EDIT

Gambar 3. 21 Tampilan Profil Karyawan

f. Tampilan Dashboard Admin
 49

ui user interface

Admin

CV. Bonita Art Desain & Interior

Beranda

Data Karyawan

Data User

Data Jabatan

Data Absen

Data Keterangan

Selamat Datang Admin Bonita Art

Logout

Gambar 3. 22 Tampilan Dashboard Admin

g. Tampilan Menu Data Admin pada Dasboard Admin
ui User Interface Model

data admin

Tambah Data Admin

No Nama Kontak Foto Aksi

1 Abiezar Nur F 0813290192 Foto Hapus

Gambar 3. 23 Tampilan Menu Data Admin

pada Dashboard Admin

h. Tampilan Menu Data Karyawan pada Dashboard admin

 50

ui User Interface Model

data admin

Tambah Data Karyawan

No NIP Nama Tempat Lahir Tanggal Lahir Alamat Kontak Foto Aksi

1 1212 Abiezar Nur F Bogor 1990-06-12 Bogor 089212 Foto Hapus

Gambar 3. 24 Tampilan Menu Data Karyawan

pada Dashboard Admin
i. Tampilan Menu Data Absensi pada Dashboard Admin
ui User Interface Model

data admin

Export PDF

No NIP Nama Tanggal Jam Status Aksi

1 1212 Abiezar Nur F 16-06-2022 07:11 pm Tepat Waktu Hapus

Gambar 3. 25 Tampilan Menu Data Absensi

pada Dashboard Admin
j. Tampilan Menu Data Keterangan pada Dashboard Admin
 51

ui User Interface Model

data admin

Data Absen

No NIP Nama Keterangan Alasan Tanggal Bukti Aksi

1 1212 Abiezar Nur F ijin Sakit 17-06-2022 gambar surat izin Hapus

Gambar 3. 26 Tampilan Menu Data Keterangan

pada Dashboard Admin
3.3.3 Implementasi dan Penjelasan Rancangan Layar
a. Halaman Utama
Halaman ini digunakan sebagai informasi umum yang update dari
CV.Bonita Art & Desain Interior yang ditujukan kepada karyawan perihal
pengumuman dan kegiatan yang ada pada perusahaan

Gambar 3. 27 Halaman Utama Bagian Atas

 52

Gambar 3. 28 Halaman Utama Bagian Bawah

b. Halaman Dashboard Login Karyawan

Karyawan dapat mengakses mengakses halaman ini dengan
melakukan username dan password untuk melanjutkan menuju halaman
dashboard absensi.Apabila login berhasil maka akan menampilkan menu
utama dashboard absensi, lalu klik button absen atau izin/sakit.

Gambar 3. 29 Halaman Dashboard Login Karyawan

c. Halaman Dasboard Login Admin
Ketika sudah berhasil masuk menu login admin, terdapat menu
dashboard, data admin, data karyawan, data absen. Di dalam menu
dashboard terdapat data jumlah admin, jumlah karyawan, jumlah absen
hari ini, jumlah tidak hadir.
 53

Gambar 3. 30 Halaman Dashboard Login Admin

d. Halaman Data Admin pada Dashboard Admin

Di dalam data admin terdapat biodata admin, yaitu no, nama,
kontak, foto dan aksi.

Gambar 3. 31 Halaman Data Admin pada Dashboard Admin

e. Halaman Data Karyawan pada Dashboard Admin

Pada halaman ini admin dapat menambahkan data karyawan
meliputi NIP, nama, tempat lahir, tanggal lahir, alamat, kontak dan
foto.Selain itu, admin juga dapat mengedit dan menghapus data
karyawan sesuai kebutuhan.
 54

Gambar 3. 32 Halaman Data Karyawan pada Dashboard Admin

f. Halaman Data Absen pada Dashboard Admin

Halaman ini menampilkan data absen karyawan yang telah
melakukan proses absensi pada login karyawan serta dapat
menampilkan status kehadiran berupa tepat waktu atau telat.Adapun
fitur cetak laporan absensi ke dalam bentuk file pdf yaitu dengan klik
export pdf.

Gambar 3. 33 Halaman Data Absen pada Dashboard Admin

 55

Gambar 3. 34 Hasil Export Data Absen

g. Halaman Data Keterangan pada Dashboard Admin
Halaman ini memuat data karyawan yang tidak masuk karena
sakit/izin.

Gambar 3. 35 Halaman Data Keterangan pada Data Admin

3.3.4 Penggunaan Program
Cara menggunakan program adalah sebagai berikut :

a. Masukkan username dan password terlebih dahulu

b. Pada bagian Dashbord Terdapat empat menu pilihan yang

dapat dipilih.Pertama, menu data admin yang berisi biodata
admin

c. kedua, menu data karyawan yang berisi biodata karyawan

d. ketiga, menu data absen digunakan untuk absen karyawabn

e. keempat, menu data keterangan berisi tentang keterangan

absen para karyawan
 56

3.2.5 Uji Coba Program Dengan Contoh Data

a. Tambah Data Admin

Gambar 3. 36 Tambah Data Admin

b. Data Berhasil Ditambahkan

Gambar 3. 37 Data Berhasil Ditambahkan

c. Data Tambah Karyawan

Gambar 3. 38 Data Tambah Karyawan

d. Data Karyawan Berhasil Ditambahkan
 57

Gambar 3. 39 Data Karyawan Berhasil Ditambahkan

 58

BAB IV
PENUTUP

4.1 Kesimpulan
Absensi merupakan salah satu kegiatan yang dilakukan oleh setiap
karyawan untuk pendataan pada laporan penggajian dan kehadiran. Akan tetapi
absensi yang dilakukan di CV.Bonita Art & Desain Interior masih manual, yaitu
menandatangani kertas absensi.Maka dari itu melalui hasil pembahasan
sebelumnya terdapat beberapa masalah yang dapat mengurangi efektifitas dan
efesiensi dalam menjalankan rangkaian proses absensi dan pendataan kehadiran
sebagai arsip perusahaan. Dengan dibangunnya aplikasi Sistem Absensi Berbasis
Website CV.Bonita Art & Desain Interior ini maka dapat ditarik beberapa
kesimpulan yaitu :

1. Dengan dibangunnya Website Absensi Karyawan dapat mempercepat

karyawan dalam melakukan absensi yang ada di CV.Bonita Art & Desain
Interior.
2. Dengan dibangunnya Website absensi dapat mempermudah pengolahan
data informasi terkait kehadiran karyawan pada database.
3. Sistem informasi absensi ini sudah terkomputerisasi sehingga dapat dengan
mudah digunakan dan dipelajari oleh karyawan.

4.2 Saran
Berdasarkan kesimpulan diatas, maka saran yang diharapkan yaitu dengan
pembuatan sistem absensi karyawan.Sehingga website tersebut akan lebih
mempermudah pegawai, data-data karyawan, dan data absensi lebih
aman.Untuk mengoptimalkan performa sistem website ini, maka penulis
menguslkan beberapa saran yang dapat dijadikan bahan pertimbangan:
1. Dengan adanya website absensi CV.Bonita Art & Desain Interior
ini diharapkan dapat memicu pengembang(developer) lainya untuk
lebih berinovasi dalam membuat sebuah sistem absensi.
 59

2. Perlu adanya maintenance terhadap sistem website tersebut secara

berkala, agar performa efektivitas sistem dapat terus berjalan
dengan baik dan optimal.
3. Proses absensi ini akan lebih baik jika terintegrasi dengan sistem
yang lain pada perusahaan tersebut.Sehingga data mudah dikelola
dan dijadikan bahan evaluasi oleh perusahaan.

Dengan adanya perancangan aplikasi Absensi Pegawai

tamu ini diharapkan dapat memicu pengembang lainnya untuk
lebih berinovasi dalam merancang sistem selanjutnya.
 DAFTAR PUSTAKA

Adikara, F. (2013). Analisis dan Perancangan Sistem Absensi Berbasis Global

Positioning System (GPS) Pada Android 4.x, Seminar Nasional Teknologi
Informasi. Jakarta.

Alatas, H. (2013). Responsive Web Desaign dengan PHP & Bootstrap. Yogyakarta:
Lokomedia.

Nugroho, S. S. (2016). Aplikasi Pengajuan Cuti dan Izin Karyawan PT. Bumi Arasy
Konsultanindo. Tangerang Selatan.

(2016). Perancangan Sistem Presensi dan Penggajian Karyawan Berbasis Sistem Oprasi
Android di PT. ELC Logistik Indonesia. Bandung: Program Studi Manakemen
Informatika Fakultas Ilmu Terapan Universitas Telkom.

Peranginangin, K. (2006). Aplikasi Web dengan PHP dan MySQL. In P. Kasiman,

Aplikasi Web dengan PHP dan MySQL (p. 506). Yogyakarta.

Rokhman, A. N. (2020). Rancang Bangun Aplikasi Absensi Karyawan Menggunakan

Location Based Service (LBS) Berbasis Android (studi kasus : PT. Infomedia
Solusi Humanika). Jakarta.

Siena. (2007). Framework dalam website. Jakarta: Kominfo Informatika.

Subhan, M. (2012). Analisa Perancangan Sistem . Jakarta: Lentera Ilmu Cendekia.

Supriyono, J. (2013). Perancangan Sistem Absensi Karyawan Menggunakan Konsep Data

Mining Pada PT.KALILA INDONESIA.

60
 LAMPIRAN

Lampiran 1 Foto Bersama Pemilik CV.Bonita Art & Desain Interior

61
 Lampiran 2 Foto Kegiatan di CV.Bonita Art & Desain Interior

Lampiran 3 Foto Bersama Admin Bahwa Program Dapat Membatu Perusahaan

62
Lampiran 4 Surat Persetujuan Kerja Praktek
dari Dosen Pembimbing

63
Lampiran 5 Surat Pengajuan Kerja Praktek ke Instansi

64
Lampiran 6 Surat Pengajuan Kerja Praktek ke Instansi

65
Lampiran 7 Surat Pengajuan Kerja Praktek ke Instansi

66
Lampiran 8 Surat Persetujuan Kerja Praktek dari Instansi

67
Lampiran 9 Surat Persetujuan Kerja Praktek dari Instansi

68
Lampiran 10 Surat Persetujuan Kerja Praktek dari Instansi

69
Lampiran 11 Surat Balasan Kerja Praktek

70
Lampiran 12 Lembar Berita Acara Konsultasi
dengan Dosen Pembimbing

71