![KP Laporan [PDF]](https://pdfs.asia/img/200x200/kp-laporan.jpg)
22 0 1 MB
PERANCANGAN SISTEM ABSENSI MAHASISWA KERJA PRAKTEK PADA CV. FLASH MULTIMEDIA INFORMASI
LAPORAN KERJA PRAKTEK
NAMA NIM JENJANG STUDI PROGRAM STUDI
Oleh: : ANAK AGUNG GDE WAHYU SUKMA ERLANGGA : 180030645 : STRATA SATU (S1) : SISTEM INFORMASI
INSTITUT TEKNOLOGI DAN BISNIS (ITB) STIKOM BALI 2021
PERANCANGAN SISTEM ABSENSI MAHASISWA KERJA PRAKTEK PADA CV. FLASH MULTIMEDIA INFORMASI
LAPORAN KERJA PRAKTEK
NAMA NIM JENJANG STUDI PROGRAM STUDI
Oleh: : ANAK AGUNG GDE WAHYU SUKMA ERLANGGA : 180030645 : STRATA SATU (S1) : SISTEM INFORMASI
INSTITUT TEKNOLOGI DAN BISNIS (ITB) STIKOM BALI 2021
HALAMAN PENGESAHAN LAPORAN KERJA PRAKTEK NIM
: 180030645
Nama
: Anak Agung Gde Wahyu Sukma Erlangga
Jenjang Studi
: Strata Satu (S1)
Program Studi
: Sistem Informasi
Judul Kerja Praktek : Perancangan Sistem Absensi Mahasiswa Kerja Praktek Pada CV. Flash Multimedia Informasi
Disetujui Oleh : Tanggal……………………... Pembina
(Pande Putu Dwipayana, S.E.)
Tanggal……………………... Pembimbing
(Nyoman Ayu Nila Dewi, S.Kom., MT)
Tanggal……………………………….. Ketua Program Studi Sistem Informasi
(Ricky Aurelius Nurtanto Diaz, S.Kom.,M.T)
i
KATA PENGANTAR Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa, karena penulis dapat menyelesaikan Laporan Kerja Praktek yang berjudul “Perancangan Sistem Absensi Mahasiswa Kerja Praktek Pada CV. Flash Multimedia Informasi” sesuai dengan yang direncanakan. Terselesaikannya laporan kerja praktek ini tidak terlepas dari bantuan banyak pihak yang telah banyak memberikan masukan, dukungan dan motivasi kepada penulis. Oleh sebab itu, pada kesempatan ini izinkanlah penulis mengucapkan terima kasih sebesar – besarnya kepada: 1. Bapak Rektor ITB STIKOM Bali Dr. Dadang Hermawan 2. Bapak Dr. Muhammad Rusli, M.T Selaku Wakil Rektor I dan Ibu Ni Luh Putri Srinadi, S.E., M,Kom selaku Wakil Rektor II ITB STIKOM Bali. 3. Bapak Dian Pramana, S.Kom., M.Kom selaku Dekan Fakultas Informatika dan Komputer ITB SIKOM Bali. 4. Bapak Ricky Aurelius Diaz, S.Kom., M.T selaku Ketua Program Studi Sistem Informasi ITB STIKOM Bali. 5. Bapak Pande Putu Dwipayana, S.E. selaku Pembina yang telah membimbing penulis selama melaksanakan Kerja Praktek. 6. Ibu Nyoman Ayu Nila Dewi, S.Kom., M.T selaku dosen Pembimbing yang turut membimbing dalam penyelesaian penulisan ini. 7. Semua teman dan berbagai pihak yang memeberikan dukungan dan bantuan kepada penulis. Penulis sangat menyadari bahwa laporan ini masih jauh dari kata sempurna
mengingat
keterbatasan
pengalaman
dan
kemampuan
serta
kurangnya buku – buku penunjang yang digunakan sebagai sumber dalam penulisan kerja praktek ini. Oleh sebab itu, penulis mengharapkan kritik dan saran yang dapat membangun dalam penyempurnaan laporan kerja praktek ini. Sebagai akhir kata penulis berharap laporan ini dapat bermanfaat bagi penulis dan semua pembaca. Gianyar, 14 Juni 2021
Penulis
ii
DAFTAR ISI Halaman HALAMAN PENGESAHAN LAPORAN KERJA PRAKTEK.................................i KATA PENGANTAR............................................................................................ii DAFTAR ISI........................................................................................................ iii DAFTAR TABEL..................................................................................................v DAFTAR GAMBAR.............................................................................................vi BAB I PENDAHULUAN.......................................................................................1 1.1
Latar Belakang....................................................................................1
1.2
Rumusan Masalah...............................................................................1
1.3
Tujuan Kerja Praktek...........................................................................2
1.4
Manfaat Kerja Praktek.........................................................................2
1.5
Ruang Lingkup Kerja Praktek............................................................2
1.6
Metode Kerja Praktek..........................................................................3 1.6.1 Lokasi Kerja Praktek.................................................................3 1.6.2 Waktu Pelaksanaan Kerja Praktek............................................3 1.6.3 Jenis Sumber Data....................................................................4
BAB II TINJAUAN UMUM DAN INSTANSI.........................................................5 2.1
Sejarah Instansi...................................................................................5
2.2
Visi dan Misi........................................................................................5 2.2.1 Visi............................................................................................5 2.2.2 Misi............................................................................................5
2.3
Logo Instansi.......................................................................................5
2.4
Maksud dan Tujuan.............................................................................6
2.5
Struktur Organisasi.............................................................................6
2.6
Tugas Pokok dan Fungsi....................................................................7 2.6.1 Direktur.....................................................................................7 2.6.2 Wakil Direktur............................................................................7 2.6.3 Bagian Keuangan......................................................................8 2.6.4 Divisi Photographer...................................................................8 2.6.5 Divisi Networking.......................................................................8 2.6.6 Divisi Komputer.........................................................................9 2.6.7 Divisi Developer App.................................................................9
BAB III LANDASAN TEORI...............................................................................10
iii
3.1
Sistem................................................................................................10
3.2
Informasi............................................................................................10
3.3
Sistem Informasi...............................................................................10
3.4
Absensi..............................................................................................10
3.5
Data....................................................................................................11
3.6
Data Flow Diagram (DFD).................................................................11
3.7
Entity Relationship Diagram (ERD)..................................................13 3.7.1 Pengertian Entity Relationship Diagram (ERD).......................13 3.7.2 Notasi Entity Realtionship Diagram (ERD)..............................13 3.7.3 Derajat Relasi atau Kardinalitas..............................................14
BAB IV PERANCANGAN SISTEM....................................................................15 4.1
Analisa Kebutuhan Sistem...............................................................15 4.1.1 Kebutuhan Perangkat Keras...................................................15 4.1.2 Kebutuhan Perangkat Lunak...................................................15
4.2
Data Flow Diagram (DFD).................................................................15 4.2.1 Diagram Konteks.....................................................................15 4.2.2 DFD Level 0............................................................................16 4.2.3 DFD Level 1 Proses 1.............................................................17 4.2.4 DFD Level 1 Proses 2.............................................................17
4.3
Entitiy Relationship Diagram (ERD).................................................18
4.4
Konseptual Database........................................................................20
4.5
Struktur Tabel....................................................................................20 4.5.1 Tabel Admin............................................................................20 4.5.2 Tabel Mahasiswa....................................................................21 4.5.3 Tabel Absensi.........................................................................21
4.6
Design Interface................................................................................22 4.6.1 Halaman Utama Sistem..........................................................22 4.6.2 Design Login Admin................................................................22 4.6.3 Design Login Mahasiswa Kerja Praktek..................................23 4.6.4 Design Dashboard Admin.......................................................24 4.6.5 Design Dashboard Mahasiswa Kerja Praktek.........................24 4.6.6 Design Data Mahasiswa..........................................................25 4.6.7 Design Tambah Data Mahasiswa............................................26 4.6.8 Design Edit Data Mahasiswa...................................................26 4.6.9 Design Data Absensi...............................................................27
BAB V PENUTUP..............................................................................................28 5.1
Kesimpulan........................................................................................28
5.2
Saran..................................................................................................28
DAFTAR PUSTAKA...........................................................................................29
iv
DAFTAR TABEL
Halaman Tabel 3.1 Notasi DFD.........................................................................................12 Tabel 3.2 Notasi ERD.........................................................................................13 YTabel 4.1 Tabel Admin......................................................................................20 Tabel 4.2 Tabel Mahasiswa................................................................................21 Tabel 4.3 Tabel Absensi.....................................................................................21
v
DAFTAR GAMBAR Halaman
YGambar 1.1 Lokasi Kerja Praktek.......................................................................3 YGambar 2.1 Logo Instansi...................................................................................6 Gambar 2.2 Struktur Organisasi...........................................................................7 YGambar 4.1 Diagram Konteks..........................................................................16 Gambar 4.2 DFD Level 0....................................................................................16 Gambar 4.3 DFD Level 1 Proses 1.....................................................................17 Gambar 4.4 DFD Level 1 Proses 2.....................................................................18 Gambar 4.5 ERD................................................................................................19 Gambar 4.6 Konseptual Database......................................................................20 Gambar 4.7 Halaman Utama Sistem..................................................................22 Gambar 4.8 Halaman Login Admin.....................................................................22 Gambar 4.9 Halaman Login Mahasiswa.............................................................23 Gambar 4.10 Halaman Dashboard Admin..........................................................24 Gambar 4.11 Halaman Dashboard Mahasiswa..................................................24 Gambar 4.12 Halaman Data Mahasiswa............................................................25 Gambar 4.13 Halaman Tambah Data Mahasiswa..............................................26 Gambar 4.14 Halaman Edit Data Mahasiswa.....................................................26 Gambar 4.15 Halaman Data Absensi.................................................................27
vi
vii
1
BAB I PENDAHULUAN
1.1
Latar Belakang Seiring perkembangan zaman, teknologi informasi juga berkembang
semakin pesat. Banyak organisasi maupun instansi di segala sektor seperti pendidikan, pemerintahan, bisnis, hiburan, dan lainnya yang mulai mengadopsi teknologi informasi. Untuk dapat menjalankan teknologi informasi yang cukup baik diperlukan suatu teknologi computer yang baik juga agar data dapat dikelola dengan cepat, akurat dan dapat dipertanggung jawabkan, sehingga semua informasi yang dihasilkan dan disajikan dapat memajukan organisasi atau instansi yang membutuhkan. Selama ini dari yang peneliti amati ada sebuah permasalahan yang penliti temukan di CV. Flash Multimedia Informasi. Permasalahan tersebut adalah masalah mengenai absensi mahasiswa kerja praktek. Absensi mahasiswa kerja praktek masih dilakukan secara manual dengan tulis tangan menggunakan kertas. Oleh karena itu, laporan yang dihasilkan masih kurang efektif, tidak rapi, dan terkadang terjadi kekeliruan. Dari permasalahan yang peneliti uraikan diatas, maka peneliti ingin mengusulkan suatu rancangan dengan judul “Perancangan Sistem Absensi Mahasiswa Kerja Praktek pada CV. Flash Multimedia Informasi”. Sistem ini bertujuan untuk mempermudah absensi untuk para mahasiswa kerja praktek. Diharapakan dengan adanya sistem ini proses absensi dan pembuatan laporan absensi mahasiswa kerja praktek pada CV. Flash Multimedia Informasi menjadi lebih akurat dan optimal. 1.2
Rumusan Masalah Berdasarkan pada latar belakang yang telah peneliti uraikan sebelumnya,
pokok permasalahannya adalah “Bagaimana perancangan sistem absensi mahasiswa kerja praktek pada CV. Flash Multimedia Informasi?”
2
1.3
Tujuan Kerja Praktek Berdasarkan rumusan masalah diatas, tujuan dari kerja praktek adalah
untuk merancang sistem absensi mahasiswa kerja praktek pada CV. Flash Multimedia informasi. 1.4
Manfaat Kerja Praktek Adapun manfaat yang diperoleh dari pelaksanaan kerja praktek ini antara
lain: 1.
Untuk
menambah
pengetahuan
dan
pengalaman
dalam
pengaplikasian ilmu dan keterampilan yang telah diperoleh dalam perkuliahan. 2.
Untuk melatih rasa tanggung jawab dalam menjalankan suatu pekerjaan.
3.
Meningkatkan kemampuan dalam bersosialisasi dan kepribadian diri dalam dunia kerja.
4.
Mengetahui sistem kerja, hambatan, dan cara penyelesaian masalah dalam dunia kerja.
1.5
Ruang Lingkup Kerja Praktek Berdasarkan pada latar belakang yang sudah dipaparkan sebelumnya,
Adapun ruang lingkup dari penulisan laporan kerja praktek ini adalah sebagai berikut: 1.
Sistem yang akan dibuat hanya sebatas perancangan sistemnya saja.
2.
Aplikasi berbasis desktop.
3.
Admin dari sistem adalah karyawan atau pegawai tetap dari instansi.
4.
Sistem ini hanya akan digunakan oleh mahasiswa kerja praktek di CV. Flash Multimedia Informasi.
5.
Perancangan ini mencakup DFD, ERD, Conceptual Database, Struktur Tabel, dan User Interface. Untuk DFD yang digunakan meliputi Diagram Konteks, DFD Level 0, Level 1.
6.
Aplikasi meggunakan framework Electron dan bahasa pemrograman Javascript.
7.
Ada beberpa proses yang terdapat pada perancangan sistem ini, yaitu:
3
a. Data Mahasiswa Kerja Praktek Admin dapat melihat, menambahkan dan memanipulasi data mahasiswa kerja praktek, sedangkan mahasiswa kerja praktek hanya terbatas pada melihat biodatanya saja. b. Absensi Admin dapat meilhat absensi seluruh mahasiswa kerja praktek, sedangkan mahasiswa kerja praktek hanya dapat melakukan input absen. 8. 1.6
Output dari sistem ini berupa data yang akan ditampilkan di Desktop.
Metode Kerja Praktek
1.6.1 Lokasi Kerja Praktek Kerja praktek ini dilakukan atau berlokasi di CV. Flash Multimedia Informasi yang beralamat di Jl. Gn. Agung No.18, Beng, Kec. Gianyar, Kabupaten Gianyar, Bali.
Gambar 1. Lokasi Kerja Praktek
1.6.2 Waktu Pelaksanaan Kerja Praktek Pelaksanaan kerja praktek ini dilakukan selama 3 bulan mulai dari tanggal 16 Maret 2021 dan berakhir pada tanggal 16 Juni 2021. Kerja praktek ini
4
dilakukan 5 kali dalam 1 minggu, yaitu setiap hari Senin sampai dengan Jumat yang dimulai dari pukul 9.00 WITA – 16.30 WITA. 1.6.3 Jenis Sumber Data Dalam pembuatan laporan kerja praktek peniliti melakukan pengumpulan data, pengamatan, serta pemahaman tentang desain sistem absensi. Dari hal itu dapat digunakan beberapa metode berikut: 1.
Metode Observasi
Metode observasi adalah metode yang dilakukan dengan tujuan untuk mendapatkan data maupun informasi dengan melakukan pengamatan secara langsung di tempat diadakannya kerja praktek terhadap masalah yang ingin diselesaikan. 2.
Metode Wawancara
Metode wawancara adalah metode yang dilakukan dengan cara tanya jawab secara langsung kepada beberapa pegawai apabila ada hal – hal yang belum dipahami. 3.
Metode Kepustakaan
Metode kepustakaan adalah suatu metode pengumpulan data dengan cara membaca dan meneliti buku – buku atau literatur – literatur yang ada berkaitan dengan penulisan laporan.
5
BAB II TINJAUAN UMUM DAN INSTANSI
2.1
Sejarah Instansi Sejarah terbentuknya CV. Flash Multimedia Informasi yang beralamat di
Jl. Gn. Agung No.18, Beng, Kec. Gianyar, Kabupaten Gianyar, Bali ini berawal dari masih sedikitnya penyedia layanan internet fiber optic di Bali khusunya Kabupaten Gianyar. Oleh sebab itu, dibentuklah CV. Flash Multimedia oleh Ibu Anak Agung Ketut Adi Yuniasih dan Ibu Pande Mede Marini sebagai pemilik usaha dengan tujuan agar layanan fiber optic dapat menjangkau daerah – daerah yang lebih terpencil seperti desa – desa, karena di Kabupaten Gianyar layanan fiber optic awalnya hanya tersedia di kota atau di daerah pariwisatanya saja. Selain untuk memenuhi atau memecahkan permasalahan tersebut, masalah lain yang ingin dipecahkan oleh CV. Flash Multimedia Informasi adalah masalah mengenai masih belum meratanya toko komputer di daerah Gianyar sehingga
perseroan
perdagangan
ini
komputer
juga baik
berkecimpung sebagai
dalam
distributor,
menjalankan
supplier,
retail,
usaha grosir,
komisioner dan keagenan (perwakilan) serta termasuk segala perlengkapan komputer baik dalam maupun luar negeri. 2.2
Visi dan Misi Adapun visi dan misi dari dari CV. Flash Multimedia Informasi adalah
sebagai berikut: 2.2.1
Visi Menjadi penyedia layanan fiber optic terkemuka di daerah Kabupaten
Gianyar. 2.2.2
Misi Memberikan kualitas dan dukungan layanan internet yang baik bagi
seluruh pelanggan. 2.3
Logo Instansi Berikut ini adalah logo dari instansi dari CV. Flash Multimedia Informasi:
6
Fl a s h Mul t ime dia In f o r ma s i Personal Dekstop – Notebook – Printer – Accessories - Maintenance – Service www.flashbalicomputer.com mailto : [email protected] Jl. Gunung Agung No. 18 Beng - Gianyar. Telp (0361) 4791287
Gambar 2. Logo Instansi
2.4
Maksud dan Tujuan Adapun maksud dan tujuan dari perseroan ini ialah menjalankan kegiatan
usaha dalam bidang – bidang: 1. Perdagangan umum, baik atas tanggungan sendiri maupun secara komisi atas tanggungan pihak lain, termasuk perdagangan local, antar pulau, ekspor dan impor. 2. Menjalankan usaha – usaha perdagangan komputer baik, sebagai distributor, supplier, retail, grosir, komisioner dan keagenan (perwakilan) serta termasuk segala perlengkapan komputer baik dalam maupun luar negeri. 3. Menjalankan kegiatan usaha produksi film, video dan program 4. Menjalankan usaha perdagangan besar alat fotografi dan optik. 5. Menjalankan usaha perdagangan eceran rekaman video tape. 2.5
Struktur Organisasi Berikut ini adalah struktur organisasi dari CV. Flash Multimedia Informasi:
7
Gambar 2. Struktur Organisasi
2.6
Tugas Pokok dan Fungsi
2.6.1
Direktur Adapun tugas dari direktur adalah sebagai berikut: 1. Memimpin perusahaan dengan menerbitkan kebijakan-kebijakan perusahaan atau instansi. 2. Memilih, menetapkan, mengawasi tugas dari karyawan dan kepala bagian (manajer) atau wakil direktur. 3. Mengambil semua Tindakan yang diperlukan agar instansi berjalana lancar. 4. Menyetujui anggaran tahunan perusahaan atau instansi.
2.6.2
Wakil Direktur Adapun tugas dari wakil direktur adalah sebagai berikut: 1. Membantu Direktur dalam menyusun rencana kerja serta anggaran untuk mencapai tujuan perusahaan. 2. Membantu Direktur dalam memimpin dam mengkoordinir seluruh aktivitas perusahaan.
8
3. Membantu Direktur dalam mengambil keputusan dan kebijakankebijakan yang dianggap perlu untuk kebaikan dan kemajuan perusahaan. 2.6.3
Bagian Keuangan Adapun tugas dari bagian keuangan adalah sebagai berikut: 1. Mengambil
keputusan
penting
dalam
investasi
dan
berbagai
pembiayaan serta semua hal yang terkait dengan keputusan tersebut. 2. Menghubungkan instansi dengan pasar keuangan, di mana instansi dapat memperoleh dana dan surat berharga perusahaan dapat diperdagangkan. 3. Bekerja sama dengan ditektur dan wakil direktur untuk merencanakan serta meramalkan beberapa aspek dalam perusahaan termasuk perencanaan umum keuangan instansi. 4. Menjalankan dan mengoperasikan roda kehidupan instansi se-efisien dan se-efektif mungkin. 2.6.4
Divisi Photographer Adapun tugas dari divisi photographer adalah sebagai berikut: 1. Menentukan alat apa saja yang dibutuhkan dan berapa anggaran yang dibutuhkan, misalkan untuk sewa kamera atau handycam atau membeli memory card, termasuk juga CD/DVD dan kertas foto untuk dicetak. 2. Mendokumentasikan kegiatan perusahaan. 3. Mengambil foto yang nantinya akan digunakan untuk promosi instansi.
2.6.5
Divisi Networking Adapun tugas dari divisi networking adalah sebagai berikut: 1. Melakukan koordinasi pelaksanaan tugas teknis dan perencanaan layanan jaringan internet/LAN/WAN. 2. Membantu
melakukan
integrasi
dan
mengoordinasikan
pengembangan dan networking. 3. Membantu melakukan koordinasi dan monitoring secara berkala terhadap fasilitas internet instansi.
9
4. Membantu mengembangkan, mengelola dan menyediakan server, layanan jaringan internet dan intranet bagi seluruh pelanggan. 5. Membantu melaksanakan pengelolaan server, layanan jaringan internet dan intranet yang responsif terhadap keluhan pelanggan. 2.6.6
Divisi Komputer Adapun tugas dari divisi komputer adalah sebagai berikut: 1. Memastikan semua komputer dapat digunakan. 2. Memperbaiki dan menyiapkan komputer yang rusak dalam waktu sesingkat - singkatnya. 3. Restore data jika mengalami masalah pada komputer. 4. Memahami prinsip kerja dari switch, router dan yang lainnya. 5. Memastikan semua aplikasi dapat digunakan dan berjalan lancar. 6. Memastikan semua komputer terhubung pada jaringan.
2.6.7
Divisi Developer App Adapun tugas dari divisi developer app adalah sebagai berikut: 1. Mengembangkan aplikasi untuk memenuhi kebutuhan pelanggan. 2. Membuat dan menggunakan source code dalam sebuah aplikasi. 3. Menguji source code dan debugging code. 4. Mengevaluasi aplikasi yang sudah ada dan membuat modifikasi.
10
BAB III LANDASAN TEORI
3.1
Sistem Sistem adalah suatu kumpulan entitas yang saling bekerja sama secara
sistematis dan terstruktur untuk membantuk suatu kesatuan yang melaksanakan fungsi khusus demi mencapai suatu tujuan.[ CITATION Ang17 \l 1033 ] 3.2
Informasi Informasi adalah data yang diolah menjadi lebih berguna dan berarti bagi
penerimanya, serta untuk mengurangi ketidakpastian dalam proses pengambilan keputusan mengenai suatu keaadaan.[ CITATION Ang17 \l 1033 ] 3.3
Sistem Informasi Sistem informasi memiliki definisi yaitu, relasi antara empat bagian utama
yang mencakup perangkat lunak, perangkat keras, infrastruktur, dan sumber daya manusia yang terlatih [5]. Keempat bagian utama tersebut saling berkaitan untuk menciptakan sebuah sistem yang dapat mengolah data menjadi informasi yang bermanfaat. Sistem informasi dikembangkan sesuai dengan kebutuhan setiap penggunanya. Salah satu contoh yaitu pengembangan sistem informasi absensi yang banyak digunakan oleh instansi atau organisasi baik yang berbasis web, desktop, maupun mobile. 3.4
Absensi Absensi berarti tidak hadir, namun bisa dikatakan pula absensi
merupakan ketidakhadiran atau kehadiran suatu objek yang dalam hal ini berupa orang, dimana orang tersebut terlibat dalam suatu organisasi atau instansi yang mengharuskan adanya pemberitahuan tentang keadaan berupa kehadiran atau ketidakhadiranya dalam ruang lingkup organisasi atau intsansi tersebut. Absensi sangat berpengaruh pada kinerja personal serta instansi dimana ia bekerja, yang dapat dijadikan pertimbangan terhadap tindak lanjut serta pembuatan keputusan bagi kelangsungan perkembangan instansi tersebut.[4]
11
3.5
Data Data merupakan sumber dari segala informasi karena informasi
merupakan bentuk data yang sudah diolah. Data memiliki definisi yaitu, deskripsi tentang benda, kejadian, aktivitas, dan transaksi, yang mempunyai makna tau tidak berpengaruh secara langsung pada pemakai. 3.6
Data Flow Diagram (DFD) Data Flow Diagram (DFD) adalah merupakan gambaran suatu sistem
yang telah ada atau sistem baru dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir. Dengan adanya Data Flow Diagram, maka pemakai sistem yang kurang memahami di bidang computer akan dapat mengerti sistem yang sedang berjalan. [ CITATION
Muh16 \l 1033 ] Pada DFD ada 3 level, yaitu: 1.
Diagram Konteks Diagram konteks adalah suatu diagram yang menggambarkan satu lingkaran besar yang dapat mewakili seluruh proses yang terdapat di dalam suatu sistem, dan merupakan tingkatan tertinggi dalam DFD. Semua entitas eksternal yang ditunjukan pada diagram konteks berikut aliran – aliran data utama menuju dan dari sistem. Diagram ini sama sekali tidak memuat penyimpanan data dan tampak sederhana untuk diciptakan.
2. Diagram Nol Diagram Nol merupakan satu lingakaran besar yang mewakili lingkaran – lingkaran kecil yang ada di dalamnya. Merupakan pemecahan dari diagram konteks ke diagram nol atau level 0. Pada diagram ini telah mulai memuat penyimpanan data atau database. 3. Diagram Rinci Diagram rinci merupakan diagram yang menguraikan proses apa yang ada dalam diagram nol. Contohnya adalah diagram level 1 sampai level seterusnya. Dalam menggambar atau membuat suatu DFD digunakan suatu simbol – simbol khusus dimana setiap simbol memiliki arti yang berbeda. Berikut simbol – simbol yang digunakan dalam membuat DFD:
12
Tabel 3. Notasi DFD No.
Gene dan
Yourdan dan
Nama
Serson
Marco
Simbol
Keterangan Terminator
1.
Entitas
mewakili
entitas
eksternal
yang
berkomunikasi dengan
sistem
yang
sedang
dikembangkan. Proses adalah suatu
yang
menggambarkan 2.
Proses
bagian dari sistem yang
mengubah
input
menjadi
output. Data Store adalah
3.
Data Store
suatu
yang
digunakan
untuk
membuat
model
sekumpulan paket data, atau tempat data disimpan Alur data digunakan
ini
untuk
menerangkan 4.
Data Flow
perpindahan atau
data paket
data/informasi dari satu bagian sistem ke bagian lainnya.
3.7
Entity Relationship Diagram (ERD)
3.7.1 Pengertian Entity Relationship Diagram (ERD)
13
Entitiy Relationship Diagram (ERD) adalah suatu model yang mampu dalam menjabarkan keadaan senyata – nyatanya yang terjadi di dalam kepentingan penjelasan entitas dan hubungannya. Model ini diperkenalkan oleh Chen pada tahun 1976. Model ini menggunakan teknik diagram khusus sebagai peralatan dalam mendisain suatu database. Sebelumnya ada tiga model utama yang digunakan untuk menggambarkan data logic yaitu, the network model, the relation model, dan the entity set model. Lalu, untuk menanggapi kelebihan dan kelemahan dari tiga model tersebut diciptakanlah ERD. [ CITATION Agu17 \l
1033 ] 3.7.2 Notasi Entity Realtionship Diagram (ERD) Entity Relationship Diagram (ERD) memiliki sejumlah konvensi menganai notasinya. Notasi klasik sering digunakan untuk model konseptual. Berbagai notasi lain juga digunakn untuk menggambarkan secara logis dan fisik dari suatu basis data, salah satunya adalah IDEF1X.[ CITATION Muh16 \l 1033 ] Berikut ini adalah notasi – notasi simbolik yang digunakan dalam Entity Relationship Diagram: Tabel 3. Notasi ERD No
Nama
.
Notasi
Simbol Notasi
Keterangan Entitas adalah segala sesuatu yang dapat
1.
Entitas
digambarkan
oleh
data.
juga
Entitas
dapat
diartikan
sebagai individu yang mewakili sesuatu yang nyata (eksistensinya) dan dapat dibedakan
2.
Atribut
dari sesuatu yang lain. Atribut adalah pendeskripsian karakteristik entitas.
Atribut
dari lah
14
yang
menjadi
kunci
atau key dan diberi garis bawah. Relasi adalah sesuatu yang
menunjukan
adanya hubungan di 3.
Relasi
antara
sejumlah
entitas yang berasal dari himpunan entitas yang berbeda. Penghubung adalah garis 4.
Garis
yang
menghubungkan entitas dengan atribut atau himpunan entitasi dengan relasi.
3.7.3 Derajat Relasi atau Kardinalitas Derajat relasi atau kardinalitas adalh suatu yang digunakan untuk menunjukan jumlah maksimum entitas yang dapat berlasi dengan entitas pada himpunan entitas yang lain.[ CITATION Muh16 \l 1033 ] Macam – macam kardinaltias yang ada adalah sebagai berikut: 1. Satu ke Satu (One to One) Satu ke satu adalah derajat relasi dimana satiap anggota entitas A hanya boleh berhubungan tepat satu dengan anggota entitas B begitu pula sebaliknya. 2. Satu ke Banyak (One to Many) Satu ke banyak adalah derajat relasi dimana setiap anggota entitas A dapat berhubungan lebih dari satu anggota dari entitas B, tetapi tidak sebaliknya. 3. Banyak ke Banyak (Many to Many) Banyak ke banyak adalah derajat relasi dimana setiap entitas A dapat berhubungan dengan lebih dari satu entitas himpunan B demikian pula sebaliknya.
15
BAB IV PERANCANGAN SISTEM
4.1
Analisa Kebutuhan Sistem Analisa kebutuhan sistem merupakan bagian yang sangat penting dalam
suatu perancangan sistem. Hal itu demi mengatahui apakah sistem yang dibuat telah sesuai dengan kebutuhan yang diperlukan atau belum. Dengan segala kebutuhan yang telah terpenuhi tersebut maka diharapkan sistem dapat berjalan dengan dan memberikan kinerja yang maksimal bagi pengguna. 4.1.1 Kebutuhan Perangkat Keras a.
Monitor
b.
Keyboard
c.
Mouse
d.
Processor Intel Core i5
e.
RAM 4GB
f.
HDD 500GB
4.1.2 Kebutuhan Perangkat Lunak
4.2
a.
Sistem Operasi Windows 10
b.
Electron
c.
Visual Studio Code
d.
XAMPP
Data Flow Diagram (DFD)
4.2.1 Diagram Konteks Diagram konteks adalah tahapan pertama dalam pembuatan DFD dari perancangan Sistem Absensi Mahasiswa Kerja Praktek pada CV. Flash Multimedia Informasi yang berfungsi sebagai gambaran umum dari arus data dari sistem. Pada diagram ini terdapat dua terminator yaitu Admin dan Mahasiswa Kerja Praktek, dimana Admin dapat melakukan login dan mengakses serta memanipulasi data mahasiswa kerja praktek dan data absensi, sedangkan mahasiswa kerja praktek hanya bisa melihat biodatanya serta melakukan absensi masuk dan absensi pulang.
16
Gambar 4. Diagram Konteks
4.2.2 DFD Level 0 Diagram level 0 ini merupakan pengembangan dari diagram konteks dimana proses – proses yang ada pada sistem akan digambarkan dengan lebih detail. Pada diagram level 0 ini sistem dibagi menjadi tiga proses yaitu proses login, proses manipulasi data mahasiswa, serta proses absensi.
Gambar 4. DFD Level 0
17
4.2.3 DFD Level 1 Proses 1 Pada diagram level 1 dari proses 1 ini, proses 1 atau login Kembali dijabarkan lebih rinci dimana proses login dibagi menjadi dua proses yaitu proses login mahasiswa kerja praktek dan proses login admin. Kedua proses itu dibagi menjadi dua proses berbeda karena mahasiswa kerja praktek dan admin memiliki login page yang berbeda.
Gambar 4. DFD Level 1 Proses 1 4.2.4 DFD Level 1 Proses 2 Pada diagram level 1 dari proses 2 ini, proses 2 atau proses manipulasi data mahasiswa dibagi menjadi empat proses yaitu proses view data mahasiswa yang bisa diakses oleh admin maupun mahasiswa kerja praktek, lalu untuk proses insert data mahasiswa, update data mahasiswa dan delete data mahasiswa hanya bisa diakses oleh admin.
18
Gambar 4. DFD Level 1 Proses 2 4.3
Entitiy Relationship Diagram (ERD) Berikut ini adalah Entity Relationship Diagram (ERD) dari tahapan
perancangan sistem absensi kerja praktek. Diagram ini menggambarkan bagaimana hubungan atau relasi dari setiap entitas yang direlasikan dengan kunci relasi yaitu primary key dari setiap entitas.
19
Gambar 4. ERD
Pada ERD diatas terdapat tiga entitas yaitu Admin, Mahasiswa Kerja Praktek, dan Absensi. Berikut ini masing – masing atribut dari setiap entitas: a.
b.
c.
Admin 1.
id_admin
2.
nama
3.
username
4.
password
Mahasiswa Kerja Praktek 1.
id_mahasiswa
2.
nama
3.
username
4.
password
5.
alamat
6.
jenis_kelamin
7.
tgl_lahir
Absensi 1.
id_absensi
2.
id_mahasiswa
3.
nama
20
4.4
4.
jam_masuk
5.
jam_pulang
6.
tanggal
Konseptual Database Berikut
ini
adalah
konseptual
database
yang
dirancang
untuk
menunujukan hubungan antara atribut yang dimiliki dari setiap entitas yang ada. Pada sistem ini konseptual databasenya memiliki 3 tabel yaitu tb_mahasiswa, tb_admin, tb_absensi.
Gambar 4. Konseptual Database
4.5
Struktur Tabel
4.5.1 Tabel Admin Table admin memiliki empat buah field yang terdiri atas id_admin yang bertipe varchar 10 sebagai primary key, selanjutnya ada nama dengan tipe varchar 15, username yang bertipe data varchar 20, dan terakhir ada password yang bertipe varchar 15. Tabel 4. Tabel Admin No . 1. 2. 3.
Field id_admin username nama
Tipe Data varchar varchar varchar
Ukuran 10 20 15
Keterangan Primary Key
21
4.
password
varchar
15
4.5.2 Tabel Mahasiswa Tabel mahasiswa memiliki tujuh buah field yang terdiri dari primary key berupa id_mahasiswa bertipe varchar 10, lalu username bertipe varchar 20, selanjutnya ada nama bertipe varchar 50, jenis_kelamin bertipe char 9, password bertipe varchar 15, alamat dengan tipe varchar 50, dan tanggal_lahir bertipe date. Tabel 4. Tabel Mahasiswa No . 1. 2. 3. 4. 5. 6. 7.
Field
Tipe Data
id_mahasiswa username nama jenis_kelamin alamat alamat tanggal_lahir
varchar varchar varchar char varchar varchar date
Ukuran 10 20 50 9 15 50
Keterangan Primary Key
4.5.3 Tabel Absensi Tabel absensi memiliki enam buah field yang terdiri dari primary key berupa id_absensi bertipe integer, foreign key berupa id_mahasiswa dengan tipe data varchar 10, nama bertipe varchar 50, jam_masuk bertipe dan jam_pulang bertipe time, dan terakhir tanggal_absensi yang bertipe date.
Tabel 4. Tabel Absensi No . 1. 2. 3. 4. 5. 6.
Field id_absensi id_mahasiswa nama jam_masuk jam_pulang tanggal_absensi
4.6
Design Interface
4.6.1
Halaman Utama Sistem
Tipe Data integer varchar varchar time time date
Ukuran 10 50
Keterangan Primary Key Foreign Key
22
Gambar 4. Halaman Utama Sistem
Halaman ini adalah halaman utama yang akan dijumpai oleh pengguna sistem baik admin dan mahasiswa kerja praktek. pada halaman ini user akan diarahkan untuk memilih antara login menggunakan akun admin atau akun mahasiswa yang bisa dilakukan dengan masing – masing button yang telah disediakan. 4.6.2
Design Login Admin
Gambar 4. Halaman Login Admin Form login admin digunakan oleh admin yang sudah memiliki username dan password. Form login pada halama ini hanya bisa digunakn oleh admin dan tidak bisa digunakan oleh mahasiswa kerja praktek. Cara melakukan login pada
23
halaman ini cukup dengan menginputkan username dan password yang telah dimiliki oleh admin dan jika admin salah menginputkan salah satunya maka akan muncul dialog box yang mengatakan bahwa admin telah salah memasukan data, dan akan memberikan perintah untuk memasukan data yang benar. 4.6.3
Design Login Mahasiswa Kerja Praktek
Gambar 4. Halaman Login Mahasiswa Halaman ini adalah halaman yang dapat digunakan oleh mahasiswa untuk login dan melakukan absensi. Mahasiswa cukup memasukan username dan password mereka masing – masing untuk dapat memasuki halaman dashboard sistem dan sama seperti halaman login admin jika mahasiswa salah memasukan username atau password maka dialog box akan muncul untuk memberi tahu bahwa ada kesalahan pada data yang diinputkan dan akan menyuruh mahasiswa menginputkan data yang benar. Akun selain akun mahasiswa seperti akun admin tidak dapat digunakan untuk login pada halaman ini.
4.6.4
Design Dashboard Admin
24
Gambar 4. Halaman Dashboard Admin Halaman berikut merupakan halaman utama setalah admin melakukan login. Pada halaman ini terdapat tiga buah button, pertama adalah button data mahasiswa yang dapat digunakn oleh admin untuk mengakses seluruh data mahasiwa yang melakukan kerja praktek, selanjutnya ada button data absensi yang dapat digunakan oleh admin untuk mengakses atau melihat seluruh data absensi mahasiswa kerja praktek dan button terakhir adalah button logout yang berfungsi untuk keluar dari halaman dashboard admin. 4.6.5
Design Dashboard Mahasiswa Kerja Praktek
Gambar 4. Halaman Dashboard Mahasiswa Halaman ini adalah halaman yang akan ditampilkan oleh sistem setelah mahasiswa kerja praktek berhasil melakukan login pada halaman login
25
sebelumnya. Pada halaman dashboard mahasiswa ini akan ditampilakn biodata dari mahasiswa, lalu ada tiga buah button yang terdiri dari button absen masuk yang berfungsi untuk melakukan absen masuk, setelah mengklik button tersebut maka data absen masuk mahasiswa akan masuk ke dalam data absensi, hal ini juga berlaku pada button absen pulang yang ketika dklik akan otomatis menginputkan data absen pulang mahasiswa ke dalam data absensi. Untuk button terakhir adalah button logout berfungsi untuk mengeluarkan akun dari dashboard mahasiswa. 4.6.6
Design Data Mahasiswa
Gambar 4. Halaman Data Mahasiswa Halaman data mahasiswa adalah halaman yang menampilkan seluruh data mahasiswa yang melakukan kerja praktek. Halaman ini hanya bisa diakses oleh admin. Pada halaman ini admin dapat memanipulasi data mahasiswa seperti menambahkan data melalui button tambah mahasiswa, mengupdate atau mengedit melalui button edit, dan menghapus data menggunakan button delete.
4.6.7
Design Tambah Data Mahasiswa
26
Gambar 4. Halaman Tambah Data Mahasiswa Halaman tambah data mahasiswa adalah halaman yang berfungsi untuk menambahkan data mahasiswa kerja praktek pada sistem. Ketika seluruh data yang dibutuhkan telah diisi admin tinggal mengklik button tambah data untuk menyimpan data mahasiswa kerja praktek yang baru. 4.6.8
Design Edit Data Mahasiswa
Gambar 4. Halaman Edit Data Mahasiswa Halaman edit data mahasiswa adalah halaman yang berfungsi untuk melakukan editing atau update data mahasiswa kerja praktek pada sistem. Pada halaman ini admin dapat mengubah data – data mahasiswa yang telah tersimpan
27
sebelumnya di dalam database. Ketika perubahan telah selesai dilakukan admin tinggal mengklik button edit data untuk menyimpan data mahasiswa. 4.6.9
Design Data Absensi
Gambar 4. Halaman Data Absensi Halaman data absensi adalah halaman yang hanya dapat diakses oleh admin. Halaman ini dapat digunakan untuk melihat seluruh data absensi mahasiswa berupa jam absensi masuk dan jam absensi pulang dari mahasiswa. Selain itu admin juga dapat melakukan filter abensi berdasarkan tanggal absensi dengan cara memasukan tanggal yang diinginkan pada form tanggal yang sudah ada.
28
BAB V PENUTUP 5.1
Kesimpulan Dari penulisan laporan yang berjudul “Perancangan Sistem Absensi
Mahasiswa Kerja Praktek pad CV. Flash Multimedia Informasi”, dapat disimpulkan bahwa: 1.
Perancangan Sistem Absensi Mahasiswa Kerja Praktek pada CV. Flash Multimedia Informasi ini dapat menggambarkan bagaimana sistem yang akan dibuat melalui DFD, ERD, Konseptual Database, Struktur Tabel hingga Design Interface dari sistem.
2.
Perancangan Sistem Absensi Mahasiswa Kerja Praktek pada CV. Flash Multimedia Informasi memiliki fungsi untuk memudahkan pihak instansi dalam melakukan absensi pada mahasiswa kerja praktek.
5.2
Saran Beberapa saran yang bisa disampaikan kepada instansi yang bertujuan
untuk memaksimalkan kinerja dari mahasiswa kerja praktek dan disiplin adalah sebagai berikut: 1.
Ketika sistem absensi ini telah berjalan diharapkan memiliki suatu unit pengawas untuk mencegah kecurangan saat melakukan absensi seperti manipulasi data absensi.
2.
Diharapkan agar pihak instansi bisa mengaplikasikan sistem absensi sesuai dengan rancangan atau mengembangkannya lebih lanjut demi mempermudah kegiatan absensi mahasiswa kerja praktek pada instansi.
29
DAFTAR PUSTAKA [1] E. Y. Anggraeni and R. Irviani, Pengantar Sistem Informasi, Yogyakarta: Andi Offset, 2017. [2] M. M. Oktafianto, Analisis dan Perancangan Sistem Informasi Menggunakan Model Terstruktur dan UML, Yogyakarta: Andi Offset, 2016. [3] A. Mujilan, Analisis dan Perancangan Sistem Perspektif Bidang Akuntansi, Madiun: Fakultas Ekonomi dan Bisnis Universitas Katolik Widya Mandala Madiun, 2017. [4] A. Husain, A. H. A. Prastian and A. Ramadhan, "Perancangan Sistem Absensi Online Menggunakan Android Guna Mempercepat Proses Kehadiran Karyawan Pada PT. Sintech Berkah Abadi," Technomedia Journal (TMJ), vol. II, no. 1, 2017. [5] A. E. Pratama, Sistem Informasi dan Implementasinya, Bandung: Informatika Bandung, 2014.
