bab iv perancangan sistem usulan · 33 4.1.2. rancangan diagram use case gambar iv.1 use case...

34
31 BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan Perancangan Sistem Dalam merancang sistem usulan yang dilakukan penulis melakukan identifikasi kebutuhan fungsional program disertai dengan penggambaran use case diagram dan skenario use case yang terkait dengan proses bisnis yang diusulkan. 4.1.1. Analisis Kebutuhan Sebelum merancang sebuah Sistem E-Learning, penulis menganalisa dan merangkum beberapa kebutuhan Pengguna dan kebutuhan sistem seperti berikut: A. Kebutuhan Pengguna Dalam perancangan sistem E-Learning pada SMK Bina Karya 1 Karawang terdapat beberapa pengguna yang memiliki kebutuhan informasi yang berbeda seperti berikut ini: A1. Skenario Kebutuhan Admin a. Mengelola Data Kelas b. Mengelola Data Siswa c. Mengelola Data Pelajaran d. Mengelola data Guru e. Mengelola data quiz f. Mengelola module akses user g. Mengelola data administrator

Upload: others

Post on 02-Dec-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

31

BAB IV

PERANCANGAN SISTEM USULAN

4.1. Tahapan Perancangan Sistem

Dalam merancang sistem usulan yang dilakukan penulis melakukan

identifikasi kebutuhan fungsional program disertai dengan penggambaran use case

diagram dan skenario use case yang terkait dengan proses bisnis yang diusulkan.

4.1.1. Analisis Kebutuhan

Sebelum merancang sebuah Sistem E-Learning, penulis menganalisa dan

merangkum beberapa kebutuhan Pengguna dan kebutuhan sistem seperti berikut:

A. Kebutuhan Pengguna

Dalam perancangan sistem E-Learning pada SMK Bina Karya 1 Karawang

terdapat beberapa pengguna yang memiliki kebutuhan informasi yang berbeda

seperti berikut ini:

A1. Skenario Kebutuhan Admin

a. Mengelola Data Kelas

b. Mengelola Data Siswa

c. Mengelola Data Pelajaran

d. Mengelola data Guru

e. Mengelola data quiz

f. Mengelola module akses user

g. Mengelola data administrator

Page 2: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

32

A2. Skenario Kebutuhan Guru

a. Mengelola manajemen kelas

b. Mengelola mata pelajaran

c. Mengelola materi pembelajaran

d. Manajemen Quiz

A3. Skenario Kebutuhan Siswa

a. Melihat data profil siswa

b. Melihat data teman sekelas

c. Melihat jadwal pelajaran

d. Melihat detail guru pengampu mata pelajaran

e. Melihat materi pelajaran

f. Mengerjakan tugas

g. Melihat nilai tugas

B. Kebutuhan Sistem

1. Pengguna (Admin/ Pengelola) harus melakukan login terlebih dahulu untuk

dapat mengakses aplikasi ini dengan cara memasukkan username dan

password.

2. Pengguna harus melakukan logout setelah selesai menggunakan aplikasi.

3. Sistem Melakukan Penghitungan Nilai berdasarkan Hasil Ujian yang

dilakukan oleh siswa.

Page 3: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

33

4.1.2. Rancangan Diagram Use Case

Gambar IV.1

Use Case Diagram Sistem Usulan

Tabel IV.1

Deskripsi Use Case Mengelola Data Kelas

Use Case Name Mengelola Data Kelas

Requirements Admin dapat mengelola data Kelas

Goals Admin dapat menambah, mengedit dan

menghapus data Kelas.

Pre-Conditions Admin telah melakukan login.

Post- Conditions Data Kelastersimpan, terupdate, terhapus

Failed end Conditions Gagal menyimpan, mengupdate dan menghapus

Actors Pengelola

Main Flow/ Basic Path 1. Admin Melihat data Karyawan

2. Admin memilih button tambah pada form

Kelas.

3. Admin mengisi data Kelas.

4. Admin memilih button simpan untuk

menyimpan

5. Sistem menampilkan pesan “Data telah

tersimpan”.

Alternate Flow/ Invariant A A1. Sistem Menampilkan Data kelas yang sudah

tersimpan.

A2. Admin memilih tombol edit

A3. Sistem menampilkan form edit data Kelas.

A4. Admin mengedit data kelas

Invariant B B1. Admin memilih tombol hapus

B2. Sistem menghapus data kelas

Tabel IV.2

Deskripsi Use Case Mengelola Data Siswa

Use Case Name Mengelola Data Siswa

Requirements Admin dapat mengelola data Siswa.

Goals Admin dapat menambah, mengedit dan

menghapus data Siswa

Pre-Conditions Admin telah melakukan login

Post- Conditions Data Siswa tersimpan, terupdate, terhapus

Failed end Conditions Gagal menyimpan, mengupdate dan menghapus

Actors Admin

Main Flow/ Basic Path 1. Admin Melihat data Siswa

2. Admin memilih button tambah pada form

Page 4: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

34

Siswa.

3. Admin mengisi data Siswa.

4. Admin memilih button simpan untuk

menyimpan

5. Sistem menampilkan pesan “Data telah

tersimpan”.

Alternate Flow/ Invariant A A1. Sistem Menampilkan Data Siswa yang

sudah tersimpan.

A2. Admin memilih tombol edit

A3. Sistem menampilkan form edit data siswa.

A4. Admin mengedit data siswa

Invariant B B1. Admin memilih tombol hapus

B2. Sistem menghapus data siswa

Tabel IV.3

Deskripsi Use Case Mengelola Data Pelajaran

Use Case Name Mengelola Data Pelajaran

Requirements Admin dan Guru dapat mengelola Pelajaran.

Goals Admin dan Guru dapat menambah, mengedit dan

menghapus data pelajaran

Pre-Conditions Admin dan Guru telah melakukan login

Post- Conditions Data Pelajaran tersimpan, terupdate, terhapus

Failed end Conditions Gagal menyimpan, mengupdate dan menghapus

Actors Admin dan Guru

Main Flow/ Basic Path 1. Admin dan Guru Melihat data Pelajaran

2. Admin dan Guru memilih button tambah

pada form Pelajaran.

3. Admin dan Guru mengisi data Pelajaran.

4. Admin dan Guru memilih button simpan

untuk menyimpan

5. Sistem menampilkan pesan “Data telah

tersimpan”.

Alternate Flow/ Invariant A A1. Admin dan Guru memilih tombol edit

A2. Sistem menampilkan form edit data

Pelajaran.

A3. Admin dan Guru mengedit data Pelajaran

Invariant B B1. Admin dan Guru memilih tombol hapus

B2. Sistem menghapus data Pelajaran

Tabel IV.4

Deskripsi Use Case Mengelola Data Guru

Page 5: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

35

Use Case Name Mengelola Data Guru

Requirements Admin dapat mengelola data Guru.

Goals Admin dapat menambah, mengedit dan

menghapus data Guru

Pre-Conditions Admin telah melakukan login

Post- Conditions Data Gurutersimpan, terupdate, terhapus

Failed end Conditions Gagal menyimpan, terupdate, terhapus

Actors Admin

Main Flow/ Basic Path 1. Admin Melihat data Guru

2. Admin memilih button tambah pada form

Guru.

3. Admin mengisi data Guru.

4. Admin memilih button simpan untuk

menyimpan

5. Sistem menampilkan pesan “Data telah

tersimpan”.

Alternate Flow/ Invariant A A1. Admin memilih tombol edit

A2. Sistem menampilkan form edit data Guru.

A3. Admin mengedit data Guru

Invariant B B3. Admin memilih tombol hapus

B1. Sistem menghapus data Guru

Tabel IV.5

Deskripsi Use Case Mengelola Data Quiz

Use Case Name Mengelola Data Quiz

Requirements Admin dan Guru dapat mengelola data Quiz.

Goals Admin dan Guru dapat menambah, mengedit dan

menghapus data Quiz

Pre-Conditions Admin dan Guru telah melakukan login

Post- Conditions Data Quiz tersimpan, terupdate, terhapus

Failed end Conditions Gagal menyimpan, terupdate, terhapus

Actors Admin dan Guru

Main Flow/ Basic Path 6. Admin dan Guru Melihat data Quiz

7. Admin dan Guru memilih button tambah

pada form Quiz.

8. Admin dan Guru mengisi data Quiz.

9. Admin dan Guru memilih button simpan

untuk menyimpan

10. Sistem menampilkan pesan “Data telah

tersimpan”.

Alternate Flow/ Invariant A A4. Admin dan Guru memilih tombol edit

A5. Sistem menampilkan form edit data Quiz.

A6. Admin dan Guru mengedit data Quiz

Page 6: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

36

Invariant B B4. Admin dan Guru memilih tombol hapus

B2. Sistem menghapus data Quiz

Page 7: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

37

Tabel IV.6

Deskripsi Use Case Mengelola Data Materi Pelajaran

Use Case Name Mengelola Data Materi Pelajaran

Requirements Guru dapat mengelola data Materi Pelajaran .

Goals Guru dapat menambah, mengedit dan

menghapus data Materi Pelajaran

Pre-Conditions Guru telah melakukan login

Post- Conditions Data Materi Pelajaran tersimpan, terupdate,

terhapus

Failed end Conditions Gagal menyimpan, terupdate, terhapus

Actors Guru

Main Flow/ Basic Path 11. Guru Melihat data Materi Pelajaran

12. Guru memilih button tambah pada form

Materi Pelajaran .

13. Guru mengisi data Materi Pelajaran .

14. Guru memilih button simpan untuk

menyimpan

15. Sistem menampilkan pesan “Data telah

tersimpan”.

Alternate Flow/ Invariant A A7. Guru memilih tombol edit

A8. Sistem menampilkan form edit data Materi

Pelajaran .

A9. Guru mengedit data Materi Pelajaran

Invariant B B5. Guru memilih tombol hapus

B3. Sistem menghapus data Materi Pelajaran

Tabel IV.7

Deskripsi Use Case Melihat Materi Pelajaran

Use Case Name Melihat Data Materi Pelajaran

Requirements Siswa dapat Melihat Materi Pelajaran .

Goals Siswa Melihat data Materi Pelajaran

Pre-Conditions Siswa telah melakukan login

Post- Conditions Data Materi Pelajaran tampil

Failed end Conditions Gagal Tampil

Actors Siswa

Main Flow/ Basic Path 16. Siswa Melihat data Materi Pelajaran

17. Siswa memilih button Lihat File Materi

untuk Tampil

Alternate Flow/ Invariant A -

Invariant B -

Page 8: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

38

Tabel IV.8

Deskripsi Use Case Melihat Teman Sekelas

Use Case Name Melihat Teman Sekelas

Requirements Siswa Melihat Teman Sekelas.

Goals Siswa Melihat data Teman Sekelas

Pre-Conditions Siswa telah melakukan login

Post- Conditions Data Teman Sekelas tampil

Failed end Conditions Gagal Tampil

Actors Siswa

Main Flow/ Basic Path 1. Siswa Melihat data Teman Sekelas

2. Siswa memilih button Kelas Anda

3. Sistem menampilkan data kelas

4. Siswa memilih button Lihat Teman

5. Sistem menampilkan data teman yang

sekelas dengan siswa tersebut.

Alternate Flow/ Invariant A -

Invariant B -

Tabel IV.9

Deskripsi Use Case Mengerjakan Tugas

Use Case Name Mengerjakan Tugas

Requirements Siswa Mengerjakan Tugas

Goals Siswa dapat Mengerjakan Tugas

Pre-Conditions Siswa telah melakukan login

Post- Conditions Data Tugas tampil

Failed end Conditions Gagal Tampil

Actors Siswa

Main Flow/ Basic Path 1. Siswa memilih button Tugas/Quiz

2. Sistem menampilkan Tugas

3. Siswa memilih button Kerjakan Tugas

4. Sistem menampilkan Soal.

5. Siswa mengerjakan Tugas.

Alternate Flow/ Invariant A -

Invariant B -

Page 9: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

39

4.1.3. Rancangan Diagram Aktivitas

Aktivity Diagram yang dirancang oleh penulis dalam usulan sistem E-

Learning pada SMK Bina Karya 1 Karawang adalah sebagai berikut:

1. Activity Diagram Sistem E-Learning (Admin)

Gambar IV.2

Activity Diagram Sistem E-Learning (Admin)

Page 10: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

40

2. Activity Diagram Sistem E-Learning (Guru)

Gambar IV.3

Activity Diagram Sistem E-Learning (Guru)

Page 11: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

41

3. Activity Diagram Sistem E-Learning (Siswa)

Gambar IV.4

Activity Diagram Sistem E-Learning (Siswa)

4.1.4. Rancangan Dokumen Sistem Usulan

Beberapa rancangan dokumen sistem yang diusulkan penulis pada Sistem E-

Learning di SMK Bina Karya 1 adalah :

Page 12: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

42

1. Nama Dokumen : Jadwal Mata Pelajaran

Fungsi : Sebagai Pemetaan jadwal proses belajar mengajar

Sumber : Admin

Tujuan : Guru dan Siswa

Media : Kertas

Jumlah : 1 lembar

Frekuensi : Setiap 1 Tahun

Bentuk : Lihat Lampiran B.1

2. Nama Dokumen : Daftar Tugas

Fungsi : Sebagai Data Tugas Siswa

Sumber : Guru

Tujuan : Siswa

Media : Kertas

Jumlah : 1 lembar

Frekuensi : Setiap Tugas Mata Pelajaran SIswaa

Bentuk : Lihat Lampiran B.2

3. Nama Dokumen : Daftar Nilai

Fungsi : Untuk mengetahui Nilai Setiap Jadwal Pelajaran

Sumber : Guru

Tujuan : Admin dan Siswa

Media : Kertas

Jumlah : 1 lembar

Frekuensi : Setiap siswa mengerjakan Tugas

Bentuk : Lihat Lampiran B.3

Page 13: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

43

4.1.5. Rancangan Prototype

Rancangan Prototype atau Interface yang dilakukan oleh penulis adalah

sebagai berikut:

1. Interface Form Login

Gambar IV.5

Interface Form Login

Page 14: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

44

2. Interface Beranda Siswa

Gambar IV.6

Interface Beranda Siswa

3. Interface Kelas Anda

Gambar IV.7

Interface Kelas Anda

Page 15: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

45

4. Interface Mata Pelajaran Siswa

Gambar IV.8

Interface Mata Pelajaran Siswa

5. Interface Materi Pelajaran Siswa

Gambar IV.9

Interface Materi Pelajaran Siswa

Page 16: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

46

6. Interface Tugas dan Nilai Siswa

Gambar IV.10

Interface Tugas dan Nilai Siswa

Page 17: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

47

7. Interface Profil Siswa

Gambar IV.11

Interface Profil Siswa

8. Interface Beranda Guru

Gambar IV.12

Interface Beranda Guru

Page 18: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

48

9. Interface Jadwal Pelajaran Guru

Gambar IV.13

Interface Jadwal Pelajaran Guru

10. Interface Data Materi Pelajaran

Gambar IV.14

InterfaceData Materi Pelajaran

Page 19: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

49

11. Interface Manajemen Quiz

Gambar IV.15

Interface Manajemen Quiz

12. Interface Beranda Admin

Gambar IV.16

Interface Beranda Admin

Page 20: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

50

13. Interface Manajemen Siswa

Gambar IV.17

Interface Manajemen Siswa

14. Interface Manajemen Kelas

Gambar IV.18

Interface Manajemen Kelas

Page 21: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

51

15. Interface Manajemen Quiz

Gambar IV.19

Interface Manajemen Quiz

16. Interface Data Mata Pelajaran

Gambar IV.20

InterfaceData Mata Pelajaran

Page 22: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

52

4.2. Perancangan Perangkat Lunak

4.2.1. Entity Relationship Diagram (ERD)

siswa

Pengajar

kelas

Mata_pelajaran

Topik_quiz

Nilai

Quiz_pilganda

jawaban

File_materimemiliki

memiliki

memiliki

memiliki

memiliki

Id_siswa

nis

Nama_lengkap

jabatan

Id_kelas

Username_login

Nama_ayah

Tgl_lahir agama

alamat Tempat_lahirJenis_kelami

n

memiliki

memiliki

Nama_ibu

Th_masuk

email

No_telp foto

Id_kelas

nama

Id_pengajar

Id_siswa

id

Id_kelas

Id_matapelajaran

Tgl_posting

pembuat

hits

judul

Id_file

Nama_file

memiliki

id

Id_matapelajaran

nama

Id_kelas

Id_pengajar

pengajar

Tempat_lahir

agama

alamat

Username_login

nip

Id_pengajar

id_session

website

foto

email

No_telp

Jenis_kelami

n

jabatan

blokir

Nama_lengkap

Password_login

level

Id_kelas

Id_matapelajaran

Tgl_buat

pembuat

Waktu_peng

erjaan

Id_tq

info

terbit

judul

id

Id_tq

Id_siswa

benar

salah

Tidak_dikerj

akan

persentase

Pil_c

Pil_d

kunci

Tgl_buat

Jenis_soal

gambar

Pil_a

Pil_b

pertanyaan

Id_tq

Id_quiz

id

Id_tq

Id_quiz

Id_siswa

jawaban

1 M

1 M

1

1

1

M

1 M

1

1

M

1

1 1

Gambar IV.21

Entity Relationship Diagram

Page 23: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

53

4.2.2. Logical Record Structure (LRS)

Siswa

Id_siswa (PK)

Nis

Nama_lengkap

Username_login

Password_login

Id_kelas (FK)

Jabatan

Alamat

Tempat_lahir

Tgl_lahir

Jenis_kelamin

Agama

Nama_ayah

Nama_ibu

Th_masuk

Email

No_telp

foto

Pengajar

Id_pengajar (PK)

Nip

Nama_lengkap

Username_login

Password_login

Level

Alamat

Tempat_lahir

Tgl_lahir

Jenis_kelamin

Agama

No_telp

Email

Foto

Website

Jabatan

Blokir

Id_session

Kelas

Id

Id_kelas (PK)

Nama

Id_pengajar (FK)

Id_siswa (FK)

Mata_pelajaran

Id

Id_matapelajaran (PK)

Nama

Id_kelas (FK)

Id_pengajar (FK)

deskripsi

Topik_quiz

Id_tq (PK)

Judul

Id_kelas (FK)

Id_matapelajaran (FK)

Tgl_buat

Pembuat

Waktu_pengajaran

Info

terbit

Nilai

Id (PK)

Id_tq (FK)

Id_siswa (FK)

Benar

Salah

Tidak_dikerjakan

persentase

Quiz_pilganda

Id_quiz (PK)

Id_tq (FK)

Pertanyaan

Gambar

Pil_a

Pil_b

Pil_c

Pil_d

Kunci

Tgl_buat

Jenis_soal

Jawaban

Id (PK)

Id_tq (FK)

Id_quiz (FK)

Id_siswa (FK)

jawaban

File_materi

Id_file (PK)

Judul

Id_kelas (FK)

Id_matapelajaran (FK)

Nama_file

Tgl_posting

Pembuat

hits

1

1

1 M

1

M

1 1

1

1

1 M

1 1

1

M

Gambar IV. 22

Logical Structure Record

Page 24: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

54

4.2.3. Spesifikasi File

1. Spesifikasi File Siswa

Nama File : Siswa

Akronim : siswa

Fungsi : untuk menyimpan data Siswa

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 1149

Kunci Field : id_siswa

Sotfware : MySql

Tabel IV. 10

Spesisifikasi File Siswa

No Elemen data Nama Field Tipe Size Keterangan

1 ID Siswa Id_siswa Integer Primary Key

2 Nis nis Varchar 50

3 Nama Lengkap Nama_lengkap Varchar 100

4 Username Username_login Varchar 50

5 Password Password_login Varchar 50

6 ID Kelas Id_kelas Varchar 5

7 Jabatan jabatan Varchar 200

8 alamat alamat Varchar 150

9 Tempat Lahir Tempat_lahir Varchar 100

10 Tanggal Lahir Tgl_lahir Date

11 Jenis Kelamin Jenis_kelamin Enum

“L”,”P”

12 Agama agama Varchar 20

13 Nama Ayah Nama_ayah Varchar 100

14 Nama Ibu Nama_ibu Varchar 100

15 Tahun Masuk Th_masuk Varchar 4

16 Email email Varchar 50

17 No. Telp No_telp Varchar 20

18 Foto foto Varchar 150

Page 25: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

55

2. Spesifikasi File Pengajar

Nama File : Pengajar

Akronim : pengajar

Fungsi : untuk menyimpan data pengajar

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 952

Kunci Field : id_pengajar

Sotfware : MySql

Tabel IV. 11

Spesisifikasi File Pengajar

No Elemen data Nama Field Tipe Size Keterangan

1 ID Pengajar Id_pengajar Integer Primary

Key

2 NIP nip Varchar 12

3 Nama

Lengkap

Nama_lengkap Varchar 100

4 Username Username_login Varchar 100

5 Password Password_login Varchar 100

6 level Level Varchar 50

7 Alamat Alamat Text

8 Tempat

Lahir

Tempat_lahir Varchar 100

9 Tanggal

Lahir

Tgl_lahir Date

10 Jenis

Kelamin

Jenis_kelamin Enum (“P”,”L”)

11 Agama agama Varchar 20

12 No. Telp No_telp Varchar 20

13 Email email Varchar 50

14 Foto foto Varchar 100

15 Website Website Varchar 100

16 Jabatan jabatan Varchar 200

17 Blokir blokir Enum(“Y”,”N”)

Page 26: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

56

18 ID Session Id_session Varchar 100

3. Spesifikasi File Kelas

Nama File : Kelas

Akronim : kelas

Fungsi : untuk menyimpan data Kelas

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 110

Kunci Field : id

Sotfware : MySql

Tabel IV. 12

Spesisifikasi File Kelas

No Elemen data Nama Field Tipe Size Keterangan

1 ID id Varchar 5

2 Id Kelas Id_kelas Varchar 5 Primary Key

3 Nama Kelas nama Varchar 100

4 Id Pengajar Id_pengajar Integer Foreign Key

5 ID Siswa Id_siswa Integer Foreign Key

4. Spesifikasi File Mata Pelajaran

Nama File : Mata Pelajaran

Akronim : mata_pelajaran

Fungsi : untuk menyimpan data Mata Pelajaran

Tipe File : File Transaksi

Organisasi File : Index Sequential

Akses File : Random

Page 27: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

57

Media : Hardisk

Panjang Record : 115

Kunci Field : id_matapelajaran

Sotfware : MySql

Tabel IV. 13

Spesisifikasi File Mata Pelajaran

No Elemen data Nama Field Tipe Size Keterangan

1 id id Integer

2 Id Mata Pelajaran Id_matapelajaran Varchar 10 Promary Key

3 Nama Pelajaran nama Varchar 100

4 ID Kelas Id_kelas Varchar 5 Foreign Key

6 ID Pengajar Id_pengajar Integer Foreign Key

7 Deskripsi Deskripsi Text

5. Spesifikasi File Materi

Nama File : file_materi

Akronim : gaji

Fungsi : untuk menyimpan data materi

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 360

Kunci Field : id_file

Sotfware : MySql

Tabel IV. 14

Spesisifikasi File Materi

No Elemen data Nama Field Tipe Size Keterangan

1 Id File Id_file Integer Primary Key

2 Judul judul Varchar 100

Page 28: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

58

3 ID Kelas Id_kelas Varchar 5 Foreign Key

4 ID Mata Pelajaran Id_matapelajaran Varchar 5 Foreign Key

5 Nama File Nama_file Varchar 100

6 Tanggal Posting Tgl_posting Date

7 Pembuat Pembuat Varchar 50

8 hits hits Integer

6. Spesifikasi File Topik Quiz

Nama File : Topik Quiz

Akronim : topik_quiz

Fungsi : untuk menyimpan data Topik Quiz

Tipe File : File Transaksi

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 265

Kunci Field : id_tq

Sotfware : MySql

Tabel IV. 15

Spesisifikasi File Topik Quiz

No Elemen data Nama Field Tipe Size Keterangan

1 ID Topik Id_tq Integer Primary Key

2 Judul Judul Varchar 150

3 ID Kelas Id_kelas Varchar 5 Foreign Key

4 ID Mata Pelajaran Id_matapelajaran Varchar 10 Foreign Key

5 Tanggal Buat Tgl_buat Date

6 Pembuat pembuat Varchar 100

7 Waktu Pengerjaan Waktu_pengerjaan Integer

8 Info info Text

9 Terbit terbit Enum

(“Y”,”N

”)

Page 29: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

59

7. Spesifikasi File Nilai

Nama File : Nilai

Akronim : nilai

Fungsi : untuk menyimpan data nilai

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 223

Kunci Field : ID

Sotfware : MySql

Tabel IV. 16

Spesisifikasi File Nilai

No Elemen data Nama Field Tipe Size Keterangan

1 ID id Integer 50 Primary Key

2 ID Topik Quiz Id_tq Integer 50 Foreign Key

3 ID Siswa Id_siswa Integer 50 Foreign Key

4 Jawaban Benar benar Integer 10

5 Jawaban Salah salah Integer 10

6 Tidak Dikerjakan Tidak_dikerjakan Integer 50

7 Persentase persentase Integer 3

8. Spesifikasi File Quis Pilihan Ganda

Nama File : Quiz pilihan Ganda

Akronim : quiz_pilganda

Fungsi : untuk menyimpan data Quis Pilihan Ganda

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Page 30: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

60

Media : Hardisk

Panjang Record : 151

Kunci Field : id_quiz

Sotfware : MySql

Tabel IV. 17

Spesisifikasi File Quis Pilihan Ganda

No Elemen data Nama Field Tipe Size Keterangan

1 ID Quis Id_quiz Integer Primary Key

2 ID Topik Quiz Id_tq Integer Foreign Key

3 Pertanyaan pertanyaan Text

4 Gambar gambar Varchar 100

5 Pilihan A Pil_a Text

6 Pilihan B Pil_b Text

7 Pilihan C Pil_c Text

8 Pilihan D Pil_d Text

9 Kunci Jawaban kunci Varchar 1

10 Tanggal Buat Tgl_buat Date

11 Jenis Soal Jenis_soal Varchar 50

9. Spesifikasi File Jawaban

Nama File : Jawaban

Akronim : jawaban

Fungsi : untuk menyimpan data jawaban

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 200

Kunci Field : ID

Sotfware : MySql

Page 31: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

61

Tabel IV. 18

Spesisifikasi File Jawaban

No Elemen data Nama Field Tipe Size Keterangan

1 ID Id Integer 50 Primary Key

2 ID Topik Quiz Id_tq Integer 50 Foreign Key

3 ID Quis Id_quiz Integer 50 Foreign Key

4 ID Siswa Id_siswa Integer 50 Foreign Key

5 Jawaban jawaban Text

4.2.4. Squence Diagram

1. Sequence Diagram Login

Gambar IV.23

Sequence Diagram Login

Page 32: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

62

4.2.5. Spesifikasi Hardware dan Software

1. Spesifikasi Hardware

a. Server

1) CPU

(a) Processor Pentium® Core 2 Duo

(b) RAM DDR2 4 GB

(c) Hard Disk 500 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet dengan kecepatan 2 Mbps.

b. Client

1) CPU

(a) Processor Pentium® 4

(b) RAM DDR2 2GB

(c) Hard Disk 20 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet dengan kecepatan 56 kbps.

2. Spesifikasi Software

1. Server

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau

Linux (Ubuntu, Fedora, dll).

Page 33: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

63

b. Aplikasi bundle web server seperti: Xampp, WampServer, php2triad yang

terdiri dari beberapa komponen, diantaranya:

(1) Aplikasi Apache Server v2

(2) Aplikasi PHP Server v5

(3) Aplikasi MySQL Server v5

(4) Aplikasi phpMyAdmin v3

c. Aplikasi Web Lihatr seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

2. Client

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau

Linux (Ubuntu, Fedora, dan lain-lain).

b. Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

4.3. Jadwal Implementasi

Tabel IV.19

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

Page 34: BAB IV PERANCANGAN SISTEM USULAN · 33 4.1.2. Rancangan Diagram Use Case Gambar IV.1 Use Case Diagram Sistem Usulan Tabel IV.1 Deskripsi Use Case Mengelola Data Kelas Use Case Name

64

4 Desain Perangkat Lunak

5 Pembuatan & Tes Program

6 Tes Sistem