Bab 4 Analisis Dan Perancangan Sistem
4.2 Perancangan Sistem
4.2.5 Perancangan Database
Database merupakan sebuah tempat penyimpanan data yang terstruktur agar dapat diakses dengan cepat dan mudah. Membangun sebuah database merupakan langkah awal pembuatan aplikasi, termasuk aplikasi pembelajaran berbantuan komputer ini. Dalam perancangan aplikasi pencarian judul ini, penulis membuat 9 tabel. Tabel-tabel tersebut adalah tabel tbl_admin, tbl_kategori dan tbl_tempat. Pembuatan database dan tabel-tabel mempergunakan fasilitas MySQL pada phpmyadmin yang terdapat dalam software XAMPP. Di bawah ini adalah gambaran isi dari masing-masing tabel.
a. Table user
Table user digunakan untuk menampung informasi user sebagai pengguna website. Field-fieldnya antara lain :
Field Type Keterangan
id_user Int Nomor id user
Username Varchar Username user utk login
Password Varchar Password user utk login
b. Table artikel
Merupakan table untuk menampung informasi menu News.
Field Type Keterangan
id_artikel Int Nomor id artikel
Gambar Varchar Gambar artikel
Judul Varchar Judul artikel
Isi Text Isi artikel
4.2 Table artikel c. Table category
Merupakan table untuk menampung informasi kategori dari Subjects.
Field Type Keterangan
id_cat Int Nomor id kategori
Nama_cat Varchar Nama kategori
4.3 Table category d. Table contact
Merupakan table untuk menampung informasi dari komentar pengunjung/user.
Field Type Keterangan
id_contact Int Nomor id contact
Nama Varchar Nama guest/user
Email Varchar Email guest/user
Pesan Text Komentar guest/user
4.4 Table contact e. Table jawaban
Merupakan table untuk menampung informasi dari jawaban user
Field Type Keterangan
id_jwb Int Nomor id contact
id_soal Int Nomor id soal
id_siswa Int Nomor id siswa
Jwb Int Nilai dari user
f. Table materi
Merupakan table untuk menampung informasi dari isi materi.
Field Type Keterangan
id_materi Int Nomor id contact
materi Text Isi materi
4.6 Table materi g. Table siswa
Merupakan table untuk menampung informasi dari jawaban user
Field Type Keterangan
id_siswa Int Nomor id siswa
Nama_siswa Varchar Nama user
Alamat Varchar Alamat user
No_telp Varchar Nomor telepon user
Email Varchar Email user
id_user Int Nomor id member
4.7 Table siswa h. Table soal
Merupakan table untuk menampung informasi dari soal yang diberikan.
Field Type Keterangan
id_soal Int Nomor id soal
Soal Text Isi soal
Pilihan_a Text Pilihan jawaban
Pilihan_b Text Pilihan Jawaban
Pilihan_c Text Pilihan jawaban
Pilihan_d Text Pilihan jawaban
Jwb Text Kunci jawaban
id_cat Int Nomor id kategori
4.3.3.1Diagram Konteks
Metode perancangan aplikasi yang dilakukan didalam penyusunan tugas akhir terdiri dari Diagram konteks, DFD (Data Flow Diagram), ERD (Entity relationship diagram), usecase. Adapun diagram konteks yang di gunakan adalah sebagai berikut:
Gambar 4.9 Diagram konteks Listing Memberikan informasi Mendapatkan informasi Informasi Mendapatkan informasi Update informasi Admin E-learning Bahasa Inggris Tingkat Pendidikan SMP Database User Programmer Menyimpan data ke dalam database
4.3.3.2 DFD (Data Flow Diagram)
Gambar 4.9 Data Flow Diagram
- Data Soal - Data Materi - Artikel INFORMASI Admin E-learning Bahasa Inggris Tingkat Pendidikan SMP User - Data Materi - Data soal - Data Artikel - Komentar - Tampilan website
Perancangan Sistem Informasi E-Learning Bahasa Inggris
Gambar 4.10 Diagram Pohon User
Daftar
Login
Pilih Menu
Home Subject Exercise Contact News
Pilih
Logout
Pilih Soal
4.3 Perancangan DFD Aplikasi
DFD dari aplikasi website yang dibuat dimana dimulai dari diagram konteks hingga level2 .
4.3.1 Diagram Konteks Level 0
Diagram konteks atau diagram level nol dari aplikasi dapat dilihat pada gambar 3.2 berikut.
Diagram ini merepresentasikan seluruh elemen yang terdapat pada Sistem Informasi E-Learning Bahasa Inggris. Berikut ini dijelaskan proses dari diagram konteks pada gambar 3.2.
1. Diagram terdiri dari dua tiga entiti yaitu admin, user dan nilai.
2. Admin memasukkan soal, menu, dan jawaban dari soal yang telah diupdate ke dalam sistem, kemudian sistem akan menampilkan hasil-hasilnya kepada admin dan user yang telah login.
3. User memasukkan data user ke dalam sistem untuk melakukan proses daftar dan login.
4. Banyak proses yang dapat dilakukan user di dalam sistem dan sebagai
feedback sistem menampilkan konfirmasi daftar, konfirmasi login, menu pilihan, soal pilihan, hasil update-an, hasil pencarian, data nilai dan konfirmasi logout.
5. Keluaran yang diperoleh dari sistem setelah user masuk ke sistem adalah nilai. Nilai diperoleh ketika user telah menjawab soal-soal yang disediakan.
4.3.2 DFD Level 1
DFD Level 1 dapat dilihat pada gambar 3.3. Pada level ini terdapat proses-proses apa saja yang terjadi pada sistem aplikasi.
DFD level 1 disaring lebih jauh lagi menjadi tingkat yang lebih rendah. DFD ini menggambarkan proses-proses yang terjadi pada sistem secara umum. Berikut ini merupakan penjelasan dari gambar DFD level 1.
1. DFD Level 1 dari sistem aplikasi memiliki enam proses utama, yaitu Pengupdate-an, Daftar, Login, Penampilan, Penyelesaian soal dan Logout.
2. Pada proses update, admin memasukkan soal, jawaban dan materi yang akan diupdate, lalu sistem akan menampilkan hasil update-an (soal, menu, jawaban) kepada user yang telah login.
3. Proses selain proses update, dilakukan oleh user yang telah memiliki akun.
4. Proses yang pertama dilakukan adalah pendaftaran dengan memasukkan data user (nama, password, status), proses ini dilakukan jika user belum memiliki akun, lalu data user akan dimasukkan ke dalam database user. Setelah itu user dapat melakukan login dengan memasukkan data user
(nama dan password).
6. Pada proses Tampil, jika user ingin menampilkan menu, maka user dapat memilih menu yang disediakan (Home, Subjects, Exercise, Contact Us, News) lalu menu pilihan akan tampil, jika user ingin langsung keluar aplikasi, maka user dapat memilih tombol logout dan sistem akan memberi konfirmasi logout atau jika tidak, user dapat melakukan proses lain sesuai keinginan.
7. Proses selanjutnya yang bisa dilakukan adalah proses Penyelesaian soal. Soal-soal disediakan pada sub menu pada menu Exercise.
8. Sebelum menyelesaikan soal, user terlebih dahulu memilih soal-soal yang mana saja yang ingin dikerjakan. Jika tidak ingin mengerjakan soal, user
dapat melakukan proses yang lain.
9. Pada proses penyelesaian soal, user harus memilih jawaban dengan cara mengklik jawaban yang benar dari pilihan jawaban yang disediakan. 10.Jawaban benar user akan diperiksa, kemudian akan tampil nilai
berdasarkan jumlah jawaban benar dari user.
11.Jika semua atau beberapa proses telah dilakukan, maka user dapat mengkliki tombol logout dan sistem akan memberi konfirmasi logout kepada user.
4.3.3 DFD Level 2
DFD Level 2 merupakan DFD yang menjabarkan setiap proses yang ada di level 1. Adapun DFD Level 2 dapat dilihat sebagai berikut:
4.3.3.1 DFD Level 2 untuk Proses Update Informasi
DFD level 2 untuk penjabaran dari proses Pengupdate-an dapat dilihat pada gambar 3.4
Berikut ini adalah penjelasan dari proses gambar 3.4.
1. Proses update terbagi menjadi empat proses, yaitu proses Update Soal, Update Materi, Update Jawaban dan Update Menu.
2. Dalam hal ini admin memasukkan soal, jawaban, materi dan menu yang ingin diupdate, kemudian dari masing-masing proses memberikan hasil
update-an kepada user.
4.3.3.2 DFD Level 2 untuk Proses Daftar
DFD level 2 untuk penjabaran dari proses Daftar dapat dilihat pada gambar 3.5.
Gambar 4.14 DFD Level 2 untuk Proses Daftar
Berikut ini adalah penjelasan dari proses gambar 3.5.
1. Pada proses Daftar pada level 1 hanya menurunkan satu proses pada level dua, yaitu hanya proses Daftar saja.
2. Proses daftar dilakukan, jika user belum menjadi member atau memiliki akun.
3. Untuk mendaftar, user harus memasukkan data user berupa nama,
password dan status, kemudian data user tersebut akan dimasukkan oleh sistem ke dalam D2.
4. Setelah user daftar, sistem akan memberi konfirmasi daftar untuk melakukan login.
4.3.3.3 DFD 2 untuk Proses Login
DFD level 2 untuk penjabaran dari proses Login dapat dilihat pada gambar 3.6.
Berikut ini merupakan penjelasan dari proses gambar 3.6.
1. Proses Login pada level 1 terbagi menjadi dua, yaitu proses Pemasukan Data User dan proses Periksa Data User.
2. Jika user yang telah menjadi member ingin masuk ke dalam website, user
harus melakukan proses Login terlebih dahulu, yaitu dengan hanya memasukkan nama dan password.
3. Data user yang telah dimasukkan akan kembali diperiksa oleh sistem, jika data tersebut sesuai dengan data yang dimasukkan pada saat proses Daftar, maka sistem akan memberikan konfirmasi login dan user dapat masuk ke dalam halaman utama website.
4. Setelah Login berhasil, user baru dapat mengakses empat menu utama, yaitu
5. Setelah Login berhasil, user dapat melakukan proses selanjutnya untuk proses pencarian dengan memasukkan data pencarian.
4.3.3.4 DFD Level 2 untuk Proses Tampil
DFD level 2 untuk penjabaran dari proses Tampil dapat dilihat pada gambar 3.7.
Berikut ini merupakan penjelasan dari proses gambar 3.7.
1. Proses Tampil terbagi menjadi dua proses, yaitu pilih Menu dan Tampil. 2. Setelah proses Login, maka halaman utama akan menampilkan empat menu
utama, yaitu Subjects, Exercise, Contact Us dan News.
3. Pada proses pilih Menu, user memilih menu apa yang ingin ditampilkan dan pilihan menu akan tampil.
4. Pada menu Materi dan menu Latihan, terdapat beberapa soal yang dapat dikerjakan oleh user dan user dapat memilih soal apa yang ingin dikerjakan, kemudian soal akan tampil.
5. Setelah itu user mengerjakan soal pilihannya, kemudian akan tampil nilai yang diperoleh.
6. Pada proses Pencarian, user memasukkan data pencarian berupa materi ke dalam kotak pencarian, kemdian sistem akan mencari, jika materi yang dimasukkan ada, maka hasil pencarian akan ditampilkan.
4.3.3.5 DFD Level 2 untuk Proses Penyelesaian Soal
DFD level 2 untuk penjabaran dari proses Penyelesaian Soal dapat dilihat pada gambar 3.8.
agram Level 2 untuk Proses Penyelesaian Soal
Gambar 4.17 Diagram Level 2 untuk Proses Penyelesaian Soal
Berikut ini merupakan penjelasan dari proses gambar 3.8.
1. Proses Penyelesaian Soal pada level 2 terbagi menjadi dua proses, yaitu Penyelesaian Soal dari Menu dan proses Periksa Jawaban.
2. Sebelum menjawab soal, user terlebih dahulu memilih soal yang ingin dikerjakan, lalu soal pilihan akan tampil.
3. Setelah soal pilihan tampil, user menyelesaikan soal dengan memasukkan jawaban yang dianggap benar.
4. Kemudian jawaban diperiksa, kemudian akan tampil nilai berdasarkan jawaban benar yang dijawab oleh user.
4.3.3.6 DFD Level 2 untuk Proses Logout
DFD level 2 untuk penjabaran proses Logout dapat dilihat pada gambar 3.10.
Gambar 4.18 Diagram Level 2 untuk Proses Logout
Berikut ini merupakan penjelasan dari gambar 3.10.
1. Proses Logout pada level 1 hanya menurunkan satu proses pada level 2, yaitu proses Logout juga.
2. Pada proses ini akan diperiksa data user yang melakukan Logout dan sistem akan memberi konfirmasi logout kepada user.
4.3.4 Entity Relationship Diagram (ERD)