25
BAB III ANALISIS DAN PERANCANGAN APLIKASI
3.1. Profil Madrasah Aliyah Negeri Insan Cendikia Untuk memenuhi kebutuhan sumberdaya manusia yang berkualitas tinggi dalam penguasaan IPTEK yang didasari semangat keimanan dan ketaqwaan sebagai insan-insan pembangunan, pada tahun 1996 BPPT melalui program penyetaran IPTEK STEP (Science and Technology Equity Program) bagi sekolahsekolah yang berada dilingkungan pesantren mendirikan SMU Insan Cendekia di Serpong-Banten dan di Gorontalo. Pada tahun pelajaran pertama (1996/1997), penerimaan siswa SMU Insan Cendekia diprioritaskan
bagi siswa SMU/MA kelas satu dan siswa lulusan
SMP/MTs yang berprestasi dan berada di lingkungan pesantren dan sekolah Islam lainnya yang berminat besar dalam bidang ilmu pengetahuan dan teknologi. Akan tetapi, mulai tahun pelajaran ke dua (1997/1998) dan seterusnya SMU Insan Cendekia memberi kesempatan pula kepada siswa SLTP/MTs baik negeri maupun swasta. Sejak tahun pelajaran 2000/2001, SMU Insan Cendekia baik yang berada di Serpong-Banten maupun di Gorontalo dilimpahkan pengelolaannya oleh BPPT kepada Departemen Agama Republik Indonesia. Untuk tetap mempertahankan ciri khas penguasaan IPTEK dan IMTAK, maka dalam pengelolaan dan pembinaannya Departemen Agama dan BPPT telah melakukan kerjasama dan selanjutnya nama SMU Insan Cendekia ditransformasikan sebagai Madrasah Aliyah Insan Cendekia dengan tanpa mengurangi materi pelajaran dan sistem
26
pengajaran secara keseluruhan yang telah berjalan selama ini. Pada tahun 2001, dengan SK Menag RI, Nomor 490 Tahun 2001 MA Insan Cendekia Serpong berubah menjadi Madrasah Aliyah Negeri (MAN) Insan Cendekia (IC). Visi dari MAN IC adalah mewujudkan sumber daya manusia yang berkualitas tinggi dalam keimanan dan ketakwaan, menguasai ilmu pengetahuan dan
teknologi
serta
mampu
mengaktualisasikannya
dalam
kehidupan
bermasyarakat Misi dari MAN IC adalah menyiapkan calon pemimpin masa depan yang menguasai ilmu pengetahuan dan teknologi, mempunyai daya juang tinggi, kreatif, inovatif dan mempunyai landasan Iman dan Takwa yang kuat, meningkatkan pengetahuan dan kemampuan profesional tenaga kependidikan sesuai
perkembangan dunia pendidikan, menjadikan Madrasah Aliyah Insan
Cendekia sebagai madrasah model dalam pengembangan pengajaran iptek dan imtak bagi lembaga pendidikan lainnya. 3.2. Aplikasi Yang Diusulkan Karena MAN IC belum memiliki media pembelajaran terutama untuk pelajaran Bahasa Indoensia, maka diusulkan sebuah Aplikasi Interaktif Online Pelajaran Bahasa Indonesia dan Metode Membaca Cepat Untuk Madrasah Aliyah Negeri Insan Cendikia Serpong Berbasis Web yang selanjutnya disebut dengan nama aplikasi AIOP-BASINDO. Pembuatan aplikasi ini merupakan solusi terbaik untuk mengatasi permasalahan yang dihadapi oleh sekolahan tersebut, yaitu sebagai aplikasi yang dapat memberikan materi pelajaran kepada siswa, memproses ujian, media pengumpulan tugas siswa, pembelajaran metode membaca cepat, memberikan gambaran grafik nilai siswa terhadap teman satu
27
kelas, satu angkatan dan satu sekolahan, pada aplikasi ini juga terdapat kamus online Bahasa Indonesia yang datanya di-input oleh siswa dan menjadi point nilai bagi siswa, aplikasi ini dapat menyimpan data absensi siswa, aplikasi ini menjadi media diskusi pelajaran Bahasa Indonesia bagi Madrasah Aliyah Negeri Insan Cendikia Serpong, pada aplikasi ini juga terdapat chatting antara user dan guru yang dalam keadaan online dan aplikasi ini dapat memberikan laporan kepada guru dan kepada siswa berupa softcopy ataupun hardcopy. Pengerjaan AIOP-BASINDO ini melewati beberapa tahapan sebagai berikut: analisis, perancangan, implementasi, pengujian, dan pemeliharaan. Tahapan-tahapan tersebut merupakan tahapan-tahapan dari metode Waterfall dan akan dijelaskan lebih lanjut dibawah ini. 3.3. Analisis Tahap analisis adalah tahap untuk menganalisis hal-hal yang diperlukan dalam pembuatan aplikasi. Tahap ini dilakukan untuk mempelajari dan memahami aplikasi yang akan dibuat. Pada pembuatan AIOP-BASINDO analisis dilakukan dengan cara mempelajari data yang didapat dari sekolah dan mendiskusikan dengan pihak sekolah dalam hal ini Guru Bahasa Indonesia dan beberapa murid sekolah tersebut tentang kebutuhan pengguna dan kemudian dilakukan perumusan aplikasi yang akan dibuat. 3.3.1.Deskripsi Aplikasi AIOP-BASINDO merupakan aplikasi yang bertujuan mempermudah proses belajar mengajar antara guru dan siswa terutama pada materi pelajaran Bahasa Indonesia.
AIOP-BASINDO ini
dibuat
dengan
menggunakan
teknologi
28
pemprograman PHP dengan menggunakan MySQL sebagai database dan Apache sebagai service nya. Dalam pembuatan
AIOP-BASINDO ini menggunakan
smarty sebagai template engine, smarty mempermudah pengaturan suatu tampilan aplikasi ditinjau dari sisi application logic dengan disain isi yang dipisahkan. Pemisahan tersebut memudahkan kepada programmer dan designer bila dalam pengerjaan dilakukan oleh dua orang atau lebih. Sehingga, untuk aspek jangka panjang sangat menguntungkan. library class database yang digunakan dalam pembuatan aplikasi ini adalah ADOdb, ADOdb adalah library class database yang menyediakan API berbagai database, sehingga apabila suatu saat database diganti maka hanya perlu merubah driver di ADOdbnya saja, tidak harus mengubah semua kode di php. 3.3.2. Karakteristik Pengguna Karakteristik pengguna pada aplikasi AIOP-BASINDO diidentifikasikan menjadi tiga pengguna, yaitu: pengguna umum, Guru, dan Siswa. Keterangan karakteristik pengguna aplikasi AIOP-BASINDO dapat dilihat pada Tabel 1. Tabel 1 Karakteristik pengguna aplikasi AIOP-BASINDO Kategori Pengguna
Karakteristik Pengguna
Guru
Pengguna yang melakukan manajemen data dan informasi sistem, diantaranya 1.
Melakukan manipulasi terhadap data kamus Bahasa Indonesia. Diantaranya yaitu melakukan perintah edit, delete dan publish data kamus.
2.
Melakukan manipulasi terhadap data buku
29
tamu. Diantaranya yaitu melakukan perintah delete dan publish data buku tamu. 3.
Melakukan manipulasi terhadap data siswa. Diantaranya yaitu melakukan perintah add, edit dan search data siswa.
4.
Melakukan perintah edit pada data silabus.
5.
Melakukan manipulasi terhadap data galeri. Diantanya yaitu melakukan perintah add, edit dan delete data galeri.
6.
Melakukan manipulasi terhadap data polling. Diataranya yaitu melakukan perintah edit dan reset data polling.
7.
Melakukan manipulasi terhadap data link. Diantaranya yaitu melakukan perintah add, edit dan delete data link.
8.
Melakukan manipulasi terhadap data materi. Diantaranya yaitu melakukan perintah add, edit dan delete data materi.
9.
Melakukan manipulasi terhadap data ujian. Diantaranya yaitu melakukan perintah add, edit dan delete data ujian.
10. Melakukan manipulasi terhadap data tugas. Diantaranya yaitu melakukan perintah add, edit dan delete data tugas 11. Melakukan perintah download file absensi, nilai, materi, silabus dan grafik 12. Melakukan kegiatan shoutbox dan chatting terhadap user yang sedang online. Siswa
Pengguna yang memanfaatkan aplikasi ini sebagai media belajar, media pengumpulan tugas, media diskusi dan sekaligus media pencatatan absensi
30
kelas pada mata pelajaran Bahasa Indonesia. Berikut ini beberapa hal yang dapat di lakukan oleh user siswa 1.
Melakukan perintah add dan search data kamus.
2.
Melakukan perintah edit dan search data siswa
3.
Melakukan perintah download file absensi, nilai, materi, silabus dan grafik.
4.
Mengejakan ujian
5.
Mengerjakaan tugas..
6.
Melakukan kegiatan shoutbox dan chatting terhadap user yang sedang online.
Pengguna Umum
Pengguna yang melakukan kunjungan ke aplikasi AIOP-BASINDO, yang bermaksud mendapatkan informasi atau yang hanya mampir karena sengaja atau karena tidak sengaja. Pengguna umum juga dapat melakukan pencarian terhadap kamus, dapat melakukan polling, dan dapat melakukan pengisian bukutamu.
3.3.3. Analisis Kebutuhan Tahap analisis kebutuhan dimaksudkan untuk mendapatkan kebutuhankebutuhan fungsional dari aplikasi yang akan dibuat. Kebutuhan fungsional tersebut didapatkan setelah pendeskripsian aplikasi, pembuatan use case dan pengumpulan data selesai dilakukan. Hasil dari analisis kebutuhan fungsional dapat dilihat pada Tabel 2. Penamaan kode fungsional kebutuhan aplikasi AIOPBASINDO memiliki keterangan sebagai berikut:
31
•
F_AB_K-XXX merupakan kode yang digunakan untuk mempersentasikan kebutuhan fungsional
•
F_AB_K-XXX-X
merupakan
kode
yang
digunakan
untuk
mempersentasikan kebutuhan subfungsional Di mana F=Fungsional, A=Aplikasi, B=AIOP-BASINDO, dan K=Kode. Tabel 2 Kebutuhan fungsional aplikasi AIOP-BASINDO Kode
Fungsional
Deskripsi
Fungsional F_AB_K-001
Verifikasi
Verifikasi login sebagai user (ada dua yang
login user
bertindak sebagai user yaitu: Guru dan Siswa)
F_AB_K-002
Manipulasi
Melakukan manipulasi data, yaitu: add, edit,
data
dan delete
F_AB_K-002-1 Manajemen data
Memasukkan data yang akan diproses oleh aplikasi (hanya dilakukan oleh Guru), Mengubah data (dilakukan oleh Guru dan Siswa) dan Menghapus data yang sudah tidak diperlukan (hanya dilakukan oleh Guru)
F_AB_K-0022
Input polling
Memasukkan data polling yang akan diproses oleh aplikasi (hanya dilakukan oleh pengguna umum)
32
F_AB_K-002-
Input buku
Memasukkan data buku tamu yang akan
3
tamu
diproses oleh aplikasi (hanya dilakukan oleh pengguna umum)
F_AB_K-003
Pencarian
Melakukan pencarian kamus berdasarkan kategori kata dan melakukan pencarian siswa berdasarkan kategori nama
F_AB_K-004
Tampil
Menampilkan informasi
informasi F_AB_K-004-
Tampil
Menampilkan informasi sekolah untuk
1
informasi
pengguna umum
sekolah F_AB_K-004-
Tampil
Menampilkan informasi kamus kepada
2
informasi
pengguna Umum, Guru dan Siswa
Kamus F_AB_K-004-
Tampil
3
informasi
Menampilkan informasi pencarian kamus
pencarian kamus F_AB_K-004-
Tampil
Menampilkan informasi bukutamu kepada
4
informasi
Umum dan Guru
bukutamu
33
F_AB_K-004-
Tampil
Menampilkan informasi Materi untuk
5
informasi
pengguna Guru dan Siswa
Materi F_AB_K-004-
Tampil
Menampilkan informasi silabus untuk
6
informasi
pengguna Umum, Guru dan Siswa
silabus F_AB_K-004-
Tampil
Menampilkan informasi soal untuk pengguna
7
informasi soal
Guru dan Siswa
F_AB_K-004-
Tampil
Menampilkan informasi profil siswa untuk
8
informasi
Siswa
profil siswa F_AB_K-004-
Tampil
Menampilkan informasi siswa untuk
9
informasi
pengguna Guru dan Siswa
siswa F_AB_K-004-
Tampil
Menampilkan informasi membaca cepat
10
informasi
untuk pengguna Guru dan Siswa
membaca cepat F_AB_K-004-
Tampil
Menampilkan informasi ujian untuk
11
informasi
pengguna Guru dan Siswa
ujian
34
F_AB_K-004-
Tampil
Menampilkan informasi grafik untuk
12
informasi
pengguna Guru dan Siswa
grafik F_AB_K-004-
Tampil
Menampilkan informasi laporan untuk
13
informasi
pengguna Guru dan Siswa
laporan F_AB_K-004-
Tampil
Menampilkan informasi galeri untuk
14
informasi
pengguna Umum, Guru dan Siswa
galeri F_AB_K-004-
Tampil
Menampilkan informasi link untuk pengguna
15
informasi link
Umum, Guru dan Siswa
F_AB_K-004-
Tampil
Menampilkan informasi shoutbox
16
informasi shoutbox
F_AB_K-004-
Tampil
Menampilkan informasi chatting untuk Guru
17
informasi
dan Siswa
chatting
3.4. Metode Perancangan Aplikasi Tahap ini dilakukan setelah analisis kebutuhan perangkat lunak selesai didefinikan dengan jelas. Metode yang digunakan untuk membuat aplikasi ini
35
berupa metode berarah aliran data dengan menggunakan Unfied Modelling Language (UML). Unified Modeling Language (UML) adalah bahasa spesifikasi standar untuk mendokumentasikan, menspesifikasikan, dan membangun sistem perangkat lunak.
Use case diagram digunakan untuk memodelkan bisnis proses berdasarkan perspektif pengguna sistem. Use case diagram terdiri atas diagram untuk use case dan actor. Actor merepresentasikan orang yang akan mengoperasikan atau orang yang berinteraksi dengan sistem aplikasi. Use case merepresentasikan operasi-operasi yang dilakukan oleh actor. Use case digambarkan berbentuk elips dengan nama operasi dituliskan didalamnya. Actor yang melakukan operasi dihubungkan dengan garis lurus ke use case.
3.5. Hasil Perancangan Berdasarkan analisis yang telah dilakukan maka dapat diketahui apa saja yang manjadi masukan sistem, keluaran sistem, metode yang digunakan sistem, serta antar muka sistem yang dibuat, sehingga sistem yang dibuat nantinya sesuai dengan apa yang diharapkan. Perancangan sistem ini akan dibagi menjadi beberapa subsistem yaitu: 1. Perancangan Use case Diagram 2. Perancangan sekuensial Diagram 3. Perancangan Activity Diagram 4. Perancangan basis data 5. Perancangan struktur program 6. Perancangan antar muka
36
3.6.
Perancangan Sistem Analisis
Perangkat
Lunak
digambarkan
dengan
model
analisis
menggunakan diagram use-case serta dilanjutkan dengan model desain. Analisis digunakan untuk pemetaan awal mengenai perilaku yang diisyaratkan sistem aplikasi ke dalam elemen-elemen pemodelan. Untuk membantu perancangan dan melengkapi dokumentasi perancangan, penyusun menggunakan tool case Rational Rose 2003 yang mendukung perancangan dengan basis UML
3.6.1. Diagram Use Case Use case diagram AIOP-BASINDO menggambarkan fungsionalitas yang diharapkan dari sebuah sistem. Yang ditekankan disini adalah “apa” yang diperbuat sistem, dan bukan “bagaimana”. Berikut ini adalah use case AIOPBASINDO yang merepresentasikan sebuah interaksi antara aktor dengan sistem.
37
Gambar 3 Use Case AIOP-BASINDO
38
Pada use case AIOP-BASINDO diatas dapat terlihat 3 aktor, yaitu aktor Guru, aktor Siswa dan aktor Umum. Untuk setiap use case dijelaskan dalam deskripsi use case berikut ini: 3.6.1.1. Deskripsi use case login Tabel 3 Deskripsi use case login Use Case ID
01
Nama use case
Login
Aktor
Guru dan Siswa
Tujuan
Menjelaskan proses inisialisasi (peng-absahan) aktor Guru dan Siswa
Deskripsi
Aktor Guru atau Siswa mengakses aplikasi lalu melakukan login
Preconditions Postconditions
Siswa dan Guru membuka aplikasi 1. Siswa dan Guru masuk ke aplikasi 2. Status login menjadi true untuk kebutuhan chatting
Scenario Aktor
Sistem
1. Aktor memasukan username dan password pada form login 2. Sistem memeriksa kebenaran data yang dimasukan Includes
None
Prioritas
High
Prekuensi
Sejumlah siswa di sekolahan tersebut, kira-kira 360 siswa
penggunaan
dan 1 Guru Bahasa Indonesia
Aturan
yang Harus Siswa atau Guru yang sudah terdaftar dalam database
39
harus dipenuhi Kebutuhan
-
khusus Asumsi
100%
siswa
akan
menggunakan
aplikasi
ini
setiap
minggunya
3.6.1.2. Deskripsi use case Mengelola Galeri Tabel 4 Deskripsi use case Mengelola Galeri Use Case ID
02
Nama use case
Mengelola Galeri
Aktor
Guru
Tujuan
Melakukan manipulasi terhadap data galeri
Deskripsi
Sistem melakukan manipulasi data galeri berdasarkan perintah dari aktor Guru
Preconditions Postconditions
Guru melakukan login 1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi terhadap data galeri
Scenario Aktor
Sistem 1. Sistem menampilkan informasi galeri kepada aktor Guru.
2. Aktor Guru memberikan respon kepada sistem berupa pilihan manipulasi data sesuai dengan yang diinginkan 3. Sistem menanggapi respon dari Aktor Guru, dan melakukan perintah selanjutnya sesuai dari respon tersebut.
40
Includes
use case login, use case menambah galeri, use case merubah galeri dan use case menghapus galeri
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
Guru akan menggunakan aplikasi ini setiap minggunya
3.6.1.3. Deskripsi use case Menambah Galeri Tabel 5 Deskripsi use case Menambah Galeri Use Case ID
02-1
Nama use case
Menambah galeri
Aktor
Guru
Tujuan
Melakukan manipulasi tambah terhadap data galeri
Deskripsi
Sistem melakukan manipulasi tambah data galeri berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi tambah terhadap data galeri
Scenario Aktor 1. Aktor Guru memilih manipulasi
Sistem
41
tambah galeri 2. Sistem memberikan form kosong untuk memasukan data galeri 3. Aktor Guru memasukan nama file dan file foto 4. Sistem merekam data yang telah dimasukan Includes
None
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
Guru akan menggunakan aplikasi ini setiap minggunya
3.6.1.4. Deskripsi use case Merubah Galeri Tabel 6 Deskripsi use case Merubah Galeri Use Case ID
02-2
Nama use case
Merubah galeri
Aktor
Guru
Tujuan
Melakukan manipulasi ubah terhadap data galeri
Deskripsi
Sistem melakukan manipulasi ubah data galeri berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi ubah terhadap data
42
galeri Scenario Aktor
Sistem
1. Aktor Guru memilih manipulasi ubah galeri 2. Sistem memberikan form ubah untuk merubah data galeri 3. Aktor Guru merubah nama file dan file foto 4. Sistem merekam data yang telah dimasukan Includes
None
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
Guru akan menggunakan aplikasi ini setiap minggunya
3.6.1.5. Deskripsi use case Menghapus Galeri Tabel 7 Deskripsi use case Menghapus Galeri Use Case ID
02-3
Nama use case
Menghapus galeri
Aktor
Guru
Tujuan
Melakukan manipulasi hapus terhadap data galeri
Deskripsi
Sistem melakukan manipulasi hapus data galeri berdasarkan
43
perintah dari aktor Guru Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi hapus terhadap data galeri
Scenario Aktor
Sistem
1. Aktor Guru memilih manipulasi hapus data galeri 2. Sistem melakukan perintah hapus data galeri sesuai dengan perintah dari aktor Guru Includes
None
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
Guru akan menggunakan aplikasi ini setiap minggunya
3.6.1.6. Deskripsi use case Mengelola Soal Tabel 8 Deskripsi use case Mengelola Soal Use Case ID
03
Nama use case
Mengelola Soal
Aktor
Guru
44
Tujuan
Melakukan manipulasi terhadap data soal
Deskripsi
Sistem melakukan manipulasi data soal berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi terhadap data soal
Scenario Aktor
Sistem 1. Sistem menampilkan informasi soal kepada aktor Guru.
2. Aktor Guru memberikan respon kepada system berupa pilihan manipulasi data sesuai dengan yang dia inginkan 3. Sistem menanggapi respon dari Aktor Guru, dan melakukan perintah selanjutnya sesuai dari respon tersebut. use case ini meng-include use case login, use case
Includes
menambah soal, use case merubah soal dan use case menghapus Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
Guru akan menggunakan aplikasi ini setiap minggunya
45
3.6.1.7. Deskripsi use case Menambah Soal Tabel 9 Deskripsi use case Menambah Soal Use Case ID
03-1
Nama use case
Menambah soal
Aktor
Guru
Tujuan
Melakukan manipulasi tambah terhadap data soal
Deskripsi
Sistem melakukan manipulasi tambah data soal berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi tambah terhadap data soal
Scenario Aktor
Sistem
1. Aktor Guru memilih manipulasi tambah soal 2. Sistem memberikan pilihan jenis soal soal kepada aktor Guru 3. Aktor Guru memasukan jenis soal soal. 4. Sistem memvalidasi jenis soal, dan memberikan form kepada aktor guru sesuai jenis soal yang di pilih 5. Aktor Guru mengisikan soal sesuai form 6. Sistem merekam data yang telah dimasukan Includes
None
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
46
harus dipenuhi Kebutuhan
-
khusus Asumsi
Guru akan menggunakan aplikasi ini setiap minggunya
3.6.1.8. Deskripsi use case Merubah Soal Tabel 10 Deskripsi use case Merubah Soal Use Case ID
03-2
Nama use case
Merubah soal
Aktor
Guru
Tujuan
Melakukan manipulasi ubah terhadap data soal
Deskripsi
Sistem melakukan manipulasi ubah data soal berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi ubah terhadap data soal
Scenario Aktor
Sistem
1. Aktor Guru memilih manipulasi ubah soal 2. Sistem memberikan form ubah untuk merubah data soal 3. Aktor Guru merubah data soal sesuai dengan form ubah data 4. Sistem merekam data yang telah dimasukan Includes
None
Prioritas
High
47
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
Guru akan menggunakan aplikasi ini setiap minggunya
3.6.1.9. Deskripsi use case Menghapus Soal Tabel 11 Deskripsi use case Menghapus Soal Use Case ID
03-3
Nama use case
Menghapus soal
Aktor
Guru
Tujuan
Melakukan manipulasi hapus terhadap data soal
Deskripsi
Sistem melakukan manipulasi hapus data soal berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi hapus terhadap data galeri
Scenario Aktor
Sistem
1. Aktor Guru memilih manipulasi hapus data soal 2. Sistem melakukan perintah hapus data soal sesuai dengan perintah dari aktor Guru Includes
None
48
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
3.6.1.10.
Guru akan menggunakan aplikasi ini setiap minggunya
Deskripsi use case Mengelola Link
Tabel 12 Deskripsi use case Mengelola Link Use Case ID
04
Nama use case
Mengelola Link
Aktor
Guru
Tujuan
Melakukan manipulasi terhadap data link
Deskripsi
Sistem melakukan manipulasi data link berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi terhadap data link
Scenario Aktor
Sistem 1. Sistem menampilkan informasi link kepada aktor Guru.
2. Aktor Guru memberikan respon kepada sistem berupa pilihan manipulasi data link sesuai dengan yang dia inginkan
49
3. Sistem menanggapi respon dari Aktor Guru, dan melakukan perintah selanjutnya sesuai dari respon tersebut. use case login, use case menambah link, use case merubah
Includes
link dan use case menghapus link Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
3.6.1.11.
Guru akan menggunakan aplikasi ini setiap minggunya
Deskripsi use case Menambah Link
Tabel 13 Deskripsi use case Menambah Link Use Case ID
04-1
Nama use case
Menambah link
Aktor
Guru
Tujuan
Melakukan manipulasi tambah terhadap data link
Deskripsi
Sistem melakukan manipulasi tambah data link berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi tambah terhadap data link
50
Scenario Aktor
Sistem
1. Aktor Guru memilih manipulasi tambah link 2. Sistem memberikan form kosong untuk memasukan data link 3. Aktor Guru memasukan nama link dan alamat link nya 4. Sistem merekam data yang telah dimasukan Includes
None
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
3.6.1.12.
Guru akan menggunakan aplikasi ini setiap minggunya
Deskripsi use case Merubah Link
Tabel 14 Deskripsi use case Merubah Link Use Case ID
04-2
Nama use case
Merubah link
Aktor
Guru
Tujuan
Melakukan manipulasi ubah terhadap data link
Deskripsi
Sistem melakukan manipulasi ubah data link berdasarkan perintah dari actor Guru
Preconditions
Guru melakukan login
51
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi ubah terhadap data link
Scenario Aktor
Sistem
1. Aktor Guru memilih manipulasi ubah link 2. Sistem memberikan form ubah untuk merubah data link 3. Aktor Guru merubah data link 4. Sistem merekam data yang telah dimasukan Includes
None
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
3.6.1.13.
Guru akan menggunakan aplikasi ini setiap minggunya
Deskripsi use case Menghapus Link
Tabel 15 Deskripsi use case Mengehapus Link Use Case ID
04-3
Nama use case
Menghapus link
Aktor
Guru
Tujuan
Melakukan manipulasi hapus terhadap data link
52
Deskripsi
Sistem melakukan manipulasi hapus data link berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi hapus terhadap data link
Scenario Aktor
Sistem
1. Aktor Guru memilih manipulasi hapus data link 2. Sistem menghapus data link sesuai dengan perintah dari aktor Guru Includes
None
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
3.6.1.14.
Guru akan menggunakan aplikasi ini setiap minggunya
Deskripsi use case Mengelola Bukutamu
Tabel 16 Deskripsi use case Mengelola Bukutamu Use Case ID
05
Nama use case
Mengelola Bukutamu
Aktor
Guru
53
Tujuan
Melakukan manipulasi terhadap data Bukutamu
Deskripsi
Sistem melakukan manipulasi data Bukutamu berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi terhadap data Bukutamu
Scenario Aktor
Sistem 1. Sistem menampilkan informasi bukutamu kepada aktor Guru.
2. Aktor Guru memberikan respon kepada sistem berupa pilihan manipulasi data bukutamu sesuai dengan yang dia inginkan 3. Sistem menanggapi respon dari Aktor Guru, dan melakukan perintah selanjutnya sesuai dari respon tersebut. use case login, use case menambah bukutamu, use case
Includes
publish bukutamu dan use case menghapus bukutamu Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
Guru akan menggunakan aplikasi ini setiap minggunya
54
3.6.1.15.
Deskripsi use case Menambah Bukutamu
Tabel 17 Deskripsi use case Menambah Bukutamu Use Case ID
05-1
Nama use case
Menambah bukutamu
Aktor
Umum
Tujuan
Melakukan manipulasi tambah terhadap data bukutamu
Deskripsi
Sistem melakukan manipulasi tambah data bukutamu berdasarkan perintah dari aktor Umum
Preconditions
Umum membuka aplikasi
Postconditions
Umum melakukan penambahan bukutamu
Scenario Aktor
Sistem
1. Aktor Umum memilih manipulasi tambah bukutamu 2. Sistem memberikan form kosong untuk memasukan data bukutamu 3. Aktor Umum memasukan nama, email, pesan dan security code 4. Sistem merekam data yang telah dimasukan Includes
None
Prioritas
Medium
Prekuensi
10 kali oleh pengguna Umum setiap mingguny
penggunaan Aturan
yang -
harus dipenuhi Kebutuhan
-
khusus Asumsi
Biasanya pengunjung akan mengisi bukutamu apabila berkunjung
55
3.6.1.16.
Deskripsi use case Publish Bukutamu
Tabel 18 Deskripsi use case Publish Bukutamu Use Case ID
05-2
Nama use case
Publish Bukutamu
Aktor
Guru
Tujuan
Melakukan manipulasi publish terhadap data Bukutamu
Deskripsi
Sistem melakukan manipulasi publish data Bukutamu berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi publish terhadap data Bukutamu
Scenario Aktor
Sistem
1. Aktor Guru memilih manipulasi publish bukutamu 2. Sistem memberikan pulihan publish 3. Aktor Guru merubah status bukutamu 4. Sistem merekam data yang telah dimasukan Includes
None
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan khusus
-
56
Asumsi
Guru akan menggunakan aplikasi ini setiap minggunya
3.6.1.17.
Deskripsi use case Menghapus Bukutamu
Tabel 19 Deskripsi use case Menghapus Bukutamu Use Case ID
05-3
Nama use case
Menghapus Bukutamu
Aktor
Guru
Tujuan
Melakukan manipulasi hapus terhadap data Bukutamu
Deskripsi
Sistem melakukan manipulasi hapus data Bukutamu berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi hapus terhadap data Bukutamu
Scenario Aktor
Sistem
1. Aktor Guru memilih manipulasi hapus data bukutamu 2. Sistem menghapus data bukutamu sesuai dengan perintah dari aktor Guru Includes
None
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
57
khusus Asumsi
3.6.1.18.
Guru akan menggunakan aplikasi ini setiap minggunya
Deskripsi use case Mengelola Polling
Tabel 20 Deskripsi use case Mengelola Polling Use Case ID
06
Nama use case
Mengelola Polling
Aktor
Guru
Tujuan
Melakukan manipulasi terhadap data Polling
Deskripsi
Sistem melakukan manipulasi data Polling berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi terhadap data Polling
Scenario Aktor
Sistem 1. Sistem menampilkan informasi polling kepada aktor Guru.
2. Aktor Guru memberikan respon kepada sistem berupa pilihan manipulasi data polling sesuai dengan yang dia inginkan
Includes
3. Sistem menanggapi respon dari Aktor Guru, dan melakukan perintah selanjutnya sesuai dari respon tersebut. use case login, usecase me-reset polling dan use case merubah polling
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
58
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
Guru akan menggunakan aplikasi ini setiap minggunya
3.6.1.19.
Deskripsi use case Menambah Polling
Tabel 21 Deskripsi use case Menambah Polling Use Case ID
06-1
Nama use case
Menambah polling
Aktor
Umum
Tujuan
Melakukan manipulasi tambah terhadap data polling
Deskripsi
Sistem melakukan manipulasi tambah data polling berdasarkan perintah dari aktor Umum
Preconditions
Umum membuka aplikasi
Postconditions
Umum melakukan penambahan polling
Scenario Aktor
Sistem
1. Aktor Umum melakukan polling 2. Sistem merekam data yang telah dimasukan Prioritas
Medium
Prekuensi
10 kali oleh pengguna Umum setiap minggunya
penggunaan Aturan
yang -
59
harus dipenuhi Kebutuhan
-
khusus Asumsi
Biasanya
pengunjung
akan
mengisi
polling
apabila
berkunjung
3.6.1.20.
Deskripsi use case Merubah Polling
Tabel 22 Deskripsi use case Menambah Polling Use Case ID
06-2
Nama use case
Merubah Polling
Aktor
Guru
Tujuan
Melakukan manipulasi ubah terhadap data Polling
Deskripsi
Sistem melakukan manipulasi ubah data Polling berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi ubah terhadap data Polling
Scenario Aktor
Sistem
1. Aktor Guru memilih manipulasi ubah polling 2. Sistem memberikan form ubah untuk merubah data polling 3. Aktor Guru merubah data polling 4. Sistem merekam data yang telah dimasukan Includes
None
Prioritas
High
60
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
3.6.1.21.
Guru akan menggunakan aplikasi ini setiap minggunya
Deskripsi use case Me-reset Polling
Tabel 23 Deskripsi use case Me-reset Polling Use Case ID
06-3
Nama use case
Me-reset Polling
Aktor
Guru
Tujuan
Melakukan manipulasi reset terhadap data Polling
Deskripsi
Sistem melakukan manipulasi reset data Polling berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi reset terhadap data Polling
Scenario Aktor
Sistem
1. Aktor Guru memilih manipulasi reset data polling 2. Sistem melakukan perintah reset data polling sesuai dengan perintah dari aktor Guru Includes
use case login
61
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
3.6.1.22.
Guru akan menggunakan aplikasi ini setiap minggunya
Deskripsi use case Merubah Silabus
Tabel 24 Deskripsi use case Merubah Silabus Use Case ID
07
Nama use case
Merubah Silabus
Aktor
Guru
Tujuan
Melakukan manipulasi ubah terhadap data silabus
Deskripsi
Sistem melakukan manipulasi ubah data silabus berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi ubah terhadap data silabus
Scenario Aktor
Sistem
1. Aktor Guru memilih manipulasi ubah silabus 2. Sistem memberikan form ubah untuk merubah data silabus 3. Aktor Guru merubah data silabus 4. Sistem merekam data yang telah
62
dimasukan Includes
use case login
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
3.6.1.23.
Guru akan menggunakan aplikasi ini setiap minggunya
Deskripsi use case Mengelola Kamus BI
Tabel 25 Deskripsi use case Mengelola Kamus BI Use Case ID
08
Nama use case
Mengelola kamus BI
Aktor
Guru
Tujuan
Melakukan manipulasi terhadap data kamus BI
Deskripsi
Sistem melakukan manipulasi data kamus BI berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi terhadap data kamus BI
Scenario Aktor
Sistem 1. Sistem menampilkan informasi kamus BI kepada aktor Guru.
63
2. Aktor Guru memberikan respon kepada sistem berupa pilihan manipulasi data kamus BI sesuai dengan yang dia inginkan 3. Sistem menanggapi respon dari Aktor Guru, dan melakukan perintah selanjutnya sesuai dari respon tersebut. Includes
use case login, use case merubah kamus BI, use case mencari kamus BI, use case menghapus kamus BI dan use case mem-publish kamus BI
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
3.6.1.24.
Guru akan menggunakan aplikasi ini setiap minggunya
Deskripsi use case Merubah Kamus BI
Tabel 26 Deskripsi use case Merubah Kamus BI Use Case ID
08-1
Nama use case
Merubah Kamus BI
Aktor
Guru
Tujuan
Melakukan manipulasi ubah terhadap data Kamus BI
Deskripsi
Sistem melakukan manipulasi ubah data Kamus BI berdasarkan perintah dari aktor Guru
64
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi ubah terhadap data Kamus BI
Scenario Aktor
Sistem
1. Aktor Guru memilih manipulasi ubah Kamus BI 2. Sistem memberikan form ubah untuk merubah data Kamus BI 3. Aktor Guru merubah data Kamus BI 4. Sistem merekam data yang telah dimasukan Includes
use case login
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
3.6.1.25.
Guru akan menggunakan aplikasi ini setiap minggunya
Deskripsi use case Mencari Kamus BI
Tabel 27 Deskripsi use case Mencari Kamus BI Use Case ID
08-2
Nama use case
Mencari Kamus BI
Aktor
Guru, Umum dan Siswa
65
Tujuan
Melakukan pencarian kata Kamus BI
Deskripsi
Aktor Guru, Umum dan Siswa melakukan pencarian data Kamus BI
Preconditions
-
Postconditions
1. Guru, Umum dan Siswa masuk ke aplikasi 2. Guru, Umum dan Siswa dapat melakukan pencarian kata Kamus BI
Scenario Aktor
Sistem
1. Aktor Guru, Umum dan Siswa memasukan kata untuk dilakukan pencarian 2. Sistem melakukan pencarian kata dan menampilakan kata yang di cari ke aktor Guru, Umum dan Siswa Includes
None
Prioritas
High
Prekuensi
-
penggunaan Aturan
yang -
harus dipenuhi Kebutuhan
-
khusus Asumsi
3.6.1.26.
-
Deskripsi use case Menghapus Kamus BI
Tabel 28 Deskripsi use case Menghapus Kamus BI
66
Use Case ID
08-3
Nama use case
Menghapus Kamus BI
Aktor
Guru
Tujuan
Melakukan manipulasi hapus terhadap data Kamus BI
Deskripsi
Sistem melakukan manipulasi hapus data Kamus BI berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi hapus terhadap data Kamus BI
Scenario Aktor
Sistem
1. Aktor Guru melakukan pemilihan fungsi manipulasi hapus data kamus BI 2. Sistem menghapus data bukutamu sesuai dengan perintah dari aktor Guru Includes
Use case login
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
3.6.1.27.
Guru akan menggunakan aplikasi ini setiap minggunya
Deskripsi use case Mem-Publish Kamus BI
67
Tabel 29 Deskripsi use case Mem-Publish Kamus BI Use Case ID
08-4
Nama use case
Mem-Publish Kamus BI
Aktor
Guru
Tujuan
Melakukan manipulasi Publish terhadap data Kamus BI
Deskripsi
Sistem melakukan manipulasi Publish data Kamus BI berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi Publish terhadap data Kamus BI
Scenario Aktor
Sistem
1. Aktor Guru memilih manipulasi publish kamus BI 2. Sistem memberikan pilihan publish 3. Aktor Guru merubah status kamus BI 4. Sistem merekam data yang telah dimasukan Includes
Use case login
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
Guru akan menggunakan aplikasi ini setiap minggunya
68
3.6.1.28.
Deskripsi use case Menambah Kamus BI
Tabel 30 Deskripsi use case Menambah Kamus BI Use Case ID
08-5
Nama use case
Memambah Kamus BI
Aktor
Siswa
Tujuan
Melakukan manipulasi tambah terhadap data kamus BI
Deskripsi
Sistem melakukan manipulasi tambah data Kamus BI berdasarkan perintah dari aktor Siswa
Preconditions
Siswa melakukan login
Postconditions
1. Siswa masuk ke aplikasi 2. Siswa dapat melakukan manipulasi tambah terhadap data Kamus BI
Scenario Aktor
Sistem
1. Aktor Siswa memilih manipulasi tambah kamus BI 2. Sistem memberikan form kosong untuk memasukan data kamus BI 3. Aktor Siswa memasukan kata dan atri dari kata tersebut 4. Sistem merekam data yang telah dimasukan Includes
Use case login
Prioritas
High
Prekuensi
Sejumlah siswa di sekolahan tersebut, kira-kira 360 siswa
penggunaan Aturan
yang Siswa yang terdaftar didatabase
harus dipenuhi Kebutuhan khusus
-
69
Asumsi
Siswa akan menggunakan aplikasi ini setiap harinya
3.6.1.29.
Deskripsi use case Mengerjakan Soal
Tabel 31 Deskripsi use case Mengerjakan Soal Use Case ID
09
Nama use case
Mengerjakan Soal
Aktor
Siswa
Tujuan
Melakukan proses ujian
Deskripsi
Aktor Siswa mengerjakan soal yang di berikan oleh sistem
Preconditions
Siswa melakukan login
Postconditions
1. Siswa masuk ke aplikasi 2. Siswa dapat mengerjakan soal ujian
Scenario Aktor
Sistem 1. Sistem menampilkan data soal yang harus di disi oleh aktor Siswa
2. Aktor Siswa memilih jawaban dan mengisi soal yang di berikan system 3. Sistem memeriksa jawaban dan menampilkan nilai kepada Siswa 4. Sistem merekam nilai Includes
Use case login
Prioritas
High
Prekuensi
Sejumlah siswa di sekolahan tersebut, kira-kira 360 siswa
penggunaan Aturan
yang Siswa yang terdaftar didatabase
harus dipenuhi
70
Kebutuhan
-
khusus Asumsi
Siswa akan menggunakan aplikasi ini setiap minggunya
3.6.1.30.
Deskripsi use case Menambah Chat
Tabel 32 Deskripsi use case Menambah Chat Use Case ID
10
Nama use case
Memambah Chat
Aktor
Siswa dan Guru
Tujuan
Melakukan manipulasi tambah terhadap data chat
Deskripsi Preconditions
Aktor Guru dan Siswa melakukan manipulasi yaitu menambah chat Guru dan Siswa melakukan login
Postconditions
1. Guru dan Siswa masuk ke aplikasi 2. Guru dan Siswa dapat melakukan tambah chat
Scenario Aktor
Sistem
1. Aktor Guru dan Siswa melakukan chat 2. Sistem merekam data yang telah dimasukan Includes
Use case login
Prioritas
High
Prekuensi
Sejumlah siswa di sekolahan tersebut, kira-kira 360 siswa
penggunaan
dan 1 Guru Bahasa Indonesia
Aturan
yang Guru dan Siswa yang terdaftar didatabase
harus dipenuhi
71
Kebutuhan
-
khusus Asumsi
Guru dan Siswa akan menggunakan aplikasi ini setiap harinya
3.6.1.31.
Deskripsi use case Menambah Shout
Tabel 33 Deskripsi use case Menambah Shout Use Case ID
11
Nama use case
Memambah Shout
Aktor
Siswa dan Guru
Tujuan
Melakukan manipulasi tambah terhadap data shout
Deskripsi Preconditions
Aktor Guru dan Siswa melakukan manipulasi yaitu menambah shout Guru dan Siswa melakukan login
Postconditions
1. Guru dan Siswa masuk ke aplikasi 2. Guru dan Siswa dapat melakukan tambah shout
Scenario Aktor
Sistem
1. Aktor Guru dan Siswa melakukan shout 2. Sistem merekam data yang telah dimasukan Includes
Use case login
Prioritas
High
Prekuensi
Sejumlah siswa di sekolahan tersebut, kira-kira 360 siswa
penggunaan
dan 1 Guru Bahasa Indonesia
Aturan
yang Guru dan Siswa yang terdaftar didatabase
harus dipenuhi
72
Kebutuhan
-
khusus Asumsi
Guru dan Siswa akan menggunakan aplikasi ini setiap harinya
3.6.1.32.
Deskripsi use case Men-Download file
Tabel 34 Deskripsi use case Men-Download File Use Case ID
12
Nama use case
Men-Download file
Aktor
Siswa dan Guru
Tujuan
Melakukan Download file
Deskripsi Preconditions
Aktor Guru dan Siswa melakukan download file absensi, download grafik nilai dan download materi Guru dan Siswa melakukan login
Postconditions
1. Guru dan Siswa masuk ke aplikasi 2. Guru dan Siswa dapat melakukan download file
Scenario Aktor
Sistem 1. Sistem menampilkan pilihan download
2. Aktor Guru dan Siswa merespon dengan memilih download absensi 3. Sistem memberikan file yang di minta Includes
Use case login
Prioritas
High
Prekuensi
Sejumlah siswa di sekolahan tersebut, kira-kira 360 siswa
penggunaan
dan 1 Guru Bahasa Indonesia
Aturan
yang Guru dan Siswa yang terdaftar didatabase
73
harus dipenuhi Kebutuhan
-
khusus Asumsi
Guru dan Siswa akan menggunakan aplikasi ini setiap harinya
3.6.1.33.
Deskripsi use case Mengelola Siswa
Tabel 35 Deskripsi use case Mengelola Siswa Use Case ID
13
Nama use case
Mengelola Siswa
Aktor
Guru
Tujuan
Melakukan manipulasi terhadap data siswa
Deskripsi
Sistem melakukan manipulasi data siswa berdasarkan perintah dari actor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi terhadap data siswa
Scenario Aktor
Sistem 1. Sistem menampilkan informasi siswa kepada aktor Guru.
2. Aktor Guru memberikan respon kepada sistem berupa pilihan manipulasi data siswa sesuai dengan yang dia inginkan
Includes
3. Sistem menanggapi respon dari Aktor Guru, dan melakukan perintah selanjutnya sesuai dari respon tersebut. use case login, use case menambah siswa, use case mencari
74
siswa dan use case merubah siswa Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
3.6.1.34.
Guru akan menggunakan aplikasi ini setiap minggunya
Deskripsi use case Menambah Siswa
Tabel 36 Deskripsi use case Menambah Siswa Use Case ID
13-1
Nama use case
Menambah Siswa
Aktor
Guru
Tujuan
Melakukan manipulasi tambah terhadap data siswa
Deskripsi
Sistem melakukan manipulasi tambah data siswa berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi tambah terhadap data siswa
Scenario Aktor
Sistem
1. Aktor Guru memilih manipulasi tambah siswa 2. Sistem memberikan form kosong
75
untuk memasukan data siswa 3. Aktor Guru memasukan data siswa 4. Sistem merekam data yang telah dimasukan Includes
Use case login
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
3.6.1.35.
Guru akan menggunakan aplikasi ini setiap minggunya
Deskripsi use case Mencari Siswa
Tabel 37 Deskripsi use case Mencari Siswa Use Case ID
13-2
Nama use case
Mencari Siswa
Aktor
Siswa
Tujuan
Melakukan pencarian data siswa
Deskripsi
Aktor Siswa melakukan pencarian data siswa
Preconditions
Siswa melakukan login
Postconditions
1. Siswa masuk ke aplikasi 2. Siswa dapat melakukan pencarian data siswa
Scenario Aktor 1. Aktor Siswa memasukan kata
Sistem
76
untuk dilakukan pencarian dengan memasukan nama siswa 2. Sistem melakukan pencarian kata dan menampilakan kata yang di cari ke aktor Siswa Includes
Use case login
Prioritas
High
Prekuensi
Sejumlah siswa di sekolahan tersebut, kira-kira 360 siswa
penggunaan Aturan
yang Siswa yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
3.6.1.36.
Siswa akan menggunakan aplikasi ini setiap minggunya
Deskripsi use case Merubah Siswa
Tabel 38 Deskripsi use case Merubah Siswa Use Case ID
13-3
Nama use case
Merubah Siswa
Aktor
Guru
Tujuan
Melakukan manipulasi ubah terhadap data siswa
Deskripsi
Aktor Guru melakukan manipulasi yaitu merubah data siswa
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi ubah terhadap data siswa
Scenario Aktor
Sistem
77
1. Aktor Guru memilih manipulasi ubah siswa 2. Sistem memberikan form ubah untuk merubah data siswa 3. Aktor Guru merubah data siswa 4. Sistem merekam data yang telah dimasukan Includes
Use case login
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
3.6.1.37.
Guru akan menggunakan aplikasi ini setiap minggunya
Deskripsi use case Mengelola Materi
Tabel 39 Deskripsi use case Mengelola Materi Use Case ID
14
Nama use case
Mengelola Materi
Aktor
Guru
Tujuan
Melakukan manipulasi terhadap data materi
Deskripsi
Sistem melakukan manipulasi data materi berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi terhadap data materi
78
Scenario Aktor
Sistem 1. Sistem menampilkan informasi materi kepada aktor Guru.
2. Aktor Guru memberikan respon kepada sistem berupa pilihan manipulasi data sesuai dengan yang diinginkan 3. Sistem menanggapi respon dari Aktor Guru, dan melakukan perintah selanjutnya sesuai dari respon tersebut. use case login, use case menambah materi, use case
Includes
merubah materi dan use case menghapus materi Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
3.6.1.38.
Guru akan menggunakan aplikasi ini setiap minggunya
Deskripsi use case Menambah Materi
Tabel 40 Deskripsi use case Menambah Materi Use Case ID
14-1
Nama use case
Menambah Materi
Aktor
Guru
Tujuan
Melakukan manipulasi tambah terhadap data materi
79
Deskripsi
Sistem melakukan manipulasi tambah data materi berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi tambah terhadap data materi
Scenario Aktor
Sistem
1. Aktor Guru memilih manipulasi tambah materi 2. Sistem memberikan form kosong untuk memasukan data materi 3. Aktor Guru memasukan data materi 4. Sistem merekam data yang telah dimasukan Includes
Use case login
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
3.6.1.39.
Guru akan menggunakan aplikasi ini setiap minggunya
Deskripsi use case Merubah Materi
Tabel 41 Deskripsi use case Merubah Materi Use Case ID
14-2
80
Nama use case
Merubah Materi
Aktor
Guru
Tujuan
Melakukan manipulasi ubah terhadap data materi
Deskripsi
Sistem melakukan manipulasi ubah data materi berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi ubah terhadap data materi
Scenario Aktor
Sistem
1. Aktor Guru memilih manipulasi ubah materi 2. Sistem memberikan form ubah untuk merubah data materi 3. Aktor Guru merubah data materi 4. Sistem merekam data yang telah dimasukan Includes
Use case login
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
3.6.1.40.
Guru akan menggunakan aplikasi ini setiap minggunya
Deskripsi use case Menghapus Materi
81
Tabel 42 Deskripsi use case Menghapus Materi Use Case ID
14-3
Nama use case
Menghapus Materi
Aktor
Guru
Tujuan
Melakukan manipulasi hapus terhadap data materi
Deskripsi
Sistem melakukan manipulasi hapus data materi berdasarkan perintah dari aktor Guru
Preconditions
Guru melakukan login
Postconditions
1. Guru masuk ke aplikasi 2. Guru dapat melakukan manipulasi hapus terhadap data materi
Scenario Aktor
Sistem
1. Aktor Guru memilih manipulasi hapus data materi 2. Sistem melakukan perintah hapus data materi sesuai dengan perintah dari aktor Guru Includes
Use case login
Prioritas
High
Prekuensi
1 kali oleh Guru Bahasa Indonesia
penggunaan Aturan
yang Guru yang sudah terdaftar dalam database
harus dipenuhi Kebutuhan
-
khusus Asumsi
Guru akan menggunakan aplikasi ini setiap minggunya
82
3.6.2. Sekuensial diagram Untuk menggambarkan perilaku sistem, digunakan sequence diagram. Diagram dibawah menunjukkan aliran pesan antar objek yang membentuk suatu proses yang digambarkan dalam sebuah use case 3.6.2.1. Diagram Sekuensial untuk Use Case Login Pada Use Case Input Login, sistem dimulai dengan Guru menginputkan username dan password lalu sistem memvalidasi data dengan yang ada di database lalu menampilkan konfirmasi ke aktor
Gambar 3. Sekuensial Diagram Use Case Login 3.6.2.2. Diagram Sekuensial untuk Use Case Mengelola Galeri
Gambar 4. Sekuensial Diagram Use Case Mengelola Galeri
83
3.6.2.3. Diagram Sekuensial untuk Use Case Menambah Galeri
Gambar 5. Sekuensial Diagram Use Case Tambah Galeri 3.6.2.4. Diagram Sekuensial untuk Use Case Merubah Galeri
Gambar 6. Sekuensial Diagram Use Case Ubah Galeri 3.6.2.5. Diagram Sekuensial untuk Use Case Menghapus Galeri
Gambar 7. Sekuensial Diagram Use Case Hapus Galeri
84
3.6.2.6. Diagram Sekuensial untuk Use Case Mengelola Soal
Gambar 8. Sekuensial Diagram Use Case Mengelola Galeri 3.6.2.7. Diagram Sekuensial untuk Use Case Menambah soal
Gambar 9. Sekuensial Diagram Use Case Tambah Galeri 3.6.2.8. Diagram Sekuensial untuk Use Case Merubah Soal
Gambar 10. Sekuensial Diagram Use Case Ubah Galeri
85
3.6.2.9. Diagram Sekuensial untuk Use Case Menghapus Soal
Gambar 11. Sekuensial Diagram Use Case Hapus Soal 3.6.2.10.
Diagram Sekuensial untuk Use Case Mengelola Link
sistem : Guru
1. Open data link
tb_link
2. Read data 3. Get Data
4. input jenis manipulasi 5. konfirmasi
Gambar 12. Sekuensial Diagram Use Case Mengelola Link 3.6.2.11.
Diagram Sekuensial untuk Use Case Menambah Link
Sistem : Guru
tb_link
1. Manipulasi tambah link 2. form input
3. Input data link 4. Simpan DB
Gambar 13. Sekuensial Diagram Use Case Menambah Link
86
3.6.2.12.
Diagram Sekuensial untuk Use Case Mengubah Link
Sistem : Guru
tb_link
1. Manipulasi ubah link 2. form ubah
3. Ubah link 4. Si mpan DB
Gambar 14. Sekuensial Diagram Use Case Mengubah Link 3.6.2.13.
Diagram Sekuensial untuk Use Case Menghapus Link
Sistem : Guru
tb_link
1. manipulasi hapus link 2. Hapus Data
Gambar 15. Sekuensial Diagram Use Case Menghapus Link 3.6.2.14.
Diagram Sekuensial untuk Use Case Mengelola Bukutamu
Sistem
tb_bukutamu
: Guru
1. Open data bukutamu 2. Read data 3. Get data 4. Input jenis manipulasi 5. konfirmasi
Gambar 16. Sekuensial Diagram Use Case Mengelola Bukutamu
87
3.6.2.15.
Diagram Sekuensial untuk Use Case Menambah Bukutamu
Sistem : Umum
tb_bukutamu
1. manipulasi tambah bukutamu 2. form input
3. input data bukutamu 4. simpan DB
Gambar 17. Sekuensial Diagram Use Case Mengubah Bukutamu 3.6.2.16.
Diagram Sekuensial untuk Use Case Mem-Publish Bukutamu
Sistem
tb_bukutamu
: Guru 1. input manipulasi publish bukutamu 2. pi lihan publish
3. input status publish 4. Simpan DB
Gambar 18. Sekuensial Diagram Use Case Mem-Publish Bukutamu 3.6.2.17.
Diagram Sekuensial untuk Use Case Menghapus Bukutamu
Sistem
tb_bukutamu
: Guru
1. manipulasi hapus bukutamu 2. Hapus Data
Gambar 19. Sekuensial Diagram Use Case Menghapus Bukutamu
88
3.6.2.18.
Diagram Sekuensial untuk Use Case Mengelola Polling
Sistem : Guru
tb_polling
1. Open data polling 2. Read data 3. Get data 4. Input jenis manipulasi 5. konfirmasi
Gambar 20. Sekuensial Diagram Use Case Mengelola Polling 3.6.2.19.
Diagram Sekuensial untuk Use Case Menabah Polling
Sistem : Umum
tb_polling
1. manipulasi tambah polling 2. form input 3. input data polling 4. sim pan DB
Gambar 21. Sekuensial Diagram Use Case Menambah Polling 3.6.2.20.
Diagram Sekuensial untuk Use Case Merubah Polling
Sistem : Guru
tb_polling
1. Manipulasi ubah polling 2. form ubah 3. Ubah polling 4. Simpan DB
Gambar 22. Sekuensial Diagram Use Case Merubah Polling
89
3.6.2.21.
Diagram Sekuensial untuk Use Case Me-reset Polling
Sistem : Guru
tb_polling
1. manipulasi reset polling 2. Reset polling
Gambar 23. Sekuensial Diagram Use Case Me-Reset Polling 3.6.2.22.
Diagram Sekuensial untuk Use Case Merubah Silabus
Sistem : Guru
tb_silabus
1. Manipulasi ubah silabus 2. form ubah 3. Ubah silabus 4. Simpan DB
Gambar 24. Sekuensial Diagram Use Case Merubah Silabus 3.6.2.23.
Diagram Sekuensial untuk Use Case Mengelola Kamus BI
Sistem
tb_kamus
: Guru
1. Open data kam us 2. Read data 3. Get data 4. Input jenis manipulasi 5. konfirmasi
Gambar 25. Sekuensial Diagram Use Case Mengelola Kamus BI
90
3.6.2.24.
Diagram Sekuensial untuk Use Case Mengubah Kamus BI
Sistem : Guru
tb_kamus
1. Manipulasi ubah kamus 2. form ubah 3. Ubah link 4. Si mpan DB
Gambar 26. Sekuensial Diagram Use Case Mengubah Kamus BI 3.6.2.25.
Diagram Sekuensial untuk Use Case Mencari Kamus BI
Sistem
: Guru, Siswa dan Umum 1. cari
tb_kamus
kata kamus
2. Read data 3. Get Data
4. tampilkan kata
Gambar 27. Sekuensial Diagram Use Case Mencari Kamus BI 3.6.2.26.
Diagram Sekuensial untuk Use Case Hapus Kamus BI
Sistem
tb_kamus
: Guru
1. manipulasi hapus kamus 2. Hapus Data
Gambar 28. Sekuensial Diagram Use Case Hapus Kamus BI
91
3.6.2.27.
Diagram Sekuensial untuk Use Case Mem-Publish kamus BI
Sistem
tb_kamus
: Guru
1. input manipulasi publish kamus 2. pilihan publish
3. input status publish 4. Si mpan DB
Gambar 29. Sekuensial Diagram Use Case Men-Publish Kamus BI 3.6.2.28.
Diagram Sekuensial untuk Use Case Menambah Kamus BI
Sistem
tb_kamus
: Siswa
1. manipulasi tam bah kamus 2. form input 3. input data kamus 4. sim pan DB
Gambar 30. Sekuensial Diagram Use Case Menambah Kamus BI 3.6.2.29.
Diagram Sekuensial untuk Use Case Mengerjakan Soal
Sistem
tb_soal
: Siswa
1. mengerjakan soal 2. form input
3. input data jawaban soal 4. validasi jawaban
5. read data 6. tampilkan informasi 7. Simpan DB
Gambar 31. Sekuensial Diagram Use Case Mengerjakan Soal
92
3.6.2.30.
Diagram Sekuensial untuk Use Case Menambah Chat
Sistem
: Guru dan Si swa
tb_c-chat
1. tambah chat 2. input chat 3. Si mpan DB
Gambar 32. Sekuensial Diagram Use Case Menambah Chat 3.6.2.31.
Diagram Sekuensial untuk Use Case Menambah Shout
Sistem
tb_shout
: Guru dan Siswa
1. tambah shout 2. input shout 3. Si mpan DB
Gambar 33. Sekuensial Diagram Use Case Menambah Shout 3.6.2.32.
Diagram Sekuensial untuk Use Case Men-Download file
Sistem
database
: Guru dan Siswa
1. download file 2. pilihan downl oad
3. input pilihan download 4. Read Data 5. Get Data 6. file download
Gambar 34. Sekuensial Diagram Use Case Men-Download File
93
3.6.2.33.
Diagram Sekuensial untuk Use Case Mengelola Siswa
Sistem
tb_user
: Guru
1. Open data siswa 2. Read data 3. Get data 4. Input jenis manipulasi 5. konfirmasi
Gambar 35. Sekuensial Diagram Use Case Mengelola Siswa 3.6.2.34.
Diagram Sekuensial untuk Use Case Menambah Siswa
Sistem
tb_user
: Guru
1. manipulasi tambah siswa 2. form input
3. input data siswa 4. simpan DB
Gambar 36. Sekuensial Diagram Use Case Menambah Siswa 3.6.2.35.
Diagram Sekuensial untuk Use Case Mencari Siswa
Sistem
tb_user
: Siswa
1. cari kata siswa
2. Read data 3. Get Data
4. tampilkan siswa
Gambar 37. Sekuensial Diagram Use Case Mencari Siswa
94
3.6.2.36.
Diagram Sekuensial untuk Use Case Merubah Siswa
Sistem : Guru
tb_user
1. Manipulasi ubah siswa 2. form ubah 3. Ubah siswa 4. Si mpan DB
Gambar 38. Sekuensial Diagram Use Case Merubah Siswa 3.6.2.37.
Diagram Sekuensial untuk Use Case Mengelola Materi
Sistem
tb_materi
: Guru
1. Open data materi 2. Read data 3. Get data 4. Input jenis manipulasi 5. konfirmasi
Gambar 39. Sekuensial Diagram Use Case Mengelola Materi 3.6.2.38.
Diagram Sekuensial untuk Use Case Menambah Materi
Sistem
tb_materi
: Guru
1. manipulasi tambah materi 2. form input
3. input data materi 4. simpan DB
Gambar 40. Sekuensial Diagram Use Case Menambah Materi
95
3.6.2.39.
Diagram Sekuensial untuk Use Case Merubah Materi
Sistem : Guru
tb_materi
1. Manipulasi ubah materi 2. form ubah
3. Ubah materi 4. Si mpan DB
Gambar 41. Sekuensial Diagram Use Case Merubah Materi 3.6.2.40.
Diagram Sekuensial untuk Use Case Menghapus Materi
Sistem
tb_materi
: Guru
1. manipulasi hapus materi 2. Hapus Data
Gambar 42. Sekuensial Diagram Use Case Menghapus Materi 3.6.3.
Activity Diagram Diagram aktivitas (Activity Diagram) memodelkan alur kerja (workflow)
sebuah proses bisnis dan urutan aktivitas dalam suatu proses. Berikut gambar diagram aktivitas untuk aktor Guru.
96
Guru
Mengelola Galeri
Mengelola Soal
Mengelola Galeri
Start
Menambah Galeri
Merubah Galeri
Menghapus Galeri
Stop
Mengelola Soal
Menambah Soal
Merubah Soal
Menghapus Soal
Stop
Gambar 43. Diagram aktivitas aktor Guru part1
Guru Start
Mengelola Link
Mengelola Bukutamu
Mengelola Polling
Mengelola link
Menambah link
Merubah link
Menghapus link
Stop
Mengelola Bukutamu
Mem-Publish Bukutamu
Menghapus Bukutamu
Stop
Mengelola Polling
Merubah Polling
Me-Reset Polling
NewState
Gambar 44. Diagram aktivitas aktor Guru part2
97
Guru Start
Merubah Silabus
Mengelola Kamus BI
Mengerj akan Soal
merubah silabus
Stop
Mengelola Kamus BI
Mencari Kamus BI
Merubah Kamus BI
Menghapus Kamus BI
Mempublish Kamus BI
Stop
Mengerjakan Soal
Stop
Gambar 45. Diagram aktivitas aktor Guru part3
Guru Start
Menambah Chat
Menambah Shout
Dow nload File
Mengelola Sisw a
Menambah Chat
Stop
Menam Shout
Stop
Download FIle
Stop
Mengelola Siswa
Menambah Siswa
Merubah Siswa
Stop
Gambar 46. Diagram aktivitas aktor Guru part4
98
Guru
Mengelola Materi
Mengelola Materi
Start
Menambah Materi
Merubah Materi
Menghapus Materi
Stop
Gambar 47. Diagram aktivitas aktor Guru part5 Berikut gambar diagram aktivitas untuk aktor Siswa.
Sisw a Start
Mengelola Kamus BI
Mengerj akan Soal
Menambah Chat
Menambah Shout
Dow nload File
Mengelola Sisw a
Mengelola Kamus BI
Pencarian Kata Kamus BI
Menambah Kamus BI
Stop
Mengerjakan Soal
Stop
Menambah Chat Stop
Menam Shout
Stop
Download FIle
Stop
Mencari Siswa
Stop
Gambar 48. Diagram aktivitas aktor Siswa
99
Berikut gambar diagram aktivitas untuk aktor Umum.
Umum Start
Menambah Bukutamu
Menambah Polling
Mencari Kamus BI
Menambah Bukutamu
Stop
Menambah Polling
Stop
Mencari Kamus BI
Stop
Gambar 49. Diagram aktivitas aktor Umum 3.6.4.
Perancangan Basis Data
Karena pembuatan aplikasi AIOP-BASINDO ini merupakan pembuatan aplikasi yang dinamis, sehingga dibutuhkan sebuah media untuk penyimpan data yang efisien, yang dapat dimanipulasi setiap saat. Untuk itu dibutuhkan sebuah basis data. Dalam setiap perancangan basis data diperlukan normalisasi agar data yang disimpan tidak mengalami pengulangan. Dalam pembuatan aplikasi AIOP-BASINDO ini digunakan basis data MySQL, dengan nama basis data “AIOP-BASINDO”. Basis data tersebut terdiri dari 12 tabel. Informasi keterhubungan antar tabel basis data aplikasi AIOPBASINDO dapat dilihat pada Gambar 50 berikut ini:
100
ERD AIOP-BASINDO
tb_bukutamu PK
tb_link
id_bukutamu
PK
tanggal nama email msg
id_kamus
FK1
nomor_pokok kata arti status
pil1 pil2 pil3 pertanyaan pilihan1 pilihan2 pilihan3
PK
id_silabus
FK1
nomor_pokok silabus kelas file
tb_jenis_soal PK
tb_sbox PK
id_sbox
FK1
nomor_pokok pesan waktu
id_janis_soal
tb_nilai
nomor_pokok nama username password alamat kota kelamin tgl_lahir tempat_lahir kode_akun foto foto kelas status
id_galeri nama path
tb_user
tb_silabus PK
tb_galeri PK
link url
tb_kamus PK
tb_poll
id_link
PK
id_nilai
FK1 FK2 FK3
nomor_pokok id_materi id_janis_soal jawaban_siswa nilai
keterangan
tb_materi
tb_soal PK
id_soal
FK2 FK1 FK3
id_materi nomor_pokok id_janis_soal soal jawaban_default pil1 pil2 pil3 pil4 pil5 file var1 var2
PK
id_materi
FK1 FK2
nomor_pokok id_janis_soal kelas semester judul isi_materi keterangan file ket_soal status_soal
Gambar 50 entity relational diagram AIOP-BASINDO
Untuk deskripsi dari setiap tabel dapat dilihat pada tabel berikut ini: Identifikasi/nama
: tb_bukutamu
Fungsi
: Menyimpan data buku tamu.
Primary Key
: id_bukutamu
Foreign Key
:-
101
Tabel 43 keterangan table tb_bukutamu Kunci Nama Field
Tipe
Length Null/Not
data PK
Keterangan
Null
id_bukutamu
Integer
5
Not null
Primary key
Tanggal
Date
-
Not null
-
Nama
Varchar
100
Not null
-
Email
Varchar
100
Not null
-
Msg
Varchar
140
Not Null
-
Analisa pemilihan tipe data 1. id_bukutamu memakai tipe data integer dengan panjang 5 character, karena field ini digunakan untuk menyimpan id bukutamu dengan auto increment yang dibatasi dengan panjang maksimal 5 character agar tidak terlalu banyak memakan space ukuran database 2. tanggal memakai tipe data date karena untuk meyimpan tanggal yang dapat disesuiakan dengan format date pada database 3. nama memakai tipe data varchar dengan lebar 100 character, karena field ini digunakan untuk meyimpan character nama dengan panjang maksimal 100 character 4. email memakai tipe data varchar dengan lebar 100 character, karena field ini digunakan untuk meyimpan character email dengan panjang 100 character 5. msg memakai tipe data varchar dengan lebar 140, karena field ini digunakan untuk meyimpan character pesan yang dibatasi dengan panjang 140 character
102
Identifikasi/nama
: tb_galeri
Fungsi
: Menyimpan data galeri.
Primary Key
: id_galeri
Foreign Key
:-
Tabel 44 keterangan table tb_galeri Kunci Nama Field
Tipe
Length Null/Not
data PK
Keterangan
Null
id_galeri
Integer
5
Not null
Primary key
Nama
Varchar
25
Not null
-
Path
Varchar
30
Not null
-
Analisa pemilihan tipe data 1. id_galeri memakai tipe data integer dengan panjang 5, karena field ini digunakan untuk menyimpan id galeri dengan auto increment yang dibatasi dengan panjang 5 agar tidak terlalu banyak memakan space ukuran database 2. nama memakai tipe data varchar dengan lebar 25, karena field ini digunakan untuk meyimpan character nama dengan panjang 25 character 3. path memakai tipe data varchar dengan lebar 30, karena field ini digunakan untuk meyimpan character path yang dibatasi dengan panjang 30 character
Identifikasi/nama
: tb_jenis_soal
Fungsi
: Menyimpan data jenis soal.
Primary Key
: id_jenis_soal
Foreign Key
:-
103
Tabel 45 keterangan table tb_jenis_soal Kunci Nama Field
Tipe
Length Null/Not
data PK
Keterangan
Null
id_jenis_soal
Integer
1
Not null
Primary key
Keterangan
Varchar
100
Not null
-
Analisa pemilihan tipe data 1. id_jenis_soal memakai tipe data integer dengan panjang 1, karena field ini digunakan untuk menyimpan id jenis soal dengan auto increment yang dibatasi dengan panjang 1 agar tidak terlalu banyak memakan space ukuran database 2. keterangan memakai tipe data varchar dengan lebar 100 karena field ini digunakan untuk meyimpan character keterangan dengan panjang 25 character
Identifikasi/nama
: tb_kamus
Fungsi
: Menyimpan data kamus.
Primary Key
: id_kamus
Foreign Key
: nomor_pokok
104
Tabel 46 keterangan table tb_kamus Kunci Nama Field
Tipe
Length Null/Not
data
Keterangan
Null
PK
id_kamus
Integer
10
Not null
Primary key
FK
nomor_pokok
Varchar
10
Not null
Foreign Key
Kata
Text
-
Not null
-
Arti
Text
-
Not null
-
Status
Integer
1
Not null
-
Analisa pemilihan tipe data 1. id_kamus memakai tipe data integer dengan panjang 10, karena field ini digunakan untuk menyimpan id kamus dengan auto increment yang dibatasi dengan panjang 10 agar tidak terlalu banyak memakan space ukuran database 2. nomor_pokok memakai tipe data varchar dengan lebar 10, karena field ini digunakan untuk meyimpan character nomor pokok dengan panjang 10 character 3. kata memakai tipe data text karena field ini akan meyimpan sejumlah kata yang cukup panjang 4. arti memakai tipe data text karena field ini akan meyimpan sejumlah kata yang cukup panjang 5. status memakai tipe data integer dengan panjang 1, karena field ini digunakan untuk menyimpan character yang berupa angka dengan panjang 1 character
105
Identifikasi/nama
: tb_link
Fungsi
: Menyimpan data dari link.
Primary Key
: id_link
Foreign Key
:-
Tabel 47 keterangan table tb_link Kunci Nama Field
Tipe
Length Null/Not
data PK
Keterangan
Null
id_link
Integer
5
Not null
Primary key
Link
Varchar
100
Not null
-
URL
Varchar
100
Not null
-
Analisa pemilihan tipe data 1. id_link memakai tipe data integer dengan panjang 2, karena field ini digunakan untuk menyimpan id link dengan auto increment yang dibatasi dengan panjang 5 agar tidak terlalu banyak memakan space ukuran database 2. link memakai tipe data varchar dengan lebar 100, karena field ini digunakan untuk meyimpan character link dengan panjang 10 character 3. URL memakai tipe data varchar dengan panjang 100 karena field ini digunakan untuk meyimpan character URL dengan panjang 10 character
Identifikasi/nama
: tb_materi
Fungsi
: Menyimpan data materi.
Primary Key
: id_materi
Foreign Key
: nomor pokok, id_jenis_soal
106
Tabel 48 keterangan table tb_materi Kunci Nama Field
Tipe
Length Null/Not
data
Keterangan
Null
PK
id_materi
Integer
4
Not null
Primary key
FK
nomor_pokok
Varchar
10
Not null
Foreign Key
FK
id_jenis_soal
Integer
1
Not null
Foreign Key
Kelas
Varchar
3
Not null
-
Semester
Integer
1
Not null
-
Judul
Varchar
200
Not null
-
isi_materi
Text
-
Not null
-
Keterangan
Text
-
Not null
-
File
Varchar
200
Not null
-
ket_soal
Integer
1
Not null
-
Status_soal
Integer
1
Not null
-
Analisa pemilihan tipe data 1. id_materi memakai tipe data integer dengan panjang 4, karena field ini digunakan untuk menyimpan id materi dengan auto increment yang dibatasi dengan panjang 4 agar tidak terlalu banyak memakan space ukuran database 2. nomor_pokok memakai tipe data varchar dengan lebar 10, karena field ini digunakan untuk meyimpan character nomor pokok dengan panjang 10 character 3. id_jenis_soal memakai tipe data integer dengan panjang 1, karena field ini digunakan untuk menyimpan id jenis soal dengan auto increment yang dibatasi dengan panjang 1 agar tidak terlalu banyak memakan space ukuran database
107
4. kelas memakai tipe data varchar dengan lebar 3, karena field ini digunakan untuk meyimpan character kelas dengan panjang 3 character 5. semester memakai tipe data integer dengan lebar 1, karena field ini digunakan untuk menyimpan character semester berupa angka dengan panjang 1 character 6. judul memakai tipe data varchar dengan lebar 200, karena field ini digunakan untuk meyimpan character judul dengan panjang 200 character 7. isi_materi memakai tipe data text karena field ini akan meyimpan sejumlah kata yang cukup panjang 8. keterangan memakai tipe data text karena field ini akan meyimpan sejumlah kata yang cukup panjang 9. file memakai tipe data varchar dengan panjang 200 karena field ini digunakan untuk menyimpan character file dengan panjang 200 character 10. ket_soal memakai tipe data integer dengan pangjang 1 character, karena field ini digunakan untuk menyimpan character ket_soal berupa angka dengan jangan 1 character 11. status_soal memakai tipe data integer dengan pangjang 1 character, karena field ini digunakan untuk menyimpan character status_soal berupa angka dengan jangan 1 character
Identifikasi/nama
: tb_nilai
Fungsi
: Menyimpan data nilai.
Primary Key
: id_nilai
Foreign Key
: nomor_pokok, id_materi dan id_jenis_soal
108
Tabel 49 keterangan table tb_nilai Kunci Nama Field
Tipe
Length Null/Not
data
Keterangan
Null
PK
id_nilai
Integer
10
Not null
Primary key
FK
nomor_pokok
Varchar
10
Not null
-
FK
id_materi
Integer
4
Not null
-
FK
id_jenis_soal
Integer
1
Not null
-
Nilai
Integer
3
Not null
-
Status_soal
Integer
1
Not null
-
var1
Interger
1
Not null
-
Analisa pemilihan tipe data 1. id_nilai memakai tipe data integer dengan panjang 10, karena field ini digunakan untuk menyimpan id nilai dengan auto increment yang dibatasi dengan panjang 10 agar tidak terlalu banyak memakan space ukuran database 2. nomor_pokok memakai tipe data varchar dengan lebar 10, karena field ini digunakan untuk meyimpan character nomor pokok dengan panjang 10 character 3. id_materi memakai tipe data integer dengan panjang 4, karena field ini digunakan untuk menyimpan id materi dengan auto increment yang dibatasi dengan panjang 5 agar tidak terlalu banyak memakan space ukuran database 4. id_jenis_soal memakai tipe data integer dengan panjang 1, karena field ini digunakan untuk menyimpan id jenis soal dengan auto increment yang dibatasi dengan panjang 1 agar tidak terlalu banyak memakan space ukuran database
109
5. nilai memakai tipe data integer dengan panjang 3, karena field ini digunakan untuk menyimpan nilai berupa angka dengan panjang 3 character 6. status_soal memakai tipe data integer dengan pangjang 1 character, karena field ini digunakan untuk menyimpan character status_soal berupa angka dengan jangan 1 character 7. var1 memakai tipe data integer dengan panjang 1 character, karena field ini digunakan untuk menyimpan character var1 berupa angka dengan panjang 1 character
Identifikasi/nama
: tb_poll
Fungsi
: Menyimpan data polling.
Primary Key
:-
Foreign Key
:-
Tabel 50 keterangan table tb_poll Kunci Nama Field
Tipe
Length Null/Not
data
Keterangan
Null
pil1
Integer
100
Not null
-
pil2
Integer
100
Not null
-
pil3
Integer
100
Not null
-
Pertanyaan
Varchar
200
Not null
-
pilihan1
Varchar
200
Not null
-
pilihan2
Varchar
200
Not null
-
pilihan3
Varchar
200
Not null
-
Analisa pemilihan tipe data
110
1. pil1 memakai tipe data integer dengan panjang 100, karena field ini digunakan untuk menyimpan pil1 berupa angka dengan panjang 100 character 2. pil2 memakai tipe data integer dengan panjang 100, karena field ini digunakan untuk menyimpan pil2 berupa angka dengan panjang 100 character 3. pil3 memakai tipe data integer dengan panjang 100, karena field ini digunakan untuk menyimpan pil3 berupa angka dengan panjang 100 character 4. pertanyaan memakai tipe data varchar dengan panjang 200, karena field ini digunakan untuk menyimpan pertanyaan yang dibatasi dengan panjang 200 agar tidak terlalu banyak memakan space ukuran database 5. pilihan1 memakai tipe data varchar dengan panjang 200, karena field ini digunakan untuk menyimpan pilihan1 yang dibatasi dengan panjang 200 agar tidak terlalu banyak memakan space ukuran database 6. pilihan2 memakai tipe data varchar dengan panjang 200, karena field ini digunakan untuk menyimpan pilihan2 yang dibatasi dengan panjang 200 agar tidak terlalu banyak memakan space ukuran database 7. pilihan3 memakai tipe data varchar dengan panjang 200, karena field ini digunakan untuk menyimpan pilihan3 yang dibatasi dengan panjang 200 agar tidak terlalu banyak memakan space ukuran database
Identifikasi/nama
: tb_sbox
Fungsi
: Menyimpan data Shoutbox.
111
Primary Key
: id_rincian
Foreign Key
: id_sbox
Tabel 51 keterangan table tb_sbox Kunci Nama Field
Tipe
Length Null/Not
data
Keterangan
Null
PK
id_sbox
Integer
10
Not null
Primary Key
FK
nomor_pokok
Varchar
10
Not null
Foreign Key
Pesan
Varchar
140
Not null
-
Waktu
Time
-
Not null
-
Analisa pemilihan tipe data 1. id_sbox memakai tipe data integer dengan panjang 10, karena field ini digunakan untuk menyimpan id sbox dengan auto increment yang dibatasi dengan panjang 10 agar tidak terlalu banyak memakan space ukuran database 2. nomor_pokok memakai tipe data varchar dengan lebar 10, karena field ini digunakan untuk meyimpan character nomor pokok dengan panjang 10 character 3. pesan memakai tipe data varchar dengan lebar 140, karena field ini digunakan untuk meyimpan character pesan yang dibatasi dengan panjang 140 character 4. waktu menggunakan tipe data varchar dengan penjang 30, karena field ini digunakan untuk meyimpan waktu bertipe time
Identifikasi/nama
: tb_silabus
Fungsi
: Menyimpan silabus.
Primary Key
: id_silabus
112
Foreign Key
:-
Tabel 52 keterangan table tb_silabus Kunci Nama Field
Tipe
Length Null/Not
data
Keterangan
Null
PK
id_silabus
Integer
4
Not null
Primary Key
FK
nomor_pokok
Varchar
10
Not null
Foreign Key
Silabus
Longtext -
Not null
-
Kelas
Varchar
3
Not null
-
File
Varchar
100
Not null
-
Analisa pemilihan tipe data 1. id_silabus memakai tipe data integer dengan panjang 4, karena field ini digunakan untuk menyimpan id silabus dengan auto increment yang dibatasi dengan panjang 10 agar tidak terlalu banyak memakan space ukuran database 2. nomor_pokok memakai tipe data varchar dengan lebar 10, karena field ini digunakan untuk meyimpan character nomor pokok dengan panjang 10 character 3. silabus memakai tipe data longtext karena field ini digunakan untuk menyimpan character silabus yang panjang 4. kelas memakai tipe data varchar dengan lebar 3, karena field ini digunakan untuk meyimpan character kelas dengan panjang 3 character 5. file memakai tipe data varchar 100, karena field ini digunakan untuk menyimpan character file dengan panjang 100 character
Identifikasi/nama
: tb_soal
Fungsi
: Menyimpan data soal.
113
Primary Key
: id_soal
Foreign Key
: id_materi, nomor_pokok, id_jenis_soal
Tabel 53 keterangan table tb_soal Kunci Nama Field
Tipe
Length Null/Not
data
Keterangan
Null
PK
id_soal
Integer
4
Not null
Primary Key
FK
id_materi
Integer
4
Not null
Foreign Key
FK
nomor_pokok
Varchar 10
Not null
Foreign Key
FK
id_jenis_soal
Integer
1
Not null
Foreign Key
Soal
Longtext -
Not null
-
Jawaban_default
Longtext -
Not null
-
Pil1
Longtext -
Not null
-
Pil2
Longtext -
Not null
-
Pil3
Longtext -
Not null
-
Pil4
Longtext -
Not null
-
Pil5
Longtext -
Not null
-
Jawaban_siswa
Longtext -
Not null
-
File
Varchar 100
Not null
-
Var1
Integer
3
Not null
-
Var2
Integer
3
Not null
-
Analisa pemilihan tipe data 1. id_soal memakai tipe data integer dengan panjang 4, karena field ini digunakan untuk menyimpan id soal dengan auto increment yang dibatasi dengan panjang 4 agar tidak terlalu banyak memakan space ukuran database 2. id_materi memakai tipe data integer dengan panjang 4, karena field ini digunakan untuk menyimpan id materi dengan auto increment yang
114
dibatasi dengan panjang 4 agar tidak terlalu banyak memakan space ukuran database 3. nomor_pokok memakai tipe data varchar dengan lebar 10, karena field ini digunakan untuk meyimpan character nomor pokok dengan panjang 10 character 4. id_jenis_soal memakai tipe data integer dengan panjang 1, karena field ini digunakan untuk menyimpan id jenis soal dengan auto increment yang dibatasi dengan panjang 1 agar tidak terlalu banyak memakan space ukuran database 5. soal memakai tipe data longtext, karena field ini akan meyimpan sejumlah kata yang cukup panjang 6. pil1 memakai tipe data longtext, karena field ini akan meyimpan sejumlah kata yang cukup panjang 7. pil2 memakai tipe data longtext, karena field ini akan meyimpan sejumlah kata yang cukup panjang 8. pil3 memakai tipe data longtext, karena field ini akan meyimpan sejumlah kata yang cukup panjang 9. pil4 memakai tipe data longtext, karena field ini akan meyimpan sejumlah kata yang cukup panjang 10. pil5 memakai tipe data longtext, karena field ini akan meyimpan sejumlah kata yang cukup panjang 11. jawaban_siswa memakai tipe data longtext, karena field ini akan meyimpan sejumlah kata yang cukup panjang
115
12. file memakai tipe data varchar dengan panjang 100 karena field ini digunakan untuk menyimpan character file dengan panjang 100 character 13. var1 memakai tipe data integer dengan panjang 3 character, karena field ini digunakan untuk menyimpan character var1 berupa angka dengan panjang 3 character 14. var2 memakai tipe data integer dengan panjang 3 character, karena field ini digunakan untuk menyimpan character var2 berupa angka dengan panjang 3 character
Identifikasi/nama
: tb_user
Fungsi
: Menyimpan data user.
Primary Key
: nomor_pokok
Foreign Key
:-
116
Tabel 54 keterangan table tb_user Kunci Nama Field
Tipe
Length Null/Not
data PK
Keterangan
Null
nomor_pokok
Varchar
10
Not null
Primary Key
Nama
Varchar
200
Not null
-
Username
Varchar
200
Not null
-
Password
Varchar
50
Not null
-
Alamat
Varchar
200
Not null
-
Kota
Varchar
100
Not null
-
Kelamin
Varchar
1
Not null
-
Tgl_lahir
Date
-
Not null
-
Tmp_lahir
Varchar
100
Not null
-
Kode_akun
Integer
2
Not null
-
Foto
Varchar
200
Not null
-
Kelas
Varchar
10
Not null
-
no_hp
Varchar
13
Not null
-
Status
Varchar
1
Not null
-
Analisa pemilihan tipe data 1. nomor_pokok memakai tipe data varchar dengan lebar 10, karena field ini digunakan untuk meyimpan character nomor pokok dengan panjang 10 character 2. nama memakai tipe data varchar dengan lebar 200 character, karena field ini digunakan untuk menyimpan nama berupa huruf dengan panjang maksimal 200 character 3. username memakai tipe data varchar dengan lebar 200 character, karena file ini digunakan untuk menyimpan username berupa huruf atau angka dengan panjang maksimal 200 character
117
4. password memakai tipe data varchar dengan lebar 50 character, karena field ini digunakan untuk menyimpan password berupa huruf atau angka dengan panjang maksimal 50 character 5. Alamat memakai tipe data varchar dengan panjang 200, karena field ini digunakan untuk menyimpan alamat berupa huruf atau angka dengan panjang maksimal 200 6. kota memakai tipe data varchar dengan panjang 100, karena field ini digunakan untuk menyimpan kota berupa huruf atau angka dengan panjang maksimal 100 7. kelamin memakai tipe data varchar dengan panjang 1, karena field ini digunakan untuk menyimpan kelamin berupa huruf dengan panjang 1 character 8. tgl_lahir memakai tipe data date, karena field ini digunakan untuk menyimpan data tanggal lahir berupa date 9. tmp_lahir memakai tipe data varchar dengan panjang 100, karena field ini digunakan untuk menyimpan data tempat lahir berupa huruf atau angka dengan panjang maksimal 100 10. kode_akun memakai tipe data integer dengan panjang 2 character, karena field ini digunakan untuk meyimpan kode akun berupa angka dengan jumlah maksimum 2 character 11. foto memakai tipe data varchar dengan panjang 200, karena field ini digunakan untuk menyimpan nama foto berupa huruf atau angka dengan panjang maksimal 200
118
12. kelas memakai tipe data varchar dengan lebar 3, karena field ini digunakan untuk meyimpan character kelas dengan panjang 3 character 13. no_hp memakai tipe data varchar dengan panjang 13, karena field ini digunakan untuk menyimpan no_hp berupa angka dan simbol dengan panjang 13 character 14. status memakai tipe data varchar dengan panjang 1, karena field ini digunakan untuk menyimpan status berupa huruf dengan panjang 1 character
3.6.5. Perancangan Struktur Program Tahap perancangan proses ini akan ditunjukan dengan menggunakan alur aplikasi AIOP-BASINDO. Di mana struktur menu dikendalikan pada halaman utama sebagai acuan awal untuk setiap menu yang ada dalam aplikasi AIOPBASINDO. Seluruh isi aplikasi AIOP-BASINDO bersifat dinamis, setiap menu yang tingkatnya setara dapat berpindah secara langsung ke menu yang lain tanpa harus melewati menu sebelumnya, seperti yang ditunjukkan pada Gambar 5 struktur menu pengguna umum, Gambar 6 struktur menu untuk pengguna Guru dan Gambar 7 struktur menu untuk pengguna siswa.
Gambar 51 struktur menu untuk pengguna umum
119
Halaman Utama (Guru)
Home
Edit Kamus BI Kamus BI
Membaca Cepat
Edit Membaca Cepat
Delete Kamus BI
Soal dan Simulasi
Add Siswa Siswa
Edit Siswa
Add Materi Materi
Search Siswa
Edit Materi Add Materi Delete Materi Edit Materi Add Jenis Soal Delete Materi
Soal
Add Jenis Soal Silabus Add Galeri
Galeri
Add Silabus
Edit Galeri
Edit Silabus
Delete Galeri
Delete Silabus PDF
Nilai
Download Nilai Excel Add Link
Link
Edit Link Delete Link
Edit Polling Polling Reset Polling
Gambar 52 struktur menu untuk pengguna Guru
Gambar 53 struktur menu untuk pengguna siswa
120
3.6.6. Perancangan Antarmuka Perancangan disain antarmuka aplikasi AIOP-BASINDO ini dibuat dari gabungan antara teks, gambar, dan beberapa animasi sederhana dengan menggunakan CSS. Perancangan halaman antarmuka aplikasi AIOP-BASINDO dibagi menjadi tiga bagian utama, yaitu: 1
Perancangan antarmuka halaman depan pengguna umum.
Gambar 54 Perancangan antarmuka halaman pengguna umum. 2
Perancangan antarmuka halaman utama pengguna Guru. Halaman utama Guru ini hanya dapat diakses oleh Guru yang telah melakukan login.
121
Gambar 55. Perancangan antarmuka halaman utama Guru. 3
Perancangan antarmuka halaman utama pengguna siswa Halaman utama siswa aplikasi ini hanya dapat diakses oleh Siswa yang telah login.
Gambar 56. Perancangan antarmuka halaman utama Siswa.
122
4
Perancangan antarmuka halaman login
Gambar 57. Perancangan antarmuka login 5
Perancangan antarmuka halaman edit password
Gambar 58. Perancangan antarmuka edit password. 6
Perancangan antarmuka halaman input bukutamu Input Buku tamu Nama Email Pesan code Ok
Gambar 59. Perancangan antarmuka input bukutamu. 7
Perancangan antarmuka halaman input kamus
123
Gambar 60. Perancangan antarmuka Input Data kamus. 8
Perancangan antarmuka halaman edit kamus
Gambar 61. Perancangan antarmuka edit kamus. 9
Perancangan antarmuka halaman input siswa
Gambar 62. Perancangan antarmuka Input Siswa. 10 Perancangan antarmuka halaman input materi
124
Gambar 63. Perancangan antarmuka input materi. 11 Perancangan antarmuka halaman input silabus
Gambar 64. Perancangan antarmuka Input Silabus. 12 Perancangan antarmuka halaman input soal
125
Gambar 65. Perancangan antarmuka Input data soal. 13 Perancangan antarmuka halaman input tugas
Gambar 66. Perancangan antarmuka Input tugas.
126
14 Perancangan antarmuka halaman input essay
Gambar 67. Perancangan antarmuka Input essay. 15 Perancangan halaman input shoutbox
Gambar 68. Perancangan antarmuka Input Shoutbox. 16 Perancangan halaman input polling Edit Polling Pertanyaan Opt A Opt B Opt C Ok
[ Cancel ]
Gambar 69. Perancangan antarmuka edit polling.