JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA...

120
RANCANG BANGUN SISTEM INFORMASI PRESENSI MAHASISWA DAN PENDAFTARAN UJIAN SUSULAN PADA IIB DARMAJAYA BERBASIS WEB SKRIPSI Diajukan Sebagai salah satu Syarat untuk mencapai gelar SARJANA KOMPUTER Pada Jurusan Sistem Informasi Institut Informatika Dan Bisnis Darmajaya Bandar Lampung Disusun Oleh : HASRI ANGGRAINI NPM.1411050101 JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA DAN BISNIS DARMAJAYA BANDAR LAMPUNG 2018

Transcript of JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA...

Page 1: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

RANCANG BANGUN SISTEM INFORMASI PRESENSI

MAHASISWA DAN PENDAFTARAN UJIAN SUSULAN PADA

IIB DARMAJAYA BERBASIS WEB

SKRIPSI

Diajukan Sebagai salah satu Syarat untuk mencapai gelar

SARJANA KOMPUTER

Pada Jurusan Sistem Informasi

Institut Informatika Dan Bisnis Darmajaya Bandar Lampung

Disusun Oleh :

HASRI ANGGRAINI

NPM.1411050101

JURUSAN SISTEM INFORMASI

FAKULTAS ILMU KOMPUTER

INSTITUT INFORMATIKA DAN BISNIS DARMAJAYA

BANDAR LAMPUNG

2018

Page 2: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,
Page 3: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,
Page 4: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,
Page 5: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

vi

RIWAYAT HIDUP

a. Identitas

a. Nama : Hasri Anggraini

b. NPM : 1311050101

c. Tempat/TanggalLahir :Medan , 23 Januari 1996

d. Alamat : Perum Korpri Blok E3 No.34 Korpri Jaya

Bandar Lampung.

e. Agama : Islam

f. Suku : Aceh

g. Kewarganegaraan : Indonesia

h. E-mail : [email protected]

i. HP : +62 - 853-67549009

b. RiwayatPendidikan

a. Sekolah Dasar : SD Negeri BTN Sauriget Kota Langsa

b. Sekolah Menegah Pertama : SMP Negeri 4 Kota Langsa

c. Sekolah Menegah Atas : SMA Swasta Cut Nyak Dhien 3 Langsa

Dengan ini saya menyatakan bahwa semua keterangan yang saya sampaikan

diatas adalah benar.

Yang menyatakan,

Bandar Lampung, 27 Februari 2018

Hasri Anggraini

NPM.1411050101

Page 6: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

v

PERSEMBAHAN

Kupersembahkan skripsi ini untuk orang yang ku kasihhi dan kusayangi

AYAH DAN IBUKU TERCINTA

Terima kasih sebanyak-banyak kepada ayah Hasbullah dan ibu Erni Efendi

rangkuti yang tidak perna berhenti menyayangi , mengarahkan, mendoakan dan

menyemangatkan aku. Semoga ini menjadi langkah awal untuk menbuat ayah dan

ibu bahagia karna kusadarin, selama ini aku belum bisa memberikan sesuatu yang

lebih buat kalian.

TANTEKU TERSAYANG

Tanteku Safrini Fahmi, terima kasih sudah menyayangin,mengajarkarkan dan

menyekolahkanku sehingga aku bisa mencapat semuanya dengan baik. Engkau

adalah motivasiku untuk menjadi wanita yang sangat hebat seperti engkau.

Ketua Jurusan dan Seketaris Jurusan Sistem Informasi yang senantiasa membantu

dalam pemberian materi dan pikirannya yang membuat saya dapat menyelesaikan

laporan skripsi ini.

Dosen pembimbingku Neni Purwati, S.Kom., M.T.I yang senantiasa memberi

arahan dan dukungannya sehingga laporan skripsi ini dapat terselesaikan.

Dosen Sistem Informasi yang selalu membantuku dalam menyelesaikan

laporan skripsi ini.

Untuk Yang Spesial Deni Rionda yang selalu menemanin, sahabatku Eva

Fitria, Ratna Sari dan teman-teman seperjuanganku Nia Azizah, Cheny

Leonard, Nirmala Handayani, Komalasari, Sonia Dirva, Tiara Novia

Fatrin, Witri Mardiana Pertiwi, Nur Afifah Fauziah terimakasih buat

support dan kerjasamanya.

Untuk teman – teman seperjuangan Jurusan SI khususnya angkatan 2014

terimakasih untuk semuanya.

Almamaterku IIB DARMAJAYA...........

Page 7: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

vi

Page 8: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

vii

MOTTO

“...Perubahan tidak akan hadir jika kita hanya

menunggu orang lain dan menunda-nunda di lain waktu,

kitalah orangnya yang sebenarnya sedang ditunggu

tersebut. Kita adalah perubahan yang kita cari...”

“...Change will not come if we wait for some other person

or some other time, we are the ones we’ve been waiting

for. We are the change that we seek...”

Page 9: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

viii

ABSTRAK

RANCANG BANGUN SISTEM INFORMASI PRESENSI DAN

PENDAFTARAN UJIAN SUSULAN PADA IIB DARMAJAYA BERBASIS

WEB

Oleh:

HASRI ANGGRAINI

1411050101

Presensi merupakan suatu proses administrasi yang terjadi setiap hari yang

berfungsi untuk menjaga kedisiplinan dan ketertiban mahasiswa IIB

DARMAJAYA dalam mengikuti proses perkuliahan. Dalam menyelenggarakan

perkuliahan yang ada di IIB DARMAJAYA proses Presensi mahasiswa dilakukan

oleh petugas administrasi sehingga informasi yang dihasilkan tidak akurat karena

yang mengetahui/bertatap muka dengan mahasiswa adalah dosen dan mahasiswa

banyak yang menitip Presensi tanpa hadir di kelas saat perkuliah berlangsung.

Ujian susulan adalah ujian yang di lakukan oleh mahasiswa karena tidak

mengikutin ujian regular. ujian susulan hanya di berikan kepada mahasiswa yang

sakit, mengalami musibah, pekerjaan kantor yang tidak bisa di tinggalkan dan

terjadinya ujian bentrok (mengulang matakuliah semester bawah atau mengambil

matakuliah baru semester atas) .

Dalam pengembangan sistem yang diusulkan peneliti menggunakan metode

Prototype. Adapun tahapan Metode Prototype yaitu pengumpulan kebutuhan,

perancangan dan evaluasi protoype. Bahasa pemograman yang digunakan adalah

Hypertext Preprocessor (PHP) dan MySQL sebagai databasenya.

Hasil dari skripsi yang dibuat yaitu web presensi, pendaftaran dan penjadwalan

ujian susulan yang diharapkan dapat membantu dan bermanfaat bagi Staff Baak

dan mahasiswa dalam mendaftar ujian susulan.

Kata Kunci : Presensi Mahasiswa, Ujian Susulan, Berbasis Web

Page 10: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,
Page 11: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

x

PRAKATA

Puji syukur dan terima kasih sebesar-besarnya penulis panjatkan kepada Allah

SWT atas berkat, rahmat, perlindungan dan hidayah-Nya serta talenta yang telah

diberikan kepada penulis sehingga penulis dapat menyelesaikan skripsi ini dengan

prosedur yang baik dan benar.

Skripsi ini dibuat sebagai hasil dari penerapan ilmu-ilmu yang dipelajari selama

penulis menjadi mahasiswa IIB Darmajaya, Fakultas Ilmu Komputer, Jurusan

Sistem Informatika.

Skripsi ini, berjudul Rancang Bangun Sistem Informasi Presensi Mahasiswa Dan

Pendaftaran Ujian Susulan Pada IIB Darmajaya Berbasis Web. Dalam Skripsi ini

penulis membahas mengenai proses presensi dan pendaftaran ujian susulan yang

di lakukan oleh staff baak ,dosen dan mahasiswa.

Pada kesempatan ini, penulis juga ingin menyampaikan rasa terima kasih sebesar-

besarnya kepada :

1. Allah SWT atas berkat dan talenta yang selalu diberikan sampai pada saat ini.

Dan hingga penulis dapat menyelesaikan skripsi ini.

2. Keluargaku tercinta Ibuku Erni Efendi Rangkuti , Ayahku Hasbullah, Tanteku

Safrini Fahmi dan keluarga yang telah memberikan dukungan dan kasih

sayangnya serta do’a yang tulus untuk keberhasilanku. Semoga Allah SWT

memberikan kesempatan kepadaku untuk membalas dengan baktiku.

3. Abang kandungku Alm.Fachri Ramadhan Putra dan adik-adikku Kharisma

Khairani, Muhammad Aril Rahmadhan dan Muhammad Al-Fahrizi yang

selalu berdoa untuk keberhasilanku

4. Bapak Ir. Firmansyah YA. MBA., M.Sc. selaku Rektor IIB Damajaya.

5. Bapak Sriyanto., S.Kom,. MM selaku Dekan Fakultas Komputer.

6. Bapak Nurjoko., S.Kom,. M.TI selaku ketua Jurusan Sistem Informasi.

7. Ibu Neni Purwati., S.Kom,. M.TI selaku Dosen Pembimbing yang telah

meluangkan waktu, tenaga dan pikiran untuk memberi bimbingan, saran dan

pelajaran kepada penulis dalam penyusunan skripsi ini yang baik dan benar.

Page 12: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

xi

8. Dosen Jurusan Sistem Informasi dan Staff IIB Darmajaya.

9. Orang spesial dan teman dekat penulis Deni Rionda, Eva Fitria,

Ratna Sari, Vini Arfianti, Nia Azizah, Cheny Leonard, Nirmala Handayani,

Komalasari, Sonia Dirva, Tiara Novia Fatrin, Witri Mardiana Pertiwi, Nur Afifah

Fauziah dan pihak-pihak yang telah terlibat membantu dalam penyusunan skripsi

ini yang tidak dapat disebutkan satu persatu.

Penulis sangat mengharapkan kritik dan saran yang bersifat membangun untuk

kesempurnaan skripsi ini. Semoga skripsi ini bermanfaat dan dapat dijadikan

bahan pertimbangan informasi bagi pihak yang berkepentingan.

Bandar Lampung, 27 Februari 2018

Penulis

Hasri Anggraini

NPM. 1411050101

Page 13: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

xvi

DAFTAR GAMBAR

Gambar 2.1 Format Kamus Data .......................................................................... 9

Gambar 2.2 Model Prototype…………………………………………………... 13

Gambar 3.1 Metode Pengembangan Sistetem…………………………………... 20

Gambar 4.1 Use Case Diagram Presensi Yang Berjalan ...................................... 23

Gambar 4.2 Use Case Diagram Ujian Susulan Yang Berjalan ............................ 27

Gambar 4.3 Activity Diagram Login ..................................................................... 30

Gambar 4.4 Activity Diagram Cetak Presensi Matakuliah .................................... 31

Gambar 4.5 Activity Diagram Input Presensi Mahasiswa ..................................... 31

Gambar 4.6 Activity Diagram Cetak Laporan Presensi Mahasiswa ...................... 32

Gambar 4.7 Activity Diagram Logout ................................................................... 32

Gambar 4.8 Sequence Diagram Login ................................................................... 33

Gambar 4.9 Sequence Diagram Cetak Presensi Matakuliah ................................. 33

Gambar 4.10 Sequence Diagram Input Presensi Matakuliah ................................. 34

Gambar 4.11 Sequence Diagram Cetak Laporan Presensi Matakuliah .................. 34

Gambar 4.12 Sequence Diagram Logout ................................................................ 35

Gambar 41.3 Use Case Diagram Presensi Yang diusulkan .................................... 35

Gambar 4.14 Use Case Diagram Ujian Susulan diusulkan .................................... 41

Gambar 4.15 Activity Diagram Login ................................................................... 46

Gambar 4.16 Activity Diagram Presensi Harian..................................................... 47

Gambar 4.17 Activity Diagram Presensi Ujian....................................................... 47

Gambar 4.18 Activity Diagram KRS ...................................................................... 48

Gambar 4.19 Activity Diagram Cetak Laporan Presensi ........................................ 48

Gambar 4.20 Activity Diagram Logout .................................................................. 49

Gambar 4.21 Activity Diagram Login ................................................................... 49

Gambar 422 Activity Diagram Pendaftaran Ujian Susulan .................................... 50

Gambar 4.23 Activity Diagram Validasi Syarat Ujian Susulan .............................. 50

Gambar 4.24 Activity Diagram Jadwal Ujian Susulan ........................................... 51

Gambar 4.25 Activity Diagram Presensi Ujian susulan.......................................... 51

Gambar 4.26 Activity Diagram Cetak Laporan Ujian Susulan............................... 52

Page 14: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

xvii

Gambar 4.27 Activity Diagram Logout .................................................................. 52

Gambar 4.28 Sequence Diagram Login .................................................................. 53

Gambar 4.29 Sequence Diagram Presensi Harian .................................................. 53

Gambar 4.30 Sequence Diagram Presensi Ujian ..................................................... 54

Gambar 4.31 Sequence Diagram KRS .................................................................... 54

Gambar 4.32 Sequence Diagram Cetak Laporan Presensi ...................................... 55

Gambar 4.33 Sequence Diagram Logout ................................................................ 55

Gambar 4.34 Sequence Diagram Login .................................................................. 56

Gambar 4.35 Sequence Diagram Pendaftaran Ujian Susulan ................................. 56

Gambar 4.36 Sequence Diagram Validasi Persyaratan ........................................... 57

Gambar 4.37 Sequence Diagram Jadwal Ujian Susulan ........................................ 57

Gambar 4.38 Sequence Diagram Presensi Ujian Susulan ...................................... 58

Gambar 4.39 Sequence Diagram Cetak Laporan Ujian Susulan............................ 58

Gambar 4.40 Sequence Diagram Logout ............................................................... 59

Gambar 4.41 Class Diagram Presensi dan pendaftaran ujian susulan ................... 60

Gambar 4.42 Tampilan Profil Admin .................................................................... 61

Gambar 4.43 Tampilan Profil Dosen ..................................................................... 61

Gambar 4.44 Tampilan Profil Mahasiswa ............................................................. 62

Gambar 4.45 Tampilan Presensi Admin ................................................................ 62

Gambar 4.46 Tampilan Presensi Dosen ................................................................. 63

Gambar 4.47 Tampilan Presensi Pengawas ........................................................... 64

Gambar 4.48 Tampilan Presensi Mahasiswa ......................................................... 65

Gambar 4.49 Tampilan Pendaftaran Ujian Susulan ............................................... 65

Gambar 4.50 Tampilan Validasi Ujian susulan ..................................................... 66

Gambar 4.51 Tampilan Detail Validasi Ujian susulan........................................... 66

Gambar 4.52 Tampilan Jadwal Ujian susulan........................................................ 67

Gambar 4.53 Tampilan Presensi Ujian susulan .................................................... 67

Gambar 4.54 Desain Halaman Profil Admin ......................................................... 78

Gambar 4.55 Desain Halaman Profil Dosen .......................................................... 78

Gambar 4.56 Desain Halaman Profil Mahasiswa .................................................. 79

Gambar 4.57 Desain Halaman Presensi Mahasiswa .............................................. 79

Page 15: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

xviii

Gambar 4.58 Desain Halaman Validasi Ujian Susulan Admin .............................. 80

Gambar 4.59 Desain Halaman Pengumuman Ujian Susulan Admin ..................... 80

Gambar 4.60 Desain Halaman Jadwal Ujian Susulan Admin ............................... 81

Gambar 4.61 Desain Halaman Form Login ............................................................ 82

Gambar 4.62 Desain Halaman Input Presensi ........................................................ 83

Gambar 4.63 Desain Halaman Input Presensi Ujian .............................................. 84

Gambar 4.64 Desain Halaman Input Presensi Ujian Susulan................................. 85

Gambar 4.65 Hierarchy Plus Input-Proses-Output (HIPO) ................................... 86

Gambar 4.66 Flowchart Program Menu Profile ..................................................... 87

Gambar 4.67 Flowchart Program Admin ............................................................... 88

Gambar 4.68 Flowchart Program Dosen ............................................................... 89

Gambar 4.69 Flowchart Program Mahasiswa ........................................................ 90

Gambar 4.70 Flowchart Program Presensi Harian ................................................. 91

Gambar 4.71 Flowchart Program Daftar Ujian Susulan ........................................ 92

Gambar 4.72 Flowchart Program Validasi Daftar Ujian Susulan .......................... 93

Gambar 473 Flowchart Program Program Menu Input Jadwal Ujian Susulan ...... 94

Gambar 4.74 Flowchart Program Lihat Jadwal Ujian Susulan .............................. 95

Gambar 4.75 Login Halaman Utama ...................................................................... 96

Gambar 4.76 Tampilan Home .................................................................................. 97

Gambar 4.77 Daftar Ujian Susulan ......................................................................... 97

Gambar 4.78 Tampilan Sukses mendaftar ujian susulan ......................................... 98

Gambar 4.79 Tampilan Daftar ujian susulan yang di ajukan .................................. 98

Gambar 4.80 Tampikan Daftar Peserta Ujian Susulan ............................................ 98

Gambar 4.81 Tampilan Daftar Validasi Peserta Ujian Susulan .............................. 99

Gambar 4.82 Tampilan Sukses di Validasi .............................................................. 99

Gambar 4.83 Tampilan hasil Validasi Peserta Ujian Susulan ................................. 99

Page 16: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

BAB I

PENDAHULUAN

I.1 Latar Belakang Masalah

Sistem informasi merupakan salah satu wujud dari teknologi informasi yang

banyak sekali digunakan. Menurut (Bodnar & Hopwood, 2004), sistem informasi

adalah kumpulan perangkat keras dan perangkat lunak yang dirancang untuk

mentransformasikan data dalam bentuk informasi.

Peranan sistem informasi terhadap kemajuan perguruan tinggi sudah tidak

diragukan lagi. Dukungan sistem informasi yang berjalan baik di sebuah

perguruan tinggi maka akan memiliki berbagai keungguan sehingga aktivitas

pendidikan di perguruan tinggi akan berjalan lancer serta mampu bersaing denga

perguruan tinggi lainnya. Oleh karena itu hampir semua perguruan tinggi

menerapkan berbagai teknologi informasi untuk menunjang berbagai kegiatan

pendidikan yang ada di perguruan tinggi apalagi untuk IIB Darmajaya yang

merupakan perguruan tinggi ilmu komputer maka sudah seharusnya semua

kegiatan akademik harus menggunakan sistem informasi .

Darmajaya adalah salah satu institusi pendidikan tinggi swasta (PTS) terkemuka

di Provinsi Lampung, berdiri pada tahun 1995, dibawah naungan Yayasan

Pendidikan Alfian Husin. Nama “Darmajaya”, memiliki arti ” Dharma Bhakti dan

Jasa Yoenidar Alfian“. Kampus Terpadu Darmajaya dibangun diatas tanah seluas

2,5 hektar, yang beralamat di jalan Zainal Abidin Pagar Alam, No.93 Labuhan

Ratu, Bandar Lampung, Provinsi Lampung, Indonesia. Program Pendidikan dan

Bidang Keilmuan yang diselenggarakan hingga saat ini adalah Fakultas Ilmu

Komputer dan Fakultas Ekonomi & Bisnis, total program studi yang

diselenggarakan berjumlah 8 (delapan) program studi, yaitu masing-masing antara

lain : Ilmu Komputer (Teknik Informatika-S1, Sistem Komputer -S1, Sistem

Page 17: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

2

Informasi-S1, Manajemen Informatika-D3, Teknik Komputer-D3) dan

Ekonomi & Bisnis (Manejemen-S1, Akuntansi-S1, Akuntansi-D3).

Presensi merupakan suatu proses administrasi yang terjadi setiap hari yang

berfungsi untuk menjaga kedisiplinan dan ketertiban mahasiswa IIB Darmajaya

dalam mengikuti proses perkuliahan.

Dalam menyelenggarakan perkuliahan yang ada di IIB Darmajaya proses Presensi

mahasiswa dilakukan oleh petugas administrasi sehingga informasi yang

dihasilkan tidak akurat karena yang mengetahui/bertatap muka dengan mahasiswa

adalah dosen dan mahasiswa banyak yang menitip Presensi tanpa hadir di kelas

kuliah. Sehingga pada saat kuliah berakhir dan Presensi sudah diverifikasi banyak

mahasiswa yang komplain dan dosen sulit untuk mengecek apakah itu benar

mahasiswa yang tandatangan atau temannya yang menandatangani. Untuk

menghasilkan informasi yang akurat mengenai kehadiran mahasiswa yang ada

dilingkungan IIB DARAJAYA, maka dengan ini dirancang sebuah presensi

online untuk menghindari kecurangan kehadiran yang sering dilakukan

mahasiswa sehingga dosen dapat melakukan pengecekan/validasi kehadiran

mahasiswa ke sistem Sehingga pada saat verifikasi akhir untuk menentukan hasil

nilai Presensi mahasiswa tidak ada lagi masalah. Sistem informasi Presensi

mahasiswa ini meliputi validasi oleh dosen untuk mengabsensi mahasiswanya

pada presensi harian dan sistem informasi ini juga berfungsi untuk menampung

data-data yang diperlukan dalam melakukan proses persentase penilaian.

Berdasarkan surat edaran dengan nomor edaran

SE.030/DMJ/WRI/BAAK/PLPP/Vlll-17 dari wakil rektor 1 yaitu bapak

Dr.RZ.Abdul Aziz,M.T menyatakan bahwa poin penilaian presensi kehadiran

mahasiswa IIB Darmajaya adalah 10%.

Ujian susulan adalah ujian yang di lakukan oleh mahasiswa karena tidak

mengikutin ujian regular, ujian susulan hanya di berikan kepada mahasiswa yang

sakit, mengalami musibah, pekerjaan kantor yang tidak bisa di tinggalkan dan

terjadinya ujian bentrok .

Page 18: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

3

Oleh karena itu dibutuhkan sistem yang dapat membantu dan mempermudah

setiap melakukan Presensi. Maka dari itu, dibuat "Rancang Bangun Sistem

Informasi Presensi Mahasiswa dan pendaftaran ujian susulan Pada IIB

Darmajaya Berbasis WEB"

I.2 Rumusan Masalah

Berdasarkan latar belakang masalah diatas maka rumusan masalah yang diperoleh

adalah:

1. Bagaimana proses pembuatan rancang bangun sistem informasi presensi

mahasiswa dan pendaftaran ujian susulan di IIB Darmajaya?

2. Bagaimana membuat sistem yang dapat digunakan untuk membantu BAAK

(Biro Administrasi Akademik dan Kemahasiswaan ) lebih mudah mendapatkan

data absensi mahasiswa yang lebih akurat ?

I.3 Ruang Lingkup Penelitian

1.3.1 Waktu dan Tempat Penelitian

Penelitian ini dilakukan pada bulan Oktober 2017 di IIB Darmajaya

1.3.2 Batasan Masalah

Batasan Masalah pada penelitian ini adalah :

1. Hanya pada pada sistem presensi mahasiswa dan pendaftaran ujian susunan

2. Website ini hanya dapat di aksses oleh IIB Darmajaya.

I.4 Tujuan dan Manfaat

1.4.1 Tujuan

1. Memberikan kemudahan kepada Staff BAAK untuk mengolah data presensi

dan pendaftaran ujian susulan karena data yang dimasukkan akan disimpan

secara terpusat dan dapat diakses secara online.

2. Sistem presensi yang berbasis web dapat menghasilkan informasi yang akurat

mengenai nilai presensi mahasiswa sehingga hasil akhir yang merupakan

gabungan dari nilai presensi ,tugas, uts dan uas sudah sesuai dengan kehadiran

mahasiswa pada saat tatap muka sehingga tidak ada lagi mahasiswa yang

Page 19: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

4

komplain dan merasa dirugikan karena banyak mahasiswa yang menitipkan

presensi ke temannya.

3. Pendaftaran ujian susulan mempermudah mahasiswa yang ingin mendaftarkan

ujian susulan tampa mendatangi bagian BAAK

4. Agar dosen dapat dengan mudah mengupdate data dan memvalidasi data

presensi mahasiswa

1.4.2 Manfaat

1. Manfaat bagi Peneliti

Menambah wawasan penulis dalam merancang bangun sebuah sistem

informasi dan mengembangkan ilmu yang didapat selama kuliah sehingga bisa

diterapkan didunia kerja.

2. Manfaat bagi IIB Darmajaya

a. Dapat menghemat waktu dalam pengolahan data presensi mahasiswa den

lebih mudah dalam melakikan pendaftaran ujian susulan.

b. Memperoleh keakuratan informasi yang lebih dibandingkan pengolahan

data absensi sebelumnya

I.5 Sistematika Penulisan

Dalam penulisan skripsi ini terdiri dari 5 (lima) bab dengan sistematika penulisan

sebagai berikut.

BAB I PENDAHULUAN

Pada bab ini diuraikan latar belakang masalah, rumusan masalah, ruang lingkup

penelitian, tujuan penelitian, manfaat penelitian, dan sistematika penulisan.

BAB II LANDASAN TEORI

Pada bab ini berisi teori-teori yang berkaitan dan mendukung penelitian serta

penulisan skripsi ini yang akan dilakukan oleh penulis/peneliti.

BAB III METODELOGI PENELITIAN

Dalam bab ini dijelaskan tentang metodologi penelitian penyelesaian masalah

yang dijelaskan di perumusan masalah meliputi metode pengumpulan data,

metode pengembangan sistem, serta alat dan bahan pendukung.

Page 20: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

5

BAB IV HASIL PENELITIAN DAN PEMBAHASAN

Pada bab ini akan dibahas tentang hasil penelitian yang berupa aplikasi yang

dibangun, termasuk cara pengoperasiannya.

BAB V SIMPULAN DAN SARAN

Bab ini berisikan simpulan dari seluruh pembahasan dan saran yang diperlukan

untuk perbaikan dimasa yang akan datang.

DAFTAR PUSTAKA

LAMPIRAN

Page 21: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

BAB II

TINJAUAN PUSTAKA

2.1 Rancang Bangun

(Pressman, 2002). Rancang merupakan serangkaian prosedur untuk

menerjemahkan hasil analisa dari sebuah sistem ke dalam bahasa pemrograman

untuk mendeskripsikan dengan detail imana komponen – komponen sistem

diimplementasikan. (Ladjamudin, 2005) Perancangan adalah kegiatan yang

memiliki tujuan untuk mendesain sistem baru yang dapat menyelesaikan masalah

– masalah yang dihadapi perusahaan yang diperoleh dari pemilihan alternatif

sistem yang terbaik. (Pressman, 2002) Sedangkan pengertian bangun atau

pembangunan sistem adalah kegiatan menciptakan sistem baru maupun mengganti

atau memperbaiki sistem yang telah ada baik secara keseluruhan maupun

sebagian. (Whitten et al, 2004) Bangun sistem adalah membangun sistem

informasi dan komponen yang didasarkan pada spesifikasi desain.

2.2 Pengertian Sistem

Pengertian sistem menurut beberapa ahli yaitu, Menurut (Tata Sutabri, 2012) pada

buku Analisis Sistem Informasi, pada dasarnya sistem adalah sekelompok unsur

yang erat hubungannya satu dengan yang lain, yang berfungsi bersama-sama

untuk mencapai tujuan tertentu.

Selanjutnya Menurut ( McLeod, 2004) dikutip oleh Yakub dalam buku Pengantar

Sistem Informasi (2012:1) mendefiniskan sistem adalah Sekelompok elemen-

elemen yang terintegrasi dengan tujuan yang sama untuk mencapai tujuan. Sistem

juga merupakan suatu jaringan kerja dari prosedur-prosedur yang saling

berhubungan, terkumpul bersama-sama untuk melakukan suatu kegiatan atau

untuk tujuan tertentu.

Page 22: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

6

Sedangkan menurut (Jogianto, 2005) pada buku Analisis dan Desain Sistem

Informasi mendefinisikan sistem adalah kumpulan dari elemen-elemen yang

berinteraksi untuk mencapai suatu tujuan tertentu. sistem ini menggambarkan

suatu kejadian-kejadian dan kesatuan yang nyata adalah suatu objek nyata, seperti

tempat, benda, dan orang-orang yang betul-betul ada dan terjadi.

2.3 Pengertian Informasi

(McLeod d, 2012) pada buku Pengertian Sistem Informasi, Informasi adalah data

yang diolah menjadi bentuk lebih berguna dan lebih berarti bagi yang

menerimanya. Sedangkan Menurut (Tata Sutabri , 2012) pada buku Analisis

Sistem Informasi, Informasi adalah data yang telah diklasifikasikan atau diolah

atau diinterpretasikan untuk digunakan dalam proses pengambilan keputusan.

2.4 Pengertian Sistem Informasi

(O’Brian , 2012) pada buku Pengantar Sistem Informasi,sistem informasi

(information system) merupakan kombinasi teratur dari orang-orang, perangkat

keras, perangkat lunak, jaringan komunikasi, dan sumber daya data yang

mengumpulkan, mengubah, menyebarkan informasi dalam sebuah organisasi.

2.5 Presensi

Presensi berasal dari bahasa Inggris, absent yang artinya tidak hadir. Namun

kenyataan dalam kehidupan sehari-hari membuktikan, penggunaan kata tersebut

diartikan sebaliknya, menjadi hadir. Di sekolah dan kantor-kantor baik swasta

maupun pemerintah, istilah buku absen digunakan untuk memberi label buku

daftar hadir. Begitu pula buku absen, yakni buku yang digunakan untuk

mengetahui kehadiran seseorang.

(Erna Simonna, 2009) Presensi adalah suatu pendataan kehadiran, bagian dari

Pelaporan aktifitas suatu insitusi atau komponen insitusi itu sendiri yang berisi

data-data kehadiran yang di susun dan di atur sedemikian rupa sehingga mudah

untuk di cari dan di pergunakan apabila sewaktu-waktu di perlukan oleh pihak

yang berkepentingan.

Page 23: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

7

Ada 2 jenis presensi yang di kenal, yang membedakan jenis-jenis presensi tersebut

adalah cara mengguanakannya, dan tingkat cara gunanya secara umum. Presensi

dapat di kelompokkan sebagai berikut :

a. Presensi Manual

Presensi Manual adalah cara pengentrian kehadiran dengan cara

mengguanakan pena (tanda tangan).

b. Presensi Non Manual

Presensi Non Manual adalah suatu cara pengentrian kehadiran dengan

menggunakan sistem terkomputerisasi . bisa mengguanakan kartu bercode ,

finer print, RFID , sidik jari dan lain sebagainya.

2.6 Ujian Susulan

Ujian susulan adalah ujian yang di lakukan oleh mahasiswa karena tidak

mengikutin ujian regular, UTS/UAS susulan hanya diberikan kepada mahasiswa

yang pada saat ujian diselenggarakan yang bersangkutan tidak mengikuti ujian

karena :

1. Menderita sakit dan diopname di Rumah Sakit (dibuktikan dengan surat

keterangan opname dari rumah sakit).

2. Orang tua/keluarga kandung (sedarah/semenda) meninggal dunia waktu/dalam

masa ujian (dibuktikan dengan surat kematian)

3. Pekerjaan kantor yang tidak bisa di tingalkan (surat bukti bertugas)

2.7 Internet

Terdapat beberapa pengertian Internet menurut para ahli :

Menurut Allan (2005) internet adalah sekumpulan jaringan komputer yang

saling terhubung secara fisik dan memiliki kemampuan untuk membaca dan

menguraikan protokol komunikasi tertentu yang disebut Internet Protocol (IP)

dan Transmission Control Protocol (TCP). Protokol adalah spesifikasi

sederhana mengenai bagaimana komputer saling bertukar informasi.

Menurut O`Brien (2003) Internet merupakan jaringan komputer yang

berkembang pesat dari jutaan bisnis, pendidikan, dan jaringan pemerintahan

yang saling berhubungan dengan jumlah penggunanya lebih dari 200 negara.

Page 24: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

8

Menurut Sibero (2011) Internet atau yang merupakan kependekan dari Inter-

connected Network merupakan sebuah jaringan komputer yang

menghubungkan antar komputer secara global. Lebih lanjut dijelaskan pula

bahwa internet dapat juga disebut sebagai jaringan alam, yaitu suatu jaringan

yang sangat luas.

2.8 Kamus Data (Data Dictionary)

Menurut (Jogiyanto, 2005) kamus data adalah katalog fakta tentang data dan

kebutuhan-kebutuhan informasi dari suatu sistem informasi. Dengan

menggunakan kamus data, analis sistem dapat mendefinisikan data yang mengalir

di sistem dengan lengkap. Kamus data dibuat pada tahap analisis sistem dan

digunakan baik pada tahap analisis maupun pada tahap perancangan sistem.

Berikut contoh tampilan format kamus data pada gambar 2.1.

Nama Database :

Nama Tabel :

Primary Key :

Forign Key :

Nama Field Type Size Keterangan

Gambar 2.1 Format Kamus Data

Untuk menghasilkan sistem informasi yang baik maka dibutuhkan beberapa

pendukung yang mampu mengembangkan aplikasi yang akan digunakan sehingga

aplikasi yang dibuat benar - benar bisa dimanfaatkan dengan baik.

Page 25: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

9

2.9 Pengkodean

Menurut (Jogiyanto, 2005) kode digunakan untuk tujuan mengklasifikasikan data,

memasukan data kedalam komputer dan untuk mengambil bermacam-macam

informasi yang berhubungan dengannya. Kode dapat dibentuk dari kumpulan

angka, huruf dan karakter - karakter khusus.

Tipe kode yang digunakan diantaranya sebagai berikut.

a. Kode mnemonik

Kode mnemonik digunakan untuk tujuan supaya mudah diingat dengan dasar

singkatan.

b. Kode urut (sequential code)

Kode urut disebut juga dengan kode seri, merupakan kode yang nilainya urut

antara satu kode dengan kode berikutnya.

c. Kode blok (block code)

Kode blok mengklasifikasikan item kedalam kelompok blok tertentu yang

mencerminkan suatu klasifikasi tertentu atas dasar pemakaian maksimum yang

diharapkan.

d. Kode group

Kode group merupakan kode yang berdasarkan field-field dan tiap-tiap field

kode mempunyai arti.

2.10 Hypertext Preprocessor (PHP)

(H,Priyanto dan Jauhari K.K 2017) Hypertext Preprocessor (PHP) adalah suatu

bahasa scripting khususnya digunakan untuk web development. Karena sifatnya

yang server side scripting, maka untuk menjalankan PHP harus menggunakan

web server.

PHP juga dapat diintegrasikan dengan HTML, Javascript, JQuery,Ajax. Namun,

pada umumnya PHP lebih banyak digunakan bersamaan dengan file bertipe

HTML.Dengan Menggunakan PHP bisa membuat website powerful yang dinamis

dengan disertai manajemen database-nya. Selain itu penggunaan PHP dapat jalan

di banyak platform.

Page 26: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

10

2.11 HTML (Hyper Text Markup Language)

(H,Priyanto dan Jauhari K.K 2017) Hypertext Markup Languange (HTML) adalah

bahasa standard yang digunakan untuk menampilkan halaman web.Yang bisa

dilakukan dengan HTML yaitu :

Mengatur tampilan dari halaman web dan isinya.

Membuat tabel dalam halaman web.

Mempublikasikan halaman web secara online.

Membuat Form yang bisa di gunakan untuk menangani registrasi dan transaksi

via web.

Menambahkan objek-objek seperti citra, audio, video, amimasi, java apllet

dalam halaman web.

Menampilkan area gambar (canvas) si browser.

2.12 MySQL

(H,Priyanto dan Jauhari K.K 2017) MySQL adalah salah satu aplikasi

DBMS(Database Management System) yang sudah sangat banyak digunakan oleh

para pemrogram aplikasi web. Kelebihan dari MySQL adalah gratis, handal,

selalu di update dan banyak forum yang memfasilitasi para pengguna jika

memiliki kendala. MySQL juga menjadi DBMS yang sering dibundling dengan

web server sehingga proses instalasinya jadi lebih mudah.

2.12.1 Kelompok Pernyataan MySQL

Pernyataan sql dikelompokkan menjadi 5, yaitu :

1. DDL (Data Definition Language) Berfungsi untuk mendefinisikan

atributatribut database, table, dan lain-lain. Yang termasuk DDL antara lain:

Create, untuk membuat table atau index

Alter, untuk merubah struktur table

Drop, untuk mengahapus table atau index

2. DML (Data Manipulation Language) Berfungsi untuk memanipulasi data.

Yang termasuk DML adalah:

Select, untuk memilih data

Page 27: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

11

Insert, untuk menambah data

Delete, untuk menghapus data

Update, untuk mengubah data

3. DCL (Data Control Language)

Berfungsi untuk mengendalikan pengaksesan data. Yang termasuk DCL

adalah :

Grant, untuk memberikan kendali pengaksesan data.

Revoke, untuk mencabut kemampuan pengaksesan data

Lock Table, untuk mengunci table

4. Pengendali Transaksi

Berfungsi untuk mengendalikan pengeksekusian transaksi. Yang termasuk ini

adalah : ·

Commit, untuk menyetujui rangkaian perintah yang telah dijalankan

Rollback, untuk membatalkan transaksi

5. Pengendali Programatik

Mencakup pernyataan-pernyataan yang berhubungan dengan pemanfaatan SQL

dalam bahasa lain ( SQL yang dilekatkan ). Yang termasuk dalam kelompok

ini adalah :

OPEN untuk membuka kursor

CLOSE untuk menutup kursor

DECLARE untuk mendeklarasikan kursor

FETCH untuk mengambil nilai baris berikutnya

2.13 XAMPP

(H,Priyanto dan Jauhari K.K 2017), XAMPP ialah perangkat lunak bebas yang

mendukung banyak sistem operasi, merupakan campuran dari beberapa program.

Yang mempunyai fungsi sebagai server yang berdiri sendiri (localhost), yang

Page 28: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

12

terdiri dari program MySQL database, Apache HTTP Server, dan penerjemah

ditulis dalam bahasa pemrograman PHP dan Perl.

Nama XAMPP merupakan singkatan dari X (empat sistem operasi), Apache,

MySQL, PHP dan Perl. Program ini tersedia di bawah GNU (General Public

License) dan bebas, adalah mudah untuk menggunakan web server yang dapat

melayani tampilan halaman web yang dinamis.

2.14 Metode Pengembangan Sistem

2.14.1 Metode Prototype

(S,Rosa A. dan M.Shalahuddin 2016) Metode Prototype dimulai dari

mengumpulkan kebutuhan terhadap perangkat lunak yang akan dibuat .lalu

dibuatlah program prototype agar lebih terbayang dengan apa yang sebenarnya

diinginkan.Program Prototype biasanya merupakan program yang belum jadi.

program ini biasanya menyediakan tampilan dengan simulasi perangkat lunak

sehingga tampak seperti perangkat lunak yang sudah jadi. Program dievaluasi

oleh user, dapat dilihat pada gambar 2.2 berikut:

Gambar 2.2 Model Prototype

Tahap–tahap rekayasa software dalam prototype model pada gambar 2.2 di atas

adalah sebagai berikut:

1. Pengumpulan kebutuhan

Developer dan klien bertemu untuk menentukan tujuan umum, kebutuhan yang

diketahui dan gambaran bagian-bagian yang akan dibutuhkan berikutnya.

Page 29: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

13

Detail kebutuhan mungkin tidak dibicarakan disini, pada awal pengumpulan

kebutuhan. Selanjutnya peneliti akan melakukan analisis terhadap data apa saja

yang dibutuhkan, seperti analisis terhadap sistem yang berjalan, analisis

kebutuhan perangkat lunak, analisis kebutuhan perangkat keras.

2. Perancangan

Perancangan dilakukan dengan cepat dan rancangan mewakili semua aspek

software yang diketahui, dan rancangan ini menjadi dasar pembuatan

prototype. Dalam tahap ini peneliti akan membangun sebuah versi prototype

yang dirancang kembali dimana masalah-masalah tersebut diselesaikan

3. Evaluasi prototype

Pada tahap ini, calon pengguna mengevaluasi prototype yang dibuat dan

digunakan untuk memperjelas kebutuhan software. Software yang sudah

jadidijalankan dan akan dilakukan perbaikan apabila kurang memuaskan

Perbaikan termasuk dalam memperbaiki kesalahan/kerusakan yang tidak

ditemukan pada langkah sebelumnya.

a. Kelebihan Prototype Model adalah:

1) End user dapat berpartisipasi aktif.

Penentuan kebutuhan lebih mudah diwujudkan.

2) Mempersingkat waktu pengembangan software.

b. Kekurangan Prototype Model adalah:

1) Proses analisis dan perancangan terlalu singkat.

2) Mengesampingkan alternatif pemecahan masalah.

3) Biasanya kurang fleksibel dalam menghadapi perubahan.

4) Prototype yang dihasilkan tidak selamanya mudah dirubah.

5) Prototype terlalu cepat selesai.

2.15 UML (Unified Modelling Language)

(S, Rosa A. dan M.Shalahuddin 2016) UML (Unified Modelling Languange)

adalah salah satu standar bahasa yang banyak digunakan di dunia industri untuk

mendefinisikan requirement, membuat analisis & desain, serta menggambarkan

arsitektur dalam pemrograman berorientasi objek.

Page 30: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

14

2.15.1 Use Case Diagram

Use case diagram mendeskripsikan sebuah interaksi antara satu atau lebih actor

dan use case juga digunakan mengetahui fungsi apa saja yang terdapat didalam

sistem. Adapun simbol dari use case diagram terdapat pada tabel 2.1 berikut ini.

Tabel 2.1 Simbol Use Case Diagram

Nama

Komponen

Keterangan

Simbol

Use Case

Fungsionalitas yang disediakan

sistem sebagai unit-unit yang saling

bertukar pesan antar unit atau actor,

biasanya dinyatakan dengan

menggunakan kata kerja di awal

frase nama use case

Actor

Orang,proses atau sistem lain yang

berinteraksi.walaupun symbol dari

actor adalah gambar orang , tapi

actor belum tentu merupakan orang

biasanya dinyatakan menggunakan

kata benda di awal frase nama aktor

Association

Komunikasi antara actor dan use

case yang berpartisipasi pada use

case atau use case memiliki interaksi

dengan actor

Extend

Relasi use case tambahan ke sebuah

use case dimana use case yang

ditambahkan dapat berdiri sendiri

walaupun tanpa use case tambahan.

<<extend>>

Use case

Page 31: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

15

Generalization

Hubungan generalisasi dan

spesialisasi antara dua buah use case

dimana fungsi yang satu adalah

fungsi yang lebih umum dari lainnya.

Include

Use case yang ditambahkan akan

selalu dipanggil saat use case

tambahan dijalankan

<<extend>>

2.15.2 Activity Diagram

Activity diagram menggambarkan aliran kerja atau aktivitas dari sebuah sistem

atau proses bisnis atau menu yang ada pada perangkat lunak. Adapun symbol –

symbol dari activity diagram terdapat pada tabel 2.2 berikut ini:

Tabel 2.2 Simbol Activity Diagram

Simbol Keterangan

status awal aktivitas sistem,sebuah diagram

aktivitas memiliki sebuah status awal

Status akhir yang dilakukan sistem, sebuah

diagram aktivitas memiliki sebuah status akhir

Aktivitas yang dilakukan sistem, aktivitas

biasanya diawali dengan dengan kata kerja

Asosiasi percabangan dimana jika ada pilihan

Asosiasi penggabungan dimana lebih dari satu

aktivitas digabungkan menjadi satu

Memisahkan organisasi bisnis yang bertanggung

jawab terhadap aktivitas yang terjadi

Page 32: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

16

2.15.3 Sequence Diagram

Sequence diagram secara grafis menggambarkan bagaiman object berinteraksi

dengan satu sama lain memalui pesan pada eksekusi sebuah use case atau proses.

Adapun simbol–simbol dari sequence diagram terdapat pada tabel 2.3 berikut:

Tabel 2.3 Simbol Sequence Diagram

Nama

Komponen

Komponen Simbol

Lifeline Menyatakan kehidupan suatu

objek

Activation Menyatakan objek dalam

keadaan aktif dan

berinteraksi, semua yang

terhubung denngan waktu

aktif ini adalah sebuah

tahapan yang dilakukan

didalamnya

Object

Menyatakan objek yang

berinteraksi

Pesan tipe create

Menyatakan suatu objek

membuat objek yang lain

<< Create

>>

Page 33: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

17

2.14.4 Class Diagram

Class diagram menggambarkan struktur sistem dari segi pendefinisian kelas-kelas

yang akan dibuat untuk membangun sistem.kelas memiliki apa yang disebut

atribut dan metode atau operasi. Adapun simbol–simbol dari Class diagram

terdapat pada tabel 2.4 berikut:

Tabel 2.4 Simbol Class Diagram

Nama

Komponen

Komponen Simbol

Class

Kelas pada struktur system

Association

Relasi antar kelas dengan makna

umum,asosiasi biasanya juga

disertai multiplicity

Directed

Association

Relasi antar kelas dengan makna

kelas yang satu digunakan oleh

kelas yang lain,asosiasi biasanya

juga disertai dengan multiplicity

Page 34: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

BAB III

METODOLOGI PENELITIAN

3.1 Metode Pengumpulan Data

Tahapan ini adalah awal dari perancangan media pembelajaran. Di mana dengan

mengumpulkan semua data yang dibutuhkan. Tahap ini berkaitan dengan

penentuan kebutuhan pengguna dan perancang program. Peneliti akan

menerapkan beberapa metode pengumpulan data serta melaksanakan analisis

seperti analisis terhadap sistem yang berjalan, analisis kebutuhan perangkat lunak,

analisis kebutuhan perangkat keras, dan analisis kebutuhan materi pembelajaran.

Metode yang digunakan dalam pengumpulan data pada penelitian ini adalah

sebagai berikut:

3.1.1 Studi Lapangan (Field Research)

Studi lapangan merupakan metode pengumpulan data untuk memperoleh sumber

data dan informasi dengan melakukan pengamatan secara langsung. Studi

lapangan dilakukan pada BAAK IIB Darmajaya., Adapun metode pengumpulan

data pada saat studi lapangan sebagai berikut :

a. Wawancara

Metode wawancara dilakukan secara langsung dengan mengajukan beberapa

pertanyaan Tentang presensi di BAAK IIB Darmajaya.

b. Pengamatan Langsung

Penulis memperoleh data dengan melakukan pengamatan secara langsung

dengan mendatangi BAAK IIB Darmajaya.

3.1.2 Studi Pustaka

Studi pustaka merupakan metode pengumpulan data yang diperoleh dari hasil

olahan orang lain yang berupa dokumen, buku pustaka, jurnal, dengan membaca

berbagai bahan penulisan, mengenai permasalahan yang berhubungan dengan

penulisan dan khususnya penelitian yang berkaitan dalam sistem informasi

prasensi.

Page 35: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

19

3.1.3 Internet

Pengumpulan data melalui media internet dilakukan penulis untuk melengkapai

data-data yang dirasa perlu ditambahkan dalam media pembelajaran ini seperti

audio, video, teks, dan lain-lain.

3.2 Metode Pengembangan Sistem

Metodologi pengembangan sistem ini memodelkan sistem dengan menggunakan

metode prototype dengan beberapa tahapan sebagai berikut dan ditunjukkan pada

gambar 3.1

Gambar 3.1 Metode Pengembangan Sistem

3.2.1 Pengumpulan Kebutuhan

3.2.1.1 Metode Pengumpulan Data

Melakukan pengumpulan data dengan melakukan studi lapangan, studi pustaka

maupun internet serta melakukan pengamatan langsung di lokasi penelitian dalam

sistem presensi mahasiswa pada IIB Darmajaya

3.2.1.2 Analisis Sistem Berjalan

Menganalisis sistem yang akan dibuat, siapa yang menggunakan dan aktifitas apa

yang terjadi di dalam system. pada tahap ini peneliti mengumpulkan data untuk

memenuhi kebutuhan sistem destop yang akan di ubah ke sistem Web karena

kelemahannya dan keterbatasan SDM dalam melakukan penginputan presensi

mahasiswa serta kebutuhan untuk meninimalisir komplain atau terjadinya

kesalahan yang di lakukan oleh petugas administrasi BAAK IIB Darmajaya.

Page 36: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

20

3.2.1.4 Analisis Kebutuhan Hardware and Software

3.2.1.4.1 Perangkat Keras (Hardware)

Perangkat keras yang digunakan untuk pembuatan media pembelajaran dan untuk

menjalankan software sebagai berikut :

a) Harddisk 500 GB

b) RAM 6GB

c) Monitor standar

d) Keyboard standar

e) Mouse

3.2.4.2 Perangkat Lunak (Software)

Perangkat lunak yang digunakan dalam pembuatan media pembelajaran sebagai

berikut :

a) Sistem operasi Windows 7.

b) XAMPP version 3.1.0

c) Google Chrome Version 56.0.2924.8

3.2.2 Perancangan Sistem

Pada tahap perancangan ini peniliti menetapkan bagaimana perangkat

dioperasikan. hal ini berkaitan dan menentukan tampilan program yang akan

digunakan. Menentukan desain dan isi konten yang akan dimasukkan dalam

apikasi, menentukan target pengguna pada sistem presensi mahasiswa Pada IIB

Darmajaya. Sistem ini juga ditujukan kepada bagian BAAK(Biro Administrasi

Akademik dan Kemahasiswaan ) dan dosen yang ada di IIB Darmajaya.

Perancangan ini juga bertujuan untuk membuat spesifikasi secara rinci

mengenai arsitektur system.

Tahapan perancangan ini terdiri dari:

1) Use Case Diagram

2) Activity Diagram

3) Sequence Diagram

4) Class Diagram

Page 37: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

21

3.3 Rencana Pengujian

Rencana Pengujian Setiap Halaman menu dalam program akan diuji, dengan cara

memasukkan data pada kolom inputan yang ada. Kolom inputan akan diisi dengan

data-data yang berbeda, baik berbeda karakter maupun nilai, Input yang

dimasukkan adalah input yang mungkin masuk pada saat implementasi . Hasil

yang keluar akan dicocokan dengan hasil yang diharapkan.

3.4 Implementasi Sistem

Pada tahapan implementasi dibutuhkan beberapa komponen pendukung seperti

perangkat keras dan perangkat lunak. Perangkat keras berperan dalam

menciptakan lingkungan operasi dari sistem yang dibangun. Perangkat lunak

berperan dalam menyusun aplikasi tersebut.

Page 38: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

BAB IV

HASIL PENELITIAN DAN PEMBAHASAN

4.1 Analisis Yang Berjalan

Pada sub bab ini akan menjelaskan analisis berjalan mengenai proses presensi

mahasiswa dan ujian susulan pada IIB Darmajaya dengan tujuan dapat

mengidentifikasi masalah yang ada agar dapat diusulkan perbaikan .berikut

analisis yang berjalan padapresensi mahasiswa pada IIB Darmajaya:

4.1.1 Use Case Diagram Presensi

Gambar 4.1.1Use CaseDiagram Yang Berjalan (Presensi)

Gambar 4.1 Use Case Diagram Presensi

Page 39: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

23

4.1.1.1 Analisis Use Case Login

Nama Use Case : Login

Actor : Staff BAAK

Tujuan : Melakukan Login ke sistem desktop

Deskripsi :Staff BAAK melakukan login untuk dapat masuk ke menu

absensi mahasiswa dengan menggunakan sistem desktop

Staff BAAK SISTEM

1. Membuka sistem Desktop

2. Memasukkan Username dan

Password

3. Melakukan Validasi

4. Masuk ke menu peresensi

mahasiswa

5. Tampilan Menu Presensi

Mahasiswa

Tabel 4.1 Use Case Login

4.1.1.2Analisis Use Case Cetak Presensi Matakuliah

Nama Use Case : Cetak Presensi Matakuliah

Actor : Staff BAAK

Tujuan : Melakukan Cetak Presensi Matakuliah untuk melakukan

validasi Presensi Matakuliah

Deskripsi : Staff BAAK melakukan CetakPresensi Matakuliah untuk

dapat melakukan validasi Presensi Matakuliah absensi

mahasiswa dengan menggunakan sistem desktop.

Page 40: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

24

Staff BAAK SISTEM

1. Buka menu cetak presensi

matakuliah

2. Klik menu cetak

3. Mencetak presensi matakuliah

4. Hasil cetak presensi

Tabel 4.2 Use Case Cetak Presensi Matakuliah

4.1.1.3 Analisis Use Case Validasi Presensi

Nama Use Case : Validasi Presensi

Actor : Dosen & Mahasiswa

Tujuan : Melakukan validasi Presensi Matakuliah

Deskripsi : Dosen atau mahasiwa melakukan validasi Presensi

Matakuliah ke presensi yang telah di cetak.

Tabel 4.3 Use Case Validasi Presensi

4.1.1.4 Analisis Use Case Penyerahan Presensi

Nama Use Case : Penyerahan Presensi

Actor : Dosen &Staff BAAK

Tujuan :Melakukan Penyerahan validasi Presensi Matakuliah

Deskripsi : Dosen melakukan penyerahan validasi Presensi

Matakuliah ke Staff BAAK.

Dosen & Mahasiswa

1. Membuka presensi

2. Dosen melakukan validasi dengan cara memaggil nama-nama

mahasiswa atau mahasiswa melakukan paref langgsung di

presensi matakuliah

Page 41: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

25

Dosen & Mahasiswa

1. Dosen menyerahkan presensi mahasiswa yang telah di

validasi ke Staff BAAK

2. Staff BAAK menerima presensi yang telah di validasi

Tabel 4.4 Use Case Penyerahan Presensi

4.1.1.5 Analisis Use Case Input Presensi

Nama Use Case : Input Presensi

Actor : Staff BAAK

Tujuan :Melakukan Penginputan Presensi dari kertas presensi ke

sistem desktop

Deskripsi : Staff BAAK melakukan penginputan presensi setiap kelas

atau matakuliah mahaasiswa IIB Darmajaya

Staff BAAK SISTEM

1. Melakukan proses pengInput

presensi mahasiswa

2. Simpan input presensi

Mahasiswa

3. Menyimpan penginputan

presensi mahasiswa

Tabel 4.5 Use Case Input Presensi Mahasiswa

4.1.1.6 Analisis Use Case Cetak Laporan Presensi

Nama Use Case : Cetak Laporan Presensi

Actor : Staff BAAK

Tujuan : Cetak Laporan Presensi sebagai laporan jika di perlukan

Deskripsi : Staff BAAK mencetak presensi guna sebagai laporan

Page 42: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

26

Staff BAAK SISTEM

3. Buka menu cetak presensi

mahasiswa

4. Klik menu cetak

5. Mencetak presensi mahasiswa

6. Hasil cetak presensi

Tabel 4.6 Use Case Cetak Laporan Presensi

4.1.1.7Analisis Use Case Logout

Nama Use Case : Logout

Actor : Staff BAAK

Tujuan :Melakukan Logout untuk keluar dari menu desktop

Deskripsi : Staff BAAK melakukan logout untuk dapat keluar dari

menu presensi mahasiswa IIB darmajaya dengan

menggunakan desktop.

Staff BAAK SISTEM

1. Buka menu Logout

2. Klik menu Logout

3. Sistem desktop keluar

Tabel 4.7 Use Case Logout

Page 43: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

27

4.1.2 Use Case Diagram Ujian Susulan

Gambar 4..2 Use Case Diagram Yang Berjalan (Ujian Susulan)

4.1.2.1 Analisis Use Case Mengisi form ujian susulan & melengkapkan

persyaratan

Nama Use Case : Mengisi form ujian susulan & melengkapkan persyaratan

Actor : Mahasiswa

Tujuan : Melakukan pengisian form ujian susulan & melengkapkan

persyaratan yang di berikan oleh bagian PLPP

Deskripsi : Mahasiswa melakukan pengisian form ujian susulan &

melengkapkan persyaratanagar mendapatkan jadwal ujian

susulan.

Page 44: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

28

Mahasiswa

1. Meminta form ujian susulan kepada staff BAAK

2. Mengisi form ujian susulan

3. Melampirkan persyaratan yang di cantumkan di form ujian susulan

Tabel 4.8 Use Case Mengisi form ujian susulan &

melengkapkan persyaratan

4.1.2.2 Analisis Use Case KA.BIRO BAAK Validasi tanda tangan

Nama Use Case : KA.BIRO BAAK Validasi tanda tangan

Actor : Mahasiswa , Staff BAAK

Tujuan : Melakukan validasi tanda tangan

Deskripsi : KA.BIRO BAAK melakukan validasi tanda tangan Bukti

bahwa mengetahuin mahasiswa yang melakukan ujian

susulan.

Mahasiswa Staff BAAK

1. Menyerahkan form ujian susulan

bererta lampirannya

2. KA.BIRO BAAK melakukan

validasi tanda tangan

3. Staff BAAK menyerahkan

kembali kepada mahasiswa

4. Berkas di terimah kembali

Tabel 4.9 Use Case KA.BIRO BAAK Validasi tanda tangan.

4.1.2.3 Analisis Use Case Menyerahkan Berkas

Nama Use Case : Menyerahkan Berkas

Actor : Mahasiswa& Staff PLPP

Tujuan : Melakukan penyerahan berkas kepada staff PLPP

Page 45: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

29

Deskripsi : Mahasiswa melakukan penyerahan berkas ujian susulan

kepada staff PLPP

Mahasiswa Staff PLPP

1. Menyerahkan berkas yg telah di

validasi ke pada staff BAAK

2. Menerima berkas

Tabel 4.10 Use Case Menyerahkan Berkas

4.1.2.4 Analisis Use Case Validasi Berkas

Nama Use Case : Validasi Berkas

Actor : Mahasiswa & Staff BAAK

Tujuan : Melakukan Validasi Berkas oleh staff BAAK

Deskripsi : Staff BAAK melakukan Validasi Berkas agar mahasiswa

yang behalangan hadir dapat melakukan ujian susulan.

Mahasiswa Staff BAAK

1. Staff BAAK melakukan validasi

berkas

2. Staff BAAK menempelkan

Mahasiswa yang di izinkan

melakukan ujian susukan.

3. Mahasiswa menerima

informasi

Tabel 4.11 Use Case validasi Berkas.

Page 46: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

30

4.1.2.5 Analisis Use Case Jadwal Ujian Susulan

Nama Use Case : Jadwal Ujian Susulan

Actor : Mahasiswa

Tujuan : Pengumuman jadwal ujian susulan

Deskripsi :Staff PLPP mengumumkan jadwal ujian susulan yang

telah di validasi

Mahasiswa Staff PLPP

1. Staff PLPP

mengumumkan jadwal

ujian susulan

2. Mahasiswa menerima

informasi dan melakukan

ujian susulan sesuai dengan

jadwal yang di berikan

Tabel 4.12 Use Case Jadwal Ujian Susulan

4.1.3 Activity Diagram Presensi

4.1.3.1 Activity Diagram Login

Gambar 4.3 Activity Diagram Login

Page 47: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

31

4.1.3.2 Activity Diagram Cetak Presensi Matakuliah

Gambar 4.4 Activity Diagram Cetak Presensi Matakuliah

4.1.3.3 Activity Diagram Input Presensi Mahasiswa

Gambar 4.5 Activity Diagram Input Presensi Mahasiswa

Page 48: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

32

4.1.3.4 Activity Diagram Cetak Laporan Presensi Mahasiswa

Gambar 4.6 Activity Diagram Cetak Laporan Presensi Mahasiswa

4.1.3.5 Activity Diagram Logout

Gambar 4.7 Activity Diagram Logout

Page 49: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

33

4.1.4 Sequence Diagram

4.1.4.1 Sequence Diagram Login

Gambar 4.8 Sequence Diagram Login

4.1.4.2 Sequence Diagram Cetak Presensi Maahasiswa

Gambar 4.9 Sequence Diagram Cetak Presensi Maahasiswa

Page 50: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

34

4.1.4.3 Sequence Diagram Input Presensi Mahasiswa

Gambar 4.10 Sequence Diagram Input Presensi Mahasiswa

4.1.4.4 Sequence Diagram Cetak Laporan Presensi Maahasiswa

Gambar 4.11 Sequence Diagram Cetak Laporan Presensi Maahasiswa

4.1.4.5 Sequence Diagram Logout

Page 51: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

35

Gambar 4.12.5Sequence Diagram Logout

4.2 Analisis Yang Diusulkan

Pada sub bab ini akan menjelaskan analisis yang diusulkan mengenai proses

presensi dan pendaftaran ujian susulan mahasiswa pada IIB Darmajaya .berikut

analisis yang diusulkan pada presensi dan pendaftaran ujian susulan mahasiswa

IIB Darmajaya:

4.2.1 Use Case Diagram Presensi

Gambar 4.13 Use Case Diagram Yang di Usulkan (Presensi)

Page 52: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

36

4.2.1.1 Analisis Use Case Pembayaran BPP

Nama Use Case : Pembayaran BPP

Actor : Mahasiswa dan Bank

Tujuan : Melakukan pembayaran BPP ke bank

Deskripsi : Mahasiswa melakukan pembayaran administrasi BPP agar

Bisa melakukan penyusunan krs.

Mahasiswa Bank

1. Melakuakan pembayaran BPP

2. Menerima pembayaran BPP

Tabel 4.13 Use Case pembayaran BPP

4.2.1.2 Analisis Use Case Login

Nama Use Case : Login

Actor : Staff BAAK, Dosen , Dosen Pengawas dan Mahasiswa

Tujuan : Melakukan login ke sistem Web

Deskripsi : Staff BAAK, Dosen , Dosen Pengawas dan Mahasiswa

Melakukan login untuk dapat masuk ke menu presensi

mahasiswa IIB Darmajaya

Page 53: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

37

Staff BAAK , Dosen Pengawas dan

Mahasiswa

SISTEM

3. Membuka Sistem Web

4. Memasukkan Username dan

Password

5. Melakukan Validasi

6. Menampilkan menu awal sistem

Tabel 4.14 Use Case Login

4.2.1.3 Analisis Use Case Presensi Harian

Nama Use Case : Presensi Harian

Actor : Dosen

Tujuan : Melakukan penginputan presensi harian mahasiswa

Deskripsi :Dosen melakukan penginputan presensi harian mahasiswa

perkelas IIB Darmajaya dengan menggunakan sistem web.

Staff BAAK , Dosen SISTEM

1. Menampilkan menu awal

2. Klik menu presensi harian

3. Dosen melakukan penginputan

presensi mahasiswa

4. Klik simpan

5. Presensi mahasiswa tersimpan

Tabel 4.15 Use Case Presensi Harian

Page 54: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

38

4.2.1.4 Analisis Use Case Pembayaran BPP

Nama Use Case : Pembayaran BPP

Actor : Mahasiswa dan Bank

Tujuan : Melakukan pembayaran BPP ke bank

Deskripsi : Mahasiswa melakukan pembayaran administrasi BPP agar

Bisa melakukan penyusunan krs.

Mahasiswa Bank

1. Melakuakan pembayaran BPP

2. Menerima pembayaran BPP

Tabel 4.16 Use Case pembayaran BPP

4.2.1.5 Analisis Use Case Presensi Ujian

Nama Use Case : Presensi Ujian

Actor : Dosen Pengawas

Tujuan : Melakukan penginputan presensi ujian mahasiswa

Deskripsi :Dosen melakukan penginputan presensi ujian mahasiswa

perkelas IIB Darmajaya dengan menggunakan sistem web.

Dosen Pengawas SISTEM

1. Menampilkan menu awal

2. Klik menu presensi ujian

3. penginputan presensi ujian

4. Klik simpan presensi ujian

5. Presensi Ujian tersimpan

Tabel 4.17 Use Case Presensi Ujian

Page 55: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

39

4.2.1.6 Analisis Use Case KRS

Nama Use Case : KRS

Actor : Mahasiwa

Tujuan : Mahasiswa dapat mengecek kehadiran ujian

Deskripsi :Mahasiswa dapat melakukan pengecekan serta dapat

memprint out untuk melihat KRS yang sudah tervalidasi

kehadiran UTS/UASnya.

Mahasiswa SISTEM

1. Menampilkan menu awal

2. Klik menu KRS

3. Menampilkan KRS

Tabel 4.18 Use Case KRS

4.2.1.7Analisis Use Case Cetak Presensi

Use Case : Cetak presensi

Actor : Staff BAAK, Mahasiswa

Tujuan : Cetak presensi mahasiswa guna sebagai laporan

Deskripsi :-Staff BAAK mencetak rekapitulasi presensi mahasiswa

guna sebagai laporan

-Mahasiswamencetak presensi mahasiswa guna sebagai

dokumentasi atau bukti kehadiran mahasiswa

Page 56: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

40

Staff BAAK dan Mahasiswa SISTEM

1. Menampilkan Menu awal

2. Klik menu cetak presensi

3. Presensi tercetak

Tabel 4.19 Use Case Cetak Presensi

4.2.1.8 Analisis Use Case Logout

Nama Use Case : Logout

Actor : Staff BAAK, Dosen , Dosen Pengawas dan Mahasiswa

Tujuan : Melakukan logout untuk keluar dari sistem web presensi

Deskripsi : Staff BAAK, Dosen, Dosen Pengawas dan Mahasiswa

Melakukan logout untuk dapat keluar dari sistem prasensi

mahasiswa IIB Darmajaya dengan menggunakan sistem

web.

Staff BAAK, Dosen , Dosen

Pengawas dan Mahasiswa

SISTEM

1. Menampilkan menu awal

2. Buka menu Logout

3. Klik menu Logout

4. Sistem web keluar

Tabel 4.20 Use Case Logout

Page 57: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

41

4.2.2 Use Case Diagram Ujian Susulan

Gambar 4.14 Use Case Diagram Yang di Usulkan (pendaftaran ujian

susulan)

4.2.2.1 Analisis Use Case Login

Nama Use Case : Login

Actor : Staff BAAK, Dosen Pengawas dan Mahasiswa

Tujuan : Melakukan login ke sistem Web

Deskripsi : Staff BAAK, Dosen , Dosen Pengawas dan Mahasiswa

Melakukan login untuk dapat masuk ke menu presensidan

pendaftaran ujian susulan mahasiswa IIB Darmajaya

Page 58: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

42

Staff BAAK , Dosen Pengawas dan

Mahasiswa

SISTEM

1. Membuka Sistem Web

2. Memasukkan Username dan

Password

3. Melakukan Validasi

4. Menampilkan menu awal sistem

5. Masuk ke Menu awal Presensi dan

jadwal ujian susulan Mahasiswa

Tabel 4.21 Use Case Login

4.2.2.2 Analisis Use Case Pendaftaran Ujian Susulan

Nama Use Case : Pendaftaran Ujian Susulan

Actor :Mahasiswa,

Tujuan : Melakukan pendaftaran ujian susulan ke sistem Web

Deskripsi :Mahasiswa melengkapi persyaratan ujian susulan lalu

meguploadnya ke sistem web.

Mahasiswa SISTEM

1. Menampilkan menu awal

2. Klik menu pendaftaran ujian

susulan

3. Masuk ke menu pendaftaran

ujian susulan

4. Mahasiswa megupload

persyaratan ujian susulan

5. Menvalidasi persyaratan ujian

susulan

Tabel 4.22 Use Case Pendaftaran Ujian Susulan

Page 59: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

43

4.2.2.3Analisis Use CaseValidasi Syarat Ujian Susulan

Nama Use Case : Validasi Syarat Ujian Susulan

Actor : Mahasiswa & Staff BAAK

Tujuan : Melakukan Validasi ujian susulan oleh staff BAAK

Deskripsi : staff BAAK melakukan Validasi ujian susulan agar

mahasiswa yang berhalangan hadir melakukan ujian reguler

bisa melakukan ujian susulan.

Mahasiswa Sistem

1. Staff BAAK membuka menu

daftar mahasiswa yang telah

mengirim berkas ujian susulan

mahasiswa

2. Mengecek berkas pendaftaran

3. Melakukan validasi di terima atau

tidaknya berkas pendaftaran ujian

sususlan yang di ajukan

4. Mengumumkan di terima atau

tidaknya mahasiswa yang

melakukan ujian susulan

5. Mahasiswa mengecek di

terima atau tidaknya ujian

susulan yang mereka ajukan

Tabel 4.23 Use Case validasi Berkas

4.2.2.4 Analisis Use CaseJadwal Ujian Susulan

Nama Use Case : JadwalPendaftaran Ujian Susulan

Actor : Mahasiswa, Staff BAAK

Tujuan : Melakukan penjadwalan ujian susulan ke sistem Web

Deskripsi :Staff BAAKmenginput jadwal ujian susulan mahasiwa yang

mendaftar ujian susulan ke sistem web.

Page 60: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

44

Mahasiswa SISTEM

1. Menerima informasi di terima

melakukan ujian susukan

2. Staff BAAK Menginput jadwal

ujian susulan

3. Menginformasikan jadwal ujian

susulan

Mengecek jadwal ujian susulan

Tabel 4.24 Use Case jadwal Ujian Susulan

4.2.2.5 Analisis Use CasePresensi Ujian Susulan

Nama Use Case : Presensi ujian susulan

Actor : Staff BAAK, Dosen Pengawas

Tujuan : Dosen pengawas melakukan penginputan presensi ujian

susulan dan Staff BAAK dapat mengecek presensiujian

susulan mahasiswa.

Deskripsi :Dosen pengawas melakukan penginputan presensiujian

susulan mahasiswa.

Dosen Pengawas SISTEM

1. Menampilkan menu awal

2. Klik menu presensi ujian

susulan

3. penginputan presensi ujian

susulan

4. Klik simpan presensi ujian

susulan

5. Presensi Ujian tersimpan

Tabel 4.25 Use Case Presensi Ujian susulan

Page 61: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

45

4.2.2.6Analisis Use CaseCetak Laporan Presensi Ujian Susulan

Nama Use Case : Cetak presensi Ujian Susulan

Actor : Staff BAAK, Mahasiswa

Tujuan :Cetak presensi ujian susulan mahasiswa untuk laporan

presensi mahasiswa

Deskripsi : - Staff BAAK Mencetak rekapitulasi presensi mahasiswa

guna sebagai laporan

-Mahasiswa mencetak presensi mahasiswa guna sebagai

dokumentasi atau bukti kehadiran ujian susulan mahasiswa

Staff BAAK SISTEM

1. Menampilkan Menu awal

2. Klik menu cetak presensi ujian

susulan

3. Mencetak presensi ujian susulan

mahasiswa

4. Hasil cetak presensi ujian

susulan

Tabel 4.26 Use Case Cetak Presensi Ujian Susulan

4.2.2.7 Analisis Use Case Logout

Nama Use Case : Logout

Actor : Staff BAAK, Dosen Pengawas dan Mahasiswa

Tujuan : Melakukan logout untuk keluar dari sistem web presensi

Deskripsi : Staff BAAK, Dosen Pengawas dan Mahasiswa Melakukan

logout untuk dapat keluar dari sistem prasensi dan ujian

sususlan mahasiswa IIB Darmajaya dengan menggunakan

sistem web.

Page 62: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

46

Staff BAAK SISTEM

1. Menampilkan menu awal

2. Buka menu Logout

3. Klik menu Logout

4. Sistem web keluar

Tabel 4.24 Use Case Logout

4.2.3 Activity DiagramPresensi

4.2.3.1 Activity Diagram Login

Gambar 4.15 Activity Diagram Login

Page 63: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

47

4.2.3.2 Activity Diagram Presensi Harian

Gambar 4.16 Activity Presensi Harian

4.2.3.3 Activity Diagram Presensi Ujian

Gambar 4.17 Activity Diagram Presensi Ujian Susulan

Page 64: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

48

4.2.3.4Activity Diagram KRS

Gambar 4.18 Activity Diagram KRS

4.2.3.5 Activity Diagram Cetak Laporan Presensi

Gambar 4.19 Activity Diagram Cetak Presensi

Page 65: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

49

4.2.3.6Activity Diagram Logout

Gambar 4.20 Activity Diagram Logout

4.2.4 Activity Diagram Ujian Susulan

4.2.4.1 Activity DiagramLogin

Gambar 4.21 Activity Diagram Login

Page 66: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

50

4.2.4.2 Activity Diagram Pendaftaran Ujian susulan

Gambar 4.22 Activity Pendaftaran Ujian Susulan

4.2.4.3 Activity Diagram Validasi Syarat Ujian Susulan

Gambar 4.23Activity Diagram Validasi Syarat Ujian Susulan

Page 67: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

51

4.2.4.4 Activity Diagram Jadwal Ujian Susulan

Gambar 4.24 Activity Diagram Jadwal Ujian Susulan

4.2.4.5 Activity Diagram Presensi Ujian Susulan

Gambar 4.25Activity Diagram Presensi Ujian Susulan

Page 68: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

52

4.2.4.6 Activity Diagram Cetak Laporan Ujian Susulan

Gambar 4.26 Activity Diagram Cetak Presensi

4.2.4.7 Activity Diagram Logout

Gambar 4.27Activity Diagram Logout

Page 69: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

53

4.2.5 Sequence Diagram Presensi

4.2.5.1 Sequence Diagram Login

Gambar 4.28 Sequence Diagram Logout

4.2.5.2 Sequence Diagram Presensi Harian

Gambar 4.29 Sequence Diagram Presensi Harian

Page 70: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

54

4.2.5.3 Sequence Diagram Presensi Ujian

Gambar 4.30 Sequence Diagram Presensi Ujian

4.2.5.4 Sequence Diagram KRS

Gambar 4.31Sequence Diagram KRS

Page 71: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

55

4.2.5.5 Sequence Diagram Cetak Laporan Presensi

Gambar 4..32 Sequence Diagram Cetak Laporan Presensi

4.2.5.6 Sequence Diagram Logout

Gambar 4.33 Sequence Diagram Logout

Page 72: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

56

4.2.6 Sequence Diagram Ujian Susulan

4.2.6.1 Sequence Diagram Login

Gambar 4.34 Sequence Diagram Login

4.2.6.2 Sequence Diagram Pendaftaran Ujian Susulan

Gambar 4.35 Sequence Diagram Pendaftaran Ujian Susulan

Page 73: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

57

4.2.6.3 Sequence Diagram Validasi Persyaratan Ujian Susulan

Gambar 4.36 Sequence Diagram Validasi Persyaratan Ujian Susulan

4.2.6.4 Sequence Diagram Jadwal Ujian Susulan

Gambar 4.37 Sequence Diagram Jadwal Ujian Susulan

Page 74: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

58

4.2.6.5 Sequence Diagram Presensi Ujian Susulan

Gambar 4.38 Sequence Diagram Presensi Ujian Susulan

4.2.6.6 Sequence Diagram Cetak Laporan Ujian Susulan

Gambar 4.39 Sequence Diagram Cetak Presensi Susulan

Page 75: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

59

4.2.6.7 Sequence Diagram Logout

Gambar 4.40 Sequence Diagram Logout

Page 76: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

60

4.2.7 Class Diagram

4.2.7.1 Class Diagram Presensi dan Pendaftaran Ujian Susulan

Mahasiswa

-NPM

-Nama

-Kode_jurusan

-Alamat-Telp

+ Read

Dosen

-NIK

-Nama

-Kode_jurusan

-Jabatan-Alamat

+ Read

-Telp

Pegawai

-NIP

-Nama-Jabatan-Alamat

+ Read

-Telp

Login

-Id_login

-Username-Password-Level

+ Validasi Login

Jurusan

-Kode_jurusan

-Nama_jurusan

+ Read

MataKuliah

-Kode_MK

-Nama_MK-SKS-Jenis

+ Read

Ruangan

-Kode_ruang

-Nama_ruang-Kapasitas-Jenis

+ Read

Jam

-Kode_jam

-Jam_kuliah

+ Read

Hari

-Kode_hari

-Hari

+ Read

Kelas

-Kode_kelas

-Nama_kelas

+ Read

-Kapasitas-Jenis

Detail_Jadwal

-Kode_detail_jdwl

+ Read

Jadwal

-Kode_Jadwal

+ Read

-Kode_kelas

-NIK-Kode_MK

-Kode_ruang-Kode_jam-Kode_hari

-Kode_Jadwal

Presensi

-Kode_presensi-Id_login

-Id_login-Id_login

-Pertemuan

-Semester

Detail_presensi

-Kode_detail_pre

+ Read + Input + Update

-Kode_presensi-NPM

-Kehadiran

-Jumlah_mahasiswa-Jenis_kuliah

-Jumlah_mahasiswa

-Kode_detail_jdwl

+ Read + Input + Update

Pendaftaran_susulan

-Kode_pendaftaran

+ Read + Input + Update

-NPM

-Semester

Detail_pendaftaran

-Kode_pendaftaran

+ Read + Input + Update

-Kode_detail_dftr

-memberName

-Status

-Tgl_ujian-File

-Kode_detail_jdwl

Gambar 4.41 Class Diagram Presensi dan Pendaftaran Ujian Susulan

Page 77: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

61

4.2.8 Rancangan Sistem Yang Di Usulkan

4.2.8.1 Tampilan Profil Admin

LOGO Icon Sidebar User

User Profile

PhotoTanda

Tangan

Ujian Susulan - Validasi Peserta - List Validasi - Jadwal Ujian Susulan

Cetak - Presensi Harian - Presensi Ujian - Presensi Ujian Susulan

Presensi

BAAK SYSTEM

NIK :

Nama :

Jabatan :

Change

Footer

PROFIL

Kontak :

Alamat :Change

Gambar 4.42 Tampilan Profil Admin

4.2.8.2 Tampilan Profil Dosen

LOGO Icon Sidebar User

User Profile

Presensi

PhotoTanda

Tangan

BAAK SYSTEM

NIK :

Nama :

Jurusan :

Jabatan :

Change

Footer

PROFIL

Kontak :

Alamat :Change

Gambar 4.43 Tampilan Profil Dosen

Page 78: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

62

4.2.8.3 Tampilan Profil Mahasiswa

LOGO Icon Sidebar User

User Profile

Presensi

Ujian Susulan - Daftar - List Validasi - Jadwal Ujian Susulan

Cetak - Presensi Harian - Presensi Ujian - Presensi Ujian Susulan

Photo

BAAK SYSTEM

NPM :

Nama :

Jurusan :

Semester :

Change

Footer

PROFIL

Gambar 4.44 Tampilan Profil Mahasiswa

4.2.8.4 Tampilan Presensi Admin

LOGO Icon Sidebar User

User Profile

Ujian Susulan - Validasi Peserta - List Validasi - Jadwal Ujian Susulan

Cetak - Presensi Harian - Presensi Ujian - Presensi Ujian Susulan

Presensi

BAAK SYSTEM

Footer

PRESENSI

Generate

Mata Kuliah :

Kelas :

Ruangan :

Refresh

Dosen :

Gambar 4.45 Tampilan Presensi Admin

Page 79: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

63

4.2.8.5 Tampilan Presensi Dosen

LOGO Icon Sidebar User

User Profile

Presensi

BAAK SYSTEM

Footer

Generate

Mata Kuliah :

Kelas :

Ruangan :

Refresh Submit

Gambar 4.46 Tampilan Presensi Dosen

Page 80: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

64

4.2.8.6 Tampilan Presensi Dosen Pengawas

LOGO Icon Sidebar User

User Profile

Presensi

BAAK SYSTEM

Footer

Generate

Mata Kuliah :

Kelas :

Ruangan Ujian :

Refresh Submit

Dosen :

Semester :

Tahun Akademik :

Tanggal Ujian :

Type Ujian :

Gambar 4.47 Tampilan Presensi Dosen Pengawas

Page 81: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

65

4.2.8.7 Tampilan Presensi Mahasiswa

LOGO Icon Sidebar User

User Profile

Presensi

Ujian Susulan - Daftar - List Validasi - Jadwal Ujian Susulan

Cetak - Presensi Harian - Presensi Ujian - Presensi Ujian Susulan

Photo

BAAK SYSTEM

NPM :

Nama :

Jurusan :

Semester :

Footer

Absensi

Gambar 4.48 Tampilan Presensi Mahasiswa

4.2.8.8 Tampilan Pendaftaran Ujian Susulan

LOGO Icon Sidebar User

User Profile

Presensi

Ujian Susulan - Daftar - List Validasi - Jadwal Ujian Susulan

Cetak - Presensi Harian - Presensi Ujian - Presensi Ujian Susulan

Photo

BAAK SYSTEM

NPM :

Nama :

Jurusan :

Semester :

Footer

Upload KRS

Submit

Mata Kuliah:

Kelas :

Jenis Ujian :

Dosen :

Tanggal ujian normal :

Keterangan :

FIle : Upload

Delete

Delete

Delete

Delete

Delete

Delete

Delete

Delete

Daftar Ujian Susulan

Gambar 4.49 Tampilan Pendaftaran Ujian Susulan

Page 82: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

66

4.2.8.9 TampilanValidasi Ujian Susulan

LOGO Icon Sidebar User

User Profile

Ujian Susulan - Validasi Peserta - List Validasi - Jadwal Ujian Susulan

Cetak - Presensi Harian - Presensi Ujian - Presensi Ujian Susulan

Presensi

BAAK SYSTEM

Footer

Validasi Ujian Susulan

Open

Open

Open

Open

Open

Open

Open

Open

Open

Open

Gambar 4.50 Tampilan Validasi Ujian Susulan

4.2.8.10 Tampilan Detail Validasi Ujian Susulan

LOGO Icon Sidebar User

User Profile

Ujian Susulan - Validasi Peserta - List Validasi - Jadwal Ujian Susulan

Cetak - Presensi Harian - Presensi Ujian - Presensi Ujian Susulan

Presensi

Photo

BAAK SYSTEM

Footer

Detail Validasi Ujian Susulan

NPM :

Nama :

Jurusan :

Semester :

Lihat KRS

Open

Open

Open

Open

Open

Open

Open

Open

Valid Invalid

Valid Invalid

Valid Invalid

Valid Invalid

Valid Invalid

Valid Invalid

Valid Invalid

Valid Invalid

Gambar 4.51 Tampilan Detail Validasi Ujian Susulan

Page 83: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

67

4.2.8.11 Tampilan Jadwal Ujian Susulan

LOGO Icon Sidebar User

User Profile

Ujian Susulan - Validasi Peserta - List Validasi - Penjadwalan Ujian Sl. - Jadwal Ujian Susulan

Cetak - Presensi Harian - Presensi Ujian - Presensi Ujian Susulan

Presensi

BAAK SYSTEM

Footer

Penjadwalan Ujian Susulan

Hari :

Tanggal :

Jam :

Tipe Ujian :

Ruang :

Jumlah Peserta :

Generate

Generate

Generate

Generate

Generate

Generate

Generate

Generate

Generate

Generate

Generate

Generate

Generate

Generate

Submit

Gambar 4.52 TampilanJadwal Ujian Susulan

4.2.8.12 Tampilan Presensi Ujian Susulan

LOGO Icon Sidebar User

User Profile

Presensi

BAAK SYSTEM

Footer

Generate Refresh Submit

Hari :

Tanggal :

Jam :

Tipe Ujian :

Ruang :

Jumlah Peserta :

PRESENSI UJIAN SUSULAN

Gambar 4.53 Tampilan Presensi Ujian Susulan

Page 84: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

68

4.2.9 Kamus Data

Berikut adalah Kamus data yang merupakan perancangan database untuk

mendukung dalam perancangan presensi mahasiswa dan pendaftaran ujian

susulan.

4.2.9.1 Login

Nama Database : presensi

Nama tabel : tbl_login

Primary key : id login

Forign key : -

Tabel 4.27 tbl_login

Field Name Type Size Keterangan

id_login Varchar 10 Idlogin user

Username Varchar 12 Username

Email Varchar 30 email user

Password Varchar 50 Password user

Level Varchar 10 Level user

4.2.9.2 Pegawai

Nama Database : Presensi

Nama tabel : Pegawai

Primary key : nik

Forign key :id_login

Tabel 4.28 Pegawai

Field Type Size Keterangan

Nik Varchar

10 Nomor induk

karyawan

id_login varchar 10 Idlogin user

Nama varchar 50 Nama pegawai

Jabatan char 1 Jabatan pegawai

Alamat text Alamat pegawai

Page 85: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

69

Telp varchar 13 Telp pegawai

4.2.9.3 Dosen

Nama Database : Presensi

Nama tabel : Dosen

Primary key : NIK

Forign key :id login, kode_jurusan

Tabel 4.29 Dosen

Field Type Size Keterangan

NIK varchar 10 NIK dosen

id_login varchar 10 Idlogin dosen

nama_dosen varchar 30 Namadosen

Jabatan varchar 20 Jabatan dosen

kode_jurusan varchar 2 Kodejurusan

jenis_kelamin varchar

10 Jeniskelamin

dosen

Alamat text Alamat dosen

no_telp varchar 12 Notelp dosen

Foto text Foto dosen

4.2.9.4 Mahasiswa

Nama Database : Presensi

Nama tabel : Mahasiswa

Primary key : Npm

Forign key :id login , kode_jurusan

Tabel 4.28 Mahasiswa

Field Type Size Keterangan

Npm varchar

10 Nomor pokok

mahasiswa

id_login varchar 10 Idlogin mahasiswa

Nama varchar 45 Nama mahasiswa

kode_jurusan varchar 2 Kodejurusan mahasiswa

Page 86: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

70

no_ktp varchar 16 NoKTP mahasiswa

tempat_lahir varchar 30 Tempatlahir mahasiswa

Agama varchar 18 Agama mahasiswa

jenis_kelamin varchar 10 Jeniskelamin mahasiswa

Alamat text Alamat mahasiswa

no_telp varchar 12 Notelp mahasiswa

Foto text Foto mahahsiswa

4.2.9.5 Jurusan

Nama Database : Presensi

Nama tabel : jurusan

Primary key : kode_jurusan

Forign key : -

Tabel 4.29 jurusan

Field Type Size Keterangan

kode_jurusan Varchar 3 Kode jurusan

nama_jurusan Varchar 25 Namajurusan

4.2.9.6 Matakuliah

Nama Database : Presensi

Nama tabel : matakuliah

Primary key : kode_mk

Forign key : -

Tabel 4.30 matakuliah

Field Type Size Keterangan

kode_mk Varchar 10 Kodemk mahasiwa

nama_mk Varchar

30 Namamk

mahasiswa

Sks Int 11 Sks mahasiswa

sks_teori Int 11 Sksteori

sks_praktek Int 11 Skspraktek

Tipe Varchar 8 Tipe matakuliah

Page 87: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

71

Konsentrasi Varchar 15 Konsentrasi

4.2.9.7 Hari

Nama Database : Presensi

Nama tabel : hari

Primary key : kode_hari

Forign key : -

Tabel 4.30 hari

Field Type Size Keterangan

kode_hari varchar 1 Kodehari kuliah

Hari varchar 7 Hari kuliah

4.2.9.8 Jam

Nama Database : Presensi

Nama tabel : jam

Primary key : kode_jam

Forign key : -

Tabel 4.31 jam

Field Type Size Keterangan

kode_jam varchar 1 Kode jam kuliah

Jam char

5 Jam kuliah

mahasiwa

4.2.9.9 Ruangan

Nama Database : Presensi

Nama tabel : ruangan

Primary key : kode_ruangan

Forign key : -

Page 88: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

72

Tabel 4.32 ruangan

Field Type Size Keterangan

kode_ruangan Varchar 5 Koderuangan kuliah

Gedung Varchar 1 Gedung

Lantai Varchar 1 Lantai

Ruang Varchar 1 Ruangan kuliah

4.2.9.10 Kelas

Nama Database : Presensi

Nama tabel : kelas

Primary key : kd_kelas

Forign key : -

Tabel 4.33 kelas

Field Type Size Keterangan

kd_kls Varchar 8 Kode kelas

nama_kls Varchar 10 Nama kelas

Kapasitas Int

11 Kapasistas

mahasiswa

Jenis Char 1 Jenis

4.2.9.11 Presensi

Nama Database : Presensi

Nama tabel : t_presensi

Primary key : kd_presensi

Forign key : kd_jdwl

Page 89: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

73

Tabel 4.34 t_presensi

Field Type Size Keterangan

kd_presensi varchar

8 Kode presensi

mahasiswa

kd_jdwl varchar 7 Kode jadwal kuliah

pertemuan varchar 2 Pertemuan

jmlh_mhs Int 11 Jumlah mahasiwa

4.2.9.12 Detail Presensi

Nama Database : Presensi

Nama tabel : det_presensi

Primary key : kode_det_pre

Forign key : kode_presensi,kd_jdwl, npm

Tabel 4.35 det_presensi

Field Type Size Keterangan

kd_det_pre varchar 8 Kode detail presensi

kd_presensi varchar 8 Kode presensi

kd_jdwl varchar 7 Kode jadwal kuliah

Npm varchar

10 Nomor pokok

mahasiwa

kehadiran varchar 1 Kehadiran mahasiswa

4.2.9.13 Daftar Ujian Susulan

Nama Database : Presensi

Nama tabel : daftar_ssl

Primary key : kd_dftr

Forign key : npm

Page 90: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

74

Tabel 4.36 daftar_ssl

Field Type Size Keterangan

kd_dftr Varchar

8 Kode daftar ujian

susulan

Npm Varchar 10 Nomor pokok mahasiwa

Semester Varchar 2 Semester

tgl_dftr datetime

Tangal daftar ujian

susulan

4.2.9.14 Detail Daftar Ujian Susulan

Nama Database : Presensi

Nama tabel : det_daftar_ssl

Primary key : kode_det_dftr

Forign key :kd_dftr , kd_presensi

Tabel 4.37 det_daftar_ssl

Field Type Size Keterangan

kd_det_dftr Varchar

8 Kode detail daftar ujian

susulan

kd_dftr Varchar 8 Kode daftar ujian susulan

kd_presensi Varchar 8 Kode presensi

tgl_ujian datetime Tangal ujian susulan

Keterangan Char 1 Keterangan

File Text File pendaftaran

Status Char 1 Status validasi

Page 91: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

75

4.2.9.15 Jadwal

Nama Database : Presensi

Nama tabel : jadwal

Primary key : kd_jdwl

Forign key : kode_mk, kd_kls, NIP, kode_hari, kode_jam,

kode_ruangan

Tabel 4.38 jadwal

Field Type Size Keterangan

kd_jdwl Varchar 7 Kode jadwal

kode_mk varchar 10 Kode matakuliah

kd_kls varchar 10 Kode kelas

NIP varchar

10 Nomor induk

pegawai

kode_hari varchar 1 Kode hari

kode_jam varchar 1 Kode jam

kode_ruangan varchar 5 Kode ruangan

4.2.10 Sistem Pengkodean

4.2.10.1 Sistem Pengkodean NPM

Sistem pengkodean untuk NPM pada mahasiswa menggunakan 2 digit

pertamapada bagian awal yaitu tahun masuk kuliah lalu di tambahkan 2 digit

berikutnya dengan kode fakultas setelah itu di tambahkan 2 digit kode jurusan dan

terakhir 4 digit nomor urut sebagai penomoran, adapun contoh pengkodean

sebagai berikut :

1411050101

14 = Tahun Masuk Kuliah

11 = Kode Fakultas

05 = Kode Jurusan

0101 = Nomor Urut

4.2.10.2 Sistem Pengkodean NIK

Sistem pengkodean untuk NIK pada mahasiswa menggunakan 1digit

pertamapada bagian awal yaitu status kepegawaian lalu di tambahkan 3 digit

berikutnya dengan nomor urutsetelah itu di tambahkan 2 digit bulan masuk dan

Page 92: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

76

terakhir 2 digit tahun mulai kerja karyawan, adapun contoh pengkodean sebagai

berikut :

00500802

0 = Status kepegawain (tetap/kontrak)

050 = Nomor Urut

08 = Bulan Masuk (terhitung mulai tanggal)

02 = Tahun mulai kerja keryawan

4.2.10.3 Sistem Pengkodean Kode Matakuliah

Sistem pengkodean untuk Kodematakuliah menggunakan 3huruf pertamapada

bagian awal yaitu core matakuliah perjurusan lalu di tambahkan 2 digit berikutnya

dengan kode fakultas setelah itu di tambahkan 1 digit jumlah sks dan terakhir 2

digit nomor urut sebagai penomoran, adapun contoh pengkodean sebagai berikut :

SIF15416

SIF = Core Matakuliah Perjurusan

15 = Tahun

4 = Jumlah SKS

16 = Nomor Urut

4.2.10.4 Sistem Pengkodean Kode Ruangan

Sistem pengkodean untuk KodeRuangan menggunakan 1huruf pertamapada

bagian awal yaitu gedunglalu di tambahkan 1 digit berikutnya dengan kode lantai

dan terakhir 1 digit sebagai ruangan, adapun contoh pengkodean sebagai berikut :

F.2.8

F = Gedung

2 = Lantai

8 = Ruangan

4.2.11 Rancangan Output dan Input Secara Umum

4.2.11.1 RancanganOutput Secara Umum

Menentukan dan mengklasifikasikan kebutuhan output dari sistem yang baru

berdasarkan media output, tipe output, dan kebutuhan user

Page 93: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

77

RANCANGAN OUTPUT

N

o Keterangan Media Tipe output User

1 Halaman AS Admin Layar Intern Admin

2 Halaman AS Dosen Layar Extern Dosen

3 Halaman Mahasiswa Layar Extern Mahasiswa

4 Lihat data presensi Layar Intern,

Extern Mahasiswa

5 Manage validasi ujian

susulan Layar Intern Admin

6 Lihat validasi ujian

susulan Layar Extern Mahasiswa

7 Manage jadwal ujian

susulan Layar Intern Admin

8 Lihat jadwal ujian

susulan Layar Intern/Extern Mahasiswa

Tabel 4.39 Tabel Rancangan Output Secara Umum

4.2.11.2 RancanganInput Secara Umum

Menentukan dan mengklasifikasikan kebutuhan input dari sistem yang baru

berdasarkan media input, tipe input, dan kebutuhan user.

RANCANGAN INPUT

No Keterangan Media Tipe input User

1 Form Login Layar Extern/Intern All User

2 Input presensi Layar Intern Dosen

3 Input presensi

ujian Layar Intem

Dosen

Pengawas

4

Input

presensiujian

susulan

Layar Intem Dosen

Pengawas

Tabel 4.40 Tabel Rancangan Input Secara Umum

4.2.12 Desain Output dan Input

4.2.12.1 Desain Output

Desain output sistem informasi presensi mahasiswa dan pendaftaran ujian susulan

pada IIB Darmajaya adalah sebagai berikut :

Page 94: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

78

4.2.12.1.1 Halaman ProfilAdmin

Desain halaman profil admin pada sistem informasi ini adalah seperti gambar di

bawah ini:

LOGO Icon Sidebar User

User Profile

PhotoTanda

Tangan

Ujian Susulan - Validasi Peserta - List Validasi - Jadwal Ujian Susulan

Cetak - Presensi Harian - Presensi Ujian - Presensi Ujian Susulan

Presensi

BAAK SYSTEM

NIK :

Nama :

Jabatan :

Change

Footer

PROFIL

Kontak :

Alamat :Change

Gambar 4.54 Desain Halaman Profil Admin

4.2.12.1.2 Halaman Profil Dosen

Desain halaman profil dosen pada sistem informasi ini adalah seperti gambar di

bawah ini:

LOGO Icon Sidebar User

User Profile

Presensi

PhotoTanda

Tangan

BAAK SYSTEM

NIK :

Nama :

Jurusan :

Jabatan :

Change

Footer

PROFIL

Kontak :

Alamat :Change

Gambar 4.55 Desain Halaman Profil Dosen

Page 95: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

79

4.2.12.1.3 Halaman Profil Mahasiswa

Desain halaman profil mahasiswa pada sistem informasi ini adalah seperti gambar

di bawah ini:

LOGO Icon Sidebar User

User Profile

Presensi

Ujian Susulan - Daftar - List Validasi - Jadwal Ujian Susulan

Cetak - Presensi Harian - Presensi Ujian - Presensi Ujian Susulan

Photo

BAAK SYSTEM

NPM :

Nama :

Jurusan :

Semester :

Change

Footer

PROFIL

Gambar 4.56 Desain Halaman Profil Mahaswa

4.2.12.1.4 Halaman Presensi Mahasiswa

Desain presensi ini dirancang untuk melihatpresensi mahasiswa selama satu

semester.

LOGO Icon Sidebar User

User Profile

Presensi

Ujian Susulan - Daftar - List Validasi - Jadwal Ujian Susulan

Cetak - Presensi Harian - Presensi Ujian - Presensi Ujian Susulan

Photo

BAAK SYSTEM

NPM :

Nama :

Jurusan :

Semester :

Footer

Absensi

Gambar 4.57 Desain Halaman Presensi Mahasiswa

Page 96: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

80

4.2.12.1.5 Halaman Validasi Ujian Susulan Admin

Desain validasi ujian susulan ini dirancang untuk admin melakukan validasi

mahasiswa yang mengajukan ujian susulan

LOGO Icon Sidebar User

User Profile

Ujian Susulan - Validasi Peserta - List Validasi - Jadwal Ujian Susulan

Cetak - Presensi Harian - Presensi Ujian - Presensi Ujian Susulan

Presensi

Photo

BAAK SYSTEM

Footer

Detail Validasi Ujian Susulan

NPM :

Nama :

Jurusan :

Semester :

Lihat KRS

Open

Open

Open

Open

Open

Open

Open

Open

Valid Invalid

Valid Invalid

Valid Invalid

Valid Invalid

Valid Invalid

Valid Invalid

Valid Invalid

Valid Invalid

Gambar 4.58 Desain Halaman Validasi Ujian Susulan Admin

4.2.12.1.6 Halaman Pengumuman Ujian Susulan

Desain pengumuman ujian susulan ini dirancang untuk menginformasikan

mahasiswa yang di izinkan dan tidak di izinkan untuk melakukan ujian susulan.

LOGO Icon Sidebar User

User Profile

Presensi

Ujian Susulan - Daftar - List Validasi - Jadwal Ujian Susulan

Cetak - Presensi Harian - Presensi Ujian - Presensi Ujian Susulan

BAAK SYSTEM

Footer

Status Pengajuan Ujian Susulan

Gambar 4.59 Desain Halaman Pengumuman Ujian Susul

Page 97: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

81

4.2.12.1.7 Halaman Jadwal Ujian Susulan

Desain jadwal ujian susulan ini dirancang untuk admin menginput jadwal ujian

susulan mahasiswa yang telah di izinkan melakukan ujian susulan.

LOGO Icon Sidebar User

User Profile

Ujian Susulan - Validasi Peserta - List Validasi - Penjadwalan Ujian Sl. - Jadwal Ujian Susulan

Cetak - Presensi Harian - Presensi Ujian - Presensi Ujian Susulan

Presensi

BAAK SYSTEM

Footer

Penjadwalan Ujian Susulan

Hari :

Tanggal :

Jam :

Tipe Ujian :

Ruang :

Jumlah Peserta :

Generate

Generate

Generate

Generate

Generate

Generate

Generate

Generate

Generate

Generate

Generate

Generate

Generate

Generate

Submit

Gambar 4.60 Desain Halaman Jadwal Ujian Susulan

Page 98: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

82

4.2.12.2 Desain Input

Desain input pada sistem informasi presensi mahasiswa dan pendaftaran ujian

susulan pada IIB Darmajaya adalah sebagai berikut :

4.2.12.2.1 Form Login

Desain inputform login dirancang untuk memberikan akses kepada parah user

untuk dapat mengguankan website ini

BAAK SYSTEM Login Form

Username

Password

Login

Gambar 4.61 Desain Halaman Form Login

Page 99: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

83

4.2.12.2.2 Halaman Input Presensi

Desain input presensi ini dirancang untuk dosen dapat menginput presensi

mahasiswa perkelas.

LOGO Icon Sidebar User

User Profile

Presensi

BAAK SYSTEM

Footer

Generate

Mata Kuliah :

Kelas :

Ruangan :

Refresh Submit

Gambar 4.62 Desain Halaman Input Presensi

Page 100: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

84

4.2.12.2.3 Halaman Input Presensi Ujian

Desain input presensi ujian ini dirancang untuk dosen pengawas dapat menginput

presensi ujian mahasiswa perkelas yang telah di jadwalkan.

LOGO Icon Sidebar User

User Profile

Presensi

BAAK SYSTEM

Footer

Generate

Mata Kuliah :

Kelas :

Ruangan Ujian :

Refresh Submit

Dosen :

Semester :

Tahun Akademik :

Tanggal Ujian :

Type Ujian :

Gambar 4.63 Desain Halaman Input Presensi Ujian

Page 101: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

85

4.2.12.2.4 Halama Input Presensi Ujian Susulan

Desain input presensi ujian susulan ini dirancang untuk dosen pengawas dapat

menginput presensi ujian susulan mahasiswa perkelas yang telah di jadwalkan.

LOGO Icon Sidebar User

User Profile

Presensi

BAAK SYSTEM

Footer

Generate Refresh Submit

Hari :

Tanggal :

Jam :

Tipe Ujian :

Ruang :

Jumlah Peserta :

PRESENSI UJIAN SUSULAN

Gambar 4.64 Desain Halaman Input Presensi Ujian Susulan

4.2.13 Flowchart Program

Flowchart Program terdiri dari tiga akses, yaitu flowchart program yang dapat

diakses oleh Admin, Dosen dan Mahasiswa. Berikut adalah rancangan flowchart

program pada website Sistem Informasi Mahasiswa IIB Darmajaya Bandar

Lampung.

a. Hierarchy plus Input-Proses-Output (HIPO)

Merupakan alat dokumentasi program.HIPO juga banyak digunakan sebagai alat

desain dan teknik dokumentasi dalam siklus pengembangan sistem.HIPO berbasis

pada fungsi, yaitu tiap-tiap modul di dalam sistem digambarkan oleh fungsi

utamanya. HIPO menu websitePresensi Mahasiswa IIB Darmajaya Bandar

Lampung dapat dilihat pada gambar 4.65

Page 102: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

86

SISTEM INFORMASI PRESENSI MAHASISWA

IIB DARMAJAYA

LOGIN AS ADMIN

LOGIN

PROFILE

INPUT TANDA TANGAN

PRESENSI

LIHAT PRESENSI HARIAN

LIHAT PRESENSI UJIAN

LIHAT PRESENSI UJIAN SUSULAN

PRINT PRESENSI HARIAN

PRINT PRESENSI UJIAN

PRINT PRESENSI UJIAN SUSULAN

UJIAN SUSULAN

LIST PESERTA UJIAN SUSULAN

VALIDASI PESERTA UJIAN SUSULAN

INPUT JADWAL UJIAN SUSULAN

PRINT JADWAL UJIAN SUSULAN

LOGIN AS MAHASISWA

PROFILE

INPUT TANDA TANGAN

PRESENSI

LIHAT PRESENSI HARIAN

LIHAT PRESENSI UJIAN

LIHAT PRESENSI UJIAN SUSULAN

PRINT PRESENSI HARIAN

PRINT PRESENSI UJIAN

PRINT PRESENSI UJIAN SUSULAN

UJIAN SUSULAN

DAFTAR UJIAN SUSULAN

LIHAT VALIDASI UJIAN SUSULAN

LIHAT JADWAL UJIAN SUSULAN

LIHAT JADWAL UJIAN SUSULAN

PRINT JADWAL UJIAN SUSULAN

LOGIN AS DOSEN

PROFILE

INPUT TANDA TANGAN

PRESENSI

LIHAT PRESENSI HARIAN

LIHAT PRESENSI UJIAN

LIHAT PRESENSI UJIAN SUSULAN

INPUT PRESENSI HARIAN

INPUT PRESENSI UJIAN

INPUT PRESENSI UJIAN SUSULAN

LOGOUT

Gambar 4.65 Hierarchy Plus Input-Proses-Output (HIPO)

Page 103: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

87

b. Flowchart Program Menu Profil

Flowchart program menu profil digunakan untuk menampilkan profil users yang

didesain untuk digunakan oleh semua user.

START

Menu login Sistem Presensi Mahasiswa

IIB Darmajaya

Login ?

Menu Utama as Admin

Pilih Profile ?

T

Y

Y

Input Tanda Tangan

Logout

END

Y

Tampil Profile As

AdminSaving Data Profil

T

Y

T

T

Gambar 4.66 Flowchart Program Menu Profile

Page 104: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

88

c. Flowchart Program Admin

Flowchart program admin digunakan untuk menjelaskan alur kerja program yang

didesain untuk digunakan oleh admin.

START

Menu login Sistem Presensi Mahasiswa

IIB Darmajaya

Login ?

Menu Utama as Admin

Pilih Profile ?

Pilih Presensi

Menu Profile

T

Y

Y

T

Menu Presensi

Y

Menu Presensi Harian

Menu Presensi

Ujian

Menu Presensi

Ujian Susulan

Pilih Ujian Susulan

T

Menu Ujian

SusulanY

Menu Peserta Ujian Susulan

Menu Input Jadwal Ujian

Susulan

Menu Lihat Jadwal Ujian

Susulan

Logout

T

END

Y

T

Gambar 4.67 Flowchart Program Admin

Page 105: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

89

d. Flowchart Program Dosen

Flowchart program dosen digunakan untuk menjelaskan alur kerja program yang

didesain untuk digunakan oleh dosen.

START

Menu login Sistem Presensi Mahasiswa

IIB Darmajaya

Login ?

Menu Utama as Dosen

Pilih Profile ?

Pilih Presensi

Menu Profile

T

Y

Y

T

Menu Presensi

Y

Menu Input Presensi Harian

Menu Input Presensi

Ujian

Menu Input Presensi

Ujian Susulan

T

Logout

T

END

Y

Gambar 4.68 Flowchart Program Dosen

Page 106: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

90

e. Flowchart Program Mahasiswa

Flowchart program mahasiswa digunakan untuk menjelaskan alur kerja program

yang didesain untuk digunakan oleh mahasiswa.

START

Menu login Sistem Presensi Mahasiswa

IIB Darmajaya

Login ?

Menu Utama as Mahasiswa

Pilih Profile ?

Pilih Presensi

Menu Profile

T

Y

Y

T

Menu Presensi

Y

Menu Lihat Presensi Harian

Menu Lihat Presensi

Ujian

Menu Lihat Presensi

Ujian Susulan

Pilih Ujian Susulan

T

Menu Ujian

SusulanY

Menu Daftar Ujian Susulan

Menu Lihat Validasi Ujian

Susulan

Menu Lihat Jadwal Ujian

Susulan

Logout

T

END

Y

T

.Gambar 4.69 Flowchart Program Mahasiswa

Page 107: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

91

f. Flowchart Program Presensi Harian

Flowchart program presensi harian digunakan untuk menjelaskan alur kerja

penginputan data presensi harian yang didesain untuk digunakan oleh Dosen.

START MENU PRESENSI

Tampil Presensi

Input ? Presensi

T

Y

Reset ?

T

Reset Presensi

Y

Save ?

T

Saving Presensi

Presensi Berhasil

Disimpan

END MENU PRESENSI

Y

Gambar 4.70 Flowchart Program Presensi

Page 108: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

92

g. Flowchart Program Daftar Ujian Susulan

Flowchart program menu Daftar Ujian Susulan digunakan untuk menjelaskan alur

kerja pendaftaran ujian susulan yang didesain untuk digunakan oleh Mahasiswa.

START MENU DAFATAR UJIAN

SUSULAN

Tampil Daftar Ujian

Susulan

Input ?Ujian

Susulan

T

Y

Reset ?

T

Reset Ujian Susulan

Y

Save ?

T

Saving Ujian Susulan

Ujian Susulan Berhasil

Disimpan

END MENU UJIAN SUSULAN

Y

Gambar 4.71 Flowchart Daftar Ujian Susulan

Page 109: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

93

h. Flowchart Program Menu Validasi Peserta Ujian Susulan

Flowchart program menu validasi peserta ujian susulan digunakan untuk

memvalidasi daftar peserta yang sudah mengajukan ujian susulan yang didesain

untuk digunakan oleh admin.

START MENU VALIDASI UJIAN

SUSULAN

Tampil Validasi Ujian Susulan

Validasi ?Tampil List

Peserta Ujian Susulan

Y

T

Valid ?

T

Saving Validasi

Validasi Berhasil

Disimpan

END MENU VALIDASI UJIAN

SUSULAN

Y

Gambar 4.72 Flowchart Program Validasi Daftar Ujian Susulan

Page 110: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

94

i. Flowchart Program Input Jadwal Ujian Susulan

Flowchart program menu input jadwal ujian susulan digunakan untuk

menjelaskan alur kerja input jadwal ujian susulan yang didesain untuk digunakan

oleh Admin.

START MENU INPUT JADWAL UJIAN SUSULAN

Tampil Menu Input Jadwal Ujian

Susulan

Input ? Y

END MENU INPUT JADWAL UJIAN

SUSULAN

T

Reset ?Reset Jadwal Ujian

SusulanY

T

Input Jadwal Ujian Susulan

Save ?

Saving Jadwal Ujian Susulan

Y

T

Jadwal Ujian Susulan Berhasil

Disimpan

Gambar 4.73 Flowchart Program Menu Input Jadwal Ujian Susulan

Page 111: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

95

j. Flowchart Program Lihat Jadwal Ujian Susulan

Flowchart program menu lihat jadwal Ujian Susulan digunakan untuk

menjelaskan alur kerja melihat jadwal ujian susulan yang didesain untuk

digunakan oleh mahasiswa.

START MENU LIHAT JADWAL UJIAN SUSULAN

Tampil Menu Jadwal Ujian

Susulan

Lihat Jadwal ?

Tampil Jadwal Ujian

Susulan

Download ?

T

Y

Y

END MENU LIHAT JADWAL

Y

Jadwal Berhasil di Download

T

Download Jadwal

Gambar 4.74 Flowchart Program Menu Lihat Jadwal

Page 112: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

96

4.2.14 Implementasi Sistem

Hasil implementasi perancangan Sistem Informasi Presensi Mahasiswa IIB

Darmajaya adalah sebagai berikut :

4.2.14.1 Hasil Implementasi Rancangan Output dan Input

a. Index / Halaman Utama Login

Gambar dibawah merupakan halaman utama atau halaman login pada

perancangan sistem informasi Presensi Mahasiswa IIB Darmajaya.Tampilan

index/halaman utama dapat dilihat pada Gambar 4.75

Gambar 4.75 Login Halaman Utama

Page 113: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

97

b. Home as Admin

Ketika login berhasil maka masuk ke halaman Home . Tampilan home dapat

dilihat pada Gambar 4.76

Gambar 4.76 Tampilan Home

c. Menu Daftar Ujian Susulan

Menampilkan form pendaftaran ujian susulan Mahasiswa IIB Darmajaya.

Menu daftar ujian susulan dapat dilihat pada Gambar 4.77, 4.78 dan 4.79

Gambar 4.77 Daftar Ujian Susulan

Page 114: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

98

Gambar 4.78 Tampilan Sukses mendaftar ujian susulan

Gambar 4.79 Tampilan Daftar ujian susulan yang di ajukan

d. Menu Validasi Peserta Ujian Susulan

Menampilkan form validasi peserta ujian susulan Mahasiswa IIB

Darmajaya. Menu validasi peserta ujian susulan dapat dilihat pada Gambar

4.80, 4.81 dan 4.82

Gambar 4.80 Tampikan Daftar Peserta Ujian Susulan

Page 115: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

99

Gambar 4.81 Tampilan Daftar Validasi Peserta Ujian Susulan

Gambar 4.82 Tampilan Sukses di Validasi

e. Menu Hasil Daftar Validasi Ujian Susulan

Menampilkan hasil valid atau tidaknnya ujian susulan yang peserta ajukan.

Menu hasil dari validasi ujian susulan dapat dilihat pada Gambar 4.84.

Gambar 4.83 Tampilan hasil Validasi Peserta Ujian Susulan

Page 116: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

DAFTAR PUSTAKA

Bima Aditia. 2013. Jurnal Mahasiswa Universitas Brawijaya. Aplikasi rfid untuk

sistem presensi mahasiswa di universitas brawijaya berbasis protokol

internet.Malang.

Elisabeth Febrina. 2016. Jurnal Mahasiswa Universitas sanata dharma. Sistem

presensi mahasiswa berbais Web. Jogjakarta.

Febrian Eka S. 2017. Jurnal Mahasiswa IBI Darmajaya.Rancang bangun media

pembelajaran aksara lampung.Bandar Lampung.

Fitra Mawan. 2017. Jurnal Mahasiswa IBI Darmajaya.Rancang bangun media

pembelajaran Penggunaan kamera dslr canon 60d untuk Photographer

pemula. Bandar Lampung.

Yuyi Andika. 2013. Jurnal. Membangun sistem informasi presensi mahasiswa stmik

atma luhur pangkalpinang berbasis web. Jogjakrta

Page 117: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,

LAMPIRAN

Page 118: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,
Page 119: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,
Page 120: JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER INSTITUT INFORMATIKA …repo.darmajaya.ac.id/1179/1/SKRIPSI GABUNG.pdf · 2020. 3. 17. · Informasi-S1, Manajemen Informatika-D3,