BAB IV PERANCANGAN SISTEM USULAN · 37 BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan Perancangan...

37

BAB IV

PERANCANGAN SISTEM USULAN

4.1. Tahapan Perancangan Sistem

4.1.1. Analisis Kebutuhan

A. Kebutuhan Pengguna

Dalam Pembuatan Program web Sistem Penilaian Siswa terdapat tiga pengguna

yang saling berinteraksi dalam lingkungan sistem, yaitu Admin, Guru dan Siswa.

Pengguna tersebut memiliki karakteristik interaksi dengan sistem yang berbeda-

beda dan memiliki kebutuhan informasi yang berbeda-beda, seperti berikut :

A1. Kebutuhan Admin

1) Dapat login dengan menggunakan nama dan password

2) Dapat menginput data guru baru

3) Dapat mengubah data guru

4) Dapat menghapus data guru

5) Dapat menginput siswa baru

6) Dapat mengubah data siswa

7) Dapat menghapus data siswa

8) Dapat menginput data mata pelajaran baru

9) Dapat mengubah data mata pelajaran

10) Dapat menghapus data mata pelajaran

A2. Kebutuhan Guru

1) Dapat login dengan menggunakan ID dan password

2) Dapat melihat data diri Guru

3) Dapat mengubah data diri Guru

38

4) Dapat menginput nilai siswa

5) Dapat memperbarui nilai siswa

6) Dapat melihat nilai siswa

7) Dapat mencetak nilai siswa

A3. Kebutuhan Siswa

1) Dapat login dengan menggunakan ID dan password

2) Dapat melihat data diri siswa

3) Dapat mengubah data diri siswa

4) Dapat melihat nilai siswa

5) Dapat mencetak nilai siswa

B. Kebutuhan Sistem

a. Pengguna harus melakukan login terlebih dahulu untuk dapat mengakses web

ini dengan cara memilih hak akses lalu memasukkan nama dan password untuk

user Admin dan ID dan Password untuk user Guru dan Siswa agar privasi

masing-masing User dapat terjaga keamanannya.

b. Pengguna harus melakukan logout setelah menggunakan aplikasi web ini.

39

4.1.2. Rancangan Diagram Use Case

Gambar IV.1. Use Case Diagram Sistem Usulan

Tabel IV.1.

Deskripsi Use Case Rapor Siswa

Use Case Name Rapor Siswa

Requirements Admin, Guru, dan siswa harus melakukan login

terlebih dahulu

Goal Siswa dapat mencetak nilai Siswa

Pre-Conditions Siswa melakukan ujian

Post-Conditions Siswa mendapatkan nilai

Failed end Conditions Siswa tidak mendapatkan nilai

Actors Admin, Guru, dan Siswa

40

Main Flow/Basic Path

1. Admin dapat menginput data guru, data siswa

dan mata pelajaran

2. Guru dapat menginput data nilai pelajaran

siswa, nilai absen siswa, dan nilai kepribadian

siswa

3. Siswa dapat melihat hasil nilai siswa dan

mencetak nilai siswa

Alternate Flow/Intervarian A

1. Sistem menampilkan data guru, data siswa dan

mata pelajaran yang telah diinput oleh Admin

2. Sistem menampilkan data nilai pelajaran siswa,

nilai absen siswa, dan nilai kepribadian siswa

yang telah dimasukan oleh guru

41

4.1.3. Rancangan Diagram Aktivitas

1. Activity Diagram Input Nilai Siswa

Gambar IV.2. Activity Diagram Input Nilai Siswa

GURU SISTEM

MEMILIH HAK AKSES

MEMASUKKAN ID DAN PASSWORD

BERHASIL?

TIDAK

YA

MENAMPILKAN MENU UTAMA GURU

MENGELOLA NILAI SISWA

MEMILIH KELAS

INPUT NILAI

LOGOUT

MENAMPILKAN FORM LOGIN HAK AKSES

MENAMPILKAN DAFTAR SISWA

MENAMPILKAN HASIL

NILAI SISWA

PILIHMENAMPILKAN FORM

INPUT NILAI

LIHAT NILAI

CETAK NILAI

MENAMPILKAN FORM CETAK NILAI

42

2. Activity Diagram Cetak Nilai Siswa

Gambar IV.3. Activity Diagram Cetak Nilai Siswa

GURU SISTEM

MEMILIH HAK AKSES

MEMASUKKAN ID DAN PASSWORD

BERHASIL?

TIDAK

YA

MENAMPILKAN MENU UTAMA SISWA

LIHAT NILAI SISWA

LOGOUT

MENAMPILKAN FORM

LOGIN HAK AKSES

MENAMPILKAN HASIL NILAI SISWA

CETAK NILAI

MENAMPILKAN FORM

CETAK NILAI

43

4.1.4. Rancangan Dokumen Sistem Usulan

A. Rancangan Dokumen Masukkan

1. Nama Dokumen : Data Guru

Fungsi : Untuk memasukan data guru

Sumber : Guru

Media : Form

Jumlah : 1 Halaman

Frekuensi : Setiap ada penerimaan guru baru

Bentuk : Lampiran C.1.

2. Nama Dokumen : Data Siswa

Fungsi : Untuk memasukan data siswa

Sumber : Siswa

Media : Form

Jumlah : 1 Halaman

Frekuensi : Setiap ada Penerimaan Siswa Baru


3. Nama Dokumen : Data Mata Pelajaran

Fungsi : Untuk memasukan data mata pelajaran

Sumber : Kepala Sekolah

Media : Form

Jumlah : 1 Halaman

Frekuensi : Setiap ada Mata Pelajaran Baru


44

4. Nama Dokumen : Data Nilai

Fungsi : Untuk memasukan data nilai siswa

Sumber : Guru

Media : Form

Jumlah : 1 Halaman

Frekuensi : Setiap selesai ulangan harian, ulangan tengah semester, atau

ulangan Akhir Semester


B. Rancangan Dokumen Keluaran

1. Nama Dokumen : Rapor Siswa

Fungsi : Untuk mengetahui nilai keseluruhan siswa

Sumber : Guru

Tujuan : Orangtua / Siswa

Media : Kertas / File

Jumlah : 1 Lembar / 1 File

Frekuensi : Setiap guru selesai menginput nilai siswa

Bentuk : Lampiran D.1.

4.1.5. Rancangan Prototype

1. Login

Form Login digunakan untuk pengguna masuk ke dalam program web. Jika

ingin masuk ke dalam web, Admin, Guru, maupun Siswa perlu melakukan login

terlebih dahulu dengan cara memilih hak akses lalu masukkan username dan

password untuk user admin dan id dan password untuk user guru dan siswa.

45

Gambar IV.4. Form Login Hak Akses

Gambar IV.5. Form Login User

2. Form Menu Utama Admin

Menu Utama Admin digunakan khusus untuk user admin. Didalamnya terdapat

informasi tentang sekolah dan pada panel sebelah kiri terdapat tombol Halaman

utama admin, tombol pengelolaan data guru yang mengarah ke pengelolaan data

guru, tombol pengelolaan data siswa yang mengarah ke pengelolaan data siswa,

46

tombol pengelolaan daftar mata pelajaran yang mengarah ke pengelolaan mata

pelajaran dan tombol logout.

Gambar IV.6. Form Menu Utama Admin

3. Form Menu Utama Guru

Menu Utama Guru digunakan khusus untuk user Guru. Pada panel sebelah kiri

terdapat tombol halaman utama guru yang didalamnya terdapat informasi

tentang sekolah, tombol data diri guru yang mengarah ke detail data diri guru

yang sedang login, tombol pengelolaan nilai siswa yang mengarah ke Form

Input nilai siswa dan tombol logout.

47

Gambar IV.7. Form Menu Utama Guru

4. Form Menu Utama Siswa

Menu utama siswa digunakan khusus untuk user siswa. Pada panel sebelah kiri

terdapat tombol halaman utama yang didalamnya terdapat informasi tentang

sekolah, tombol data diri siswa yang mengarah ke detail data diri siswa yang

sedang login, tombol lihat nilai siswa yang mengarah ke detail nilai siswa dan

tombol logout.

48

Gambar IV.8. Form Menu Utama Siswa

5. Form Data Guru

Form data guru digunakan oleh admin untuk menambah, mengubah, atau

menghapus data guru. Form ini berisi id guru, nama guru, alamat, no telepon,

jenis kelamin, status mengajar, kelas mengajar, dan opsi yang berisi pilihan

untuk mengedit atau menghapus data.

49

Gambar IV.9. Form Data Guru

6. Form Data Siswa

Form data siswa digunakan oleh admin untuk menambah, mengubah, atau

menghapus data siswa. Pilih kelas untuk melihat data kelas yang diinginkan.

Dalam form data siswa terdapat kelas siswa, id siswa, nama siswa, alamat, no

telepon, jenis kelamin, dan opsi yang berisi tombol pilihan untuk mengedit atau

menghapus nilai siswa

50

Gambar IV.10. Form Data Siswa

7. Form Data Mata Pelajaran

Digunakan oleh admin untuk menambah, mengubah atau menghapus data mata

pelajaran. Form mata pelajaran berisi kode mata pelajaran, nama mata pelajaran,

dan kriteria kelulusan minimum.

Gambar IV.11. Form Data Mata Pelajaran

51

8. Form Input Nilai Siswa

Form Input Nilai Siswa digunakan oleh guru untuk meng input nilai siswa. Pada

form input nilai siswa pada bagian atas terdapat pilihan untuk memilih semester

dan tahun ajaran, pada bagian tengah terdapat kode mata pelajaran, nama mata

pelajaran, KKM, serta penginputan nilai harian UTS dan UAS. Pada bagian

bawah terdapat Form Input jumlah kehadiran siswa, nilai kepribadian siswa dan

catatan dari guru.

Gambar IV.12. Form Input Nilai Siswa

52

9. Form Nilai Siswa

Form Nilai Siswa dapat digunakan siswa maupun guru. Fungsinya adalah untuk

melihat hasil nilai yang telah di input oleh guru dan mencetaknya bila

diperlukan.

Gambar IV.13. Form Nilai Siswa

53

4.2. Perancangan Perangkat Lunak

4.2.1. Entity Relationship Diagram (ERD)

Gambar IV.14. Entity Relationship Diagram Sistem Usulan

MEMILIKI

M1

1

1

1

MEMILIKI

1

kelas_mengajar

sakit

tempatlahir_guru

tgllahir_guru

GURU

1

id_guru

nama_mapel

nama_guru

password_guru

email_guru

tlp_guru

jenkel_guru

NILAI

M

uts

akhir

harian

id_nilaiid_guru id_siswa

id_mapel

tgllahir_siswatempatlahir_siswa

id_siswa

kelas

pass_siswa

tlp_siswa

nama_siswa

jenkel_siswa

alamat_siswa

id_absen

id_siswa

thn_ajaran

semester

alpa

sikap

kerajinan

ABSEN_SISWA

catatan

izin

kerapihan

kebersihan

MAPEL

status_mengajar

alamat_guru

id_mapelkkm

MENGINPUT

MEMILIKI

uas

SISWA

54

4.2.2. Logical Record Structure (LRS)

Gambar IV.15. Logical Record Structure Sistem Usulan

4.2.3. Spesifikasi File

Adapun Spesifikasi File yang digunakan pada program sistem usulan ini yang

tersimpan pada database yang diberi nama sipensis. Rincian Spesifikasi File adalah

sebagai berikut :

55

1. Spesifikasi Admin

Nama : Tabel Admin

Akronim File : admin

Fungsi File : Untuk menyimpan data admin

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 312 Karakter

Kunci Field : id_admin

Software : MySQL

Tabel IV.2.

Spesifikasi Tabel Admin

No Elemen Data Nama Field Tipe Size Keterangan

1. Kode Admin id_admin int 12 Primary Key

2. Nama Admin nama_admin varchar 100

3. Password password Varchar 100

4. Username username Varchar 100

2. Spesifikasi File Guru

Nama : Tabel Guru

Akronim File : guru

Fungsi File : Untuk menyimpan data guru



Akses File : Random

56

Media : Hardisk


Kunci Field : id_guru

Software : MySQL

Tabel IV.3.

Spesifikasi Tabel Guru


1. Kode Guru id_guru int 12 Primary Key

2. Email Guru email_guru varchar 100

3. Password password_guru varchar 100

4. Nama Guru nama_guru varchar 100

5. Tempat Lahir

Guru tempatlahir_guru varchar 100

6. Tanggal Lahir

Guru tgllahir_guru varchar 100

7. Alamat Guru alamat_guru varchar 100

8. No Telepon tlp_guru varchar 50

9. Jenis Kelamin jenkel_guru enum

10. Kelas Mengajar kelas_mengajar enum

11. Status Mengajar status_mengajar enum

3. Spesifikasi File Siswa

Nama : Tabel Siswa

Akronim File : Siswa

Fungsi File : Untuk menyimpan data Siswa



Akses File : Random

Media : Hardisk


57

Kunci Field : id_siswa

Software : MySQL

Tabel IV.4.

Spesifikasi Tabel Siswa


1. Kode Siswa id_siswa Int 12 Primary Key

2. Password pass_siswa varchar 100

3. Nama Siswa nama_siswa varchar 100

4. Jenis Kelamin jenkel_siswa enum

5. Tempat Lahir

Siswa tempatlahir_siswa varchar 100

6. Tanggal Lahir

Siswa tgllahir_siswa varchar 100

7. Alamat alamat_siswa varchar 100

8. No Telepon tlp_siswa varchar 50

9 Kelas kelas enum

4. Spesifikasi Tabel Mata Pelajaran

Nama : Tabel Mata Pelajaran

Akronim File : mapel

Fungsi File : Untuk menyimpan data Mata Pelajaran



Akses File : Random

Media : Hardisk


Kunci Field : id_mapel

Software : MySQL

58

Tabel IV.5.

Spesifikasi Tabel Mata Pelajaran


1. Kode Mata Pelajaran id_mapel int 12 Primary Key

2. Nama Mata pelajaran nama_mapel varchar 100

3. Kriteria Kelulusan

Minimum kkm int 12

5. Spesifikasi Tabel Penilaian Absen Siswa

Nama : Tabel Penilaian Absensi Siswa

Akronim File : absen_siswa

Fungsi File : Untuk menyimpan data nilai absen



Akses File : Random

Media : Hardisk


Kunci Field : id_absen

Software : MySQL

Tabel IV.6.

Spesifikasi Tabel Penilaian Absen


1. Kode Absen id_absen int 12 Primary Key

2. Kode Siswa id_siswa int 12

3. Semester semester varchar 100

4. Tahun Ajaran thn_ajaran varchar 100

5. Ketidakhadiran sakit sakit int 12

6. Ketidakhadiran izin izin int 12

7. Ketidakhadiran alpa alpa int 12

59

8. Penilaian sikap sikap varchar 12

9. Penilaian Kerajinan kerajinan varchar 12

10. Penilaian Kerapihan kerapihan varchar 12

11 Penilaian Kebersihan kebersihan varchar 12

12 Catatan Guru catatan varchar 100

6. Spesifikasi Tabel Penilaian Siswa

Nama : Tabel Penilaian Siswa

Akronim File : nilai

Fungsi File : Untuk menyimpan data nilai siswa



Akses File : Random

Media : Hardisk


Kunci Field : id_nilai

Software : MySQL

Tabel IV.7.

Spesifikasi Tabel Penilaian Siswa


1. Kode Nilai id_nilai int 12 Primary Key

2. Kode Siswa id_siswa int 12

3. Kode Mata Pelajaran id_mapel int 12

4. Kode Guru id_guru int 12

5. Nilai Harian harian int 12

6. Nilai UTS uts int 12

7. Nilai UAS uas int 12

8. Nilai Akhir akhir int 12

60

4.2.4. Class Model / Class Diagram

Gambar IV.16. Class Diagram Sistem Usulan

mapel

id_mapel : int (12)

nama_mapel : varchar (100)

kkm : int (12)

+tambah()

+edit()+hapus()

absen_siswa

id_absen : int (12)

id_siswa : int (12)

semester : varchar (100)

thn_ajaran : varchar (100)

sakit : int (12)

izin : int (12)

alpa : int (12)

sikap : varchar (12)

kerajinan : varchar (12)

kerapihan : varchar (12)

kebersihan : varchar (12)

catatan : varchar (100)

+tambah()

guru

id_guru :int (12)

email_guru : varchar (100)

password_guru : varchar (100)

nama_guru : varchar (100)

tempatlahir_guru : varchar (100)

tgllahir_guru : varchar (100)

alamat_guru : varchar (100)

tlp_guru : varchar (50)

jenkel_guru : enum ('laki-laki','perempuan')

kelas_mengajar : enum ('kelas-1','kelas-2',

'kelas-3','kelas-4','kelas-5','kelas-6')

status_mengajar : enum ('aktif','nonaktif')

+tambah()

+edit()

+hapus()

siswa

id_siswa ; int (12)

pass_siswa : varchar (100)

nama_siswa : varchar (100)

jenkel_siswa : enum ('laki-laki','perempuan')

tempatlahir_siswa : varchar (100)

tgllahir_siswa : varchar (100)

alamat_siswa : varchar (100)

tlp_siswa : varchar (50)

kelas : enum ('kelas-1','kelas-2','kelas-3','kelas-

4','kelas-5','kelas-6')

+tambah()

+edit()

+hapus()

nilai

id_nilai : int (12)

id_siswa : int (12)

id_mapel : int (12)

id_guru : int (12)

harian : int (12)

uts : int (12)

uas : int (12)

akhir : int (12)

+tambah()

admin

- id_admin : int (12)

- nama_admin varchar (100)

- password : varchar (100)

- username : varchat(100)

+tambah()

+edit()

+hapus()

1

1..*Mengelola

1

1..*Mengelola

1 1..*

Mengelola

1 1

1..* 1..*

memiliki

Menilai

1

1..*Menilai

61

4.2.5. Sequence Diagram

1. Sequence Diagram Input Nilai Siswa

Gambar IV.17. Sequence Diagram Input Nilai Siswa

4.2.6. Spesifikasi Hardware dan Software

1. Spesifikasi Hardware

a. Server

1) CPU

a) Prosessor Intel(R) Celeron(R) CPU N3050 @ 1.60 GHz

b) RAM 2,00 GB

c) Hardisk 500 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi Internet dengan kecepatan 2 Mbps.

GURU

LOGINMENU UTAMA

GURUKELOLA NILAI

SISWAINPUT NILAI

SISWALIHAT NILAI

SISWADATABASE

1. id dan password

2. masuk menu utama guru

3. Menampilkan menu utama guru

4. masuk menu kelola

nilai siswa

5. Menampilkan menu kelola nilai

6. tambah nilai siswa

8. simpan nilai siswa

7. Menampilkan form penilaian siswa

9. lihat nilai siswa

10. Menampilkan rapor siswa

LOGOUT

11. logout

62

b. Client

1) CPU

a) Prosessor Intel(R) Celeron(R) CPU N3050 @ 1.60 GHz

b) RAM 2,00 GB

c) Hardisk 500 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi Internet dengan kecepatan 56 kbps

2. Spesifikasi Software

a. Server

1) Sistem operasi yang umum digunakan seperti: Microsoft Windows 10

atau Microsoft Windows 8.1

2) Aplikasi bundle web server seperti: Xampp, php2triad yang terdiri dari

beberapa komponen, diantaranya:

Aplikasi Apache Server v2

Aplikasi PHP Server v5

Aplikasi MySQL Server v5

Aplikasi PhpMyAdmin v4

3) Aplikasi web Browser seperti Mozilla Firefox, Google Chrome, Internet

Explorer, dan Opera

63

b. Client

1) Sistem operasi yang umum digunakan seperti: Microsoft Windows 8.1

2) Aplikasi web Browser seperti Mozilla Firefox, Google Chrome, Internet

Explorer, dan Opera

4.3. Jadwal Implementasi

Tabel IV.8.

Jadwal Implementasi

No KEGIATAN

WAKTU

BULAN I BULAN II BULAN III BULAN IV

1 2 3 4 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

BAB IV PERANCANGAN SISTEM USULAN · 37 BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan Perancangan...

Documents

Transcript of BAB IV PERANCANGAN SISTEM USULAN · 37 BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan Perancangan...