bab iv perancangan sistem usulan 4.1. tahapan … · gambar iv.24 sequnce diagram admin masuk...
TRANSCRIPT
29
BAB IV
PERANCANGAN SISTEM USULAN
4.1. Tahapan Perancangan Sistem
Perancangan ini difokuskan pada Analisa Kebutuhan, Use Case diagram,
Rancangan Diagram Aktifitas dan Rancangan Dokumen Sistem Usulan.
4.1.1. Analisis Kebutuhan
Kebutuhan pengguna dalam aplikasi ini terdapat dua pengguna yang dapat
saling berinteraksi dalam lingkungan sistem, bagian admin dan guru. Kedua
pengguna tersebut memiliki karakteristik interaksi dengan sistem yang berbeda-beda
dan memiliki kebutuhan informasi yang berbeda-beda, seperti berikut:
1. Kebutuhan Admin
Dalam aplikasi absensi guru terdapat dua pengguna yang dapat saling
berinteraksi dalam lingkungan sisitem, yaitu: Bagian Admin, dan Bagian Guru.
Kedua pengguna tersebut memiliki karakteristik interaksi dengan sistem yang
berbeda-beda dan memiliki kebutuhan informasi yang berbeda-beda, seperti berikut:
a. Skenario kebutuhan admin
1) Mengelola data guru.
2) Mengelola data absen guru.
3) Mengelola catatan guru.
4) Mengecek absensi guru.
5) Membuat rekap absensi guru.
6) Menambah dan menghapus data guru.
30
b. Skenario kebutuhan guru
1. Melakukan absen masuk.
2. Membuat catatan.
3. Melihat data guru.
4. Melihat rekap absen.
5. Melakukan absen keluar.
2. Kebutuhan Sistem
a. Pengguna harus melakukan login terlebih dahulu untuk dapat mengakses
aplikasi ini dengan memasukan email dan password agar privasi masing-
masing pengguna tetap terjaga keamananya.
b. Pengguna harus melakukan logout setelah selesai menggunakan aplikasi.
c. Sistem membuat laporan absensi.
31
4.1.2.Rancangan Diagram UseCase
Sumber : Hasil Penelitian
Gambar IV.1
Use Case Diagram
32
Tabel IV.1
Deskripsi Use case Melakukan Login
Use Case Name Melakukan login
Requirements Admin melakukan login
Goal Admin melakukan login menggunakan form login yang
tersedia di program absensi guru
Pre-Codinitions Admin masuk kedalam web
Post-Condinitions Admin melakukan login
Failed end Condition Petugas menerima pesan login gagal harus mengulang nya
Actors Admin
Main Flow/Basic Path admin memasukan email dan password
admin melakukan login
Alternate Flow/Invariant A Sistem menampilkan menu utama
Invariant B Admin Login
Admin mengetikan email dan password
Sistem menampilkan login gagal
Tabel IV.2
Deskripsi Use case Guru Melakukan Absen
Use Case Name Absen Guru
Requirements Guru melakukan absen masuk
Guru melakukan absen keluar
Goal Guru melakukan absen mengunakan login dan absen masuk
Pre-Codinitions Guru masuk kedalam web
Post-Condinitions Guru melakukan login
Failed end Condition Guru menerima pesan login gagal harus mengulang nya
Actors Guru
Main Flow/Basic Path Guru memasukan email dan password
Guru melakukan login
Alternate Flow/Invariant A Sistem menampilkan menu utama
Invariant B Guru Login
Guru mengetikan email dan password
Sistem menampilkan login gagal
33
4.1.3.Rancangan Diagram Activity
1. Rancangan Activity Diagram Admin
Sumber : Hasil Penelitian
Gambar IV.2
Rancangan Activity Diagram Admin
act admin
Admin
Mulai
Memasukan Email dan
Password
Tampilan Menu Utama
Menampilkan
pesan Email dan
password salah
Tambah guru
akan otomatis
tersimpan
Daftar guru
Mengkonfirmasi
absen masuk dan
keluar guru
Melihat data
Detail absen
guru
Mekonfirmasi
cacatan guru
Melihat data
cacatan guru
ubah katasandi
Logout
Selesai
tidak
Salah
Ya
34
2. Rancangan Activity Diagram Guru
Sumber : Hasil Penelitian
Gambar IV.3
Rancangan Activity Diagram Guru
act Guru
Guru
Mulai
Memasukan Email
dan password
Tampil Menu Utama
Menampilkan
Email dan
password
Absen masuk dan
keluar
melihat data absenku
dan menunggu
konfirmasi dari user
Mengisisi
cacatan
Melihat data catatanku
dan menunggu
konfirmasi dari user
Logout
Selesai
tidak
ya
35
4.1.4.Rancangan Dokumen Sistem Usulan
1. Nama Dokumen Masukan : Absensi
Fungsi : Untuk Melakukan Absen
Sumber : Admin
Tujuan : Guru
Media : Komputer
Jumlah : 1 halaman web
Frekuensi : Setiap Hari atau Selama ada sistem Mengajar
Bentuk : Lampiran A.2
2. Nama Dokumen Keluaran : Rekapitulasi Absens
Fungsi : Untuk Melakukan Absen
Sumber : Admin
Tujuan : Kepala Sekolah
Media : Komputer
Jumlah : 1 halaman web
Frekuensi : Setiap satu bulan sekali
Bentuk : Lampiran B.2
36
4.1.5. Rancangan Prototype
1. Tampilan Menu Utama User
Sumber : Hasil Rancangan
Gambar IV.4
Rancangan Prototype Menu Utama Absensi Guru pada
SMK Mutiara Baru Bekasi
2. Tampilan Login
Sumber : Hasil Rancangan
Gambar IV.5
Rancangan Prototype halaman login Absensi Guru pada
SMK Mutiara Baru Bekasi
37
3. Halaman Profil Visi & Misi
Sumber : Hasil Rancangan
Gambar IV.6
Rancangan Prototype Visi& misi Absensi Guru pada
SMK Mutiara Baru Bekasi
4. Halaman Profil Sekolah
Sumber : Hasil Rancangan
Gambar IV.7
Rancangan Prototype Menu profil sekolah Absensi Guru pada SMK Mutiara Baru Bekasi
38
5. Halaman User Untuk Menambahkan Guru
Sumber : Hasil Rancangan
Gambar IV .8
Rancangan Prototype Menu Tambah guru Absensi Guru pada
SMK Mutiara Baru Bekasi
6. Halaman Daftar Guru
Sumber : Hasil Rancangan
Gambar IV.9
Rancangan Prototype Menu daftar guru Absensi Guru pada
SMK Mutiara Baru Bekasi
39
7. Halaman Konfirmasi Absen
Sumber : Hasil Rancangan
Gambar IV.10
Rancangan Prototype Menu Absensi Guru pada
SMK Mutiara Baru Bekasi
8. Halaman lihat absensi
Sumber : Hasil Rancangan
Gambar IV.11
Rancangan Prototype Menu lihat Absensi Guru pada
SMK Mutiara Baru Bekasi
40
9. Halaman Catatan
Sumber : Hasil Rancangan
Gambar IV.12
Rancangan Prototype Menu catatan Absensi Guru pada
SMK Mutiara Baru Bekasi
10. Halaman Lihat Catatan
Sumber : Hasil Rancangan
Gambar IV.13
Rancangan Prototype Menu lihat catatan Absensi Guru pada
SMK Mutiara Baru Bekasi
41
11. Halaman Ganti Password
Sumber : Hasil Rancangan
Gambar IV.14
Rancangan Prototype Menu ganti sandi Absensi Guru pada
SMK Mutiara Baru Bekasi
12. Halaman Edit Guru
Sumber : Hasil Rancangan
Gambar IV.15
Rancangan Prototype Menu Edit Absensi Guru pada
SMK Mutiara Baru Bekasi
42
13. Halaman Hapus Data Guru
Sumber : Hasil Rancangan
Gambar IV.16
Rancangan Prototype Menu hapus data Absensi Guru pada
SMK Mutiara Baru Bekasi
14. Halaman Absen Guru
Sumber : Hasil Rancangan
Gambar IV.17
Rancangan Prototype Menu absen Absensi Guru pada
SMK Mutiara Baru Bekasi
43
15. Halaman Detail Guru
Sumber : Hasil Rancangan
Gambar IV.18
Rancangan Prototype Menu detail Absensi Guru pada
SMK Mutiara Baru Bekasi
16. Halaman Tambahan Catatan
Sumber : Hasil Rancangan
Gambar IV.19
Rancangan Prototype Menu tambah catatan Absensi Guru pada
SMK Mutiara Baru Bekasi
44
17. Halaman Catatan
Sumber : Hasil Rancangan
Gambar IV.20
Rancangan Prototype Menu catatan Absensi Guru pada
SMK Mutiara Baru Bekasi
45
4.2. Rancangan Perangkat lunak
Perancangan ini Difokuskan pada enam atribut, yaitu ERD, LRS, Spesifikasi
File, Class Diagram, Sequence Diagram, Dan Spesifikasi Hadware dan Software.
4.2.1. Entity Relationship Diagram(ERD)
Sumber : Hasil Rancangan
Gambar IV.21
Entity Relationship Diagram
46
4.2.2. Logical Structure Record(LRS)
Gambar IV.22
Logical Structure Record
47
4.2.3. Spesifikasi File
1. Spesifikasi File admin
Nama File : Admin
Akronim : Admin
Fungsi : Untuk memasukan data guru
Tipe file : File Master
Organisasi file : Index Sequential
Media : Random
Panjang Record : 550 karakter
Kunci Field : Id_admin
Software : MySQL
Tabel IV.3
Spesifikasi file Masukan adata Guru
NO. Elemen Nama Field Tipe Size Keterangan
1
Id _guru Id_guru Int 10 Primery Key
2
Nip_guru NIP_guru Int 25 Primery Key
3
Name_guru Name_guru Varchar 255
4
Alamat Alamat Varchar 255
5
Jenis
Kelamin
Jk_guegu Varchar 5
48
2. Spesifikasi File admin
Nama File : Absen
Akronim : Absen
Fungsi : Untuk memproses absen guru
Tipe file : File Master
Organisasi file : Index Sequential
Media : Random
Panjang Record : 241 karakter
Kunci Field : Id_Absen
Software : MySQL
Tabel IV.4
Spesifikasi file Masukan untuk absen guru
NO. Elemen Nama Field Tipe Size Keterangan
1
Id _absen Id_absen Int 11 Primery Key
2
Id_ guru Id_guru Varchar 100
3
Id_bulan Id_bln Int 10
4
Id_Hari Id_hri int 10
5
Jam_Masuk Jam_msk Varchar 50
6
Setelah_jam
_masuk
St_jam_Msk Enum (“Menunggu”,
”dikonfirmasi”,
”ditolak”)
7
Jam_Keluar Jam_klr Varchar 50
8
Setelah_jam
_Keluar
St_jam_klr Enum (“Belumabsen”,
“Menunggu”,
”dikonfirmasi”,
”ditolak”)
49
3. Spesifikasi File admin
Nama File : Catatan
Akronim : Catatan
Fungsi : Untuk Memasukan Catatan
Tipe file : File Master
Organisasi file : Index Sequential
Media : Random
Panjang Record : 50 karakter
Kunci Field : Id_catatan
Software : MySQL
Tabel IV.5
Spesifikasi file Masukan untuk Memasukan catatan
NO. Elemen Nama Field Tipe Size Keterangan
1
Id _catatan Id_cat Int 10 Primery Key
2
Id_ guru Id_guru int 10
3
Id_bulan Id_bln Int 10
4
Id_Hari Id_hri int 10
5
Id_tanggal Id_tgl int 10
6
Isi_catatan Isi_cat longtext
7
Status_catata
n
Status _cat Enum (“Menunggu”,
”dikonfirmasi”
,”ditolak”)
50
4. Spesifikasi File admin
Nama File : admin
Akronim : admin
Fungsi : Untuk Melakukan login
Tipe file : File Master
Organisasi file : Index Sequential
Media : Random
Panjang Record : 520 karakter
Kunci Field : Id_user
Software : MySQL
Tabel IV.6
Spesifikasi file Masukan untuk Melakukan Login
NO. Elemen Nama Field Tipe Size Keterangan
1
Id _user Id_user Int 10 Primery Key
2
Email Email Varchar 255 Primery Key
3
Password Pass Varchar 255
4
Level Lvl enum (“admin”,”user”)
51
5. Spesifikasi File admin
Nama File : Bulan
Akronim : Bulan
Fungsi : Untuk Melakukan bulan
Tipe file : File kerja
Organisasi file : Index Sequential
Media : Random
Panjang Record : 35 karakter
Kunci Field : Id_bulan
Software : MySQL
Tabel IV.7
Spesifikasi file Masukan untuk Melakukan bulan
NO. Elemen Nama Field Tipe Size Keterangan
1
Id _bulan Id_bln Int 10 Primery Key
2
Nama_bulan Nama_bln Varchar 25
52
6. Spesifikasi File admin
Nama File : hari
Akronim : hari
Fungsi : Untuk Melakukan hari
Tipe file : File kerja
Organisasi file : Index Sequential
Media : Random
Panjang Record : 35 karakter
Kunci Field : Id_hari
Software : MySQL
Tabel IV.8
Spesifikasi file Masukan untuk Melakukan hari
NO. Elemen Nama Field Tipe Size Keterangan
1
Id _hari Id_hari Int 10 Primery Key
2
Nama_hari Nama_hari Varchar 25
53
7. Spesifikasi File admin
Nama File : Tanggal
Akronim : Tanggal
Fungsi : Untuk Melakukan Tanggal
Tipe file : File kerja
Organisasi file : Index Sequential
Media : Random
Panjang Record : 35 karakter
Kunci Field : Id_tanggal
Software : MySQL
Tabel IV.9
Spesifikasi file Masukan untuk Melakukan tanggal
NO. Elemen Nama Field Tipe Size Keterangan
1
Id _tanggal Id_tgl Date 10 Primery Key
2
Nama_tanggal Nama_tgl Varchar 25
54
4.2.4. Class Model
Sumber : Hasil Rancangan
Gambar IV.23
Class Model
4.2.5. Sequence Diagram
55
1. Sequence Diagram Mengelola masuk user
Sumber : Hasil Rancangan
Gambar IV.24
Sequnce diagram admin masuk
2.Sequence Diagram Mengelola masuk Guru
Sumber : Hasil Rancangan
Gambar IV.25
Sequnce diagram Guru Masuk 3.Sequence Diagram Mengelola Absen
sd Masuk guru
admin
tampilan masuk Proses Masuk tampilan menu
utama
5: email,pw sandi salah()
1:ketik email,password
()
4:tampil menu utama()
2:validasi data()
3:Ambil data()
sd Masuk guru
Guru
tampilan masuk Proses Masuk tampilan menu
utama
2:validasi data()
3:Ambil data()
5: email,pw sandi salah()
4:tampil menu utama()
1:ketik email,password
()
56
Sumber : Hasil Rancangan
Gambar IV.26
Sequnce diagram admin mengelola absen
3.Sequence Diagram Melakukan Absen
Sumber : Hasil Rancangan
Gambar IV.27
Sequnce diagram Guru melakukan absen
sd admin
admin
Form login Tambah guru konfirmasi absen
masuk
Konfirmasi absen
keluar
catatan Menu utama
8:Kembali ke menu utama()
1:Masukan Email ,Password()
6:mengecek ,konfirmas,catatan yang diisi oleh guru()
5:mengecek ,konfirmasi, absen keluar guru()
2:Login gagal(email,password)
7: menampilkan menu utama()
4:mengecek ,konfirmasi,absen masuk
guru()
3:masukan data guru()
sd guru
Guru
form Login absen masuk Absen Keluar isi catatan menu utama
2:menunggu konfirmasi dari user()
1:masukan email,password()
8: kembali ke menu utama()
6:melihat data absen ()
5:melihat data cacatan()
3: menuggu konfirmasi dari user()
7:menampikan menu utama()
4: menunggu konfirmasi dari user()
57
4.2.6. Spesifikasi Hardware dan software
1. Spesifikasi Perangkat Keras(Hardware)
Perangkat keras (Hardware) adalah seluruh komponen yang membentuk suatu
sistem komputer dan peralatan lainya yang minimum dan memungkinkan
komputer dapat melaksanakan tugasnya, klasifikasi perangkat keras yang di
usulkan adalah sebagai berikut:
A. Laptop ASUS
1. Operating System : Windwos 7 Ultimati 64-bit
2. System Model : X200CA
3. Memory : Ram 2 GB
4. Harddisk : 500gb
5. Keyboard : Logitech MK120
6. Printer : HP DeskJet GT 5810
7. Mouse : Logitech MK120
2. Spesifikasi Perangkat Lunak(Software)
Untuk dapat menjalankan program pembuatan absensi guru ini dengan baik
dan agar program memiliki kinerja yang maksimal maka peneliti
menyarankan penggunaan perangkat lunak sebagai berikut:
a. Sistem Operasi : Windows 7 32-bit
b. Perancangan atau software pendukung : XAMPP 3.2.2,
Text Editor (Sublime)
Framework (Condeigniter)
Web Browser( Google Crome)
58
4.3. Jadwal Impementasi
Tabel IV.10.
Jadwal Implementasi
No KEGIATAN
WAKTU
BULAN I BULAN II BULAN III
1 2 3 4 1 2 3 4 1 2 3 4
1 Persiapan data awal
2 Analisa
3 Desain Sistem
4 Desain Perangkat Lunak
5
Pembuatan & Tes
Program
6 Tes Sistem
7 Pelatihan
8
Pembuatan Buku
Petunjuk
9 Evaluasi & Operasional