BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM

BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM 3.1 Alat dan Bahan 3.1.1 Alat 3.1.1.1 Hardware Hardware yang dibutuhkan untuk membuat dan menguji aplikasi sistem informasi ini sebagai berikut : a. PC/laptop dengan spesifikasi RAM 4096 MB, Prosesor Intel Core i3 2330M CPU @ 2.20GHz (4 CPUs). b. Webcam. 3.1.1.2 Software Software yang dibutuhkan untuk membuat dan menguji aplikasi ini sebagai berikut: a. Windows 10 64 bit. b. Sublime. c. XAMPP. d. Chrome Browser. e. Dreamweaver. 3.1.2 Bahan Data yang dibutuhkan untuk membuat aplikasi sistem informasi ini yaitu data terkait dengan informasi tentang identitas mahasiswa dan dosen di Fakultas MIPA Universitas Sebelas Maret. 3.2 Jadwal Penelitian Jadwal penelitian yang dilakukan penulis untuk pembuatan Sistem Informasi Absensi Mahasiswa dapat commit dilihat to pada user Tabel 3.1 : 13

14 Tabel 3. 1 Jadwal Penelitian No Kegiatan 1 Tahap awal a. Pengumpulan data b. Konseptualisasi c. Analisa data 2 Tahap pembuatan aplikasi a. Pembuatan perancangan aplikasi b. Pembuatan desain tampilan Bulan ke - I II III IV c. Pembuatan aplikasi 3 Tahap uji coba 4 Tahap memperbaiki bug 5 Tahap evaluasi dan pembuatan laporan 3.3 Perancangan Sistem Aplikasi 3.3.1 Proses Bisnis Proses bisnis yang terdapat dalam aplikasi ini adalah mahasiswa dapat melakukan absen stelah dosen login, dan dapat mengetahui informasi data diri mahasiswa dan dosen. Admin dapat menambah, menghapus, dan mengubah data. Admin yang dimaksud yaitu orang yang berhak melakukan perubahan data dan login sebagai admin (administraor), diagram alir proses bisnis dalam sistem yang dibuat seperti pada gambar 3.1 berikut :

15 Gambar 3.1 Diagram Alir 3.3.2 Fungsional Sistem Kebutuhan fungsioal merupakan kebutuhan yang berhubungan dengan pross bisnis dari sistem yang dibuat. Dari analisa yang dilakukan, kebutuhan fungsional dalam sistem yang dibuat seperti pada Tabel 3.2 berikut : Tabel 3. 2 Fungsional Sistem No Kode Aktor Deskripsi 1. FS-01 Administrator, Dosen Melakukan login 2. FS-02 Administrator, Dosen, Mahasiswa Melihat data mahasiswa 3. FS-03 Administrator Menambah data mahasiswa 4. FS-04 Administrator Mengubah data mahasiswa 5. FS-05 Administrator Menghapus data mahasiswa 6. FS-06 Administrator, Dosen, Mahasiswa Melihat data dosen 7. FS-07 Administrator Menambah data dosen 8. FS-08 Administrator Mengubah data dosen 9. FS-09 Administrator Menghapus data dosen 10. FS-10 Administrator, Dosen, Mahasiswa Melihat data mata kuliah 11. FS-11 Administrator Menambah data mata kuliah 12. FS-12 Administrator Mengubah data mata kuliah 13. FS-13 Administrator Menghapus data mata kuliah 14. FS-14 Administrator, Dosen, Mahasiswa Melihat data absensi mahasiswa 15. FS-15 Mahasiswa Mengisi data absensi mahasiswa 16. FS-16 Administrator Mengubah data absensi mahasiswa 17. FS-17 Administraor Menghapus data absensi mahasiswa

16 3.3.3 Non Fungsional Sistem Kebutuhan non fungsional merupakan kebutuhan yang berhubungan dengan interaksi anntar user dengan aplikasi yang dibuat. Dari analisa yang dilakukan, kebutuhan non fungsional sistem yang dibuat seperti pada Tabel 3.3 berikut : Tabel 3. 3 Non Fungsional Sistem No Kode Deskripsi 1. NFS-01 Mahasiswa melakukan absen menggunakan QrCode 2. NFS-02 Menggunakan web browser 3. NFS-03 Mahasiswa menggunakan kamera webcam sebagai media membaca QrCode 3.3.4 Diagram Konteks Diagram konteks merupakan penggambaran secara garis besar sebuah aplikasi Sistem Informasi Absensi Mahasiswa dengan menampilkan input, proses, dan output. Diagram konteks dapat dilihat pada gambar 3.1. Mahasiswa Info Absensi Info Mata Kuliah Info Dosen Info Mahasiswa Dosen Pelayanan Absensi Info Absensi SIABMAS Data Mata kuliah Info Mahasiswa Info Dosen Info Mata Kuliah Info Absensi Admin Gambar 3. 1 Diagram Konteks Aplikasi SIABMAS

17 3.3.5 DFD Level 0 DFD level 0 adalah Data Flow yang meruapakan kesulurahn proses dari sistem informasi. Terdapat 5 proses utama dari sistem yang ditampilkan pada DFD level 0. Lihat gambar 3.2. Gambar 3. 2 DFD level 0 Aplikasi SIABMAS

18 3.3.6 DFD Level 1 Proses 2 DFD level 1 proses 2 adalah Data Flow yang meruapakan proses manajemen data mahasiswa dari sistem informasi. Terdapat 4 proses dari sistem yang ditampilkan pada DFD level 1 proses 2. Lihat gambar 3.3. Input 2.1 Input Mahasiswa Admin 2.2 Edit Mahasiswa Edit T. Mahasiswa 2.3 Hapus Mahasiswa Hapus 2.4 Tampil Mahasiswa Dosen Mahasiswa Gambar 3. 3 DFD Level 1 Proses 2 Manajemen Aplikasi SIABMAS

19 3.3.7 DFD Level 1 Proses 3 DFD level 1 proses 3 adalah Data Flow yang meruapakan proses manajemen data dosen dari sistem informasi. Terdapat 4 proses dari sistem yang ditampilkan pada DFD level 1 proses 3. Lihat gambar 3.4. Input 3.1 Input Dosen Admin 3.2 Edit Dosen Edit T. Dosen 3.3 Hapus Dosen Hapus 3.4 Tampil Dosen Dosen Mahasiswa Gambar 3. 4 DFD Level 1 Proses 3 Manajemen Aplikasi SIABMAS

20 3.3.8 DFD Level 1 Proses 4 DFD level 1 proses 4 adalah Data Flow yang meruapakan proses manajemen data mata kuliah dari sistem informasi. Terdapat 4 proses dari sistem yang ditampilkan pada DFD level 1 proses 4. Lihat gambar 3.5. Input 4.1 Input Makul Admin 4.2 Edit Makul Edit T. Makul 4.3 Hapus Makul Hapus 4.4 Tampil Makul Dosen Mahasiswa Gambar 3. 5 DFD Level 1 Proses 4 Manajemen Data Mata Kuliah Aplikasi SIABMAS

21 3.3.9 DFD Level 1 Proses 5 DFD level 1 proses 5 adalah Data Flow yang meruapakan proses manajemen data absensi dari sistem informasi. Terdapat 5 proses dari sistem yang ditampilkan pada DFD level 1 proses 5. Lihat gambar 3.6. Mahasiswa Input Info Absensi 5.1 Input Absensi 5.2 Edit Absensi Info Edit Info T. Absensi 5.3 Hapus Absensi Info Hapus Admin Dosen Info 5.4 Tampil Absensi Info 5.5 Cetak Abesnsi Info Data Absnesi Gambar 3. 6 DFD Level 1 Proses 5 Manajemen Aplikasi SIABMAS

22 3.4 Analisis dan Rancangan Basis Data 3.4.1 Entity Relationship Diagram (ERD) Entity Relationship Diagram (ERD) yang digunakan pada aplikasi Sistem Informasi Absensi Mahasiswa ditunjukan pada gambar 3.7. Gambar 3. 7 ERD Aplikasi SIABMAS

23 3.4.2 Skema Basis Data (Relasi Antar Tabel) Relasi antar tabel pada aplikasi Sistem Informasi Absensi mahasiswa dapat ditujukan pada gambar 3.8. Karyawan Id_Karyawan NIDN Nama_Karyawan Alamat No_Tlp Username Password Id_Role Mata_Kuliah Id_Makul Nama_Makul SKS Semester Id_Karyawan Role Id_Role Level_User Absensi_Mhs Id_Absen Pertemuan_Ke Keterangan Materi NIM Id_Makul Mahasiswa NIM Nama Angkatan Asal No_Tlp Id_Kelas Kelas Id_Kelas Nama_Kelas Gambar 3. 8 Skema Basis Data Aplikasi SIABMAS 3.4.3 Perancangan Fisik Dalam pembuatan aplikasi SIABMAS diperlukan basis data yang berfungsi sebagai tempat untuk menyimpan seluruh informasi dan data. Perancangan basis data untuk aplikasi SIABMAS adalah sebagai berikut : a. Tabel Karyawan Tabel kryawan berisi data dosen dan administrator. Isi dari tabel karyawan ini dapat diisi, dihapus, dan diganti oleh admin. Adapun rancangan tabel karyawan seperti pada Tabel 3.4.

24 Tabel 3. 4 Karyawan Nama Field Tipe Data Definisi Keterangan Id_Karyawan Varchar Id karyawan Primary Key NIDN Varchar NIDN Nama_Karyawan Varchar Nama Alamat Varchar Alamat No_Tlp Int Nomor telepon Uername Varchar Username untuk login Password Varchar Password untuk login Id_Role Varchar Keterangan level user Foreign Key b. Tabel Role Tabel role berisi data level user yang berfungsi untuk membedakan login sebagai admin atau dosen. Adapun rancangan tabel role seperti pada Tabel 3.5. Tabel 3. 5 Role Nama Field Tipe Data Definisi Keterangan Id_Role Varchar Id role Primary Key Level_User Varchar Level user c. Tabel Mata Kuliah Tabel mata kuliah berisi data mata kuliah. Isi dari tabel mata kuliah ini dapat diisi, dihapus, dan diganti oleh admin. Adapun rancangan tabel mata kuliah seperti pada Tabel 3.6.

25 Tabel 3. 6 Mata Kuliah Nama Field Tipe Data Definisi Keterangan Id_Makul Varchar Id mata kuliah Primary Key Nama_Makul Varchar Nama mata kuliah SKS Int Bobot SKS Semester Int Semester Id_Karyawan Varchar Nama dosen Foreign Key d. Mahasiswa Tabel mahasiswa berisi data mahasiswa. Isi dari tabel mahasiswa ini dapat diisi, dihapus, dan diganti oleh admin. Adapun rancangan tabel mahasiswa seperti pada Tabel 3.7. Tabel 3. 7 Mahasiswa Nama Field Tipe Data Definisi Keterangan NIM Varchar NIM Primary Key Nama Varchar Nama Angkatan Int Angkatan Asal Varchar Alamat asal No_tlp Int Nomor telepon Id_Kelas Int Kelas Foreign Key e. Kelas Tabel kelas berisi data kelas yang berfungsi untuk membedakan kelas mahasiswa dan juga sebagai filter absensi mahasiswa. Adapun rancangan tabel kelas seperti pada Tabel 3.8.

26 Tabel 3. 8 Kelas Nama Field Tipe Data Definisi Keterangan Id_Kelas Int Id kelas Primary Key Nama_Kelas Varchar Nama kelas f. Abesnsi Mahasiswa Tabel absensi mahasiswa berisi data mahasiswa yang telah melakukan absen. Isi dari tabel absensi mahasiswa ini dapat diisi oleh mahasiswa atau dosen, dihapus dan diganti oleh admin. Adapun rancangan tabel absensi mahasiswa seperti pada Tabel 3.9. Tabel 3. 9 Absensi Mahasiswa Nama Field Tipe Data Definisi Keterangan Id_Absen Int Id absen Primary Key Pertemuan_Ke Varchar Pertemuan kuliah ke Keterangan Varchar Keterangan masuk / tidak Materi Varchar Materi perkuliahan NIM Varchar NIM mahasiswa Foreign Key Id_Makul Varchar Id mata kuliah Foreign Key 3.5 Perancangan Desain Aplikasi 3.5.1 Tampilan Beranda Tampilan halaman utama, menampilkan info berapa banyak data mahasiswa, dosen, dan mata kuliah serta dapat diklik untuk melihat detail dari data yang dipilih. Adapun rancangan desain tampilan beranda seperti pada gambar 3.9.

27 Gambar 3. 9 Desain Beranda 3.5.2 Tampilan Mahasiswa Tampilan data mahasiswa, menampilkan detail data mahasiswa. Mahasiswa tidak perlu login untuk dapat melihat data mahasiswa. Adapun rancangan desain tampilan mahasiswa data mahasiswa seperti pada gambar 3.10. Gambar 3. 10 Desain Mahasiswa

28 3.5.3 Tampilan Mahasiswa Tampilan data dosen, menampilkan detail data dosen. Mahasiswa tidak perlu login untuk dapat melihat data dosen. Adapun rancangan desain tampilan mahasiswa data mahasiswa seperti pada gambar 3.11. Gambar 3. 11 Desain Mahasiswa 3.5.4 Tampilan Mahasiswa Data Mata Kuliah Tampilan data Mata Kuliah, menampilkan detail data Mata Kuliah. Mahasiswa tidak perlu login untuk dapat melihat data mata kuliah. Adapun rancangan desain tampilan mahasiswa data mata kuliah seperti pada gambar 3.12. Gambar 3. 12 Desain Mahasiswa Data Mata Kuliah

29 3.5.5 Tampilan Mahasiswa Tampilan data Mata Absensi, menampilkan detail data absensi. Mahasiswa tidak perlu login untuk dapat melihat data absensi. Adapun rancangan desain tampilan mahasiswa data absensi seperti pada gambar 3.13. Gambar 3. 13 Desain Mahasiswa 3.5.6 Tampilan Login Tampilan login adalah halaman aplikasi untuk login. Aplikasi akan melakukan redirect ke halaman sesuai dengan level user. Adapun rancangan desain tampilan login seperti pada gambar 3.14. Gambar 3. 14 Desain Login

30 3.5.7 Tampilan Dosen Pilih Mata Kuliah Untuk Absensi Tampilan pilih mata kuliah untuk absensi mahasiswa dilakukan setelah dosen login, halaman ini untuk memilih mata kuliah apa yang akan berlangsung, karena satu dosen mengampu lebih dari satu mata kuliah. Adapun rancangan desain tampilan dosen pilih mata kuliah untuk absensi seperti pada gambar 3.15. Gambar 3. 15 Desain Dosen Pilih Makul Untuk Absensi 3.5.8 Tampilan Dosen Data Absesnsi Tampilan data absensi adalah tampilan keseluruhan mahasiswa yang telah melakukan absen, dosen pilih cetak maka akan convert ke PDF dan outputnya sama dengan absensi manual. Adapun rancangan desain tampilan dosen data absensi seperti pada gambar 3.16. Gambar 3. 16 Desain Dosen

31 3.5.9 Tampilan Dosen Scanner QrCode Tampilan scanner qrcode adalah tampilan setelah dosen memilih mata kuliah yang akan berlangsung kemudian mahasiswa melakukan absensi dan terdapat pilihan izin/sakit untuk mahasiswa yang tidak hadir menggunakan surat izin. Adapun rancangan desain tampilan dosen scanner qrcode seperti pada gambar 3.17. Gambar 3. 17 Desain Dosen Tampilan Scanner QrCode 3.5.10 Tampilan Admin Tampilan data mahasiswa, menampilkan detail data mahasiswa. Untuk dapat melakukan manajemen data harus login sebagai admin terlebih dahulu. Adapun rancangan desain tampilan Admin data mahasiswa seperti pada gambar 3.18. Gambar 3. 18 Desain commit Admin to user

32 3.5.11 Tampilan Admin Tampilan data dosen, menampilkan detail data dosen. Untuk dapat melakukan manajemen data harus login sebagai admin terlebih dahulu. Adapun rancangan desain tampilan admin data dosen seperti pada gambar 3.19. Gambar 3. 19 Desain Admin 3.5.12 Tampilan Admin Data Mata Kuliah Tampilan data mata kuliah, menampilkan detail data mata kuliah. Untuk dapat melakukan manajemen data harus login sebagai admin terlebih dahulu. Adapun rancangan desain tampilan admin data mata kuliah seperti pada gambar 3.20. Gambar 3. 20 Desain Data Mata Kuliah

33 3.5.13 Tampilan Admin Data Absesnsi Tampilan data absensi adalah tampilan keseluruhan mahasiswa yang telah melakukan absen, disini admin dapat melakukan edit dan delete mahasiswa yang telah melakukan absen, kemudian setelah pilih cetak maka akan convert ke PDF dan outputnya sama dengan absensi manual. Adapun rancangan desain tampilan admin data absensi seperti pada gambar 3.21. Gambar 3. 21 Desain Admin