BAB IV PERANCANGAN SISTEM USULAN. handal dan kuat memerlukan suatu proses atau tahap tahapan, adapun tahap tahapan

(1)

41

PERANCANGAN SISTEM USULAN

4.1. Tahapan Perancangan Sistem

Perancangan suatu sistem merupakan dasar dari pembuatan suatu sistem yang handal dan kuat memerlukan suatu proses atau tahap–tahapan, adapun tahap–tahapan dalam perencanaan sistem dibagi menjadi 3 tahap, yaitu:

1. Tahap analisis, bertujuan untuk memahami pemecahan masalah.

2. Tahap desain, bertujuan untuk memahami pemecahan masalah yang didapat pada tahap analisis melalui suatu pemodelan.

3. Tahap implementasi, untuk menerapkan pemodelan yang telah dibuat menjadi sistem aplikasi sesungguhnya.

Gabungan dari tahap analisis dan desain biasanya disebut sebagai perancangan sistem. bab ini akan menjelaskan menganai perancangan sistem informasi terpadu e-learning berbasis web.

4.1.1. Analisis Kebutuhan A. Kebutuhan Pengguna

Dalam rancangan web e-learning ini terdapat tiga pengguna yang saling berinteraksi dalam lingkungan sistem yaitu: admin, guru dan siswa. Ketiga pengguna tersebut memiliki karakteritik interaksi dengan sistem yang berbeda -beda dan memiliki kebutuhan informasi yang berbeda-beda, seperti berikut:

(2)

1. Skenario Kebutuhan Admin a. Mengelola prifil admin b. Mengelola data guru c. Mengelola data siswa d. Mengelola data mapel e. Mengelola data latihan soal f. Mengelola data jawaban siswa g. Mengelola data nilai

h. Mengelola testimoni 2. Skenario Kebutuhan Guru

a. Mengelola profil guru b. Mengunggah materi c. Mengunggah nilai siswa d. Mengelola data nilai siswa 3. Skenario Kebutuhan Siswa

a. Mengunduh materi b. Mengunduh soal latihan

c. Mengunggah jawaban latihan soal d. Melihat nilai

B. Kebutuhan Sistem

1. Pengguna harus melakukan login terlebih dahulu untuk dapat mengakses aplikasi ini dengan memasukkan username dan password agar privasi masing-masing pengguna tetap terjaga keamanannya.

2. Pengguna harus melakukan logout setelah selesai mengunakan aplikasi.

(3)

3.1.2. Rancangan Diagram Use Case 1. Use Case Diagram Admi

Data Profil Admin

Data Guru

Beranda

Data Siswa

Keluar extend

extend

Admin

Data Mapel extend

Data Latihan Soal

Data Jawaban Siswa extend

extend

Data Nilai extend

Update Profil extend

Cari

Tambah Data Guru

Detail

Hapus extend

extend extend

extend

Cari

Tambah Data Siswa

Detail

Hapus extend

extend

extend Cari

Hapus extend

Cari

Hapus extend

extend

extend Cari

Hapus extend

Cari extend

Login include

Cetak

Hapus extend

extend

Data Nilai extend Hapus

extend

Gambar IV. 1 Use Case Diagram Admin

(4)

a. Deskripsi Use Case Diagram Data Profil Admin

Tabel IV.1

Deskripsi Use Case Diagram Data Profil Admin Use Case Name Data Profil Admin

Requirements Admin dapat mengupdate data admin

Goal Admin dapat mengupdate data admin secara online melalui web

Pre – Conditions Admin telah melakukan login Post – Conditions Data admin yang akan di ubah Failed end

Condition

Admin tidak dapat mengubah data admin Primary Actors Admin

Main Flow / Basic Path

1. Admin memilih menu profil admin 2. Sistem menampilkan data profil admin 3. Admin mengupdate profil admin Alternative Flow /

Invariant

-

b. Deskripsi Use Case Diagram Data Guru Tabel IV.2

Deskripsi Use Case Diagram Data Guru Use Case Name Data Guru

Requirements Admin dapat mengelola data guru

Goal Admin dapat mengelola data guru secara online melalui web

Pre – Conditions Admin telah melakukan login Post – Conditions Form tambah data guru Failed end

Condition

Admin tidak dapat menambah data guru Primary Actors Admin

1. Admin memilih menu data guru 2. Sistem menampilkan data guru 3. Admin menambah data guru

4. Sistem menampilkan form input data guru Alternative Flow /

Invariant

-

(5)

c. Deskripsi Use Case Diagram Data Siswa

Tabel IV.3

Deskripsi Use Case Diagram Data Siswa Use Case Name Data Siswa

Requirements Admin dapat mengelola data siswa

Goal Admin dapat mengelola data siswa secara online melalui web

Pre – Conditions Admin telah melakukan login Post – Conditions Form tambah data guru Failed end

Condition

Admin tidak dapat menambah data siswa Primary Actors Admin

1. Admin memilih menu data siswa 2. Sistem menampilkan data siswa 3. Admin menambah data siswa

4. Sistem menampilkan form input data siswa Alternative Flow /

Invariant

-

d. Deskripsi Use Case Diagram Data Mapel

Tabel IV.4

Deskripsi Use Case Diagram Data Mapel Use Case Name Data Mapel

Requirements Admin dapat mengelola data mapel

Goal Admin dapat mengelola data mapel secara online melalui web

Pre – Conditions Admin telah melakukan login Post – Conditions Cari mapel

Failed end Condition

Admin tidak dapat menghapus mapel Primary Actors Admin

1. Admin memilih menu data mapel 2. Sistem menampilkan data mapel 3. Admin menghapus mapel 4. Admin mencari mapel Alternative Flow /

Invariant

-

(6)

e. Deskripsi Use Case Diagram Data Latihan Soal

Tabel IV.5

Deskripsi Use Case Diagram Data Latihan Soal Use Case Name Data Latihan Soal

Requirements Admin dapat mengelola data latihan soal Goal Admin dapat mengelola data latihan soal secara

online melalui web

Pre – Conditions Admin telah melakukan login Post – Conditions Detail latihan soal

Admin tidak dapat menghapus data latihan soal Primary Actors Admin

1. Admin memilih menu data latihan soal 2. Sistem menampilkan data latihan soal 3. Admin menghapus data latihan soal 4. Admin mencari data latihan soal Alternative Flow /

Invariant

-

f. Deskripsi Use Case Diagram Data Jawaban Siswa

Tabel IV.6

Deskripsi Use Case Diagram Data Jawaban Siswa Use Case Name Data Jawaban Siswa

Requirements Admin dapat mengelola data jawaban siswa Goal Admin dapat mengelola data jawaban siswa secara

Pre – Conditions Admin telah melakukan login

Post – Conditions Tabel data jawaban latihan soal siswa Failed end

Condition

Admin tidak dapat menghapus data jawaban siswa Primary Actors Admin

1. Admin memilih menu data jawaban siswa 2. Sistem menampilkan data jawaban siswa 3. Admin menghapus data jawaban siswa 4. Admin mencari data jawaban siswa Alternative Flow /

Invariant

-

(7)

g. Deskripsi Use Case Diagram Nilai

Tabel IV.7

Deskripsi Use Case Diagram Nilai Use Case Name Data Nilai

Requirements Admin dapat mengelola data nilai

Goal Admin dapat mengelola data nilai secara online melalui web

Pre – Conditions Admin telah melakukan login Post – Conditions Cari data nilai

Admin tidak dapat menghapus data nilai Primary Actors Admin

1. Admin memilih menu data nilai 2. Sistem menampilkan data nilai 3. Admin menghapus data nilai 4. Admin mencari data nilai Alternative Flow /

Invariant

-

h. Deskripsi Use Case Diagram Kelola Testimoni

Tabel IV.8

Deskripsi Use Case Diagram Kelola Testimoni Use Case Name Kelola Testimoni

Requirements Admin dapat mengelola testimoni pengunjung web Goal Admin dapat mengelola testimoni secara online

melalui web

Pre – Conditions Admin telah melakukan login Post – Conditions Hapus testimoni pengunjung web Failed end

Condition

Admin tidak dapat menambah data guru Primary Actors Admin

1. Admin memilih menu kelola testimoni 2. Sistem menampilkan data testimoni

3. Admin menghapus data testimoni pengunjung web

Alternative Flow / Invariant

-

(8)

2. Use Case Diagram Guru

Profil Guru

Latihan Soal

Login

Data Nilai Keluar

extand

Update Profil

extend

Unggah Materi

Hapus Guru

Materi Mapel

extend

Edit

Cetak extend

extend extend Beranda

include

Hapus extend

Unggah Latihan Soal extend

Hapus extend

Jawaban Siswa extend Hapus

extend

Gambar IV.2 Use Case Diagram Guru

a. Deskripsi Use Case Diagram Profil Guru

Tabel IV.9

Deskripsi Use Case Diagram Profil Guru Use Case Name Data Profil Guru

Requirements Guru dapat mengupdate data guru

Goal Guru dapat mengupdate data guru secara online melalui web

Pre – Conditions Guru telah melakukan login Post – Conditions Data guru yang akan di ubah Failed end

Condition

Guru tidak dapat mengubah data admin Primary Actors Guru

1. Guru memilih menu profil guru 2. Sistem menampilkan data profil guru 3. Guru mengupdate profil guru

-

(9)

b. Deskripsi Use Case Diagram Materi Mapel

Tabel IV.10

Deskripsi Use Case Diagram Materi Mapel Use Case Name Meteri Mapel

Requirements Guru dapat menambah materi mapel

Goal Guru dapat menambah materi mapel secara online melalui web

Pre – Conditions Guru telah melakukan login Post – Conditions Form unggah materi mapel Failed end

Condition

Guru tidak dapat mengunggah materi mapel Primary Actors Guru

1. Guru memilih menu materi mapel 2. Sistem menampilkan materi mapel 3. Guru mengunggah materi maple 4. Guru menghapus materi mapel Alternative Flow /

Invariant

-

c. Deskripsi Use Case Diagram Latihan Soal

Tabel IV.11

Deskripsi Use Case Diagram Latihan Soal Use Case Name Latihan Soal

Requirements Guru dapat mengunggah latihan soal

Goal Guru dapat mengunggah latihan soal secara online melalui web

Pre – Conditions Guru telah melakukan login Post – Conditions From unggah latihan soal Failed end

Condition

Guru tidak dapat mengunggah latihan soal Primary Actors Guru

1. Guru memilih menu latihan soal 2. Sistem menampilkan latihan soal 3. Guru menggungah latiah soal 4. Guru menghapus latihan soal Alternative Flow /

Invariant

-

(10)

d. Deskripsi Use Case Diagram Jawaban Siswa

Tabel IV.12

Deskripsi Use Case Diagram Jawaban Siswa Use Case Name Jawaban Siswa

Requirements Guru dapat mengelola data jawaban siswa Goal Guru dapat mengelola data jawaban siswa secara

Pre – Conditions Guru telah melakukan login

Post – Conditions Tabel data jawaban latihan soal siswa Failed end

Condition

Guru tidak dapat menghapus data jawaban siswa Primary Actors Guru

1. Guru memilih menu jawaban siswa

2. Sistem menampilkan tabel data jawaban siswa 3. Guru menghapus latihan soal

-

e. Deskrispi Use Case Diagram Data Nilai

Tabel IV.13

Deskripsi Use Case Diagram Data Nilai Use Case Name Data Nilai

Requirements Guru dapat mengelola data nilai

Goal Guru dapat mengelola data nilai secara online melalui web

Pre – Conditions Guru telah melakukan login Post – Conditions Tabel cetak data nilai Failed end

Condition

Guru tidak dapat mengunggah data nilai Primary Actors Guru

1. Guru memilih menu data nilai 2. Sistem menampilkan data nilai 3. Guru mengunggah data nilai 4. Guru mencetak data nilai Alternative Flow /

Invariant

-

(11)

3. Use Case Diagram Siswa

Profil

Materi

Beranda Latihan Soal

Keluar extend

extend

Siswa

Data Jawaban extend

Data Nilai

Lihat Materi

Lihat Soal

extend

Unduh extend

Unduh

Unggah extend

exend

Cetak extend

Login include

Gambar IV.3 Use Case Diagram Siswa

a. Deskripsi Use Case Diagram Profil

Tabel IV.14

Deskripsi Use Case Diagram Profil Use Case Name Profil

Requirements Siswa dapat melihat data profil

Goal Siswa dapat melihat data profil secara online melalui web

Pre – Conditions Siswa terlah melakukan login Post – Conditions Data profil

Tidak dapat menampilkan data siswa Primary Actors Siswa

1. Siswa memilih menu data profil siswa 2. Sistem menampilkan data profil siswa Alternative Flow /

Invariant

-

(12)

b. Deskripsi Use Case Diagram Materi

Tabel IV.15

Deskripsi Use Case Diagram Materi Use Case Name Materi

Requirements Siswa dapat mengunduh materi

Goal Siswa dapat mengunduh materi secara online melalui web

Pre – Conditions Siswa terlah melakukan login Post – Conditions Form Materi Pembelajaran online Failed end

Condition

Tidak dapat mengunduh materi Primary Actors Siswa

1. Siswa memilih menu materi

2. Sistem menampilkan form data materi 3. Siswa memilih Lihat Materi

4. Siswa mengunduh materi Alternative Flow /

Invariant

-

c. Deskripsi Use Case Diagram Soal Latiahan

Tabel IV.16

Deskripsi Use Case Diagram Soal Latihan Use Case Name Soal Latihan

Requirements Siswa dapat mengunduh soal latihan

Goal Siswa dapat mengunduh soal latihan online melalui web

Pre – Conditions Siswa terlah melakukan login Post – Conditions Form materi pembelajaran online Failed end

Condition

Tidak dapat mengunduh soal latihan Primary Actors Siswa

1. Siswa memilih menu soal latihan 2. Sistem menampilkan latihan soal siswa 3. Siswa mengunduh soal latihan

4. Siswa mengunggah jawaban soal Alternative Flow /

Invariant

-

(13)

d. Deskripsi Use Case Diagram Data Jawaban

Tabel IV.17

Deskripsi Use Case Diagram Data Jawaban Use Case Name Unggah Latihan

Requirements Siswa dapat melihat data jawaban

Goal Siswa dapat melihat data jawaban secara online melalui web

Pre – Conditions Siswa terlah melakukan login Post – Conditions Data jawaban siswa

Tidak dapat melihat data jawaban Primary Actors Siswa

1. Siswa memilih menu data jawaban 2. Sistem menampilkan data jawaban siswa 3. Siswa melihat data jawaban siswa Alternative Flow /

Invariant

-

e. Deskrispi Use Case Diagram Data Nilai

Tabel VI.18

Deskripsi Use Case Diagram Data Nilai Use Case Name Data Nilai

Requirements Siswa dapat melihat data nilai

Goal Siswa dapat melihat data nilai secara online melalui web

Pre – Conditions Siswa terlah melakukan login Post – Conditions Tabel data nilai siswa

Tidak dapat melihat nilai siswa Primary Actors Siswa

1. Siswa memilih menu data nilai 2. Sistem menampilkan data nilai siswa 3. Siswa mencetak data nilai siswa Alternative Flow /

Invariant

-

(14)

3.1.3. Rancangan Diagram Aktivitas 1. Activiy Diagram Login Admin

Gambar IV.4

Activity Diagram Login Admin

2. Activity Diagram Profil Admin

Gambar IV.5

Activity Diagram Profil Admin

(15)

3. Activity Diagram Data Guru

Gambar IV.6

Activity Diagram Data Guru 4. Activity Diagram Data Siswa

Gambar IV.7

Activity Diagram Data Siswa

(16)

5. Activity Diagram Data Mapel

Gambar IV.8

Activity Diagram Data Mapel 6. Activity Diagram Data Latihan Soal

Gambar IV.9

Actvity Diagram Data Latihan Soal

(17)

7. Activity Diagram Jawaban Siswa

Gambar IV.10

Activity Diagram Jawaban Siswa

8. Activity Diagram Data Nilai

Gambar VI. 11 Activity Diagram Data Nilai

(18)

9. Activity Diagram Kelola Testimoni

Gambar IV.12

Activity Diagram Kelola Testimoni

3.1.4. Rancangan Dokumen Sistem Usulan A. Rancangan Dokumen Masukan

1. Nama Dokumen : Nilai Latihan Soal Fungsi : Sebagai bukti cetak nilai Sumber : Siswa

Tujuan : Admin Media : PDF

Jumlah : Tidak terbatas

Frekuensi : Setiap admin mencetak data nilai siswa Bentuk : Lihat Lampiran C.1

2. Nama Dokumen : Jawaban Latihan Soal

Fungsi : Sebagai bukti siswa telah mengerjakan latihan soal Sumber : Siswa

(19)

Tujuan : Guru Media : PDF

Frekuensi : Setiap siswa menjawab latihan soal Bentuk : Lihat Lampiran C.2

B. Rancangan Dokumen Keluaran 1. Nama Dokumen : Matei Pelajaran

Fungsi : Untuk guru menyampaikan materi pelajaran Sumber : Guru

Tujuan : Siswa Media : PDF, Video Jumlah : Tidak terbatas

Frekuensi : Setiap proses belajar mengajar Bentuk : Lihat Lampiran D.1

2. Nama Dokumen : Latihan Soal

Fungsi : Untuk guru menyampaikan latihan soal Sumber : Guru

Tujuan : Siswa Media : PDF

Frekuensi : Setiap guru memberikan latihan Bentuk : Lihat Lampiran D.2

(20)

3.1.5. Rancangan Prototipe 1. Form Login Admin

Gambar IV.13 From Login Admin 2. Menu Beranda Admin

Gambar IV.14 Menu Beranda Admin

(21)

3. Menu Profil Admin

Gambar IV. 15 Menu Profil Admin

4. Form Update Data Profil

Gambar IV. 16 Form Update Data Profil

(22)

5. Menu Data Guru

Gambar IV. 17 Menu Data Guru

6. Form Tambah Data Guru

Gambar IV. 18 Form Tambah Data Guru

(23)

7. Detail Guru

Gambar IV. 19 Detail Guru

8. Menu Data Siswa

Gambar IV. 20 Menu Data Siswa

(24)

9. Form Tambah Data Siswa

Gambar IV. 21 Form Tambah Data Siswa

10. Detail Siswa

Gambar IV. 22 Detail Siswa

(25)

11. Menu Materi Mapel

Gambar IV. 23 Menu Materi Mapel

12. Menu Data Latihan Soal

Gambar IV. 24 Menu Data Latihan Soal

(26)

13. Menu Data Jawaban Siswa

Gambar IV. 25 Menu Data Jawaban Siswa

14. Menu Data Nilai

Gambar IV. 26 Menu Data Nilai

(27)

15. Menu Kelola Testimoni

Gambar IV. 27 Menu Kelola Testimoni

16. Beranda E-Learning

Gambar IV. 28 Beranda E-Learning

(28)

17. Menu Beranda Guru

Gambar IV. 29 Menu Beranda Guru

18. Menu Profil Guru

Gambar IV. 30 Menu Profil Guru

(29)

19. Form Update Data Profil

Gambar IV. 31 Form Update Data Profil

20. Menu Materi Mapel

Gambar IV. 32 Menu Materi Mapel

(30)

21. Form Tambah Data Materi Mata Pelajaran

Gambar IV. 33

Form Tambah Data Materi Mata Pelajaran

22. Menu Latihan Soal

Gambar IV. 34 Menu Latihan Soal

(31)

23. Form Tambah Data Latihan Siswa

Gambar IV. 35

Form Tambah Data Latihan Siswa

24. Menu Jawaban Siswa

Gambar IV. 36 Menu Jawaban Siswa

(32)

25. Menu Data Nilai

Gambar IV. 37 Menu Data Nilai

26. Form Edit Nilai Siswa

Gambar IV. 38 Form Edit Nilai Siswa

(33)

27. Menu Beranda Siswa

Gambar IV. 39 Menu Beranda Siswa

28. Menu Data Profil

Gambar IV. 40 Menu Data Profil

(34)

29. Menu Materi Pembelajaran Online

Gambar IV. 41

Menu Materi Pembelajaran Online

30. Tampilan Materi Pembelajaran Online

Gambar IV. 42

Tampilan Materi Pembelajaran Online

(35)

31. Menu Latihan Soal Siswa

Gambar IV. 43 Menu Latihan Soal Siswa

32. Tampilan Materi Pembelajaran Online

Gambar IV. 44

Tampilan Materi Pembelajaran Online

(36)

33. Menu Data Jawaban Siswa

Gambar IV. 45 Menu Data Jawaban Siswa

34. Menu Data Nilai Siswa

Gambar IV. 46 Menu Data Nilai Siswa

(37)

4.2. Perancangan Perangkat Lunak

Perancangan lunak ini difokuskan pada enam atribut, yaitu ERD, LRS, Spesifikasi File, Class Diagram, Sequence Diagram, dan Spesifikasi Hardware serta Software.

4.2.1. Entitiy Relationship Diagram

Gambar IV.47

Entitiy Relationship Diagram

(38)

4.2.2 Logical Record Structure

Gambar IV. 48 Logical Record Structure

4.2.3. Spesifikasi File 1. Spesifikasi File Siswa Nama File : Siswa

Akronim : siswa.sql

Fungsi : Untung menyimpan data siswa Tipe File : File Master

(39)

Organisasi File : Indexed Sequential Akses File : Rondom

Media : Harddisk Panjang record : 162 byte Kunci Field : id_siswa Software : Mysql

Tabel IV. 19 Spesifikasi File Siswa

No Elemen Data Nama Field Tipe Size Ket

1. Id Siswa id_siswa varchar 15 Primary Key 2. Nama Siswa nm_siswa varchar 30

3. Jenis Kelamin Siswa jk_siswa varchar 15 4. Tempat Lahir tempat_lhr varchar 30 5. Tanggal Lahir tgl_lhr date

6. Alamat Siswa alamat_siswa varchar 50 7. Kelas Siswa kls_siswa varchar 2 8. Foto Siswa ft_siswa varchar 30

2. Spesifikasi File Latihan Nama File : Latihan

Akronim : latihan.sql

Fungsi : Untung menyimpan latihan yang diberikan guru pada siswa Tipe File : File Transaksi

Media : Harddisk Panjang record : 114 byte Kunci Field : id_latihan Software : Mysql

(40)

Tabel IV. 20 Spesifikasi File Latihan

1. Id Latihan id_latihan integer 11 Primary Key 2. Tanggal Latihan tgl_latihan timestampe

3. Nama Latihan nm_latihan varchar 30 4. Kelas Latihan kls_latihan varchar 2

5. Npk npk varchar 15

6. Status Untuk Guru stts_utkguru varchar 15 7. File Latihan file_latihan varchar 30

8. Jumlah Soal jml_soal integer 11

9. Batas Waktu batas_waktu date

3. Spesifikasi File Nilai Nama File : Nilai

Akronim : nilai.sql

Fungsi : Untung menyimpan data nilai siswa yang diberikan guru Tipe File : File Transaksi

Media : Harddisk Panjang record : 85 byte Kunci Field : id_nilai Software : Mysql

Tabel IV.21 Spesifikasi File Nilai

1. Id Nilai id_nilai integer 11 Primary Key

2. Tanggal Nilai tgl_nilai timestampe 3. Id Latihan id_latihan varchar 15 4. Id Jawaban id_jawaban integer 11

5. Id Siswa id_siswa varchar 15

6. Jawaban Benar jawaban_benar integer 11 7. Jawaban Salah jawaban_salah integer 11 8. Jumlah Nilai jml_nilai integer 11

(41)

4. Spesifikasi File Guru Nama File : Guru

Akronim : guru.sql

Fungsi : Untung menyimpan data guru Tipe File : File Master

Media : Harddisk Panjang record : 245 byte Kunci Field : npk Software : Mysql

Tabel IV. 22 Spesifikasi File Guru

1. NPK npk varchar 15 Primary Key

2. Nama guru nm_guru varchar 30

3. Tempat lahir guru tempatlhr_guru varchar 30 4. Tanggal lahir guru tgllhr_guru date 5. Alamat guru alamat_guru varchar 50 6. email guru email_guru varchar 30 7. telpon guru tlp_guru varchar 15 8. Pendidikan pendidikan varchar 5

9. No sk no_sk varchar 20

10. Jabatan jabatan varchar 15

11. Kelas mengajar kls_mengajar varchar 5

12. Foto guru ft_guru varchar 30

5. Spesifikasi File Mapel Nama File : Mapel

Akronim : mapel.sql

Fungsi : Untung menyimpan data mata pelajaran

(42)

Tipe File : File Transaksi Organisasi File : Indexed Sequential Akses File : Rondom

Media : Harddisk Panjang record : 133 byte Kunci Field : id_mapel Software : Mysql

Tabel IV.23 Spesifikasi File Mapel

1. Id Mapel id_mapel integer 11 Primary Key

2. Nama Mapel nm_mapel varchar 30

3. Nama Materi nm_materi varchar 30 4. Kelas Mapel kls_mapel varchar 2 5. File Mapel file_mapel varchar 30 6. Jenis File jenis_file varchar 15

6. Spesifikasi File Jawaban Nama File : Jawaban

Akronim : jawaban.sql

Fungsi : Untung menyimpan data jawaban siswa Tipe File : File Transaksi

Organisasi File : Indexed Sequential Akses File : Rondom

Media : Harddisk Panjang record : 97 byte Kunci Field : id_jawaban Software : Mysql

(43)

Tabel IV.24 Spesifikasi File Jawaban

1. Id jawaban id_jawaban integer 11 Primary Key 2. Tanggal upload tgl_upload timestamp

3. Id latihan id_latihan integer 11

4. Id siswa id_siswa varchar 15

5. File jawaban file_jawaban varchar 30 6. Status untuk siswa stts_utksiswa varchar 15

4.2.4. Class Model / Class Diagram

Gambar IV.49 Class Diagram

(44)

4.2.5. Sequance Diagram

1. Sequance Diagram Login Admin

Gambar IV. 50

Sequance Diagram Login Admin 2. Sequance Diagram Data Guru

Gambar IV. 51

Sequance Diagram Data Guru

(45)

3. Sequance Diagram Data Siswa

Gambar IV. 52

Sequance Diagram Data Siswa 4. Sequance Diagram Data Nilai Siswa

Gambar IV. 53

Sequance Diagram Data Nilai Siswa

4.2.6. Spesifikasi Hardware dan Software

Perangkat keras yang dimaksud disini adalah seperangkat alat atau elemen elektronik yang dapat membantu sistem yang diusulkan sehingga program yang diusulkan oleh penulis dapat bekerja dengan baik. Perangkat keras yang dibutuhkan

(46)

dibagi atas dua bagian, yaitu perangkat keras untuk web server dan perangkat keras client. Sedangkan perangkat lunak adalah suatu rangkaian atau susunan instruksi

yang harus benar dengan urutan-urutan yang benar pula. Keberadaan perangkat lunak selalu menyertai perangkat keras yang ada. Perangkat lunak (Software) dan perangkat keras (Hardware) yang dibutuhkan diantaranya :

Tabel IV.25

Spesifikasi Hardware dan Software

Kebutuhan Keterangan

Sistem Operasi Windows 7 Ultimated Processor Pentium Dual Core 2.2 GHz

RAM 2 GB

Harddisk 500 GB

CD-ROM 52x

Monitor Generic Pnp Monitor

Keyboard Standard keyboard 92 key

Printer Deskjet 1010

Mouse Standard

Browser Mozila Firefox, Internet Explorer, Google Chrome Software Adobe Dreamweaver, Notepad++, Xampp

4.3. Jadwal Implementasi

Tabel IV.26 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