Rancang Bangun Aplikasi Berbasis Web Untuk Classroom ...

KERJA PRAKTIK – IF184801

Rancang Bangun Aplikasi Berbasis Web Untuk

Classroom Musyawarah Guru Mata Pelajaran (MGMP) Sosiologi Jawa Tengah

MGMP Sosiologi Jawa Tengah Jl. Pemuda no. 143, Sekayu, Semarang Tengah, Semarang, Jawa Tengah 50132

Periode: 26 Juni 2020 – 26 Juli 2020

Oleh:

Risky Aswi Narni

Ihdiannaja

05111740000014

05111740007005

Pembimbing Departemen Agus Budi Raharjo S.Kom., M.Kom., Ph.D Pembimbing Lapangan

Luluk Wulandari

DEPARTEMEN TEKNIK INFORMATIKA

Fakultas Teknologi Elektro dan Informatika Cerdas Institut Teknologi Sepuluh Nopember

Surabaya 2020

ii

[Halaman ini sengaja dikosongkan]

iii

KERJA PRAKTIK – IF184801

Rancang Bangun Aplikasi Berbasis Web untuk Classroom Musyawarah Guru Mata Pelajaran (MGMP) Sosiologi Jawa Tengah

MGMP Sosiologi Jawa Tengah Jl. Pemuda No.143, Sekayu, Semarang Tengah, Semarang, Jawa Tengah 50132

Oleh:

Risky Aswi Narni 05111740000014

Ihdiannaja 05111740007005

Pembimbing Departemen

Agus Budi Raharjo, S.Kom., M.Kom.,Ph.D

Pembimbing Lapangan

Luluk Wulandari

DEPARTEMEN TEKNIK INFORMATIKA

Fakultas Teknologi Elektro dan Informatika Cerdas

Institut Teknologi Sepuluh Nopember

Surabaya 2020

iv


v

LEMBAR PENGESAHAN

KERJA PRAKTIK

Rancang Bangun Aplikasi Berbasis Web untuk Classroom

Musyawarah Guru Mata Pelajaran (MGMP) Sosiologi Jawa Tengah

Oleh :

Risky Aswi Narni 05111740000014

Ihdiannaja 05111740007003

Disetujui oleh Pembimbing Kerja Praktik :

1. Agus Budi Raharjo, S.Kom., M.Kom.,Ph.D

NIP. 1990202011022

(Agus Budi Raharjo, S.Kom., M.Kom.,Ph.D)

2. Luluk Wulandari, S.Pd., M.Pd.

Ketua MGMP Sosiologi Jawa Tengah

(Luluk Wulandari, S.Pd., M.Pd.)

vi


vii

Rancang Bangun Aplikasi Berbasis Web untuk

Classroom Musyawarah Guru Mata Pelajaran

(MGMP) Sosiologi Jawa Tengah

Nama Mahasiswa : Risky Aswi

Narni NRP

05111740000014 Nama Mahasiswa : Ihdiannaja NRP 05111740007003

Departemen : Teknik Informatika FTEIC-

ITS Pembimbing Departemen : Agus Budi Raharjo,

S.Kom.,

M.Kom.,Ph.D

ABSTRAK

MGMP Jateng (Musyawarah Guru Mata Pelajaran) adalah forum atau wadah kegiatan profesional guru mata pelajaran

pada SMP/MTs, SMPLB/MTsLB,

SMA/MA, SMALB/MALB

yang

berada pada wilayah Jawa Tengah yang berfungsi sebagai

sarana untuk saling berkomunikasi, belajar, dan bertukar

pikiran dan pengalaman dalam rangka meningkatkan kinerja

guru sebagai praktisi/pelaku perubahan reorientasi

pembelajaran kelas. Organisasi MGMP berada dibawah

naungan Dinas Pendidikan tingkat kota di seluruh Indonesia.

Salah satu layanan yang dapat digunakan oleh guru dan

siswa SMA yaitu website untuk classroom. Website ini

viii

merupakan portal atau tempat yang menyediakan data

kebutuhan yang dapat diakses oleh guru dan siswa SMA.

Website ini tentunya memudahkan guru untuk melakukan

penilaian terhadap siswa nya melalui ujian, melihat keaktifan

siswa, serta dapat digunakan sebagai media informasi, penyedia

dokumen pendukung pembelajaran guru.

Kata kunci: MGMP Jateng, Website, Classroom, Keaktifan

siswa

ix

KATA PENGANTAR

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa karena atas berkat limpahan rahmat dan lindungan-Nya penulis

dapat melaksanakan salah satu kewajiban sebagai mahasiswa Teknik

Informatika ITS yaitu Kerja Praktik (KP).

Penulis menyadari masih terdapat banyak kekurangan baik dalam pelaksanaan kerja praktik maupun penyusunan buku laporan

ini. Penulis mengharapkan kritik dan saran yang membangun untuk

kesempurnaan penulisan buku laporan ini.

Melalui laporan ini penulis juga ingin menyampaikan rasa

terima kasih kepada orang-orang yang telah membantu dalam

pelaksanaan kerja praktik hingga penyusunan laporan kerja praktik

baik secara lngsung maupun tidak langsung. Orang-orang tersebut antara lain adalah:

1. Orang tua penulis,

2. Bapak Agus Budi Raharjo, S.Kom., M.Kom.,Ph.D selaku dosen pembimbing kerja praktik yang telah membimbing penulis

selama kerja praktik berlangsung.

3. Bapak Ary Mazharuddin Shiddiqi, S.Kom.,M.Comp.Sc.,Ph.D

selaku koordinator Kerja Praktik.

4. Ibu Luluk Wulandari selaku pembimbing WFH selama kerja

praktik yang telah memberikan bimbingan serta ilmunya

kepada penulis.

5. Bapak Ibu karyawan karyawati MGMP Sosiologi Jateng. 6. Teman – teman penulis yang senantiasa memberikan

semangat dan dukungan untuk penulis.

Sukoharjo, September 2020

Penulis

ix


x

DAFTAR ISI

LEMBAR PENGESAHAN ................................................................................... 5

DAFTAR ISI ....................................................................................................... 10

BAB I PENDAHULUAN ...................................................................................... 1

1.1. LATAR BELAKANG .............................................................................. 1

1.2. TUJUAN ................................................................................................... 2

1.3. MANFAAT ............................................................................................... 3

1.4. RUMUSAN PERMASALAHAN.............................................................. 3

1.5. LOKASI DAN WAKTU KERJA PRAKTIK ........................................ ..4

1.6. METODOLOGI KERJA PRAKTIK ....................................................... 4

2. STUDI LITERATUR ................................................................................ 5

3. ANALISIS DAN PERANCANGAN SISTEM.............................................5

4. IMPLEMENTASI SISTEM...................................................................... 6

5. PENGUJIAN DAN EVALUASI ............................................................... 6

1.7. SISTEMATIKA LAPORAN ..................................................................... 6

1. BAB I: PENDAHULUAN ......................................................................... 7

2. BAB II: PROFIL INSTANSI .................................................................... 7

3. BAB III: TINJAUAN PUSTAKA ............................................................. 7

4. BAB IV: ANALISIS DAN PERANCANGAN SISTEM ........................... 7

5. BAB V: DESAIN MODEL DAN IMPLEMENTASI SISTEM ................. 7

6. BAB VI: PENGUJIAN DAN EVALUASI .............................................. ..8

7. BAB VII: KESIMPULAN DAN SARAN.................................................. 8

BAB II PROFIL INSTANSI ................................................................................. 9

2.1. PROFIL MGMP SOSIOLOGI JATENG ................................................ ..9

xi

2.2. PURPOSE, VISI DAN MISI PERUSAHAAN ......................................... 9

BAB III TINJAUAN PUSTAKA ........................................................................ 12

3.1. APLIKASI WEB .................................................................................... 12

3.2. HTML ..................................................................................................... 12

3.3. CSS ......................................................................................................... 12

3.4. BOOTSTRAP ......................................................................................... 13

3.5. JAVASCRIPT ........................................................................................ 13

3.6. JQUERY ................................................................................................. 13

3.7. PHP ......................................................................................................... 14

3.8. CODEIGNITER ..................................................................................... 14

3.9. WEB SERVER ....................................................................................... 15

3.10. CPANEL ................................................................................................. 15

3.11. PHPMYADMIN ..................................................................................... 15

BAB IV ANALISIS DAN DESAIN .................................................................... 16

4.1 ANALISIS SISTEM ............................................................................... 16

4.4.1 DEFINISI UMUM FITUR ..................................................................... 16

4.4.2 ANALISIS KEBUTUHAN FUNGSIONAL ........................................... 16

4.2 DIAGRAM KASUS PENGGUNAAN ................................................... 19

4.3 SPESIFIKASI KASUS PENGGUNAAN ............................................... 21

4.3.1. MENGERJAKAN UJIAN...................................................................... 21

4.3.2. MEMBUAT AKUN SISWA ................................................................... 23

4.3.3. MEMBUAT AKUN GURU .................................................................... 25

4.3.4. MEMBUAT AKUN ADMIN .................................................................. 28

4.3.5. MENAMBAHKAN SEKOLAH ............................................................. 30

4.3.6. MENGUNGGAH FILE PENELINITIAN ............................................. 32

4.3.7. MENGUNGGAH BAHAN PENDUKUNG GURU ............................... 34

xii

4.3.8. MENGUNGGAH MATERI ................................................................... 37

4.3.9. MENGUNDUH MATERI ...................................................................... 40

4.3.10. MENGUNDUH FILE PENELITIAN ..................................................... 43

4.3.11. MENGUNDUH BAHAN PENDUKUNG GURU ................................... 45

4.3.12. MENGEDIT MATERI ........................................................................... 47

4.3.13. MENGEDIT FILE PENELITIAN.......................................................... 49

4.3.14. MENGEDIT BAHAN PENDUKUNG GURU ........................................ 51

4.3.15. MENONAKTIFKAN AKUN SISWA ..................................................... 52

4.3.16. MENONAKTIFKAN AKUN GURU ...................................................... 53

4.3.17. MENGEDIT PROFILE .......................................................................... 55

4.3.18. MENGHAPUS FILE PENELITIAN ...................................................... 56

4.3.19. MENGHAPUS MATERI ........................................................................ 57

4.3.20. MENGHAPUS BAHAN PENDUKUNG GURU .................................... 58

4.3.21. MELIHAT LIST MATERI..................................................................... 59

4.3.22. MELIHAT LIST FILE PENELITIAN ................................................... 59

4.3.23. MELIHAT LIST BAHAN PENDUKUNG GURU ................................. 60

4.3.24. MELIHAT DAFTAR SISWA ................................................................. 61

4.3.25. MELIHAT DAFTAR GURU .................................................................. 63

4.3.26. MELIHAT DAFTAR SEKOLAH .......................................................... 64

4.3.27. MELIHAT LIST NILAI SISWA ............................................................ 65

4.3.28. MELIHAT LIST BERITA...................................................................... 67

4.3.29. MELIHAT LIST INFO PASCA LULUS ............................................... 67

4.3.30. MENAMBAHKAN UJIAN ..................................................................... 68

4.3.31. MENGEDIT UJIAN ............................................................................... 69

4.3.32. MELIHAT LIST UJIAN......................................................................... 70

4.3.33. MENGHAPUS UJIAN ............................................................................ 71

xiii

4.3.34. MENAMBAHKAN SOAL ...................................................................... 72

4.3.35. MELIHAT SOAL ................................................................................... 73

4.3.36. MENGEDIT SOAL ................................................................................. 74

4.3.37. MENGHAPUS SOAL ............................................................................. 75

4.3.38. MENGEDIT BERITA ............................................................................ 76

4.3.39. MENGEDIT INFO PASCA LULUS ...................................................... 77

4.3.40. MENGHAPUS BERITA ......................................................................... 78

4.3.41. MENGHAPUS INFO PASCA LULUS ................................................... 79

4.4 DIAGRAM AKTIVITAS ....................................................................... 81

4.4.1 MENGERJAKAN UJIAN...................................................................... 81

4.4.2 MEMBUAT AKUN SISWA ................................................................... 82

4.4.3 MEMBUAT AKUN GURU .................................................................... 84

4.4.4 MEMBUAT AKUN ADMIN .................................................................. 85

4.4.5 MENAMBAHKAN SEKOLAH ............................................................. 86

4.4.6 MENGUNGGAH FILE PENELITIAN ................................................. 87

4.4.7 MENGUNGGAH BAHAN PENDUKUNG GURU ............................... 90

4.4.8 MENGUNGGAH MATERI ................................................................... 91

4.4.9 MENGUNDUH MATERI ...................................................................... 92

4.4.10 MENGUNDUH FILE PENELITIAN ..................................................... 95

4.4.11 MENGUNDUH BAHAN PENDUKUNG GURU ................................... 98

4.4.12 MENGEDIT MATERI ......................................................................... 100

4.4.13 MENGEDIT FILE PENELITIAN........................................................ 101

4.4.14 MENGEDIT BAHAN PENDUKUNG GURU ...................................... 104

4.4.15 MENONAKTIFKAN AKUN SISWA ................................................... 105

4.4.16 MENONAKTIFKAN AKUN GURU .................................................... 106

4.4.17 MENGEDIT PROFILE ........................................................................ 107

xiv

4.4.18 MENGHAPUS FILE PENELITIAN .................................................... 110

4.4.19 MENGHAPUS MATERI ...................................................................... 113

4.4.20 MENGHAPUS BAHAN PENDUKUNG GURU .................................. 114

4.4.21 MELIHAT LIST MATERI................................................................... 115

4.4.22 MELIHAT LIST FILE PENELITIAN ................................................. 115

4.4.23 MELIHAT LIST BAHAN PENDUKUNG GURU ............................... 116

4.4.24 MELIHAT DAFTAR SISWA ............................................................... 116

4.4.25 MELIHAT DAFTAR GURU ................................................................ 117

4.4.26 MELIHAT DAFTAR SEKOLAH ........................................................ 117

4.4.27 MELIHAT LIST NILAI SISWA .......................................................... 118

4.4.28 MELIHAT LIST BERITA.................................................................... 119

4.4.29 MELIHAT LIST INFO PASCA LULUS ............................................. 119

4.4.30 MENAMBAHKAN UJIAN ................................................................... 120

4.4.31 MENGEDIT UJIAN ............................................................................. 121

4.4.32 MELIHAT LIST UJIAN....................................................................... 121

4.4.33 MENGHAPUS UJIAN .......................................................................... 122

4.4.34 MENAMBAHKAN SOAL .................................................................... 122

4.4.35 MELIHAT SOAL ................................................................................. 123

4.4.36 MENGEDIT SOAL ............................................................................... 123

4.4.37 MENGHAPUS SOAL ........................................................................... 124

4.4.38 MENGEDIT BERITA .......................................................................... 124

4.4.39 MENGEDIT INFORMASI PASCA LULUS ........................................ 125

4.4.40 MENGHAPUS BERITA ....................................................................... 126

4.4.41 MENGHAPUS INFORMASI PASCA LULUS .................................... 127

4.5 DESAIN BASIS DATA ........................................................................ 127

4.5.1 DESAIN KONSEPTUAL DATA ......................................................... 127

xv

4.5.2 DESAIN FISIK DATA ......................................................................... 129

BAB V IMPLEMENTASI SISTEM ................................................................. 131

5.1 IMPLEMENTASI LAPISAN KONTROL .......................................... 131

5.1.1 ADMIN ................................................................................................. 131

5.1.2 SISWACONTROLLER ....................................................................... 166

5.1.3 GURUCONTROLLER ........................................................................ 182

5.1.4 LOGINCONTROLLER ....................................................................... 192

5.1.5 REGISTERCONTROLLER ................................................................ 199

5.1.6 SOALCONTROLLER ......................................................................... 203

5.1.7 UJIANCONTROLLER ........................................................................ 210

5.2 ANTARMUKA PENGGUNA .............................................................. 215

5.2.1 MENGERJAKAN UJIAN.................................................................... 215

5.2.2 MEMBUAT AKUN SISWA ................................................................. 215

5.2.3 MEMBUAT AKUN GURU .................................................................. 215

5.2.4 MEMBUAT AKUN ADMIN ................................................................ 216

5.2.5 MEMBUAT AKUN SEKOLAH .......................................................... 216

5.2.6 MENGUNGGAH FILE PENELITIAN ............................................... 217

5.2.7 MENGUNGGAH BAHAN PENDUKUNG GURU ............................. 217

5.2.8 MENGUNGGAH MATERI ................................................................. 218

5.2.9 MENGUNDUH MATERI .................................................................... 218

5.2.10 MENGUNDUH FILE PENELITIAN ................................................... 219

5.2.11 MENGUNDUH BAHAN PENDUKUNG GURU ................................. 219

5.2.12 MENGEDIT MATERI ......................................................................... 220

5.2.13 MENGEDIT FILE PENELITIAN........................................................ 220

5.2.14 MENGEDIT BAHAN PENDUKUNG GURU ...................................... 221

5.2.15 MENONAKTIFKAN AKUN SISWA ................................................... 221

xvi

5.2.16 MENONAKTIFKAN AKUN GURU .................................................... 222

5.2.17 MENGEDIT PROFILE ........................................................................ 222

5.2.18 MENGHAPUS FILE PENELITIAN .................................................... 222

5.2.19 MENGHAPUS MATERI ...................................................................... 223

5.2.20 MENGHAPUS BAHAN PENDUKUNG GURU .................................. 223

5.2.21 MELIHAT LIST MATERI................................................................... 224

5.2.22 MELIHAT LIST FILE PENELITIAN ................................................. 224

5.2.23 MELIHAT LIST BAHAN PENDUKUNG GURU ............................... 225

5.2.24 MELIHAT DAFTAR SISWA ............................................................... 226

5.2.25 MELIHAT DAFTAR GURU ................................................................ 226

5.2.26 MELIHAT DAFTAR SEKOLAH ........................................................ 227

5.2.27 MELIHAT LIST NILAI SISWA .......................................................... 227

5.2.28 MELIHAT LIST BERITA.................................................................... 227

5.2.29 MELIHAT LIST INFO PASCA LULUS ............................................. 228

5.2.30 MENAMBAHKAN UJIAN ................................................................... 229

5.2.31 MENGEDIT UJIAN ............................................................................. 229

5.2.32 MELIHAT LIST UJIAN....................................................................... 230

5.2.33 MENGHAPUS UJIAN .......................................................................... 230

5.2.34 MENAMBAHKAN SOAL .................................................................... 230

5.2.35 MELIHAT SOAL ................................................................................. 231

5.2.36 MENGEDIT SOAL ............................................................................... 231

5.2.37 MENGHAPUS SOAL ........................................................................... 232

5.2.38 MENGEDIT BERITA .......................................................................... 232

5.2.39 MENGEDIT INFO PASCA LULUS .................................................... 233

5.2.40 MENGHAPUS BERITA ....................................................................... 233

5.2.41 MENGHAPUS INFO PASCA LULUS ................................................. 234

xvi

i

BAB VI PENGUJIAN DAN EVALUASI ......................................................... 235

6.1. SKENARIO PENGUJIAN .................................................................... 235

6.1.1. MENGERJAKAN UJIAN .................................................................... 235

6.1.2. MEMBUAT AKUN SISWA ................................................................. 236

6.1.3. MEMBUAT AKUN GURU................................................................... 236

6.1.4. MEMBUAT AKUN ADMIN ................................................................ 237

6.1.5. MENAMBAHKAN SEKOLAH ........................................................... 237

6.1.6. MENGUNGGAH FILE PENELITIAN ................................................ 238

6.1.7. MENGUNGGAH BAHAN PENDUKUNG GURU .............................. 239

6.1.8. MENGUNGGAH MATERI.................................................................. 239

6.1.10. MENGUNDUH FILE PENELITIAN ................................................... 240

6.1.11. MENGUNDUH BAHAN PENDUKUNG GURU ................................. 240

6.1.12. MENGEDIT MATERI ......................................................................... 242

6.1.13. MENGEDIT FILE PENELITIAN........................................................ 242

6.1.14. MENGEDIT BAHAN PENDUKUNG GURU ...................................... 243

6.1.15. MENONAKTIFKAN AKUN SISWA ................................................... 243

6.1.16. MENONAKTIFKAN AKUN GURU .................................................... 243

6.1.17. MENGEDIT PROFILE ........................................................................ 244

6.1.18. MENGHAPUS FILE PENELITIAN .................................................... 244

6.1.19. MENGHAPUS MATERI ...................................................................... 244

6.1.20. MENGHAPUS BAHAN PENDUKUNG GURU .................................. 245

6.1.21. MELIHAT LIST MATERI................................................................... 245

6.1.22. MELIHAT LIST FILE PENELITIAN ................................................. 245

6.1.23. MELIHAT LIST BAHAN PENDUKUNG GURU ............................... 245

6.1.24. MELIHAT DAFTAR SISWA ............................................................... 246

6.1.25. MELIHAT DAFTAR GURU ................................................................ 246

xvi

ii

6.1.26. MELIHAT DAFTAR SEKOLAH ........................................................ 246

6.1.27. MELIHAT LIST NILAI SISWA .......................................................... 246

6.1.28. MELIHAT LIST BERITA.................................................................... 246

6.1.29. MELIHAT LIST INFO PASCA LULUS ............................................. 247

6.1.30. MENAMBAHKAN UJIAN ................................................................... 247

6.1.31. MENGEDIT UJIAN ............................................................................. 247

6.1.32. MELIHAT LIST UJIAN....................................................................... 248

6.1.33. MENGHAPUS UJIAN .......................................................................... 248

6.1.34. MENAMBAHKAN SOAL .................................................................... 248

6.1.35. MELIHAT SOAL ................................................................................. 248

6.1.36. MENGEDIT SOAL ............................................................................... 249

6.1.37. MENGHAPUS SOAL ........................................................................... 249

6.1.38. MENGEDIT BERITA .......................................................................... 249

6.1.39. MENGEDIT INFO PASCA LULUS .................................................... 250

6.1.40. MENGHAPUS BERITA ....................................................................... 250

6.1.41. MENGHAPUS INFO PASCA LULUS ................................................. 251

6.2. EVALUASI PENGUJIAN .................................................................... 252

BAB VII KESIMPULAN DAN SARAN........................................................... 255

7.1 KESIMPULAN..................................................................................... 255

7.2 SARAN ................................................................................................. 255

DAFTAR PUSTAKA ........................................................................................ 257

BIODATA PENULIS ........................................................................................ 259

xx


1

BAB I

PENDAHULUAN

1.1. Latar Belakang

Perkembangan teknologi informasi dan

komunikasi pada saat ini memberi dampak berupa

kemudahan dalam melaksanakan aktivitas sehari-hari.

Aspek-aspek dalam hidup kita pun tak lepas dari

peran teknologi. Apalagi selama pandemi ini

kegiatan mengajar sedikit terhambat

Begitu pula yang terjadi pada MGMP Sosiologi

Jawa Tengah yang memilih memanfaatkan peran

teknologi informasi dan komunikasi untuk

melakukan proses pembelajaran yang diperlukan

untuk kelancarannya dalam menyampaikan

informasi baik materi, ujian, sampai dokumen

mendukung guru untuk kepentingan siswa dan guru.

Untuk saat ini, proses pembelajaran masih

dilakukan yang belum iterintegrasi dengan baik,

yakni menggunakan blogspot, google form untuk

ujian, share materi melewati social media Whatsapp.

Hal ini tentu kurang efisien mengingat jumlah siswa

yang banyak di semua SMA Jawa Tengah.

Banyaknya keluhan dari admin dalam mengelola

blogspot karena belum terorganisir secara baik dan

kurang interaktif karena belum adanya wadah untuk

menampung informasi baik dari admin, guru,

maupun siswa. Sedangkan MGMP sebagai penyedia

dan pengawasan terhadap roses pembelajaran.

2

Maka untuk mengatasi masalah tersebut, solusi

yang ditawarkan adalah dengan membuat sebuah

Aplikasi Berbasis Web Classroom yang dikelola oleh

admin anggota MGMP dengan hak ases untuk guru

dan siswa yang tedaftar dalam MGMP Jateng.

Classroom sebagai wadah komunikasi antara guru,

siswa, dan admin.

1.2. Tujuan

Tujuan kerja praktik ini adalah untuk

menyelesaikan kewajiban kuliah kerja praktik di

Institut Teknologi Sepuluh Nopember dengan beban

dua SKS. Selain itu, untuk memenuhi kebutuhan yang

diperlukan oleh MGMP Sosiologi Jawa Tengah

dengan mengimplementasikan aplikasi berbasis web

classroom. Aplikasi ini menitikberatkan pada

fungsionalitas user.

Tujuan pengimplementasian aplikasi tersebut

yaitu :

1. Membuat aplikasi berbasis web guna

memudahkan anggota MGMP Sosiologi Jateng

yaitu admin, siswa, guru dalam bertukar

informasi pembelajaran untuk memudahkan

kelancaran proses belajar mengajar.

2. Membuat desain User Interface yang mudah

dipahami user.

3

3. Membuat desain database agar memudahkan

user.

1.3. Manfaat

Manfaat yang kami peroleh dalam pelaksanaan

kerja praktik ini, antara lain :

1. Pengalaman merasakan ada di lingkungan kerja yang sebenarnya.

2. Meningkatkan kemampuan bekerjasama dalam tim.

3. Meningkatkan kemampuan bernegosiasi dengan

client.

4. Meningkatkan kemampuan berkomunikasi dengan orang baru.

Selanjutnya, manfaat yang kami peroleh dalam

pengerjaan Aplikasi Berbasis Web Classroom

yaitu :

1. Memudahkan pegguna dalam melakukan penggunduhan data yang mereka butuhkan.

2. Memudahkan admin dalam pembuatan ujian.

3. Memudahkan guru dalam merekap nilai siswa.

4. Memudahkan admin dalam mengontrol jalannya

pembelajaran siswa.

5. Memudahkan admin penyebaran informasi.

1.4. Rumusan Permasalahan

Berikut rumusan masalah dalam pelaksanaan

kerja praktik pembuatan Aplikasi Berbasis Web

Classroom :

4

1. Bagaimana melakukan ujian ?

2. Bagaimana melakukan manajemen file (upload dan download file) ?

3. Bagaimana melakukan manajemen user

(register dan login) ?

1.5. Lokasi dan Waktu Kerja Praktik

Kerja praktik kali ini dilaksanakan pada waktu

dan tempat sebagai berikut:

Lokasi : Dilaksanakan secara Work From

Home(WFH)

Alamat: -Jl Pelita III, Jenggot, Pekalongan,

Jawa Tengah

-Pojok RT 02/04 Mulur,Bendosari

Sukoharjo, Jawa Tengah

Waktu : 26 Juli 2020 – 26 September 2020

1.6. Metodologi Kerja Praktik

1. Perumusan Masalah

Untuk mengetahui domain dan

fungsionalitas, dijelaskan secara rinci bagaimana

sistem yang harus dibuat. Penjelasan oleh

pembimbing lapangan kerja praktik kali ini

menghasilkan beberapa catatan mengenai

gambaran secara garis besar tentang kebutuhan

atau fitur apa saja yang harus ada di dalam

website. Setelah mendapatkan gambaran sistem,

diskusi lebih lanjut dilakukan guna menentukan

rancangan, tools pendukung pembuatan sistem.

5

2. Studi Literatur

Pada tahap ini, setelah ditentukannya

rancangan database, bahasa pemrograman

sampai dengan teknologi beserta tools tambahan

yang digunakan, dilakukan studi literatur lanjut

mengenai bagaimana penggunaannya dalam

membangun sistem sesuai yang diharapkan.

Aplikasi yang akan dibuat merupakan sistem

yang akan dibangun, ada beberapa tools yang

digunakan. Untuk front end digunakan

javascript, css, bootstrap. Sedangkan untuk back

end digunakan php. Ada beberapa tools

tambahan yang mendukung pembuatan website

tersebut yaitu XAMPP dan Visual Studio Code.

Back end framework yang digunakan yaitu

CodeIgniter3.

3. Analisis dan Perancangan Sistem

Langkah ini meliputi penjelasan awal

tentang sistem. Bagaimana cara kerja sistem

dengan skenario tertentu. Dari penjelasan awal

telah didapatkan beberapa kebutuhan fungsional

secara garis besar. Kemudian dilanjutkan dengan

memperjelas dan menspesifikkan kebutuhan-

kebutuhan tersebut. Dilanjutkan berdiskusi

dengan pembimbing lapangan untuk mengetahui

apakah kebutuhan-kebutuhan tersebut sudah

tepat.

6

4. Implementasi Sistem

Implementasi sistem didasarkan oleh

perancangan dan analisis sebelumnya. Penentuan

atribut atau fitur yang akan digunakan pada

model juga didasari pada analisis sebelumnya.

Penentuan tipe data dan format keluaran juga

disesuaikan dengan kebutuhan.

Pengerjaan dilakukan dengan progress setiap

minggu, dengan setiap minggunya menargetkan

perkembangan dari hari sebelumnya. Progres

penyelesaian aplikasi terus dipantau oleh tim

MGMP Sosiologi Jateng dengan adanya meeting

via google meet dengan jadwal yang telah

disepakati dengan pembimbing lapangan dan tim

MGMP minimal satu kali dalam satu minggu.

Selain itu pembimbing lapangan dan tim MGMP

juga memberikan masukan-masukan apabila

terdapat kendala.

5. Pengujian dan Evaluasi

Pengujian dilakukan oleh ketua MGMP dan

anggota anggota MGMP setiap fitur yang sudah

selesai untuk memberikan evaluasi ketika ada

yang tidak sesuai, dan persetujuan apabila sudah

sesuai.

1.7. Sistematika Laporan

Laporan kerja praktik ini terdiri dari 7 bab dengan

rincian sebagai berikut :

7

1. Bab I: Pendahuluan

Bab ini berisi tentang latar belakan masalah,

tujuan, manfaat, rumusan masalah, lokasi dan

waktu kerja praktik, metodologi, dan sistematika

laporan.

2. Bab II: Profil Instansi

Bab ini berisi sekilas tentang profil MGMP

Sosiologi Jawa Tengah.

3. Bab III: Tinjauan Pustaka

Dalam bab ini dibahas mengenai konsep-konsep

pembuatan model, dasar teori, teknologi yang

dipakai dalam pembuatan model.

4. Bab IV: Analisis dan Perancangan Sistem

Dalam bab ini dibahas tentang proses analisa

kebutuhan berdasarkan kondisi yang

sesungguhnya dan perancangannya yang meliputi

desain aplikasi yang akan dikembangkan. Proses

analisa dan desain aplikasi menghasilkan daftar

fitur yang dibutuhkan.

5. Bab V: Desain Model dan Implementasi Sistem

Dalam bab ini dibahas tentang desain model dan

implementasi secara keseluruhan.

8

6. Bab VI: Pengujian dan Evaluasi

Dalam bab ini dibahas tentang skenario pengujian,

dan evaluasi pengujian setelah model selesai

dibangun.

7. Bab VII: Kesimpulan dan Saran

Bab ini berisi tentang kesimpulan dan saran yang

didapatkan dari tugas selama kerja praktik secara

Work From Home (WFH).

9

BAB II

PROFIL INSTANSI

2.1. Profil MGMP Sosiologi Jateng MGMP merupakan singkatan dari Musyawarah

Guru Mata Pelajaran. Istilah ini dipakai sekumpulan guru

setingkat SMP dan SMA/ SMK sebagai sarana untuk

meningkatkan profesionalitas bagi guru semua mata

pelajaran baik secara individu maupun organisasi.

Sedangkan untuk tingkat SD maupun MI istilah tersebut

disingkat KKG yang memiliki arti Kelompok Kerja Guru.

Setiap guru SMP dan SMA/ SMK secara langsung menjadi

anggota MGMP secara mandiri dan berdaya. Maka MGMP

adalah organisasi yang bersentuhan langsung dengan guru

yang berfungsi sebagai penyambung lidah antar guru mata

pelajaran.

Musyawah Guru Mata Pelajaran (MGMP) Sosiologi

Jawa Tengah berdiri pada 28 Juni 2018 untuk siswa-siswa

Sekolah Menengah Awal sebagai wahana untuk saling

bertukar pengalaman guna meningkatkan kemampuan guru

dan memperbaiki kualitas pembelajaran

2.2. Purpose, Visi dan Misi Perusahaan

Untuk menjawab tantangan tenteng pendidikan,

MGPM mendukung pembelajaran nasional, maka

MGMP Sosiologi Jawa Tengah telah menajamkan

kembali Purpose, Visi dan Misi nya.

Purpose :

10

1. Memperluas wawasan dan pengetahuan guru dalam hal, khususnya penguasaan substansi materi

pembelajaran, penyusunan silabus, penyusunan

bahan-bahan pembelajaran, strategi pembelajaran, metode pembelajaran, memaksimalkan pemakaian

sarana/prasarana belajar, memanfaatkan sumber

belajar, dsb.

2. Memberikan kesempatan kepada anggota atau musyawarah kerja untuk berbagi pengalaman serta

saling memberikan bantuan dan umpan balik.

3. Meningkatkan pengetahuan dan keterampilan 4. Memberdayakan dan membantu anggota kelompok

kerja dalam melaksanakan tugas-tugas

pembelajaran di sekolah;

Visi Misi:

Menjadi wadah guru Sosiologi dalam mengembangkan profesionalisme, wawasan, pengetahuan, dan

berinovasi dalam pengembangan mutu pendidikan serta

pelayanan pendidikan bermutu bagi masyarakat.

11

BAB III

TINJAUAN PUSTAKA

3.1. Aplikasi Web

Aplikasi web merupakan aplikasi yang diakses

mengunakan web browser melalui jaringan internet

atau intranet. Aplikasi web juga merupakan suatu

perangkat lunak komputer yang dikodekan dalam

bahasa pemrograman yang mendukung perangkat

lunak berbasis web.

3.2. HTML

HTML (Hypertext Markup Language) adalah

bahasa markup yang mendefinisikan struktur konten

sebuah web. HTML terdiri atas serangkaian elemen,

yang dapat digunakan untuk menyisipkan atau

membungkus konten di dalamnya sehingga

mempunyai tampilan tertentu sesuai fungsi elemennya.

Contohnya, konten dapat disusun dalam bentuk sebuah

paragraf, penomoran berbentuk titik, atau

menampilkan gambar dan tabel.

3.3. CSS

CSS (Cascading Style Sheet) berfungsi untuk

mengatur tampilan elemen yang tertulis dalam bahasa

markup. Fungsi lain dari CSS yakni untuk memisahkan

konten dari tampilan visual dalam sebuah website. CSS

memberi kemudahan dengan tidak perlu

12

mendeskripsikan tampilan masing-masing elemen

secara berulang.

3.4. Bootstrap

Bootstrap merupakan sebuah library framework

CSS yang telah dibuat khusus uintuk mengembangkan

front end sebuah website. Bootstrap merupakan

framework CSS, HTML, Javascript. Bootstrap

digunakan untuk mengembangkan website agar lebih

responsif. Untuk menggunakan bootstrap, hanya perlu

memanggil setiap kelas yang digunakan.

3.5. JavaScript

JavaScript adalah bahasa pemograman yang

digunakan untuk menambahkan fitur interaktif pada

website, seperti ketika ingin membuat game,

melakukan perubahan ketika mengklik tombol, efek

dinamik, animasi, dan masih banyak lagi. JavaScript

sendiri adalah bahasa yang cukup komplek namun

sangat fleksibel, dan banyak Developer (Programmer)

telah menyediakan tool yang berdiri diatas core

JavaScript agar anda dapat menggunakan fungsi -

fungsi ekstra.

3.6. JQuery

JQuery adalah library JavaScript multiplatform

yang dirancang untuk memudahkan penyusunan client-

side script pada file HTML. Sintaks jQuery dirancang

sedemikian rupa untuk memudahkan pengembang

13

website dalam menavigasi dokumen, menyeleksi

elemen-elemen DOM, menerapkan animasi,

mengaplikasikan events, serta membangun aplikasi

AJAX.

3.7. PHP

PHP merupakan singkatan rekursif Hypertext

Preprocessor. Definisi dari PHP adalah bahasa

pemrograman server-side yang dirancang untuk

pengembangan web. PHP dikatakan server-side karena

program yang diberikan akan dijalankan/diproses pada

komputer yang bertindak sebagai server.

3.8. Codeigniter

Sebuah framework php yang bersifat oper source

dan menggunakan metode MVC (Model, View,

Controller). Codeigniter bersifat creed an dibuat

dengan tujuan sama seperti framework lainnya yaitu

untuk memudahkan developer atau programmer dalam

membangun sebuah aplikasi berbasis web tanpa harus

membuatnya dari awal.

14

3.9. Web Server

Web server adalah istilah yang kerap digunakan

untuk menyebut sebuah perangkat keras dan perangkat

lunak yang berperan dalam menyediakan layanan akses

atas berkas-berkas pada suatu situs web. Akses data

trsebut kemudian didistribusikan kepada pengguna

lewat protokol HTTP maupun HTTPS. Secara umum

web server bisa disimpulkan sebagai pemberi data

kepada web client (browser) agar bisa menampilkan

konten dari halaman website tertentu.

3.10. Cpanel

CPanel adalah suatu kontrol panel yang berfungsi

untuk mengelola pengaturan domain, hosting ataupun

website. CPanel akan memberikan tampilan grafis dan

automasi untuk memudahkan proses hosting di sebuah

situs web. Tools ini dapat berjalan dalam server atau

hosting dengan sistem operasi centOS, Red Hat Linux,

dan FreeBSD.

3.11. PhpMyAdmin

PhpMyAdmin adalah software yang ditulis dalam

bahasa PHP. Digunakan untuk memanajemen

MySQL melalui web. Dapat digunakan untuk

memanajemen tabel, database, kolom, relasi, index,

user, dan sebagainya.

15

BAB IV

ANALISIS DAN DESAIN

4.1 Analisis Sistem

4.4.1 Definisi Umum Fitur

Terdapat beberapa fitur yang ada dalam

website sosiologismajateng.com. Pengguna

umum yaitu siswa dapat membuat akun,

mengerjakan ujian, melakukan mengunggah dan

mengunduh penelitian, mengunduh materi, dan

melihat berita dan informasi yang sudah dibuat.

Pengguna guru dapat melakukan mengunduh file

materi pendukung pembelajaran dan materi,

melihat nilai siswa, melihat berita yang sudah

dibuat, sedangkan pengguna admin memiliki hak

akses di segala fitur termasuk pembuatan akun

untuk admin, guru, siswa dan pembuatan ujian

untuk siswa.

4.4.2 Analisis Kebutuhan Fungsional

Pembahasan dengan pembimbing

lapangan dan tim MGMP Sosiologi Jawa

Tengah tentang fitur-fitur yang perlu ada dalam

website sosiologismajateng.com menghasilkan

beberapa kebutuhan fungsional. Kebutuhan

fungsional yang diperlukan pada website

sosiologismajeteng.com dapat dilihat pada tabel

4.1.

16

Tabel 4.1 : Kebutuhan Fungsional

Kode Kebutuhan

Deskripsi Kebutuhan

FR-001 Mengerjakan Ujian

FR-002 Membuat Akun Siswa

FR-003 Membuat Akun Guru

FR-004 Membuat Akun Admin

FR-005 Menambahkan Sekolah

FR-006 Mengunggah File Penelitian

FR-007 Mengunggah Bahan Pendukung Guru

FR-008 Mengunggah Materi

FR-009 Mengunduh Materi

FR-010 Mengunduh File Penelitian

FR-011 Mengunduh Bahan Pendukung Guru

FR-012 Mengedit Materi

FR-013 Mengedit File Penelitian

FR-014 Mengedit Bahan Pendukung Guru

FR-015 Menonaktifkan Akun Siswa

FR-016 Menonaktifkan Akun Guru

FR-017 Mengedit Profile

FR-018 Menghapus File Penelitian

FR-019 Menghapus Materi

FR-020 Menghapus Bahan Pendukung Guru

FR-021 Melihat List Materi

FR-022 Melihat List File Penelitian

FR-023 Melihat List Bahan Pendukung Guru

FR-024 Melihat Daftar Siswa

FR-025 Melihat Daftar Guru

FR-026 Melihat Daftar Sekolah

FR-027 Melihat List Nilai Siswa

17

FR-028 Melihat List Berita

FR-029 Melihat List Info Pasca Lulus

FR-030 Menambahkan Ujian

FR-031 Mengedit Ujian

FR-032 Melihat List Ujian

FR-033 Menghapus Ujian

FR-034 Menambahkan Soal

FR-035 Melihat Soal

FR-036 Mengedit Soal

FR-037 Menghapus Soal

FR-038 Mengedit Berita

FR-039 Mengedit Info Pasca Lulus

FR-040 Menghapus Berita

FR-041 Menghapus Info Pasca Lulus

18

4.2 Diagram Kasus Penggunaan

Daftar kebutuhan fungsional dapat

direpresentasikan menjadi diagram kasus penggunaan

(Use Case Diagram) sehingga memudahkan untuk

dipahami. Use Case Diagram yang telah dibuat dapat

dilihat pada Gambar 4.1.

19

Gambar 4.1 Use Case Diagram

Men gedit bah an pen du ku ng gu ru Men gha pu s fi le p enelitian

Melihat l i st info p a sca lulu s

Melihat l i st ujian

Mem bu at a ku n si swa

Men am bah ka n se kolah Men ge rja kan ujian

Mem bu at a ku n g uru si swa

Men gha pu s info pa sca lulu s

Men ona ktif kan a kun ad min Men gedit profile

Men gha pu s a ku n si swa

Melihat l i st fi le p en elitan

Men ona ktif kan a kun g u ru Men gedit so al

Men gun gga h b aha n p en du kun g g uru

Men gun duh fi le pe nelitian

Men gedit ujian Melihat so al Melihat d aftar gu ru Men gha pu s b a rita

Melihat l i st mate ri

admin

Men gedit fi le p en elitian

Mengh apu s so al

Mengh ap u s mate ri

Melihat d aftar se kolah Melihat l i st be rita

Men gedit be rita Men gun gga h mate ri

Men gha pu s b aha n p en du kun g g uru

Men am bah ka n soal Men gha pu s ujian Men gun gga h fi le p enelitian

Men gedit mate ri

Men gedit info p a sca lulu s

Men am bah ka n ujian

gu ru

Men gun duh m ate ri

Men gun duh ba han pe nd u kung gu ru

Melihat d aftar si swa

Melihat l i st bah an pen du ku ng gu ru Melihat l i st nilai si swa

20

4.3 Spesifikasi Kasus Penggunaan

4.3.1. Mengerjakan Ujian

Salah satu kebutuhan yang ada pada website

sosiologismajateng.com adalah mengerjakan

ujian. Spesifikasi kasus penggunaan untuk

kebutuhan mengerjakan ujian dapat dilihat pada

tabel 4.2. Tabel 4.1 :Tabel usecase Mengerjakan Ujian

Nama Mengerjakan Ujian

Kode UC001

Deskripsi Siswa yang telah terdaftar dalam sistem

dapat mengerjakan ujian yang telah dibuat oleh admin

Tipe Fungsional

Pemicu Pengguna memilih ujian

Aktor Siswa

Kondisi Awal

Siswa belum belum mengerjakan ujian

Kondisi Akhir

Siswa mendapatkan nilai hasil ujian

Alur

Kejadian

Secara

Normal

1. Aktor masuk halaman login. 2. Aktor mengisikan username,

password.

3. Aktor memilih menu ujian pada navbar.

4. Sistem menampikan daftar ujian. 5. Aktor memilih ujian yang belum di

ingin dikerjakan.

6. Sistem menampilkan pop-up

keterangan ujian. 7. Sistem menampilkan soal ujian.

21

8. Aktor dapat mengerjakan ujian.

22

9. Aktor mendapatkan nilai ujian. 10. Sistem menampilkan dan menyimpan

nilai ujian.

Alur

Kejadia

n

Alternat

if

-

Pengecu

alian

-

23

4.3.2. Membuat Akun Siswa


sosiologismajateng.com adalah membuat akun

siswa. Spesifikasi kasus penggunaan untuk

kebutuhan mengerjakan ujian dapat dilihat pada

tabel 4.3 Tabel 4.3 : Tabel usecase Membuat Akun Siswa

Nama Membuat Akun Siswa

Kode UC002

Deskripsi Sebelum masuk ke sistem, siswa melakukan register untuk membuat akun.

Tipe Fungsional

Pemicu Menekan button link registrasi pada home page

Aktor Siswa

Kondisi Awal

Siswa belum mempunyai akun

Kondisi Akhir

Siswa mempunyai akun untuk masuk ke sistem.

Alur

Kejadian

Secara

Normal

1. Siswa masuk ke halaman registrasi.. 2. Sistem menampilkan input column data

diri.

3. Siswa mengisiskan data diri.

4. Sistem menerima request dan menyimpan data yang telah diisikan ke

database.

24

5. Sistem mengirimkan respon berupa

manmpilkan halaman login.

Alur

Kejadian

Alternati f

-

Pengecu

alian

-

Tabel 4.3 : Tabel usecase Membuat Akun Siswa

Nama Membuat Akun Siswa

Kode UC002

Deskripsi Sebelum masuk ke sistem, admin

melakukan register untuk membuat

akun siswa. Tipe Fungsional

Pemicu Admin menekan button tambah data

siswa Aktor Admin

Kondisi Awal

Siswa belum mempunyai akun

Kondisi Akhir

Siswa mempunyai akun untuk masuk ke sistem.

Alur

Kejadian

Secara

Normal

1. Admin login sebagai admin. 2. Sistem menampilkan dashbard admin. 3. Admin menekan menu anggota mgmp

pada sidebar.

4. Admin menekan sub-menu siswa. 5. Sistem menampilkan list siswa. 6. Admin menekan button tambah data

25

siswa. 7. Sistem menampilkan laman form.

8. Admin menginputkan data. 9. Sistem menerima request dan

menyimpan data yang telah diisikan ke

database.

Alur

Kejadian

Alternati

f

-

Pengecu

alian

-

4.3.3. Membuat Akun Guru Salah satu kebutuhan yang ada pada website

sosiologismajateng.com adalah Membuat akun guru. Spesifikasi kasus penggunaan untuk kebutuhan mengerjakan

ujian dapat dilihat pada tabel 4.4

Tabel 4.4 : Tabel usecase Membuat akun guru

Nama Membuat Akun Guru

Kode UC003

26

Deskripsi Sebelum masuk ke sistem, admin

melakukan register untuk membuat

Akun guru.

Tipe Fungsional

Pemicu Admin menekan button tambah data guru.

Aktor Admin

Kondisi Awal

Guru belum mempunyai akun.

Kondisi Akhir

Guru mempunyai akun untuk masuk ke sistem.

Alur

Kejadian

Secara

Normal

1. Admin login sebagai admin. 2. Sistem menampilkan dashbard admin. 3. Admin menekan menu anggota mgmp

pada sidebar

4. Admin menekan sub-menu guru.

5. Sistem menampilkan list guru. 6. Admin menekan button tambah data

guru.

7. Sistem menampilkan laman form.

8. Admin menginputkan data.

9. Sistem menerima request dan

menyimpan data yang telah diisikan ke database.

Alur

Kejadian

Alternati

f

-

27

Pengecu

alian

-

28

4.3.4. Membuat Akun Admin


sosiologismajateng.com adalah Membuat akun

admin Spesifikasi kasus penggunaan untuk

kebutuhan melakukan upload file surat dapat

dilihat pada tabel 4.5.

Tabel 4.5 : Tabel usecase Membuat Akun Admin

Nama Membuat Akun Admin

Kode UC004

Deskripsi Admin baru yang belum memiliki akan

belum dapat masuk ke sistem, admin

lain melakukan register untuk membuat akun admin.

Tipe Fungsional

Pemicu Admin menekan button tambah data admin.

Aktor Admin

Kondisi Awal

Admin belum mempunyai akun

Kondisi Akhir

Admin mempunyai akun untuk masuk ke sistem.

Alur

Kejadian

Secara

Normal

1. Admin login sebagai admin.

2. Sistem menampilkan dashbard admin. 3. Admin menekan menu anggota mgmp

pada sidebar.

4. Admin menekan sub-menu admin.

5. Sistem menampilkan list admin.

29

6. Admin menekan button tambah data

admin.

7. Sistem menampilkan laman form. 8. Admin menginputkan data.


menyimpan data yang telah diisikan

ke database.

Alur

Kejadian

Alternati

f

-

Pengecu

alian

-

30

4.3.5. Menambahkan Sekolah


sosiologismajateng.com adalah menambahkan

sekolah. Spesifikasi kasus penggunaan untuk

kebutuhan menambah sekolah yang telah dibuat

user bersangkutan dapat dilihat pada tabel 4.6.

Tabel 4.6 : Tabel usecase Menambahkan Sekolah

Nama Menambahkan Sekolah

Kode UC005

Deskripsi Admin menambahkan data sekolah

untuk pendataan sekolah dan anggota

mgmp.

Tipe Fungsional

Pemicu Admin menekan button tambah data sekolah.

Aktor Admin

Kondisi Awal

Data sekolah tidak ada dalam sistem

Kondisi Akhir

Data sekolah terdapat dalam sistem.

Alur

Kejadian

Secara

Normal


2. Sistem menampilkan dashbard admin. 3. Admin menekan menu anggota mgmp

pada sidebar.

4. Admin menekan sub-menu sekolah.

5. Sistem menampilkan list sekolah.

6. Admin menekan button tambah sekolah.

31

7. Sistem menampilkan laman form. 8. Admin menginputkan data. 9. Sistem menerima request dan


Alur

Kejadian

Alternati

f

-

Pengecu

alian

-

32

4.3.6. Mengunggah File Penelinitian


sosiologismajateng.com adalah mengunggah file

penelitian. Spesifikasi kasus penggunaan untuk

kebutuhan mengunggah file penelitiandapat dilihat

pada tabel 4.7.

Tabel 4.7 : Tabel usecase Mengunggah File Penelitian

Nama Mengunggah File Penelitian

Kode UC006

Deskripsi Aktor dapat mengunggah file

penelitiannya ke website agar dapat

terdokumentasi

Tipe Fungsional

Pemicu Aktor menekan penelitian sidebar

halaman.

Aktor Admin, guru, siswa

Kondisi Awal

Aktor belum mengunggah file penelitian

Kondisi

Akhir

Aktor telah mengunggah file penelitian

Alur

Kejadia

n

Secara

1. Aktor login.

2. Sistem menampilkan dashbard.

3. Aktor menekan menu penelitian pada sidebar.

33

Normal 4. Sistem menampilkan list penelitian. 5. Aktor menekan button upload

penelitian.

6. Sistem menampilkan modals.

7. Aktor menginputkan data.



ke database.

Alur

Kejadian

Alterna

tif

1. File yang diunggah memiliki format

selain pdf, word.

-Sistem akan menampilkan

notifikasi “GAGAL

UPLOAD. Pastikan format file .pdf, .doc, .docx

Pengecu alian

-

34

4.3.7. Mengunggah Bahan Pendukung Guru


sosiologismajateng.com adalah mengunggah

bahab pendukung guru. Spesifikasi kasus

penggunaan untuk kebutuhan mengunggah bahan

pendukung guru dapat dilihat pada tabel 4.8.

Tabel 4.8 : Tabel usecase Mengunggah Bahan Pendukung Guru

Nama Mengunggah bahan pendukung guru

Kode UC007

Deskripsi Admin mengunggah bahan pendukung guru untuk keperluan guru dalam proses mengajar

Tipe Fungsional

Pemicu Admin menekan button upload bahan

pendukung guru

Aktor Admin

Kondisi Awal

Admin belum mengupload file bahan pendukung guru

Kondisi Akhir

Admin telah mengupload file bahan pendukug guru

35

Alur

Kejadian

Secara

Normal

1. Admin login sebagai admin

2. Sistem menampilkan dashboard

admin

3. Admin menekan menu bahan

pendukung guru pada side bar

4. Admin memilih sub-menu dokumen

yang akan diupload

5. Sistem menampilkan list dokumen

6. Admin menekan button upload

dokumen

7. Sistem menampilkan modals input

data

8. Admin mengisi data dokumen



Alur

Kejadian

Alternati

f


selain pdf, word.

-Sistem akan menampilkan notifikasi

“GAGAL UPLOAD. Pastikan

format file .pdf, .doc, .docx

36

Pengecu

alian

-

37

4.3.8. Mengunggah Materi


sosiologismajateng.com adalah mengunggah

materi. Spesifikasi kasus penggunaan untuk

kebutuhan mengunggah materi dapat dilihat pada

tabel 4.9.

Tabel 4.9 : Tabel usecase Mengunggah Materi

Nama Mengunggah Materi

Kode UC008

Deskripsi Admin mengunggah bahan materi untuk keperluan guru dan siswa dalam proses belajar

Tipe Fungsional

Pemicu Admin menekan button upload materi

Aktor Admin

Kondisi Awal

Admin belum mengunggah materi

Kondisi Akhir

Admin telah mengunggah materi

38

Alur

Kejadian

Secara

Normal


2. Sistem menampilkan dashboard

admin.

3. Admin menekan menu materi pada

side bar.

4. Admin memilih sub-menu kelas

yang materinya akan diupload.

5. Sistem menampilkan list materi.

6. Admin menekan button upload

materi.

7. Sistem menampilkan modals input

data.

8. Admin mengisi data materi.



ke database.

Alur

Kejadian

Alternati

f


selain pdf, word, ppt, image


notifikasi


format file .pdf, .doc, .docx,

.pptx, .ppt, .jpg, .png, .jpeg

39

Pengecu

alian

-

40

4.3.9. Mengunduh Materi


sosiologismajateng.com adalah mengunduh

materi. Spesifikasi kasus penggunaan untuk

mengunduh materi dapat dilihat pada tabel 4.10.

Tabel 4.10 : Tabel usecase Mengunduh Materi

Nama Mengunduh Materi

Kode UC009

Deskripsi Admin dapat melakukan download materi pembelajaran yang diinginkan

Tipe Fungsional

Pemicu Admin menekan button icon download.

Aktor Admin

Kondisi Awal

Admin belum mengunduh materi

Kondisi Akhir

Admin telah mengunduh materi

Alur

Kejadian

Secara

Normal

1. Admin login 2. Sistem menampilkan dashboard

3. Admin menekan menu materi pada

sidebar 4. Admin menekan sub-menu kelas

yang diinginkan

5. Sistem menampilkan list materi

6. Admin menekan button icon

download

41

7. Sistem akan menyimpan file ke local

Alur

Kejadian

Alternati

f

-

Pengecu

alian

-

42

Tabel 4.10 : Tabel usecase Mengunduh Materi

Nama Mengunduh Materi

Kode UC009

Deskripsi Aktor dapat melakukan download

materi pembelajaran yang diinginkan Tipe Fungsional

Pemicu Aktor menekan button icon download.

Aktor Guru, siswa

Kondisi

Awal

Aktor belum mengunduh materi

Kondisi Akhir

Aktor telah mengunduh materi

43

Alur

Kejadian

Secara

Normal

1. Aktor login 2. Sistem menampilkan dashboard 3. Aktor menekan menu materi pada

sidebar

4. Aktor menekan sub-menu kelas yang

diinginkan

5. Sistem menampilkan list pertemuan 6. Aktor memilih button pertemuan

yang diinginkan

7. Sistem menampilkan list materi 8. Aktor menekan button icon download 9. Sistem akan menyimpan file ke local

Alur

Kejadian

Alternati

f

-

Pengecu

alian

-

44

4.3.10. Mengunduh File Penelitian


sosiologismajateng.com adalah Mengunduh file


kebutuhan Mengunduh file penelitian dapat dilihat

pada tabel 4.11.

Tabel 4.11 : Tabel usecase Mengunduh File Penelitian

Nama Mengunduh File Penelitian

Kode UC010

Deskripsi Aktor dapat melakukan download file penelitian

Tipe Fungsional



Kondisi Awal

Aktor belum mengunduh file penelitian

Kondisi Akhir

Aktor telah mengunduh file penelitian

Alur

Kejadian

Secara

Normal

1. Aktor login 2. Sistem menampilkan dashbard

3. Aktor menekan menu penelitian pada

side bar

4. Sistem menampilkan list file penelitian

5. Aktor menekan button icon download 6. Sistem akan menyimpan file ke local

45

Alur

Kejadian

Alternati

f

-

Pengecu

alian

-

46

4.3.11. Mengunduh Bahan Pendukung Guru


sosiologismajateng.com adalah Mengunduh

bahan pendukung guru. Spesifikasi kasus

Mengunduh bahan pendukung guru dapat dilihat

pada tabel 4.12.

Tabel 4.12 : Tabel usecase Mengunduh Bahan Pendukung Guru

Nama Mengunduh Bahan Pendukung Guru

Kode UC011

Deskripsi Aktor dapat mengunduh Bahan pendukung guru.

Tipe Fungsional


Aktor Admin, guru

Kondisi

Awal

Aktor belum mengunduh bahan

pendukung guru

Kondisi Akhir

Aktor telah mengunduh bahan pendukung guru

Alur

Kejadian

Secara

Normal

1. Aktor login 2. Sistem menampilkan dashbard 3. Aktor menekan menu bahan

pendukung pada side bar 4. Aktor menekan dokumen yang

diinginkan pada sub-menu 5. Sistem menampilkan list bahan

pendukung guru 6. Aktor menekan button icon

download

47


Alur

Kejadian

Alternati

f

-

Pengecualian -

48

4.3.12. Mengedit Materi


sosiologismajateng.com adalah Mengedit materi.

Spesifikasi kasus penggunaan untuk kebutuhan

Mengedit materi dapat dilihat pada tabel 4.13.

Tabel 4.13 : Tabel usecase Mengedit Materi

Nama Mengedit Materi

Kode UC012

Deskripsi Admin dapat mengedit data atau file materi yang ada di database.

Tipe Fungsional

Pemicu Admin klik icon edit button

Aktor Admin.

Kondisi Awal

Admin belum mengedit data materi.

Kondisi Akhir

Admin telah mengedit data materi.

49

Alur

Kejadian

Secara

Normal


2. Sistem menampilkan

dashboard admin

3. Admin menekan menu materi

pada side bar

4. Admin memilih sub-menu

kelas yang materinya akan

diupload

5. Sistem menampilkan list

materi


edit

7. Sistem menampilkan modals

input data

8. Admin menedit data materi 9. Sistem menerima request dan

menyimpan data yang telah

diisikan ke database.

Alur

Kejadian

Alternati

f

1. File yang diunggah memiliki

format selain pdf, word, ppt,

image


notifikasi


format file .pdf, .doc, .docx,

.pptx, .ppt, .jpg, .png, .jpeg

Pengecualian -

50

4.3.13. Mengedit File Penelitian


sosiologismajateng.com adalah Mengedit file


kebutuhan Mengedit file penelitian dapat dilihat

pada tabel 4.14.

Tabel 4.14 : Tabel usecase Mengedit Penelitian

Nama Mengedit file penelitian

Kode UC013

Deskripsi Admin dapat mengedit data atau file penelitian yang ada di database.

Tipe Fungsional

Pemicu Admin klik icon edit button

Aktor Admin.

Kondisi Awal

Admin belum mengedit data penelitian.

Kondisi Akhir

Admin telah mengedit data penelitian.

51

Alur

Kejadian

Secara

Normal


2. Sistem menampilkan

dashboard admin

3. Admin menekan menu

penelitian pada side bar

4. Sistem menampilkan list

penelitian


edit

6. Sistem menampilkan modals

input data

7. Admin menedit data penelitian


menyimpan data yang telah

diisikan ke database.

Alur

Kejadian

Alternati

f

1. File yang diunggah memiliki

format selain pdf, word-Sistem

akan menampilkan notifikasi


format file .pdf, .doc, .docx

Pengecualian -

52

4.3.14. Mengedit Bahan Pendukung Guru


sosiologismajateng.com adalah Mengedit bahan

pendukung guru. Spesifikasi kasus penggunaan

untuk kebutuhan Mengedit bahan pendukung

guru dapat dilihat pada tabel 4.15.

Tabel 4.15 : Tabel usecase Mengedit Bahan Pendukung Guru

Nama Mengedit Bahan Pendukung Guru

Kode UC014

Deskripsi Admin dapat mengedit Bahan pendukung guru.

Tipe Fungsional

Pemicu Admin menekan button icon download.

Aktor Admin

Kondisi Awal

Admin belum mengedit data bahan

pendukung guru

Kondisi

Akhir

Aktor telah mengedit data bahan

pendukung guru

53

Alur

Kejadian

Secara

Normal

1. Admin login 2. Sistem menampilkan dashbard 3. Admin menekan menu bahan

pendukung pada side bar 4. Aktor menekan dokumen yang

diinginkan pada sub-menu 5. Sistem menampilkan list bahan

pendukung guru 6. Admin menekan button icon edit

7. Sistem menampilkan modals edit 8. Admin mengedit data bahan pendukung

guru


Alur

Kejadian

Alternati

f


selain pdf, word


notifikasi

“GAGAL UPLOAD. Pastikan format file .pdf, .doc, .docx

Pengecualian

54

4.3.15. Menonaktifkan Akun Siswa


sosiologismajateng.com adalah Menonaktifkan

akun siswa. Spesifikasi kasus penggunaan untuk

kebutuhan Menonaktifkan akun siswa dapat


Tabel 4.16 : Tabel usecase Menonaktifkan Akun Siswa

Nama Menonaktifkan Akun Siswa

Kode UC015

Deskripsi Admin dapat menonaktifkan akun siswa

ketika siswa telah lulus

Tipe Fungsional

Pemicu Admin menekan button non-aktifkan akun.

Aktor Admin

Kondisi Awal

Siswa dapat mengakses webiste

55

Kondisi Akhir

Siswa tidak dapat mengakses website

Alur

Kejadian

Secara

Normal


2. Sistem menampilkan dashbard admin 3. Admin menekan menu anggota mgmp

pada sidebar

4. Admin menekan sub-menu siswa 5. Sistem menampilkan list siswa

6. Admin menekan button non-aktifkan

akun 7. Sistem menonaktifkan akun dengan

merubah flag

Alur

Kejadian

Alternati

f

-

Pengecu

alian

-

4.3.16. Menonaktifkan Akun Guru


sosiologismajateng.com adalah Menonaktifkan

akun siswa. Spesifikasi kasus penggunaan untuk

kebutuhan Menonaktifkan akun siswa dapat


56

Tabel 4.17 : Tabel usecase Menonaktifkan Akun Guru

Nama Menonaktifkan Akun Siswa

Kode UC016

Deskripsi Admin dapat menonaktifkan akun guru

ketika guru telah purna

Tipe Fungsional

Pemicu Admin menekan button non-aktifkan akun.

Aktor Admin

Kondisi Awal

Guru dapat mengakses webiste

Kondisi Akhir

Guru tidak dapat mengakses website

Alur

Kejadian

Secara

Normal


2. Sistem menampilkan dashbard admin 3. Admin menekan menu anggota mgmp

pada sidebar

4. Admin menekan sub-menu guru

5. Sistem menampilkan list siswa 6. Admin menekan button non-aktifkan

akun

7. Sistem menonaktifkan akun dengan

merubah flag

Alur

Kejadian

Alternati

f

-

57

Pengecu

alian

-

4.3.17. Mengedit Profile


sosiologismajateng.com adalah Mengedit profile.

Spesifikasi kasus penggunaan untuk kebutuhan Mengedit

profile dapat dilihat pada tabel 4.18.

Tabel 4.18 : Tabel usecase Mengedit Profile

Nama Mengedit Profile

Kode UC017

Deskripsi Aktor dapat mengedit profile diri

Tipe Fungsional

Pemicu Aktor icon button profile pada side bar


Kondisi Awal

Aktor belum mengedit data diri

Kondisi Akhir

Aktor dapat mengedit data diri

Alur

Kejadian

Secara

Normal

1. Aktor login 2. Sistem menampilkan dashbard

3. Admin menekan icon botton profile

pada side bar

4. Admin memilih setting profile 5. Sistem menampilkan laman edit profile

6. Admin mengedit data diri 7. Sistem menerima request dan

58

menyimpan data yang telah diisikan ke

database.

Alur Kejadian

Alternatif

-

Pengecualian -

4.3.18. Menghapus file penelitian Salah satu kebutuhan yang ada pada website

sosiologismajateng.com adalah Menghapus file penelitian.

Spesifikasi kasus penggunaan untuk kebutuhan Menghapus file

penelitian dapat dilihat pada tabel 4.19.

Tabel 4.19 : Tabel usecase Menghapus file penelitian

Nama Menghapus file penelitian

Kode UC018

Deskripsi Admin dapat menghapus file penelitian

Tipe Fungsional

Pemicu Admin klik icon button hapus pada file

penelitian

Aktor Admin.

Kondisi Awal

Admin belum menghapus file penelitian

Kondisi Akhir

Admin telah menghapus file penelitian

Alur

Kejadian

Secara

Normal

1. Aktor membuka halaman dashboard. 2. Sistem dashboard admin

3. Aktor klik icon hapus pada file tersebut.

4. Sistem menampilkan modals.

5. Aktor mengklik hapus.

59

Alur Kejadian

Alternatif

-

Pengecualian -

4.3.19. Menghapus Materi


sosiologismajateng.com adalah Menghapus materi.


Menghapus materi dapat dilihat pada tabel 4.19.

Tabel 4.20 : Tabel usecase Mengahapus Materi

Nama Menghapus Materi

Kode UC019

Deskripsi Admin dapat menghapus materi.

Tipe Fungsional

Pemicu Admin klik hapus pada file yang dikehendaki.

Aktor Admin.

Kondisi Awal

Admin belum menghapus materi.

Kondisi Akhir

Materi berhasil terhapus.

60

Alur

Kejadian

Secara

Normal


3. Aktor mengklik materi pada

sidebar dan memilih kelas yang

diinginkan


5. Sistem menampilkan modals. 6. Aktor mengklik hapus.

Alur Kejadian

Alternatif

-

Pengecualian -

61

4.3.20. Menghapus Bahan Pendukung Guru


sosiologismajateng.com adalah Menghapus bahan

pendukung guru. Spesifikasi kasus penggunaan

untuk kebutuhan Menghapus bahan pendukung

guru dapat dilihat pada tabel 4.21

Tabel 4.21: Tabel usecase Menghapus Bahan Pendukung Guru

Nama Menghapus Bahan Pendukung Guru

Kode UC020

Deskripsi Admin dapat menghapus bahan

pendukung guru yang dikehendaki

Tipe Fungsional

Pemicu Admin menekan icon delete.

Aktor Admin.

Kondisi Awal

Admin belum menghapus bahan pendukung guru.

Kondisi Akhir

Bahan pendukung guru telah terhapus

Alur

Kejadian

Secara

Normal


3. Aktor klik menu bahan

pendukung guru pada side bar


5. Sistem menampilkan modals. 6. Aktor mengklik hapus.

62

Alur Kejadian

Alternatif

-

Pengecualian -

4.3.21. Melihat List Materi


sosiologismajateng.com adalah Melihat List

Materi. Spesifikasi kasus penggunaan untuk

Melihat List Materi dapat dilihat pada tabel 4.22

Tabel 4.22 : Tabel usecase Melihat List Materi

Nama Melihat List Materi

Kode UC021

Deskripsi Admin, guru, dan siswa dapat melihat list

materi

Tipe Fungsional

Pemicu Admin, guru, dan siswa klik materi.

Aktor Admin, guru, dan siswa.

Kondisi Awal

Admin, guru, dan siswa sudah login.

Kondisi Akhir

List materi ditampilkan.

Alur

Kejadian

Secara

Normal

1. Aktor memilih opsi materi pada

menu dashboard.

2. Sistem menampilkan daftar materi.

Alur Kejadian

Alternatif

-

Pengecualian -

63

4.3.22. Melihat List File Penelitian


sosiologismajateng.com adalah Melihat List File

Penelitian. Spesifikasi kasus penggunaan untuk

kebutuhan Melihat List File Penelitian dapat

dilihat pada tabel 4.23

Tabel 4.23 : Tabel usecase Melihat List File Penelitian

Nama Melihat List File Penelitian

Kode UC022

Deskripsi Admin, guru, dan siswa dapat melihat list file penelitian.

Tipe Fungsional

Pemicu Admin, guru, dan siswa klik penelitian.


Kondisi

Awal

Admin sudah login.

Kondisi Akhir

List file penelitian ditampilkan.

Alur

Kejadian

Secara

Normal

3. Aktor memilih opsi penelitian pada

dashboard.

4. Sistem menampilkan daftar

penelitian.

Alur Kejadian

Alternatif

-

Pengecualian -

64

4.3.23. Melihat List Bahan Pendukung Guru


sosiologismajateng.com adalah Melihat List Bahan

Pendukung Guru. Spesifikasi kasus penggunaan

untuk kebutuhan Melihat List Bahan Pendukung

Guru dapat dilihat pada tabel 4.24

Tabel 4.24 : Tabel usecase Melihat List Bahan

Pendukung Guru

Nama Melihat List Bahan Pendukung Guru

Kode UC023

Deskripsi Admin dan guru dapat melihat list bahan pendukung guru.

Tipe Fungsional

Pemicu Admin dan guru klik menu bahan

pendukung guru yang dikehendaki.

Aktor Admin dan guru.

Kondisi

Awal

Admin dan guru sudah login.

Kondisi Akhir

List bahan pendukung guru ditampilkan.

Alur

Kejadian

Secara

Normal

1. Aktor klik menu bahan pendukung

guru.

2. Sistem menampilkan list bahan

pendukung guru.

3. Aktor klik bahan pendukung

guru yang dikehendaki.

4. Sistem menampilkan bahan


65

Alur Kejadian

Alternatif

-

Pengecualian -

66

4.3.24. Melihat Daftar Siswa


sosiologismajateng.com adalah Melihat Daftar

Siswa. Spesifikasi kasus penggunaan untuk

kebutuhan Melihat Daftar Siswa dapat dilihat pada

tabel 4.25

Tabel 4.25 : Tabel usecase Melihat Daftar Siswa (Admin)

Nama Melihat Daftar Siswa

Kode UC024

Deskripsi Admin dapat melihat daftar siswa.

Tipe Fungsional

Pemicu Admin klik menu siswa.

Aktor Admin.

Kondisi

Awal

Admin sudah login.

Kondisi Akhir

Daftar siswa ditampilkan.

Alur

Kejadian

Secara

Normal

1. Aktor klik menu Anggota MGMP

pada menu dashboard.

2. Sistem menampilkan opsi Admin,

Guru, Siswa, dan Sekolah.

3. Aktor klik opsi siswa


siswa.

Alur Kejadian Alternatif

-

Pengecualian -

67

Tabel 4.15 : Tabel usecase Melihat Daftar Siswa(Guru)

Nama Melihat Daftar Siswa

Kode UC024

Deskripsi Guru dapat melihat daftar siswa.

Tipe Fungsional

Pemicu Guru klik menu siswa.

Aktor Guru.

Kondisi Awal

Guru sudah login.

Kondisi Akhir

Daftar siswa ditampilkan.

Alur

Kejadian

Secara

Normal

1. Aktor klik menu Daftar Siswa pada

menu dashboard.

2. Sistem menampilkan opsi Siswa,

dan Nilai Siswa.

3. Aktor klik opsi siswa.


siswa.


-

Pengecualian -

68

4.3.25. Melihat Daftar Guru



Guru. Spesifikasi kasus penggunaan untuk Melihat

Daftar Guru dapat dilihat pada tabel 4.26

Tabel 4.26 : Tabel usecase Melihat Daftar Guru

Nama Melihat Daftar Guru

Kode UC025

Deskripsi Admin dapat melihat daftar guru.

Tipe Fungsional

Pemicu Admin klik menu guru

Aktor Admin.

Kondisi Awal

Admin sudah login.

Kondisi Akhir

Daftar guru ditampilkan.

Alur

Kejadian

Secara

Normal

1. Aktor memilih menu Anggota

MGMP.


Anggota MGMP.

3. Aktor klik menu Guru. 4. Sistem menampilkan daftar guru.

Alur Kejadian

Alternatif

-

Pengecualian -

69

4.3.26. Melihat Daftar Sekolah



Sekolah. Spesifikasi kasus penggunaan untuk

kebutuhan Melihat Daftar Sekolah dapat dilihat

pada tabel 4.27

Tabel 4.27 : Tabel usecase Melihat Daftar Sekolah

Nama Melihat Daftar Sekolah

Kode UC026

Deskripsi Admin dapat melihat daftar sekolah.

Tipe Fungsional

Pemicu Admin klik daftar sekolah.

Aktor Admin.

Kondisi Awal

Admin sudah login.

Kondisi Akhir

Menampilkan daftar sekolah.

Alur

Kejadian

Secara Normal

1. Aktor klik opsi sekolah pada menu.


sekolah.

Alur Kejadian

Alternatif

-

Pengecualian -

70

4.3.27. Melihat List Nilai Siswa


sosiologismajateng.com adalah Melihat List Nilai

Siswa. Spesifikasi kasus penggunaan untuk

kebutuhan Melihat List Nilai Siswa dapat dilihat

pada tabel 4.28

Tabel 4.28 : Tabel usecase Melihat List Nilai Siswa (Admin)

Nama Melihat List Nilai Siswa

Kode UC027

Deskripsi Admin dapat melihat list nilai siswa.

Tipe Fungsional

Pemicu Admin klik hasil ujian siswa.

Aktor Admin.

Kondisi

Awal

Admin sudah login.

Kondisi Akhir

List nilai siswa ditampilkan.

Alur

Kejadian

1. Aktor memilih opsi ujian pada menu.

71

Secara

Normal

2. Sistem menampilkan opsi ujian

dan hasil ujian siswa.

3. Aktor klik hasil ujian siswa.

4. Sistem menampilkan daftar hasil

ujian siswa.

Alur Kejadian

Alternatif

-

Pengecualian -

Tabel 4.28 : Tabel usecase Melihat List Nilai Siswa (Guru)

Nama Melihat List Nilai Siswa

Kode UC027

Deskripsi Guru dapat melihat list nilai siswa.

Tipe Fungsional

Pemicu Guru klik hasil ujian siswa.

Aktor Guru.

Kondisi

Awal

Guru sudah login.

Kondisi Akhir

List nilai siswa ditampilkan.

Alur

Kejadian

Secara

Normal

1. Aktor memilih opsi siswa pada menu.

2. Sistem menampilkan opsi siswa dan

nilai siswa.

3. Aktor klik nilai siswa.

4. Sistem menampilkan daftar hasil ujian

siswa.

Alur Kejadian

Alternatif

-

Pengecualian -

72

4.3.28. Melihat List Berita


sosiologismajateng.com adalah Melihat List

Berita. Spesifikasi kasus penggunaan untuk

kebutuhan Melihat List Berita dapat dilihat pada

tabel 4.29

Tabel 4.29 : Tabel usecase Melihat List Berita

Nama Melihat List Berita

Kode UC028


berita.

Tipe Fungsional

Pemicu Admin, guru, dan siswa klik menu berita.


Kondisi Awal


Kondisi Akhir

List berita berhasil ditampilkan.

Alur

Kejadian

Secara

Normal

1. Aktor klik opsi berita pada menu

dashboard.

2. Sistem menampilkan list berita.

Alur Kejadian

Alternatif

-

Pengecualian -

73

4.3.29. Melihat List Info Pasca Lulus


sosiologismajateng.com adalah Melihat List Info

Pasca Lulus Spesifikasi kasus penggunaan untuk

kebutuhan Melihat List Info Pasca Lulus dapat


Tabel 4.30 : Tabel usecase Melihat List Info Pasca Lulus

Nama Melihat List Info Pasca Lulus

Kode UC029


info pasca lulus.

Tipe Fungsional

Pemicu Admin, guru, dan siswa klik info pasca lulus.


Kondisi Awal


Kondisi Akhir

List info pasca lulus ditampilkan.

Alur

Kejadian

Secara

Normal

1. Aktor klik menu info pasca lulus. 2. Sistem menampilkan list info

pasca lulus.

Alur Kejadian

Alternatif

-

Pengecualian -

74

4.3.30. Menambahkan Ujian Salah satu kebutuhan yang ada pada website

sosiologismajateng.com adalah Menambahkan Ujian.

Spesifikasi kasus penggunaan untuk kebutuhan Menambahkan Ujian dapat dilihat pada tabel 4.31

Tabel 4.31 : Tabel usecase Menambahkan Ujian

Nama Menambahkan Ujian

Kode UC030

Deskripsi Admin dapat menambahkan ujian.

Tipe Fungsional

Pemicu Admin klik tambah ujian

Aktor Admin.

Kondisi Awal

Admin sudah login.

Kondisi

Akhir

Ujian berhasil dibuat.

Alur

Kejadian

Secara

Normal

1. Aktor klik menu ujian.

2. Sistem menampilkan opsi ujian

dan hasil ujian.

3. Aktor klik opsi ujian.

4. Sistem menampilkan halaman daftar

ujian.

5. Aktor klik tombol tambah ujian.

6. Sistem menampilkan form ujian.

7. Aktor mengisi form ujian.

8. Aktor submit form ujian

9. Sistem menyimpan data ujian.

10. Sistem menampilkan daftar ujian.

Alur Kejadian -

75

Alternatif Pengecualian -

4.3.31. Mengedit Ujian Salah satu kebutuhan yang ada pada website

sosiologismajateng.com adalah Mengedit Ujian. Spesifikasi kasus penggunaan untuk kebutuhan Mengedit Ujian dapat dilihat pada tabel 4.32

Tabel 4.32 : Tabel usecase Mengedit Ujian

Nama Mengedit Ujian

Kode UC031

Deskripsi Admin dapat mengedit ujian.

Tipe Fungsional

Pemicu Admin klik ikon edit ujian.

Aktor Admin.

Kondisi

Awal

Admin berada di halaman daftar ujian.

Kondisi Akhir

Ujian berhasil diedit.

Alur

Kejadian

Secara

Normal

1. Aktor klik ikon edit pada halaman

daftar ujian.

2. Sistem menampilkan form edit

ujian.

3. Aktor mengisi form edit ujian.

4. Aktor submit form ujian.

5. Sistem menyimpan perubahan pada

database. 6. Sistem menampilkan daftar ujian.

Alur Kejadian

Alternatif

-

Pengecualian -

69

70

4.3.32. Melihat List Ujian


sosiologismajateng.com adalah Melihat List Ujian.

Spesifikasi kasus penggunaan untuk Melihat List

Ujian dapat dilihat pada tabel 4.33

Tabel 4.33 : Tabel usecase Melihat List Ujian

Nama Melihat List Ujian

Kode UC032

Deskripsi Admin, guru, dan siswa dapat melihat list ujian.

Tipe Fungsional

Pemicu Admin, guru, dan siswa klik menu ujian.


Kondisi

Awal

Admin sudah login.

Kondisi Akhir

List ujian ditampilkan.

Alur

Kejadian

Secara

Normal

1. Aktor klik menu ujian. 2. Sistem menampilkan list ujian.

Alur Kejadian

Alternatif

-

Pengecualian -

71

4.3.33. Menghapus Ujian Salah satu kebutuhan yang ada pada website

sosiologismajateng.com adalah Menghapus Ujian. Spesifikasi kasus penggunaan untuk kebutuhan Menghapus Ujian dapat


Tabel 4.34 : Tabel usecase Menghapus Ujian

Nama Menghapus Ujian

Kode UC033

Deskripsi Admin dapat menghapus ujian.

Tipe Fungsional

Pemicu Admin klik hapus pada ujian yang dikehendaki.

Aktor Admin.

Kondisi

Awal

Admin sudah login.

Kondisi Akhir

Ujian yang dikehendaki berhasil dihapus.

Alur

Kejadian

Secara

Normal

1. Aktor klik menu ujian.


ujian.

3. Aktor klik hapus pada ujian yang dikehendaki.

4. Sistem menyimpan perubahan pada

database.

5. Sistem menampilkan pesan berhasil

menghapus ujian.

Alur Kejadian

Alternatif

-

Pengecualian -

72

4.3.34. Menambahkan Soal


sosiologismajateng.com adalah Menambahkan

Soal. Spesifikasi kasus penggunaan untuk

kebutuhan Menambahkan Soal dapat dilihat pada

tabel 4.35

Tabel 4.35 : Tabel usecase Menambahkan Soal

Nama Menambahkan Soal

Kode UC034

Deskripsi Admin dapat menambahkan soal.

Tipe Fungsional

Pemicu Admin klik tambah soal.

Aktor Admin.

Kondisi Awal

Admin berada di halaman ujian.

Kondisi Akhir Soal berhasil ditambahkan pada ujian yang dikehendaki.

Alur Kejadian Secara Normal

1. Aktor klik tambah soal pada baris

ujian yang ingin ditambahkan soal.

2. Sistem menampilkan halaman

daftar soal pada ujian yang

dikehendaki.

3. Aktor klik tambah soal.

4. Sistem menampilkan form tambah

soal.

5. Aktor mengisi form soal.

6. Aktor submit form soal.

7. Sistem menyimpan data

73

tambah soal.

8. Sistem menampilkan daftar soal. Alur Kejadian Alternatif

-

Pengecualian -

Nama Menambahkan Soal

74

4.3.35. Melihat Soal

Salah satu kebutuhan yang ada

pada website sosiologismajateng.com adalah

Melihat Soal. Spesifikasi kasuspenggunaan untuk

Melihat Soal dapat dilihat pada tabel 4.36

Tabel 4.36 : Tabel usecase Melihat Soal

Nama Melihat Soal

Kode UC035

Deskripsi Admin dapat melihat detail soal.

Tipe Fungsional

Pemicu Admin klik ikon detail pada soal yang dikehendaki.

Aktor Admin.

Kondisi Awal

Admin berada di halaman daftar soal.

Kondisi Akhir

Detail ujian ditampilkan.

Alur

Kejadian

Secara

Normal

1. Aktor klik ikon detail soal pada soal

yang dikehendaki.

2. Sistem menampilkan detail soal pada soal yang dikehendaki.

Alur Kejadian

Alternatif

-

Pengecualian -

75

4.3.36. Mengedit Soal


sosiologismajateng.com adalah Mengedit Soal.


Mengedit Soal dapat dilihat pada tabel 4.37

Tabel 4.37 : Tabel usecase Mengedit Soal

Nama Mengedit Soal

Kode UC036

Deskripsi Admin dapat mengedit soal.

Tipe Fungsional

Pemicu Admin klik ikon edit pada soal yang dikehendaki.

Aktor Admin.

Kondisi Awal Admin berada di halaman daftar soal.

Kondisi Akhir

soal berhasil diedit.


1. Aktor klik ikon edit pada soal yang

dikehendaki.

2. Sistem menampilkan form

edit soal.

3. Aktor mengisi form edit soal. 4. Aktor submit form edit soal.

5. Sistem menyimpan perubahan

pada database.

6. Sistem menampilkan daftar soal. Alur Kejadian Alternatif

-

Pengecualian -

76

4.3.37. Menghapus Soal


sosiologismajateng.com adalah Menghapus Soal.

Spesifikasi kasus penggunaan untuk Menghapus

Soal dapat dilihat pada tabel 4.38

Tabel 4.38 : Tabel usecase Menghapus Soal

Nama Menghapus Soal

Kode UC037

Deskripsi Admin dapat menghapus soal.

Tipe Fungsional

Pemicu Admin klik ikon hapus pada soal yang dikehendaki.

Aktor Admin.

Kondisi Awal Admin berada di halaman daftar soal.

Kondisi Akhir

Soal berhasil dihapus.


1. Aktor klik ikon hapus pada soal yang

dikehendaki.

2. Sistem mengahapus data soal.

3. Sistem menampilkan pesan berhasil menghapus soal.


-

Pengecualian -

77

4.3.38. Mengedit Berita


sosiologismajateng.com adalah Mengedit Berita.

Spesifikasi kasus Mengedit Berita dapat dilihat

pada tabel 4.39

Tabel 4.39 : Tabel usecase Mengedit Berita

Nama Mengedit Berita

Kode UC038

Deskripsi Admin dapat mengedit berita.

Tipe Fungsional

Pemicu Admin klik edit pada berita yang dikehendaki.

Aktor Admin.

Kondisi

Awal

Admin sudah login.

Kondisi Akhir

Berita berhasil diedit.

Alur Kejadian

Secara Normal

1. Aktor klik menu berita.

2. Sistem menampilkan daftar berita.

3. Aktor klik edit pada berita yang dikehendaki.

4. Sistem menampilkan form edit. 5. Aktor mengisi form edit.

6. Aktor submit form edit.


pada database.


78

Alur Kejadian

Alternatif

-

Pengecualian -

79

4.3.39. Mengedit Info Pasca Lulus


sosiologismajateng.com Mengedit Info Pasca

Lulus. Spesifikasi kasus penggunaan untuk

kebutuhan Mengedit Info Pasca Lulus dapat dilihat

pada tabel 4.40

Tabel 4.40 : Tabel usecase Mengedit Info Pasca Lulus

Nama Mengedit Info Pasca Lulus

Kode UC039

Deskripsi Admin dapat mengedit info pasca lulus.

Tipe Fungsional

Pemicu Admin klik edit pada info pasca lulus yang dikehendaki.

Aktor Admin.

Kondisi Awal

Admin sudah login.

Kondisi Akhir

Info pasca lulus berhasil diubah.


1. Aktor klik menu info pasca lulus. 2. Sistem menampilkan daftar

info pasca lulus.

3. Aktor klik edit pada info

yang dikehendaki.

4. Sistem menampilkan form edit.

5. Aktor mengisi form edit. 6. Aktor submit form edit.


pada database.

80

8. Sistem menampilkan daftar info

pasca lulus.


-

Pengecualian -

81

4.3.40. Menghapus Berita


sosiologismajateng.com adalah Menghapus Berita.


Menghapus bahan Menghapus Berita dapat dilihat

pada tabel 4.41

Tabel 4.41 : Tabel usecase Menghapus Berita

Nama Menghapus Berita

Kode UC040

Deskripsi Admin dapat menghapus berita.

Tipe Fungsional

Pemicu Admin klik hapus pada berita yang dikehendaki.

Aktor Admin.

Kondisi Awal Admin sudah login.

Kondisi Akhir

Berita berhasil dihapus.


1. Aktor klik menu berita.


3. Aktor klik hapus pada berita yang dikehendaki.


pada database.

5. Sistem menampilkan pesan

berhasil menghapus berita.


-

Pengecualian -

82

4.3.41. Menghapus Info Pasca Lulus


sosiologismajateng.com adalah Menghapus Info

Pasca Lulus. Spesifikasi kasus penggunaan untuk

kebutuhan Menghapus Info Pasca Lulus pada tabel

4.42

Tabel 4.42 : Tabel usecase Menghapus Info Pasca Lulus

Nama Menghapus Info Pasca Lulus

Kode UC041

Deskripsi Admin dapat menghapus info pasca lulus.

Tipe Fungsional

Pemicu Admin klik hapus pada info yang dikehendaki.

Aktor Admin.

Kondisi Awal Admin sudah login.

Kondisi Akhir

Info pasca lulus berhasil dihapus.


1. Aktor klik menu info pasca lulus. 2. Sistem menampilkan daftar

info pasca lulus.

3. Aktor klik hapus pada info yang

dikehendaki.


pada database.

5. Sistem menampilkan pesan

berhasil menghapus info pasca

lulus.


-

Pengecualian -

83

4.4 Diagram Aktivitas

4.4.1 Mengerjakan Ujian

Alur kejadian normal dan alternatif dari sebuah

kebutuhan fungsional dapat disajikan dalam

diagram aktivitas. Diagram aktivitas dari

menegrjakan ujian dapat dilihat pada gambar

4.2.

Gambar 4. 2 Activity Diagram Mengerjakan Ujian

Siswa Sistem

Mengakses website mgmp

Menampilkan page login

Mengisi username dan password Tidak

Klik login button Ya Apakah data

benar?

Menampilkan dashboard siswa

Memilih menu ujian pada sidebar

Menampilkan list ujian yang belum

dikerjakan

Klik button kerjakan

Menampilkan pop-up perhatian

Klik button mengerti

Menampilkan keterangan ujian

Klik button mulai

Menampilkan soal mutiple choice

Mengerjakan ujian

Menampilkan score

84

4.4.2 Membuat akun siswa




kebutuhan membuat akun siswa dapat dilihat

pada gambar 4.3.

Gambar 4. 3 Activity Diagram Membuat Akun Siswa

Admin Sistem

Mengakses websiite mgmp

Menampiillkan page llogiin

Mengiisii username dan password

Tidak

Kliik llogiin button Apakah data

benar?

Ya

Menampiillkan dashboard admin

Memilliih menu anggota mgmp dii siidebar

Memilliih sub-menu siiswa

Menampiillkan lliist daftar siiswa

Kliik button tambah daftar siiswa

Menampiillkan llaman form tambah siiswa

Mengiisii iinput collumn data siiswa

Tidak

kliik button regiistrasi Apakah ada data sudah

llengkap?

Ya

Data tersiimpan

85

Tidak

Ya

Gambar 4. 1 Activity Diagram Membuat Akun Siswa

Siswa Sistem



Kliik daftar diisiinii lliink button

Menampiillkan llaman regiistrasii

Mengiisii iinput collumn data diirii

Tidak

Kliik button sumbiit Apakah data

benar?

Ya

Data tersiimpan

Menampiillkan llaman llogiin

86

4.4.3 Membuat akun guru




kebutuhan membuat akun guru dapat dilihat pada

gambar 4.4.

Gambar 4. 2 Activity Diagram Membuat Akun Guru

Admin Sistem




Tidak


benar?

Ya



Memilliih sub-menu guru

Menampiillkan lliist daftar guru

Kliik button tambah data guru

Menampiillkan llaman form tambah guru

Mengiisii iinput collumn data guru

Tidak

klik button registrasi Apakah ada data sudah

llengkap?

Ya

Data tersiimpan

87

4.4.4 Membuat akun admin




kebutuhan membuat akun admin dapat dilihat

pada gambar 4.5.

Gambar 4. 3 Activity Diagram Membuat Akun Admin



Tidak


benar?

Ya

Memilliih sub-menu admin

Kliik button tambah data admiin

Tidak

klik button registrasi Apakah ada data sudah

llengkap?

Ya

Data tersiimpan

Mengiisii iinput collumn data admiin

Menampiillkan llaman form tambah admin

Menampiillkan lliist daftar admin




Sistem Admin

88



Tidak


benar?

Ya

Memilliih sub-menu sekollah

Kliik button tambah data sekollah

Tidak

klik button registrasi Apakah ada data sudah llengkap?

Ya

Data tersiimpan

Mengiisii iinput collumn data sekollah

Menampiillkan llaman form tambah sekollah

Menampiillkan lliist daftar sekollah




Sistem Admin

4.4.5 Menambahkan sekolah




kebutuhan menambahkan sekolah dapat dilihat

pada gambar 4.6.

Gambar 4. 4 Activity Diagram Menambahkan Sekolah

89

4.4.6 Mengunggah file penelitian




kebutuhan mengunggah file penelitian dapat

dilihat pada gambar 4.7.

Gambar 4. 5 Activity Diagram Mengunggah File Penelitian



Tidak

Klik login button Apakah data

benar?

Ya

Memilih menu penelitian di sidebar

Klik button upload penelitian

Tidak

klik button upload Apakah ada data sudah

lengkap?

Ya

Data tersimpan2

Mengisi input column data penelitian

Menampilkan modals upload penelitian

Menampilkan list daftar penelitian

Menampilkan dashboard admin

Mengisi username dan password

Sistem Admin

90


Siswa Sistem




Tidak


benar?

Ya







Tidak


lengkap?

Ya

Data tersimpan

91


Guru Sistem




Tidak


benar?

Ya

Menampilkan dashboard guru






Tidak


lengkap?

Ya

Data tersimpan

92

4.4.7 Mengunggah bahan pendukung guru




kebutuhan mengunggah bahan pendukung guru

pada gambar 4.8.

Gambar 4. 8 Activity Diagram Mengunggah Bahan Pendukung Guru

Admin Sistem




Tidak


benar?

Ya


Memilliih menu dokumen pendukung dii sidebar

Memiilliih dokumen yang diiiingiinkan dii sub- menu

Menampiillkan lliist daftar dokumen

Kliik button uplload dokumen

Menampiillkan modalls uplload dokumen

Mengiisii iinput collumn data dokumen

Tidak

klik button upload Apakah ada data sudah llengkap?

Ya

Data tersiimpan

93

4.4.8 Mengunggah materi




mengunggah materi dapat dilihat pada gambar

4.9.

Gambar 4. 9 Activity Diagram Mengunggah Materi

Admin Sistem




Tidak


benar?

Ya


Memilliih menu materii

Memiilliih kellas yang diiiingiinkan dii sub-

menu

Menampiillkan lliist daftar materii

Kliik button uplload materii

Menampiillkan modalls uplload materii

Mengiisii iinput collumn data materii

Tidak


llengkap?

Ya

Data tersiimpan

94

Apakah data

benar?

4.4.9 Mengunduh materi




kebutuhan mengunduh materi dapat dilihat pada

gambar 4.10.

Gambar 4. 10 Activity Diagram Mengunduh Materi



Tidak


benar?

Ya



menu

Klliik button iicon downlload

Fiille tersiimpan dii llocall




Sistem Admin

95


Siswa Sistem




Tidak


benar?

Ya


Memilih menu materi

Memilih kelas yang diinginkan di sub-

menu

Menampilkan list pertemuan

Klik button pertemuan yang diinginkan

Mempilkan list materi

Klik button icon download

File tersimpan di local

96





Tidak


benar?

Ya


Memilih menu materi

Memilih kelas yang diinginkan di sub-

menu

Menampilkan list pertemuan

Klik button pertemuan yang diinginkan

Mempilkan list materi


File tersimpan di local

Sistem Guru

97

4.4.10 Mengunduh file penelitian




mengunduh file penelitian dapat dilihat pada

gambar 4.11.

Gambar 4. 13 Activity Diagram Mengunduh File Penelitian



Tidak


benar?

Ya

Memilliih menu penelliitiian






Sistem Admin

98





Tidak


benar?

Ya

Menampiillkan dashboard siiswa





Sistem Siswa

99





Tidak


benar?

Ya

Menampiillkan dashboard guru

Memilliih menu penelliiti ian




Sistem Guru

100

4.4.11 Mengunduh bahan pendukung guru




kebutuhan mengunduh bahan pendukung guru

dapat dilihat pada gambar 4.12.

Gambar 4. 16 Activity Diagram Mengunduh Bahan Pendukung

Guru



Tidak


benar?

Ya

Memilih menu dokumen pendukung di

sidebar

Memilih dokumen yang diinginkan di sub-

menu


Data tersimpan di local

Menampilkan list daftar dokumen



Sistem Admin

101

Gambar 4. 17 Activity Diagram Mengunduh Bahan Pendukung

Guru

Guru Sistem




Tidak


benar?

Ya


Memilih menu dokumen pendukung di

sidebar

Memilih dokumen yang diinginkan di sub- menu

Menampilkan list daftar dokumen


Data tersimpan di local

102

4.4.12 Mengedit materi




kebutuhan mengedit materi dapat dilihat pada

gambar 4.13.

Gambar 4. 18 Activity Diagram Mengedit Materi



Tidak


benar?

Ya



menu

Klliik button iicon ediit

Menampiillkan modalls ediit

Mengediit data materii

Tidak

Kliik update data button

Apakah ada data sudah

llengkap?

Ya

Data meterii ter-update




Sistem Admin

103



Klik login button

Memilih menu penelitian

Klik button icon edit

Mengedit data penelitian

Klik update data button


Tidak

Apakah data

benar?

Ya



Menampilkan modals edit


lengkap?

Data penelitian ter-update

4.4.13 Mengedit file penelitian




kebutuhan mengedit file penelitian dapat dilihat

pada gambar 4.14.

Gambar 4. 19 Activity Diagram Mengedit File Penelitian

Admin Sistem




Tidak


benar?

Ya


Memilih menu penelitian


Klik button icon edit

Menampilkan modals edit

Mengedit data penelitian

Klik update data button


lengkap?

Data penelitian ter-update

104


Klik login button


Apakah data

benar?



lengkap?





Tidak


benar?

Ya




Kliik button hiistory

Menampiillkan page hiistory penelliitiian



Mengediit data penelliiti ian

Tidak



lengkap?

Ya

Data penelliitiian ter-update

Sistem Siswa

105

Apakah data benar?


lengkap?





Tidak

Kliik llogiin button Apakah data benar?

Ya



Menampiillkan lliist daftar penelliitiian





Mengediit data penelliitiian

Tidak


Apakah ada data sudah lengkap?

Ya


Sistem Guru

106

Tidak

Ya

4.4.14 Mengedit bahan pendukung guru




kebutuhan mengedit bahan pendukung guru

dapat dilihat pada gambar 4.15.

Gambar 4. 22 Activity Diagram Mengedit Bahan Pendukung Guru

Admin Sistem




Tidak


benar?

Ya



Memiilliih dokumen yang diiiingiinkan dii sub-

menu Menampiillkan lliist daftar dokumen



Mengediit data pendukung guru

Tidak


Apakah ada data sudah llengkap?

Ya


107

4.4.15 Menonaktifkan akun siswa




kebutuhan menonaktifkan akun siswa dapat


Gambar 4. 23 Activity Diagram Menonaktifkan Akun Siswa




Tidak

Apakah data

benar?

Ya


Memilih sub-menu siswa

Menampilkan list daftar siswa

Klik button non-aktif akun

Memilih menu anggota mgmp di sidebar

Klik login button

Sistem Admin

Akun tidak aktif

108

4.4.16 Menonaktifkan akun guru




kebutuhan menonaktifkan akun guru dapat


Gambar 4. 24 Activity Diagram Menonaktifkan Akun Guru

Admin Sistem




Tidak


benar?

Ya


Memilih menu anggota mgmp di sidebar

Memilih sub-menu guru

Menampilkan list daftar guru

Klik button non-aktif akun

Akun tidak aktif

109

4.4.17 Mengedit profile




kebutuhan mengedit profile dapat dilihat pada

gambar 4.18.

Gambar 4. 25 Activity Diagram Mengedit Profil



Tidak


benar?

Ya

Klliik iicon user pada navbar

Menampiillkan llaman data diirii



Tidak

Mengediit data diirii

Kliik button siimpan Apakah data sudah

sesuaii?

Ya

Data diirii ter-update

Memilliih settiing profiille dii sub-menu



Sistem Admin

110





Tidak


benar?

Ya



Memilliih settiing profiille dii sub-menu Menampiillkan llaman data diirii



Tidak



sesuaii?

Ya


Sistem Siswa

111





Tidak


benar?

Ya



Memilliih settiing profiille dii sub-menu Menampiillkan llaman data diirii



Tidak



sesuaii?

Ya


Sistem Guru

110

4.4.18 Menghapus file penelitian




kebutuhan menghapus file penelitian dapat


Gambar 4. 28 Activity Diagram Menghapus File Penelitian



Tidak


benar?

Ya


Klliik button iicon hapus

Menampiillkan modalls hapus

Kliik hapus button

Data fii lle diihapus




Sistem Admin

111





Tidak


benar?

Ya








Kliik hapus button

Data penelliitiian diihapus

Sistem Siswa

112





Tidak

Kliik llogiin button Apakah data benar?

Ya








Kliik hapus button

Data penelliitiian diihapus

Sistem Guru

113

4.4.19 Menghapus Materi




kebutuhan menghapus materi dapat dilihat pada

gambar 4.19.

Gambar 4. 31 Activity Diagram Menghapus Materi



Tidak


benar?

Ya



menu



Kliik hapus button

Data materii diihapus




Sistem Admin

114

4.4.20 Menghapus bahan pendukung guru Alur kejadian normal dan alternatif dari sebuah

kebutuhan fungsional dapat disajikan dalam diagram aktivitas. Diagram aktivitas dari menghapus bahan

pendukung guru dapat dilihat pada gambar 4.20

Gambar 4. 32 Activity Diagram Menghapus Bahan Pendukung Guru



Tidak


benar?

Ya



Memiilliih dokumen yang diiiingiinkan dii sub- menu



Kliik hapus button

Data fiille diihapus

Menampiillkan lliist daftar dokumen


Sistem Admin

115

4.4.21 Melihat list materi Alur kejadian normal dan alternatif dari sebuah

kebutuhan fungsional dapat disajikan dalam diagram aktivitas. Diagram aktivitas dari kebutuhan melihat list

materi dapat dilihat pada gambar 4.22

Gambar 4. 33 Activity Diagram Melihat List Materi

4.4.22 Melihat list file penelitian Alur kejadian normal dan alternatif dari sebuah

kebutuhan fungsional dapat disajikan dalam diagram aktivitas. Diagram aktivitas dari melihat list penelitian

dapat dilihat pada gambar 4.23

Gambar 4. 34 Activity Diagram Melihat List File Penelitian

menampilkan daftar penelitian memilih opsi penelitian pada menu

dashboard

Sistem Aktor

Aktor memilih opsi materi

Aktor klik kelas yang dituju menampilkan materi sesuai kelas yang

dituju

menampilkan opsi materi kelas X, XI, dan

XII

Sistem Aktor

116

4.4.23 Melihat list bahan pendukung guru




kebutuhan melihat list bahan pendukung guru

dapat dilihat pada gambar 4.24

Gambar 4. 35 Activity Diagram Melihat List Bahan Pendukung Guru

4.4.24 Melihat daftar siswa




kebutuhan melihat daftar siswa dapat dilihat pada

gambar 4.25

klik bahan pendukung guru yang

dikehendaki menampilkan bahan pendukung guru yang

dikehendaki

menampilkan list bahan pendukung guru memilih opsi bahan pendukung guru pada

menu dashboard

Sistem Aktor

117

Gambar 4. 36 Activity Diagram Melihat Daftar Siswa

klik opsi siswa menampilkan daftar siswa

menampilkan opsi admin, guru, siswa, dan

sekolah

memilih opsi Anggota MGMP pada menu

dashboard

Sistem Aktor

118

Gambar 4. 37 Activity Diagram Melihat Daftar Siswa

4.4.25 Melihat daftar guru




kebutuhan melihat daftar guru dapat dilihat pada

gambar 4.26

Gambar 4. 38 Activity Diagram Melihat Daftar Guru

klik opsi guru menampilkan daftar guru


sekolah


dashboard

Sistem Aktor

klik opsi siswa menampilkan daftar siswa

menampilkan opsi siswa, dan nilai siswa memilih opsi siswa pada menu dashboard

Sistem Aktor

119

4.4.26 Melihat daftar sekolah




kebutuhan melihat daftar sekolah dapat dilihat

pada gambar 4.27

Gambar 4. 39 Activity Diagram Melihat Daftar Sekolah

klik opsi sekolah menampilkan daftar sekolah


sekolah


dashboard

Sistem Aktor

120

4.4.27 Melihat list nilai siswa




kebutuhan melihat list nilai siswa dapat dilihat

pada gambar 4.28

Gambar 4. 40 Activity Diagram Melihat List Siswa

menampilkan daftar nilai siswa klik opsi nilai siswa

menampilkan opsi siswa, dan nilai siswa memilih opsi siswa pada menu dashboard

Sistem Aktor

121

Gambar 4. 41 Activity Diagram Melihat List Siswa

4.4.28 Melihat list berita




kebutuhan melihat list berita dapat dilihat pada

gambar 4.29

Gambar 4. 42 Activity Diagram Melihat List Berita

menampilkan daftar berita memilih opsi berita pada menu dashboard

Sistem Aktor

menampilkan opsi ujian dan hasil ujian

siswa

klik opsi hasil ujian siswa menampilkan daftar nilai siswa

memilih opsi ujian pada menu dashboard

Sistem Aktor

122

4.4.29 Melihat list info pasca lulus




kebutuhan melihat list info pasca lulus dapat

dilihat pada gambar 4.30

Gambar 4. 43 Activity Diagram Melihat List Info Pasca Lulus

menampilkan daftar informasi pasca lulus memilih opsi informasi pasca lulus pada

menu dashboard

Sistem Aktor

120

4.4.30 Menambahkan ujian




kebutuhan menambahkan ujian dapat dilihat pada

gambar 4.31

Gambar 4. 44 Activity Diagram Menambahkan Ujian

menampilkan opsi ujian dan hasil ujian

siswa

klik opsi ujian menampilkan daftar ujian

klik tombol tambah ujian menampilkan form tambah ujian

mengisi form ujian

submit form ujian menyimpan data ujian

menampilkan list ujian

memilih opsi ujian pada menu dashboard

Sistem Aktor

121

4.4.31 Mengedit ujian




kebutuhan mengedit ujian dapat dilihat pada

gambar 4.32

Gambar 4. 45 Activity Diagram Mengedit Ujian

mengisi form edit ujian

submit form ujian menyimpan perubahan data ujian

menampilkan list ujian

menampilkan form edit ujian klik ikon edit pada ujian yang

dikehendaki

Sistem Aktor

122

4.4.32 Melihat list ujian




kebutuhan melihat list ujian dapat dilihat pada

gambar 4.33

Gambar 4. 46 Activity Diagram Melihat List Ujian

menampilkan daftar ujian memilih opsi ujian pada menu dashboard

Sistem Aktor

123

4.4.33 Menghapus ujian Alur kejadian normal dan alternatif dari sebuah

kebutuhan fungsional dapat disajikan dalam diagram aktivitas. Diagram aktivitas dari kebutuhan menghapus

ujian dapat dilihat pada gambar 4.34 Aktor Sistem

klik ikon hapus pada ujian yang

dikehendaki

menyimpan perubahan data ujian

menampilkan pesan berhasil menghapus

ujian

Gambar 4. 47 Activity Diagram Menghapus Ujian

4.4.34 Menambahkan soal Alur kejadian normal dan alternatif dari sebuah kebutuhan fungsional dapat disajikan dalam diagram

aktivitas. Diagram aktivitas dari kebutuhan

menambahkan soal dapat dilihat pada gambar 4.35

klik tambah soal pada baris ujian yang

dikehendaki

menampilkan daftar soal

klik tambah soal menampilkan form tambah soal

mengisi form tambah soal

menyimpan perubahan data ujian submit form soal

Sistem Aktor


ujian

124

Gambar 4. 48 Activity Diagram Menambahkan Soal

4.4.35 Melihat soal




kebutuhan melihat soal dapat dilihat pada gambar

4.36

Gambar 4. 49 Activity Diagram Melihat Soal

menampilkan detail soal memilih opsi detail soal yang

dikehendaki

Sistem Aktor

125

4.4.36 Mengedit soal




kebutuhan mengedit soal dapat dilihat pada

gambar 4.37

Gambar 4. 50 Activity Diagram Mengedit Soal

klik tambah soal pada baris ujian yang

dikehendaki

menampilkan daftar soal

mengisi form edit soal

menyimpan perubahan data soal submit form soal

menampilkan form edit soal klik ikon edit pada soal yang

dikehendaki

Sistem Aktor

menampilkan daftar soal yang berhasil

diedit

126

4.4.37 Menghapus soal




kebutuhan menghapus soal dapat dilihat pada

gambar 4.38 Aktor Sistem

memilih ikon hapus pada soal yang

dikehendaki


soal

menghapus data soal

Gambar 4. 51 Activity Diagram Menghapus Soal

127

4.4.38 Mengedit berita




kebutuhan mengedit berita dapat dilihat pada

gambar 4.39

Gambar 4. 52 Activity Diagram Mengedit Berita

klik menu berita menampilkan daftar berita

mengisi form edit berita

menyimpan perubahan data berita submit form berita

menampilkan daftar berita yang berhasil

diedit

menampilkan form edit berita klik ikon edit pada berita yang

dikehendaki

Sistem Aktor

128

4.4.39 Mengedit informasi pasca lulus Alur kejadian normal dan alternatif dari sebuah kebutuhan fungsional dapat disajikan dalam diagram

aktivitas. Diagram aktivitas dari kebutuhan

mengedit informasi pasca lulus dapat dilihat pada

gambar 4.40

Gambar 4. 53 Activity Diagram Mengedit Informasi Pasca Lulus

Aktor Sistem

klik menu informasi pasca lulus menampilkan daftar informasi pasca lulus

klik ikon edit pada informasi yang

dikehendaki menampilkan form edit informasi

mengisi form edit informasi

submit form informasi

menyimpan perubahan data informasi pasca

lulus

menampilkan daftar informasi pasca lulus yang berhasil diedit

129

4.4.40 Menghapus berita




kebutuhan menghapus berita dapat dilihat pada

gambar 4.41 Aktor Sistem

memilih ikon hapus pada berita yang

dikehendaki


berita

menghapus data berita

Gambar 4. 54 Activity Diagram Menghapus Berita

130

4.4.41 Menghapus informasi pasca lulus




kebutuhan menghapus informasi pasca lulus dapat

dilihat pada gambar 4.42

Gambar 4. 55 Activity Diagram Menghapus Informasi Pasca Lulus

.

menghapus data informasi pasca lulus


informasi pasca lulus

memilih ikon hapus pada informasi pasca

lulus yang dikehendaki

Sistem Aktor

131

4.5 Desain Basis Data

4.5.1 Desain Konseptual Data

Dalam membangun website

sosiologismajateng.com diperlukan sebuah

database untuk menyimpan data-data yang

diperlukan. Desain konseptual dari database yang

dirancang dapat dilihat pada gambar di bawah ini.

132

Gambar 4. 56 CDM

133

4.5.2 Desain Fisik Data

Berdasarkan desain konseptual data, dibuat desain

fisik yang kemudian akan diimplementasikan

menggunakan SQL. Desain fisik dari database

yang diimplementasikan dapat dilihat pada

gambar di bawah ini.

Gambar 4. 57 PDM

130


131

BAB V

IMPLEMENTASI SISTEM

Bab ini membahas tentang implementasi dari sistem

yang kami buat. Implementasi ini akan dibagi ke dalam beberapa

bagian, yaitu bagian implementasi lapisan kontrol dan

implementasi antarmuka pengguna.

5.1 Implementasi Lapisan Kontrol

Implementasi lapisan kontrol ini berisi logika

yang digunakan aplikasi seperti kontrol untuk

manajemen (mengunduh file file materi, mengunggah

materi) dan manajemen user (membuat akun , mereset

password).

5.1.1 Admin

Controller ini bertugas untuk

melakukan fungsi-fungsi dari role Admin.

166

5.1.2 SiswaController

Lapisan ini bertugas untuk melakukan

manajemen dari sisi siswa seperti melakuan

menegrjakan ujian, mendownload materi,

mengupload penelitian.

182

5.1.3 GuruController Lapisan ini bertugas untuk melakukan manajemen dari sisi guru seperti mendownload materi, mendownload bahan pendukung guru,

mendownload materi, mengupload penelitian.

192

5.1.4 LoginController Lapisan ini bertugas untuk melakukan manajemen dari sisi user untuk melakukan login.

199

5.1.5 RegisterController Lapisan ini bertugas untuk melakukan manajemen dari sisi user

seperti melakukan register untuk semua role.

203

5.1.6 SoalController Lapisan ini bertugas untuk melakukan manajemen dari sisi user

seperti pembuatan soal, pengeditan soal, penghapusan soal.

210

5.1.7 UjianController Lapisan ini bertugas untuk melakukan manajemen dari sisi user

seperti pembuatan ujian, pengeditan ujian, penghapusan ujian.

215

5.2 Antarmuka Pengguna

Pada bagian ini kami akan menampilkan

antarmuka halaman yang ada pada website MGMP

Jawa Tengah. Berikut tampilan antarmuka website

MGMP Jawa Tengah:

5.2.1 Mengerjakan ujian

Gambar 5.2 1 Antarmuka pengguna

5.2.2 Membuat akun siswa


5.2.3 Membuat akun guru

216


5.2.4 Membuat akun admin


5.2.5 Membuat akun sekolah

217


5.2.6 Mengunggah file penelitian


5.2.7 Mengunggah bahan pendukung guru


218

5.2.8 Mengunggah materi


5.2.9 Mengunduh materi


219

5.2.10 Mengunduh file penelitian


5.2.11 Mengunduh bahan pendukung guru


220

5.2.12 Mengedit materi

Gambar 5.2 12 Antarmuka Mengedit materi

5.2.13 Mengedit file penelitian

Gambar 5.2 13 Antarmuka file penelitian

221

5.2.14 Mengedit bahan pendukung guru

Gambar 5.2 14 Antarmuka edit bahan pendukung guru

5.2.15 Menonaktifkan akun siswa

Gambar 5.2 15 Antarmuka nonaktif akun siswa

222

5.2.16 Menonaktifkan akun guru

Gambar 5.2 12 Antarmuka nonaktif akun guru

5.2.17 Mengedit profile

Gambar 5.2 17 Antarmuka edit profile

5.2.18 Menghapus file penelitian

223

Gambar 5.2 18

Antarmuka hapus file penelitian

5.2.19 Menghapus materi

Gambar 5.2 19

Antarmuka hapus materi

5.2.20 Menghapus bahan pendukung guru

224

Gambar

5.2 20 Antarmuka hapus bahan pendukung guru

5.2.21 Melihat list materi

Gambar 5.2 21 Antarmuka list materi

5.2.22 Melihat list file penelitian

225

Gambar 5.2 22 Antarmuka list file penelitian

5.2.23 Melihat list bahan pendukung guru

Gambar 5.2 23 Antarmuka list bahan pendukung guru

226

5.2.24 Melihat daftar siswa

Gambar 5.2 24 Antarmuka daftar siswa

5.2.25 Melihat daftar guru

Gambar 5.2 25 Antarmuka daftar guru

227

5.2.26 Melihat daftar sekolah

Gambar 5.2 26 Antarmuka daftar sekolah

5.2.27 Melihat list nilai siswa

Gambar 5.2 27 Antarmuka list nilai siswa

5.2.28 Melihat list berita

228

Gambar 5.2 28 Antarmuka list berita

5.2.29 Melihat list info pasca lulus

Gambar 5.2 29 Antarmuka info pasca lulus

229

5.2.30 Menambahkan ujian

Gambar 5.2 30 Antarmuka tambah ujian

5.2.31 Mengedit ujian

Gambar 5.2 31 Antarmukaedit ujian

230

5.2.32 Melihat list ujian

Gambar 5.2 32 Antarmuka list ujian

5.2.33 Menghapus ujian

Gambar 5.2 33 Antarmuka hapus ujian

5.2.34 Menambahkan soal

Gambar 5.2 34 Antarmuka tambah soal

231

5.2.35 Melihat soal

Gambar 5.2 35 Antarmuka lihat soal

5.2.36 Mengedit soal

232

Gambar 5.2 36 Antarmuka edit soal

5.2.37 Menghapus soal

Gambar 5.2 37 Antarmuka hapus soal

5.2.38 Mengedit berita

233

Gambar 5.2 38 Antarmuka edit berita

5.2.39 Mengedit info pasca lulus

Gambar 5.2 36 Antarmuka info pasca lulus

5.2.40 Menghapus berita

234

Gambar 5.2 40 Antarmuka hapus berita

5.2.41 Menghapus info pasca lulus

Gambar 5.2 41 Antarmuka hapus info pasca lulus

235

BAB VI

PENGUJIAN DAN EVALUASI

Bab ini menjelaskan tahap uji coba terhadap website

MGMP Jawa Tengah. Pengujian dilakukan untuk memastikan

kualitas perangkat lunak yang dibangun dan kesesuaian hasil

eksekusi perangkat lunak dengan analisis dan perancangan

perangkat lunak.

6.1. Skenario Pengujian

6.1.1. Mengerjakan ujian

Skenario pengujian aplikasi adalah sebagai

berikut :

1. Memilih menu ujian pada navbar

2. Memastikan dapat mengerjakan ujian dan

mendapatkan nilai ujian.

236

6.1.2. Membuat akun siswa

Skenario pengujian aplikasi adalah sebagai berikut :

1. Membuka halaman daftar siswa. 2. Memilih opsi tambah siswa.

3. Memastikan kebutuhan-kebutuhan berikut

sudah berfungsi sesuai prosedur yang

disepakati yaitu terdapat form untuk

menuliskan username passeword, dan

tombol daftar.

4. Memastikan data yang diisikan di form

tersimpan pada database ketika tombol daftar

di klik.

6.1.3. Membuat akun guru


berikut :

1. Membuka halaman daftar guru.

2. Memilih opsi tambah guru.





tombol daftar.



diklik.

237

6.1.4. Membuat akun admin


1. Membuka halaman daftar admin. 2. Memilih opsi tambah admin.





tombol daftar.



di klik.

6.1.5. Menambahkan sekolah


1. Membuka halaman daftar sekolah.

2. Memilih opsi tambah sekolah.





tombol daftar.



di klik.

238

6.1.6. Mengunggah file penelitian


berikut :

1. Membuka halaman file penelitian.

2. Memilih opsi upload penelitian.




menuliskan data file termasuk dapat

mengupload file dan adanya tombol upload.



diklik.

239

6.1.7. Mengunggah bahan pendukung guru


1. Membuka halaman bahan pendukung guru.

2. Memilih opsi upload bahan pendukung guru

yang dikehendaki.








di klik.

6.1.8. Mengunggah materi


1. Membuka halaman materi.

2. Memilih opsi upload materi.








di klik.

240

6.1.9. Mengunduh materi


berikut:

1. Membuka halaman materi. 2. Memilih ikon download pada materi yang

dikehendaki.



disepakati yaitu terdapat ikon yang

menunjukkan fungsi download.

4. Memastikan data yang diklik dapat

terdownload.

6.1.10. Mengunduh file penelitian


berikut:

1. Membuka halaman penelitian. 2. Memilih ikon download pada penelitian yang

dikehendaki.






terdownload.

6.1.11. Mengunduh bahan pendukung guru

Skenario pengujian aplikasi adalah sebagai berikut:

1. Membuka halaman bahan pendukung guru. 2. Memilih ikon download pada bahan


241






terdownload.

242

6.1.12. Mengedit materi


berikut:

1. Membuka halaman materi. 2. Memilih ikon edit materi.




menuliskan perubahan data termasuk dapat

mengupload file yang baru serta dan adanya

tombol upload.


tersimpan pada database ketika tombol

upload di klik.

6.1.13. Mengedit file penelitian


berikut :

1. Membuka halaman penelitian.

2. Memilih ikon edit penelitian.






tombol upload.



upload di klik.

243

6.1.14. Mengedit bahan pendukung guru


berikut :

1. Membuka halaman bahan pendukung guru. 2. Memilih ikon edit bahan pendukung guru

yang dikehendaki.






tombol upload.



upload di klik.

6.1.15. Menonaktifkan akun siswa


1. Membuka halaman daftar siswa.

2. Memilih opsi non aktifkan akun.

3. Memastikan data yang berhasil di non

aktifkan dengan cara terhapus dari daftar

siswa dan pada database flag bernilai 0.

6.1.16. Menonaktifkan akun guru


2. Memilih opsi non aktifkan akun. 3. Memastikan data yang berhasil di non

aktifkan dengan cara terhapus dari daftar

siswa dan pada database flag bernilai 0.

244

6.1.17. Mengedit profile


berikut :

1. Membuka halaman profile. 2. Memilih opsi edit profil.




menuliskan perubahan data serta dan adanya

tombol edit profil.


tersimpan pada database ketika tombol edit

di klik.

6.1.18. Menghapus file penelitian


1. Membuka halaman penelitian. 2. Memilih ikon hapus penelitian yang

dikehendaki.

3. Memastikan data yang dikehendaki terhapus

pada database ketika tombol hapus di klik.

6.1.19. Menghapus materi


berikut :

1. Membuka halaman materi. 2. Memilih ikon hapus materi yang

dikehendaki. 3. Memastikan data yang dikehendaki

terhapus pada database ketika tombol hapus

di klik.

245

6.1.20. Menghapus bahan pendukung guru


berikut :

1. Membuka halaman bahan pendukung guru. 2. Memilih ikon hapus bahan pendukung guru

yang dikehendaki.

3. Memastikan data yang dikehendaki


di klik.

6.1.21. Melihat list materi


berikut :

1. Membuka halaman materi.

2. Memastikan sistem menampilkan list materi

yang tersimpan pada database.


tersimpan pada database ketika tombol edit

di klik.

6.1.22. Melihat list file penelitian


1. Membuka halaman penelitiab.

2. Memastikan sistem menampilkan list

penelitian yang tersimpan pada database.

6.1.23. Melihat list bahan pendukung guru


1. Membuka halaman bahan pendukung guru.

2. Memastikan sistem menampilkan list bahan

pendukung guru yang tersimpan pada

database.

246

6.1.24. Melihat daftar siswa


berikut :


2. Memastikan sistem menampilkan list siswa


6.1.25. Melihat daftar guru


berikut :

1. Membuka halaman daftar guru.

2. Memastikan sistem menampilkan list guru


6.1.26. Melihat daftar sekolah


1. Membuka halaman daftar sekolah.

2. Memastikan sistem menampilkan list

sekolah yang tersimpan pada database.

6.1.27. Melihat list nilai siswa


1. Membuka halaman hasil ujian siswa.

2. Memastikan sistem menampilkan list hasil

ujian siswa yang tersimpan pada database.

6.1.28. Melihat list berita


1. Membuka halaman berita.

2. Memastikan sistem menampilkan list berita


247

6.1.29. Melihat list info pasca lulus


berikut :

1. Membuka halaman info pasca lulus.

2. Memastikan sistem menampilkan list info

pasca lulus yang tersimpan pada database.

6.1.30. Menambahkan ujian


1. Membuka halaman daftar ujian.

2. Memilih opsi tambah ujian.




menuliskan data ujian dan tombol tambah.



di klik.

6.1.31. Mengedit ujian


berikut :

1. Membuka halaman ujian.

2. Memilih ikon edit ujian yang dikehendaki.





tombol edit update.



update di klik.

248

6.1.32. Melihat list ujian


berikut :


2. Memastikan sistem menampilkan list ujian


6.1.33. Menghapus ujian


berikut :


2. Memilih ikon hapus ujian yang

dikehendaki.



di klik.

6.1.34. Menambahkan soal


1. Membuka halaman daftar soal. 2. Memilih opsi tambah soal.




menuliskan data soal dan tombol tambah.



di klik.

6.1.35. Melihat soal


berikut :

1. Membuka halaman soal.

249

2. Memastikan sistem menampilkan list soal

sesuai ujian yang dipilih yang tersimpan

pada database.

6.1.36. Mengedit soal


berikut :


2. Memilih ikon edit soal yang dikehendaki.





tombol update.



update di klik.

6.1.37. Menghapus soal


berikut :


2. Memilih ikon hapus soal yang dikehendaki. 3. Memastikan data yang dikehendaki


di klik.

6.1.38. Mengedit berita


1. Membuka halaman berita. 2. Memilih ikon edit berita yang dikehendaki.



250



tombol update.



update di klik.

6.1.39. Mengedit info pasca lulus


1. Membuka halaman info pasca lulus. 2. Memilih ikon edit info pasca lulus yang

dikehendaki.





tombol update.



update di klik.

6.1.40. Menghapus berita


1. Membuka halaman berita. 2. Memilih ikon hapus berita yang

dikehendaki.



di klik.

251

6.1.41. Menghapus info pasca lulus


berikut :

1. Membuka halaman info pasca lulus.

2. Memilih ikon hapus info pasca lulus yang

dikehendaki.

3. Memastikan data yang dikehendaki terhapus pada database ketika tombol hapus

di klik.

252

6.2. Evaluasi Pengujian

Pada bagian ini akan diberikan hasil evaluasi dari

pengujian-pengujian yang telah dilakukan. Hasil evaluasi

pengujian dapat dilihat pada Tabel 6.1. Tabel 6.1 : Tabel evaluasi Pengujian Aplikasi Sesuai Kebutuhan

No. Kebutuhan Kode Pengujian Status

UC001 Mengerjakan ujian 6.1.1 Berhasil

UC002 Membuat akun siswa 6.1.2 Berhasil

UC003 Membuat akun guru 6.1.3 Berhasil

UC004 Membuat akun admin 6.1.4 Berhasil

UC005 Menambahkan sekolah 6.1.5 Berhasil

UC006 Mengunggah file penelitian 6.1.6 Berhasil

UC007 Mengunggah bahan pendukung guru

6.1.7 Berhasil

UC008 Mengunggah materi 6.1.8 Berhasil

UC009 Mengunduh materi 6.1.9 Berhasil

UC010 Mengunduh file penelitian 6.1.10 Berhasil

UC011 Mengunduh bahan pendukung guru

6.1.11 Berhasil

UC012 Mengedit materi 6.1.12 Berhasil

UC013 Mengedit file penelitian 6.1.13 Berhasil

UC014 Mengedit bahan pendukung guru 6.1.14 Berhasil

UC015 Menonaktifkan akun siswa 6.1.15 Berhasil

UC016 Menonaktifkan akun guru 6.1.16 Berhasil

UC017 Mengedit profile 6.1.17 Berhasil

UC018 Menghapus file penelitian 6.1.18 Berhasil

UC019 Menghapus materi 6.1.19 Berhasil

UC020 Menghapus bahan pendukung guru

6.1.20 Berhasil

UC021 Melihat list materi 6.1.21 Berhasil

UC022 Melihat list file penelitian 6.1.22 Berhasil

UC023 Melihat list bahan pendukung guru

6.1.23 Berhasil

UC024 Melihat daftar siswa 6.1.24 Berhasil

UC025 Melihat daftar guru 6.1.25 Berhasil

253

UC026 Melihat daftar sekolah 6.1.26 Berhasil

UC027 Melihat list nilai siswa 6.1.27 Berhasil

UC028 Melihat list berita 6.1.28 Berhasil

UC029 Melihat list info pasca lulus 6.1.29 Berhasil

UC030 Menambahkan ujian 6.1.30 Berhasil

UC031 Mengedit ujian 6.1.31 Berhasil

UC032 Melihat list ujian 6.1.32 Berhasil

UC033 Menghapus ujian 6.1.33 Berhasil

UC034 Menambahkan soal 6.1.34 Berhasil

UC035 Melihat soal 6.1.35 Berhasil

UC036 Mengedit soal 6.1.36 Berhasil

UC037 Menghapus soal 6.1.37 Berhasil

UC038 Mengedit berita 6.1.38 Berhasil

UC039 Mengedit info pasca lulus 6.1.39 Berhasil

UC040 Menghapus berita 6.1.40 Berhasil

UC041 Menghapus info pasca lulus 6.1.41 Berhasil

254


255

BAB VII

KESIMPULAN DAN SARAN

7.1 Kesimpulan

Kesimpulan yang didapat setelah melakukan pembuatan website MGMP Jawa Tengah adalah sebagai berikut:

a. Aplikasi yang dibangun telah sesuai dengan

permintaan dan dapat dengan mudah dioperasikan

oleh pengguna.

b. Dengan adanya website MGMP Jawa Tengah dapat

memudahkan para guru dan siswa dalam melakukan

pembelajaran jarak jauh (PJJ) yang dapat terintegrasi

dalam satu provinsi Jawa Tengah.

7.2 Saran

Saran yang penulis berikan untuk pembuatan website

MGMP Jawa Tengah adalah website MGMP Jawa

Tengah dapat dikembangkan lagi dan tidak hanya

digunakan oleh provinsi Jawa Tengah namun juga

digunakan oleh provinsi lain dan pihak lainnya yang

memiliki kebutuhan serupa.

256


257

DAFTAR PUSTAKA

[1] Technophoria (2014). Pengertian Tentang Aplikasi Berbasis

Web. [online] Available at: http://technophoriajogja.com/2014/01/ 28/pengertian-tentang-aplikasi-berbasis-web/ [Accessed 27 Juli

2020].

[2] Mozilla Developer Network (2019). HTML Dasar. [online]

Available at: https://developer.mozilla.org/id/docs/Learn/Getting_ started_with_the_web/HTML_basics [Accessed 27 Juli 2020].

[3] Qwords (2020). Apa Itu CSS, Inilah Pengertian, Cara Kerja dan

Kegunaannya. [online] Available at: https://qwords.com/blog/apa-

itu-css/ [Accessed 27 Juli 2020].

[4] Qwords. (2019). Apa Itu Bootstrap? Inilah Pengertian dan Cara Menggunakannya. [online] Available at: https://qwords.com/blog/

apa-itu-bootstrap/ [Accessed 28 Juli 2020].

[5] Mozilla Developer Network (2019). Dasar Javascript. [online] Available at: https://developer.mozilla.org/id/docs/Learn/Getting_

started_with_the_web/JavaScript_basics [Accessed 28 Juli 2020].

[6] Ekajogja (2019). Jquery: Definisi, Fitur, Penggunaan Jquery

Dalam Pengembangan Website. [online] Available at: https:// ekajogja.com/arsip/jquery-definisi-fitur-penggunaan-jquery-dalam-

pengembangan-website/ [Accessed 30 Juli 2020]

[7] Nesabamedia (2019). Pengertian PHP Beserta Fungsi dan Sejarah PHP yang Wajib Anda Ketahui. [online] Available at:

https://www.nesabamedia.com/pengertian-php-dan-fungsinya/

[Accessed 3- Juli 2020]. [8] Hostinger (2018). Tutorial Phalcon Lengkap untuk Pemula.

[online] Available at: https://www.hostinger.co.id/tutorial/tutorial-

phalcon/ [Accessed 20 Agustus 2020].

http://technophoriajogja.com/2014/01/

http://www.nesabamedia.com/pengertian-php-dan-fungsinya/

http://www.hostinger.co.id/tutorial/tutorial-

258

[9] Qwords (2019). Mengenal Cara Kerja dan Jenis-jenis Web Server dalam Website. [online] Available at: https://qwords.

com/blog/pengertian-web-server/ [Accessed 09 Maret 2020].

[10] Domainesia (2018). Apa itu cPanel? [online] Available at: https://www.domainesia.com/panduan/apa-itu-cpanel/ [Accessed 20 Agustus 2020].

[11] Phpmyadmin (2020). Bringing MySQL to The Web. [online]

Available at: https://www.phpmyadmin.net/ [Accessed 20 Agustus

2020]

http://www.domainesia.com/panduan/apa-itu-cpanel/

http://www.phpmyadmin.net/

259

BIODATA PENULIS

Risky Aswi Narni, lahir pada tanggal 18

Februari 1998 di Sukoharjo. Penulis

merupakan mahasiswa yang sedang

menempuh studi di Departemen Teknik

Informatika Institut Teknologi Sepuluh

Nopember (ITS). Penulis aktif dalam

beberapa organisasi yaitu Himpunan

Mahasiswa Teknik Computer- Informatika

tahun 2020 dalam departemen dalam negeri.

Dan penulis juga aktif di kepanitiaan seperti

Schematics 2018 dan Schematics 2019,

KPPS, KPU.

Ihdiannaja, lahir pada tanggal

29 November 2000 di Pekalongan. Penulis

merupakan mahasiswa yang sedang

menempuh studi di Departemen Teknik

Informatika Institut Teknologi Sepuluh

Nopember (ITS). Penulis aktif dalam

organisasi kemahasiswaan di Departemen

Teknik Informatika ITS seperti Schematics

2018 dan Schematics 2019 dan berturut-

turut berperan sebagai Sekretaris III dan

Sekretaris I.

Rancang Bangun Aplikasi Berbasis Web Untuk Classroom ...

Documents

Transcript of Rancang Bangun Aplikasi Berbasis Web Untuk Classroom ...