bab iv perancangan sistem usulan 4.1. tahapan … · gambar iv.24 sequnce diagram admin masuk...

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