ANALISIS DAN PERANCANGAN SISTEM

6. Setelah itu calon Siswa mendapatkan konfirmasi melalui surat keterangan bahwa calon Siswa diterima sebagai siswa Progressio. Prosedur pendaftaran siswa Administrasi Siswa tidak ya Lengkap ? Formulir pendaftaran terisi Formulir pendaftaran tidak lengkap Surat keterangan diterima Formulir pendaftaran kosong Memeriksa kelengkapan formulir pendaftaran Formulir pendaftaran kosong Surat keterangan diterima Data siswa baru Formulir pendaftaran tidak lengkap Mengisi formulir pendaftaran A2 A1 Formulir pendaftaran terisi Formulir pendaftaran terisi Catat data siswa baru Konfirmasi diterima A3 A1 : formulir siswa baru A2 : data siswa baru A3 : surat keterangan diterima Gambar III.1.2 Flowmap Pendaftaran 5Prosedur dan penilaian siswa Penilaian siswa di lembaga pendidikan Progressio, adapun langkah langkah nya sebagai berikut. 1. Pengajar memberikan ljk lembar jawaban kertas dan lembar soal. 2. Siswa lembar soal dan mengisi ljk. 3. Pengajar memeriksa kelengkapan ljk. 4. Jika tidak lengkap pengajar memberikan konfirmasi pada siswa bahwa ljk belom terisi dengan lengkap. 5. Jika proses 3 sudah selesai, maka pengajar akan mencatat siswa pada data siswa sudah mengerjakan. 6. Lembar soal di berikan pada siswa dan ljk di berikan pada Progressio. 7. Progressio memeriksa jawaban dari ljk Siswa untuk menghasilakan nilai. 8. Setelah itu siswa mendapat kan konfirmasi nilai. Gambar III-1 Flowmap penilaian III.1.3. Analisis Kebutuhan Sistem Non Fungsional Kebutuhan sistem merupakan kebutuhan standar perangkat keras, perangkat lunak dan user untuk mengetahui perangkat keras yang sedang digunakan di Lembaga Pendidikan Progressio. Pada saat ini Lembaga Pendidikan Progressio dalam melaksanakan kursus masih menggunakan sistem pembelajaran konvensional. Analisis Perangkat Keras Hardware Berdasarkan analisis perangkat keras yang sudah dilakukan di Lembaga Pendidikan Progressio, diperlukan adanya pemanfaatan teknologi komputer dan akses internet agar sistem e-learning ini bisa berjalan dengan baik serta memudahkan untuk mengolah database. Spesifikasi perangkat keras terpenting untuk membuat aplikasi ini dijelaskan pada tabel kebutuhan perangkat keras tabel III.1 sebagai berikut. Tabel III-1 Kebutuhan Perangkat Keras Perangkat keras Kebutuhan Client Kebutuhan Server 1. Processor 1,2 GHZ 2,7 GHZ 2. Hard disk 100 GB 300 GB 3. RAM 512 MB 1 GB 4. VGA Card 256 MB 512 MB 5. Monitor 1024 x 786 1024 x 786 6. Keyboard Terpasang Terpasang 7. Mouse Terpasang Terpasang Analisis Perangkat Lunak Software Analisis perangkat lunak Software yang digunakan untuk membangun aplikasi E-Learning adalah sebagai berikut. 1. Windows XP SP 2 untuk dapat menjalankan web server, aplikasi pembangun web, dan aplikasi browser. 2. PHP digunakan sebagai bahasa pemograman yang akan digunakan sebagai aplikasi server. 3. Apache web server untuk web server. 4. MySql digunakan sebagai media penyimpanan database. 5. PhpmyAdmin digunakan untuk mengolah database. 6. Browser : Mozzila Firefox 3.6, Google Crome digunakan untuk menjalankan aplikasi e-learning. III.1.4. Analisis User Dalam sistem yang sedang berjalan di Lembaga Pendidikan Progressio, user yang akan menggunakan aplikasi e-learning ini yaitu Admin, Pengajar, Siswa. Berdasarkan penelitian karakteristik user yang ada di Lembaga Pendidikan Progressio dapat dilihat pada tabel analisis user Tabel III-2 sebagai berikut. User Tanggung Jawab Hak Akses Tingkat Pendidikan Tingkat Keterampilan Pengalaman Jenis Pelatihan Admin sebagai pengatur sistem e-learning melakukan pengolaha n data siswa dan data pengajar S1 mampu mengoperasika n komputer,men goperasikan sistem operasi, mengerti jaringan internet dan mengerti program yang digunakan oleh database Administrator kantor Pernah menggunaka n aplikasi berbasis web sebelumnya Apa Saja pengajar Menanggani proses memasukan adalah melakukan pengolaha S1 mampu mengoperasika n komputer Pernah menggunaka n aplikasi - data materi, data quiz, data tryout, bank soal dan pengumuma n n content materi, pengolaha n content quiz, pengolaha n content tryout , pengolaha n pengumu man dan program yang digunakan berbasis web sebelumnya siswa mengikuti program diklat e-learning secara on- line mengikuti program diklat, mengakses materi, dan mengikuti quiz dan test - Mampu berinteraksi dengan aplikasi berbasis web Pernah menggunaka n aplikasi berbasis web sebelumnya - Fungsi Website E-learning Lembaga Pendidikan Progressio Website E-learning ini secara umum berfungsi sebagai media pembelajaran jarak jauh dan juga sebagai media interaksi online untuk para Pengajar dan Siswa. Fungsi Utama Perangkat Lunak yang dibangun adalah : 1. Pendaftaran Siswa e-learning Proses registrasi untuk mengikuti e- learning online. 2. Login Proses Siswa untuk masuk ke dalam konten website e-learning dengan memasukkan username dan password. 3. Pengolahan data Siswa proses Admin untuk mengubah atau menghapus data Siswa . 4. Pengolahan data Pengajar proses Admin untuk menambah, mengubah atau menghapus data Pengajar. 5. Pengolahan data materi Proses Pengajar mengolah konten materi. 6. View materi proses Siswa untuk meminta materi download materi. 7. Pengolahan data Kuis Proses Pengajar memasukkan soal-soal kuis tes. 8. Quiz Proses Siswa untuk melakukan test. 9. Pengolahan data tryout Proses Pengajar memasukan soal Ujian Nasional. 10. Tryout proses Siswa untuk melakukan test. 11. View nilai Proses Siswa untuk melihat nilai kuistest. 12. Pengolahan data Forum Proses Pengajar mengolah konten Forum. 13. View Forum Proses Siswa membuat sebuah forum diskusi. Entity Relationship Diagram ERD ERD digunakan dalam membangun basis data untuk menggambarkan relasi atau hubungan dari dua file atau dua tabel. ERD terdiri dari 2 komponen utama yaitu entitas dan relasi. Kedua komponen tersebut dideskripsikan lebih jauh melalui atribut –atribut atau properti. Entity relationship diagram merupakan bagan yang menggunakan relasi dan entitas suatu informasi entity relationship diagram dari sistem yang diusulkan adalah sebagai berikut. Gambar III-2 ERD E-Learning Kamus Data ERD : Admin {id_admin,username,nama_lengkap,level,alamat,no_tlp,email} Pengajar {nip, nama_lengkap, user_login, password_login, level, alamat, tempat_lahir, tgl_lahir, jenis_kelamin, agama, no_tlp, email, foto, website, blokir} Siswa {nis, nama_lengkap, username_login, password_login, id_kelas, alamat, tempat_lahir, tgl_lahir, jenis_kelamin, agama, nama_ayah, nama_ibu, thn_masuk, email, no_tlp, foto, blokir, level} Kelas {id_kelas, nama_kelas} Tryout {id_tryout, id_tt, pertanyaan, gambar, pil_a, pil_b, pil_c, pil_d, kunci, tgl_buat} Topik_tryout {id_tt, id_matapelajaran, judul, tgl_buat, waktu_pengerjaan, info, terbit} Topik_Quiz {id_tq, id_matapelajaran, judul, tgl_buat, waktu_pengerjaan, info, terbit} Quiz_pilganda {id_quiz_pilganda, id_tq, pertanyaan, gambar, pil_a, pil_b, pil_c, pil_d, kunci} Quiz_esay {id_quiz_esay, id_tq, pertanyaan, gambar, tgl_buat} Topik_banksoal {id_bs, id_matapelajaran, judul, tgl_buat, pembuat, waktu_pengerjaan, info, terbit} Materi {idmateri, judul, id_matapelajaran, nama_file, tgl_posting, pembuat, hits} Forum {id_forum, id_kelas, nip, nis, topik, isi, tanggal} Reply {id_reply, isi_balasan, id_forum, nis, nip} Pengumuman {id_pengumuman, nip, id_kelas, judul_pengumuman, isi_pengumuman, tanggal, terbit} Diagram konteks Untuk membatasi sistem yang menunjukan adanya interaksi sistem dengan komponen luar sistem maka perlu dibuat diagram konteks yang merupakan suatu diagram yang menggambarkan sistem dalam satu lingkungan dan hubungan dengan entitas luar. Diagram konteks dari sistem yang diusulkan yaitu digambarkan pada gambar III-3 sebagai berikut. Aplikasi Elearning SISWA PENGAJAR Data login siswa Data pendaftaran Data kelas Data mata pelajaran Data materi Data quiz Data Forum Data bank soal Data tryout Data login pengajar Data pengajar Data siswa Data kelas Data mata pelajaran Data materi Data quiz Data forum Data Data bank Soal Data tryout Info login siswa Info pendaftaran Info data kelas Info data mata pelajaran Info data materi Info komentar Info quiz Info Forum Info data bank soal Info data tryout Info login pengajar Info data pengajar Info data siswa Info data kelas Info data mata pelajaran Info data materi Info data quiz Info data forum Info data bank soal Info data tryout ADMIN Data login admin Info admin Info login admin Info admin Gambar III-3 Diagram Konteks DFD Data Flow Diagram Level 0 Gambar DFD Level 0 gambar III-4 berikut ini menjelaskan bahwa pengguna web dapat melakukan akses pada website dengan memilih menu yang ada ke dalam sistem sebagai admin, pengajar serta siswa yang di dalamnya terdapat beberapa pilihan yang berbeda sesuai hak akses pada setiap pengguna. materi pengajar Mata pelajaran pengumuman kelas admin siswa tryout Topik_tryout Topik_quiz Quiz_esay Quiz_pilganda Topik_banksoal forum reply 1.0 login pengajar admin siswa 2.0 Pengolahan siswa 3.0 Pengolahan pengajar 4.0 Pengolahan mata pelajaran 5.0 Pengolahan quiz 6.0 Pengolahan forum 7.0 Pengolahan tryout 8.0 Pengolahan Bank soal 9.0 Pengolahan pengumuman 10.0 Pengolahan materi info Login admin Data login admin Info admin Data admin Info pengajar Data pengajar Info siswa Data siswa login admin, siswa valid login admin, pengajar valid login admin, pengajar valid Login pengajar. siswa valid Login pengajar. siswa valid Login pengajar. siswa valid Login pengajar. siswa valid Login pengajar. siswa valid Login pengajar. siswa valid Info login pengajar Data login pengajar Info login siswa Data login siswa Info mata pelajaran Data mata pelajaran Info topik_quiz Data topik_quiz Info forum Data forum Info topik_tryout Data topik_tryout Info topik_banksoal Data topik_banksoal Info pengumuman Data pengumuman Info materi Data materi Info quiz_pilganda Data quiz_pilganda Info quiz_esay Data quiz_esay Info reply Data reply Info tryout Data tryout Info siswa Data siswa Info pengajar Data pengajar Data quiz Info quiz Data forum Info forum Data tryout Info tryout Data bank soal Info bank soal Data pengumuman Info pengumuman Data materi Info materi Data mata pelajaran Info mata pelajaran 11.0 Pengolahan kelas Info kelas Data kelas Login admin, pengajar valid Data pengajar Info pengajar Data mata pelajaran Info mata pelajaran Data forum Info forum Info bank soal Data bank soal Info pengumuman Data pengumuman Info materi Data materi Data kelas Info kelas Data kelas Info kelas Data siswa Info siswa Data quiz Info quiz Info login admin Data login admin Info login siswa Data login siswa Info login pengajar Data login pengajar Info mata pelajaran Info mata pelajaran Info mata pelajaran Data kelas Info kelas Data kelas Info kelas Info mata pelajaran Data mata pelajaran Data mata pelajaran Info mata pelajaran Data mata pelajaran Data mata pelajaran Data mata pelajaran Info kelas Data kelas banksoal Data banksoal Info banksoal Data kelas Info kelas Gambar III-4 DFD level 0 DFD Level 1 proses 1 Login Gambar III-5 DFD level 1 proses 1 berikut ini merupakan turunan dari proses 1.0 1.1 Input Username Pengajar Data Username Admin Siswa Data Username Data Password 1.2 Input Password 1.3 Autentikasi Login D a ta U se rn a me D a ta P a ss w o rd Data Password Data Password Data Username Pengajar Siswa Admin Info Data Login In fo D a ta L o g in Info Data Login Info Data Login Info Data Login Info Data Login 1.4 Lupa Password Data Password Info Data Password In fo D a ta P a ssw o rd D a ta P a ssw o rd Info Data Password Data Password Gambar III-5 DFD level.1 proses 1 DFD Level 1 proses 2 Pengolahan Siswa Gambar III-6 DFD level 1 proses 2 berikut ini merupakan turunan dari proses 2.0 siswa admin siswa 2.1 Tambah siswa Info tambah siswa Data tambah siswa 2.2 Ubah siswa 2.3 Lihat siswa Data tambah siswa Info tambah siswa Data ubah siswa Info ubah siswa Data ubah siswa info ubah siswa Data lihat siswa Info lihat siswa Data lihat siswa Info lihat siswa Info ubah siswa Data ubah siswa Info lihat siswa kelas Data kelas Gambar III-6 DFD level.1 proses 2 DFD Level 1 proses 3 Pengolahan Pengajar Gambar III-7 DFD level 1 proses 3 berikut ini merupakan turunan dari proses 3.0 pengajar 3.1 Tambah pengajar 3.2 Ubah pengajar 3.3 Lihat pengajar Info tambah pengajar Data tambah pengajar admin pengajar Data tambah pengajar Info tambah pengajar Data ubah pengajar Info ubah pengajar Data ubah pengajar Info ubah pengajar Data lihat pengajar Info lihat pengajar Data lihat pengajar Info lihat pengajar Info ubah pengajar Data ubah pengajar Info lihat pengajar Mata pelajaran kelas Info mata pelajaran Info kelas Gambar III-7 DFD level.1 proses 3 DFD Level 1 proses 4 Pengolahan Mata Pelajaran Gambar III-8 DFD level 1 proses 4 berikut ini merupakan turunan dari proses 4.0 Mata pelajaran pengajar admin 4.1 Tambah mata pelajaran 4.2 Ubah mata pelajaran 4.3 Ambil mata pelajaran Info tambah mata pelajaran Data tambah mata pelajaran Info ubah mata pelajaran Data ubah mata pelajaran Info ambil mata pelajaran Data ambil mata pelajaran Info tambah mata pelajaran Data tambah mata pelajaran Info ubah mata pelajaran Data ubah mata pelajaran Info ubah mata pelajaran Data ubah mata pelajaran Data ambil mata pelajaran Info ambil mata pelajaran Gambar III-8 DFD lvl.1 proses 4 DFD Level 1 proses 5 Pengolahan quiz Gambar III-9 DFD level 1 proses 5 berikut ini merupakan turunan dari proses 5.0 Topik_quiz Quiz_esay Quiz_pilganda pengajar siswa 5.1 Tambah quiz Info tambah topik_quiz Info tambah quiz_pilganda Data tambah quiz_pilganda Info tambah quiz_esay Data tambah quiz_esay 5.2 Ubah quiz 5.3 Hapus quiz 5.4 Kerjakan quiz Data tambah topik_quiz Info ubah topik_quiz Data ubah topik_quiz Info hapus topik_quiz Data hapus topik_quiz Info kerjakan topik_quiz Data kerjakan topik_quiz Info ubah quiz_pilganda Data ubah quiz_pilganda Info hapus quiz_pilganda Data hapus quiz_pilganda Info hapus quiz_esay Data hapus quiz_esay Info ubah quiz_esay Data ubah quiz_esay Data tambah topik_quiz Data tambah quiz_pilganda Data tambah quiz_esay Info tambah topik_quiz Info tambah quiz_pilganda Info tambah quiz_esay Data ubah topik_quiz Data ubah quiz_pilganda Data ubah quiz_esay Info ubah topik_quiz Info ubah quiz_pilganda Info ubah quiz_esay Data kerjakan topik_quiz Info kerjakan topik_quiz Info hapus quiz_esay Info hapus quiz_pilganda Info hapus topik_quiz Data hapus quiz_esay Data hapus quiz_pilganda Data hapus topik_quiz Mata pelajaran Data mata pelajaran Gambar III-9 DFD level.1 proses 5 DFD Level 1 proses 6 Pengolahan forum Gambar III-10 DFD level 1 proses 6 berikut ini merupakan turunan dari proses 6.0 forum reply pengajar siswa 6.1 Tambah forum 6.2 Ubah forum 6.3 Hapus forum 6.4 Balas forum Info tambah forum Data tambah forum Info balas forum Data balas forum Info ubah forum Info hapus forum Data ubah forum Data hapus forum Info hapus forum Data hapus forum Info ubah forum Data ubah forum Data tambah forum Info tambah forum Data hapus forum Info hapus forum Data balas forum Info balas forum Data balas forum Info balas forum Data ubah forum Info ubah forum Data tambah forum Info tambah forum kelas Data kelas Gambar III-10 DFD Level 1 proses 6 DFD Level 1 proses 7 Pengolahan Tryout Gambar III-11 DFD level 1 proses 7 berikut ini merupakan turunan dari proses 7.0 Topik_tryout tryout pengajar siswa 7.1 Tambah tryout Info tambah topik_tryout Info tambah tryout Data tambah tryout 7.2 Ubah tryout 7.3 Hapus tryout 7.4 Kerjakan tryout Data tambah topik_tryout Info ubah topik_tryout Data ubah topik_tryout Info hapus topik_tryout Data hapus topik_tryout Info kerjakan topik_tryout Data kerjakan topik_tryout Info ubah tryout Data ubah tryout Info hapus tryout Data hapus tryout Data tambah topik_tryout Data tambah tryout Info tambah topik_tryout Info tambah tryout Data ubah topik_tryout Data ubah tryout Info ubah topik_tryout Info ubah tryout Data kerjakan topik_tryout Info kerjakan topik_tryout Info hapus tryout Info hapus topik_tryout Data hapus tryout Data hapus topik_tryout Mata pelajaran Data mata pelajaran Gambar III-11 DFD Level 1 proses 7 DFD Level 1 proses 8 pengolahan bank soal Gambar III-12 DFD level 1 proses 8 berikut ini merupakan turunan dari proses 8.0 Topik_banksoal pengajar siswa 8.1 Tambah Bank soal 8.2 Ubah Bank soal 8.3 Hapus Bank soal 8.4 Kerjakan Bank soal Info tambah bank soal Data tambah bank soal Info ubah bank soal Data ubah bank soal Info hapus bank soal Data hapus bank soal Info kerjakan bank soal Data kerjakan bank soal Info tambah bank soal Data tambah bank soal Info ubah bank soal Data ubah bank soal Info kerjakan bank soal Data kerjakan bank soal Info hapus bank soal Data hapus bank soal Mata pelajaran Data mata pelajaran banksoal Gambar III-12 DFD Level 1 proses 8 DFD Level 1 proses 9 pengolahan pengumuman Gambar III-13 DFD level 1 proses 9 berikut ini merupakan turunan dari proses 9.0 pengumuman pengajar siswa 9.1 Tambah pengumuman 9.2 Ubah pengumuman 9.3 Hapus pengumuman 9.4 Lihat pengumuman Info ubah pengumuman Data ubah pengumuman Info hapus pengumuman Data hapus pengumuman Info lihat pengumuman Info tambah pengumuman Data tambah pengumuman Data ubah pengumuman Info ubah pengumuman Info tambah pengumuman Data tambah pengumuman Info hapus pengumuman Data hapus pengumuman Info lihat pengumuman Data lihat pengumuman kelas Data kelas Gambar III-13 DFD level 1 proses 9 DFD Level 1 proses 10 pengolahan materi Gambar III-14 DFD level 1 proses 10 berikut ini merupakan turunan dari proses 10.0 materi pengajar siswa 10.1 Tambah materi 10.2 Ubah materi 10.3 Hapus materi 10.4 Lihat materi Info ubah materi Data ubah materi Info hapus materi Data hapus materi Info lihat materi Info ubah materi Data tambah materi Info lihat materi Data lihat materi Info tambah materi Data tambah materi Info ubah materi Data ubah materi Info hapus materi Data hapus materi Mata pelajaran Data mata pelajaran Gambar III-14 DFD level 1 proses 10 DFD Level 1 proses 11 pengolahan kelas Gambar III-15 DFD level 1 proses 11 berikut ini merupakan turunan dari proses 11.0 kelas pengajar admin 11.1 Tambah kelas 11.2 Ambil kelas Info tambah kelas Data tambah kelas Info ambil kelas Data ambil kelas Info tambah mata pelajaran Data tambah mata pelajaran Data ambil kelas Info ambil kelas Gambar III-15 DFD level 1 proses 11 III.1.5. Spesifikasi Proses Spesifikasi proses digunakan untuk menggambarkan proses model aliran yang terdapat pada DFD. Spesifikasi proses dari gambaran DFD diatas akan dijelaskan pada tabel dibawah ini. No Proses Keterangan 1 No Proses 1 Nama Proses Login Deskripsi Verifikasi data user yang digunakan untuk login Sumber Admin, pengajar, Siswa Masukan - Data login admin username, password - Data login pengajar username, password, dan tipe akun - Data login siswa username, password, dan tipe akun Keluaran - Info data login admin valid atau invalid data login - Info data login pengajar valid atau invalid data login - Info data login siswa valid atau invalid data login Tujuan Admin, Guru, Siswa Logika Proses 1. User admin, pengajar, dan siswa memasukkan data login pada form login. 2. User menekan tombol login. 3. Sistem mengecek tipe pengguna. 4. Sistem mengecek validasi username dan password pada database. 5. Apabila data login valid, sistem akan menampilkan halaman menu utama dari masing-masing user, apabila data login tidak valid, sistem akan tetap menampilkan form masuk disertai pesan error. 2 No Proses 2 Nama Proses Pengolahan data siswa Deskripsi Mengolah data siswa Sumber Admin Sekolah Masukan Data siswa Keluaran Info data siswa Tujuan Admin Logika Proses 1. Admin memilih menu listing siswa 2. Sistem akan menampilkan form pengolahan siswa 3. Admin melakukan pengolahan pada data akun siswa 4. Sistem akan menyimpan data pengolahan 3 No Proses 3 Nama Proses Pengolahan data pengajar Deskripsi Berfungsi untuk mengolah data pengajar Sumber Admin Sekolah Masukan Data pengajar Keluaran Info data pengajar Tujuan Admin Logika Proses 1. Admin sekolah memilih menu listing pengajar 2. Sistem akan menampilkan form pengolahan penagajar 3. Admin melakukan pengolahan pada data akun pengajar 4. Sistem akan menyimpan pengolahan 4 No Proses 4 Nama Proses Pengolahan mata pelajaran Deskripsi Berfungsi untuk mengolah data mata pelajaran Sumber Pengajar Masukan Data materi Keluaran Info data materi Tujuan Pengajar Logika Proses Pengolahan kelas guru : 1. Pengajar memilih menu kelas. 2. Sistem menampilkan form pengolahan kelas 3. pengajar melakukan pengolahan pada data kelas. 4. Sistem menyimpan pengolahan data kelas. 5 No Proses 5 Nama Proses Ambil mata pelajaran Deskripsi Mengambil mata pelajaran yang dipilih Sumber Siswa Masukan Data mata pelajaran Keluaran Info data mata pelajaran Tujuan Siswa Logika Proses 1. Siswa memilih menu kelas 2. Sistem menampilkan form kelas 3. Siswa melakukan pengambilan kelas dengan mengklik tombol ambil kelas 4. Sistem akan menampilkan form ambil kelas 6 No Proses 6 Nama Proses Pengolahan quiz Deskripsi Berfungsi untuk mengolah data quiz Sumber Pengajar Masukan Data quiz Keluaran Info data quiz Tujuan Pengajar Logika Proses 1. Pengajar memilih menu quiz. 2. Sistem menampilkan form pengolahan quiz. 3. Guru melakukan pengolahan pada data quiz. 4. Sistem menyimpan pengolahan data quiz. 7 No Proses 7 Nama Proses Ambil quiz Deskripsi mengambil data quiz yang dipilih Sumber Siswa Masukan Data quiz Keluaran Info data quiz Tujuan Siswa Logika Proses 1. Siswa memilih menu data quiz. 2. Sistem menampilkan form data quiz. 3. Siswa melakukan pengambilan data quiz yang akan di kerjakan. 4. Sistem menyimpan pengolahan data quiz. 8 No Proses 8 Nama Proses Pengolahan forum Deskripsi Berfungsi untuk mengolah data mata forum Sumber Pengajar dan siswa Masukan Data forum Keluaran Info data forum Tujuan Pengajar Logika Proses 1. Pengajar dan Siswa memilih menu forum. 2. Sistem menampilkan form pengolahan forum. 3. Pengajar dan Siswa melakukan pengolahan pada data forum. 4. Sistem menyimpan pengolahan data forum. 9 No Proses 9 Nama Proses Pengolahan tryout Deskripsi Berfungsi untuk mengolah data tryout Sumber Pengajar Masukan Data tryout Keluaran Info data tryout Tujuan Pengajar Logika Proses 1. Pengajar memilih menu tryout. 2. Sistem menampilkan form pengolahan tryout. 3. Guru melakukan pengolahan pada data tryout. 4. Sistem menyimpan pengolahan data tryout. 10 No Proses 10 Nama Proses Ambil tryout Deskripsi mengambil data tryout yang dipilih Sumber Siswa Masukan Data tryout Keluaran Info data tryout Tujuan Siswa Logika Proses 1. siswa memilih menu tryout. 2. Sistem menampilkan form menu tryout. 3. Siswa melakukan pengambilan data tryout yang akan di kerjakan. 4. Sistem menyimpan pengolahan data tryout. 11 No Proses 11 Nama Proses Pengolahan bank soal Deskripsi Berfungsi untuk mengolah data bank soal Sumber Pengajar Masukan Data bank soal Keluaran Info data bank soal Tujuan Pengajar Logika Proses 1. Pengajar memilih menu bank soal. 2. Sistem menampilkan form pengolahan bank soal. 3. Pengajar melakukan pengolahan pada data bank soal. 4. Sistem menyimpan pengolahan data bank soal. 12 No Proses 12 Nama Proses Ambil bank soal Deskripsi mengambil data bank soal yang dipilih Sumber Siswa Masukan Data bank soal Keluaran Info data bank soal Tujuan Pengajar Logika Proses 1. Pengajar memilih menu bank soal. 2. Sistem menampilkan form pengolahan bank soal. 3. Guru melakukan pengolahan pada data bank soal. 4. Sistem menyimpan pengolahan data bank soal . 13 No Proses 1.1 Nama Proses Verifikasi nama Deskripsi Memasukan username Sumber Admin, Pengajar, Siswa Masukan Data admin, Pengajar dan siswa Keluaran Info data admin, Pengajar dan siswa Tujuan Admin, Pengajar, Siswa Logika Proses 1. User memilih menu login 2. Sistem menampilkan form login. 3. User memasukan username. 4. Sistem mengecek validasi username. 14 No Proses 1.2 Nama Proses Verifikasi Password Deskripsi Memasukan password Sumber Admin, pengajar, siswa Masukan Data admin, pengajar dan siswa Keluaran Info data admin, pengajar dan siswa Tujuan Admin, Pengajar, siswa Logika Proses 1. User memilih menu login 2. Sistem menampilkan form login. 3. User memasukan password. 4. Sistem mengecek validasi password. 15 No Proses 2.1 Nama Proses Lihat data siswa Deskripsi Melihat data siswa Sumber Admin Masukan Data siswa Keluaran Info data siswa Tujuan Siswa Logika Proses 1. Admin memilih menu lihat siswa. 2. Sistem menampilkan data siswa. 16 No Proses 2.2 Nama Proses Ubah data siswa Deskripsi Mengubah data siswa Sumber Admin Masukan Data siswa Keluaran Info data siswa Tujuan Siswa Logika Proses 1. Admin memilih menu data siswa. 2. Sistem menampilkan form data siswa. 3. Admin melakukan edit data siswa. 4. Sistem akan menampilkan form edit data siswa 5. Admin mengubah data siswa. 6. Sistem akan menyimpan data siswa. 17 No Proses 2.3 Nama Proses Hapus data siswa Deskripsi mengahapus data siswa yang dipilih Sumber Admin Masukan Data siswa Keluaran Info data siswa Tujuan Pengajar Logika Proses 1. Admin memilih menu data siswa. 2. Sistem menampilkan form data siswa. 3. Guru melakukan hapus data siswa. 4. Sistem akan menampilkan alert hapus tidak. 6. Sistem akan menyimpan data edit mata pelajaran 18 No Proses 2.4 Nama Proses Tambah data siswa Deskripsi mengambil data bank soal yang dipilih Sumber Admin Masukan Data bank soal Keluaran Info data bank soal Tujuan Siswa Logika Proses 1. Admin memilih menu data siswa. 2. Sistem menampilkan form data siswa. 3. Admin melakukan tambah data siswa. 4. Sistem akan menampilkan form tambah data siswa 5. Admin mengubah data siswa. 6. Sistem akan menyimpan data siswa. 19 No Proses 3.1 Nama Proses Tambah data pengajar Deskripsi menambah data pengajar yang dipilih Sumber Pengajar Masukan Data siswa Keluaran Info data siswa Tujuan Pengajar Logika Proses 1. Admin memilih menu data pengajar. 2. Sistem menampilkan form data pengajar. 3. Admin melakukan tambah data pengajar. 4. Sistem akan menampilkan form tambah data pengajar 5. Admin mengubah data pengajar. 6. Sistem akan menyimpan data pengajar. 20 No Proses 3.2 Nama Proses Lihat data pengajar Deskripsi mengambil data pengajar yang dipilih Sumber Admin Masukan Data pengajar Keluaran Info data pengajar Tujuan Pengajar Logika 1. Admin memilih menu lihat siswa. Proses 2. Sistem menampilkan data siswa. 21 No Proses 3.3 Nama Proses Ubah data pengajar Deskripsi mengubah data pengajar yang dipilih Sumber Admin Masukan Data pengajar Keluaran Info data pengajar Tujuan Pengajar Logika Proses 1. Admin memilih menu data pengajar. 2. Sistem menampilkan form data pengajar. 3. Admin melakukan edit data pengajar. 4. Sistem akan menampilkan form edit data pengajar 5. Admin mengubah data pengajar. 6. Sistem akan menyimpan data pengajar. 22 No Proses 3.4 Nama Proses Hapus data pengajar Deskripsi menghapus data pengajar yang dipilih Sumber Admin Masukan Data pengajar Keluaran Info data pengajar Tujuan Pengajar Logika Proses 1. Admin memilih menu data pengajar. 2. Sistem menampilkan form data pengajar. 3. Guru melakukan hapus data pengajar. 4. Sistem akan menampilkan alert hapus tidak. 6. Sistem akan menyimpan data edit mata pelajaran 23 No Proses 4.1 Nama Proses Tambah mata pelajaran Deskripsi menambah data mata pelajaran yang dipilih Sumber Pengajar Masukan Data mata pelajaran Keluaran Info data mata pelajaran Tujuan Pengajar Logika Proses 1. Admin memilih menu data mata pelajaran. 2. Sistem menampilkan form data mata pelajaran. 3. Admin melakukan tambah data mata pelajaran. 4. Sistem akan menampilkan form tambah data mata pelajaran. 5. Admin menambah data pengajar. 6. Sistem akan menyimpan data pengajar. 24 No Proses 4.2 Nama Proses Edit mata pelajaran Deskripsi mengubah data mata pelajaran yang dipilih Sumber Pengajar Masukan Data mata pelajaran Keluaran Info data mata pelajaran Tujuan Pengajar Logika Proses 1. Admin memilih menu data mata pelajaran. 2. Sistem menampilkan form data mata pelajaran. 3. Admin melakukan edit data pengajar. 4. Sistem akan menampilkan form edit data mata pelajaran 5. Admin mengubah data mata pelajaran. 6. Sistem akan menyimpan data mata pelajaran. 25 No Proses 4.3 Nama Proses Hapus mata pelajaran Deskripsi menghapus data mata pelajaran yang dipilih Sumber Pengajar Masukan Data mata pelajaran Keluaran Info data mata pelajaran Tujuan Pengajar Logika Proses 1. Admin memilih menu data mata pelajaran. 2. Sistem menampilkan form data mata pelajaran. 3. Guru melakukan hapus data mata pelajaran. 4. Sistem akan menampilkan alert hapus tidak. 6. Sistem akan menyimpan data edit mata pelajaran. 26 No Proses 6.1 Nama Proses Tambah quiz Deskripsi menambah data quiz yang dipilih Sumber Pengajar Masukan Data quiz Keluaran Info data quiz Tujuan Pengajar Logika Proses 1. Admin memilih menu data quiz.. 2. Sistem menampilkan form data quiz. 3. Admin melakukan tambah data quiz. 4. Sistem akan menampilkan form tambah data quiz. 5. Admin menambah data pengajar. 6. Sistem akan menyimpan data pengajar. 27 No Proses 6.2 Nama Proses Edit quiz Deskripsi mengubah data quiz yang dipilih Sumber Pengajar Masukan Data quiz Keluaran Info data quiz Tujuan Pengajar Logika Proses 1. Pengajar memilih menu bank soal. 2. Sistem menampilkan form pengolahan bank soal. 3. Guru melakukan pengolahan pada data bank soal. 4. Sistem menyimpan pengolahan data bank soal . 28 No Proses 6.3 Nama Proses Hapus quiz Deskripsi mengambil data quiz yang dipilih Sumber Siswa Masukan Data quiz Keluaran Info data quiz Tujuan Pengajar Logika Proses 1. Pengajar memilih menu bank soal. 2. Sistem menampilkan form pengolahan bank soal. 3. Guru melakukan pengolahan pada data bank soal. 4. Sistem menyimpan pengolahan data bank soal . 29 No Proses 8.1 Nama Proses Tambah forum Deskripsi mengambil data forum yang dipilih Sumber Siswa Masukan Data forum Keluaran Info data forum Tujuan Pengajar Logika Proses 1. Pengajar memilih menu bank soal. 2. Sistem menampilkan form pengolahan bank soal. 3. Guru melakukan pengolahan pada data bank soal. 4. Sistem menyimpan pengolahan data bank soal . 30 No Proses 8.2 Nama Proses Tambah forum Deskripsi mengambil data forum yang dipilih Sumber Siswa Masukan Data bank soal Keluaran Info data bank soal Tujuan Pengajar Logika Proses 1. Pengajar memilih menu bank soal. 2. Sistem menampilkan form pengolahan bank soal. 3. Guru melakukan pengolahan pada data bank soal. 4. Sistem menyimpan pengolahan data bank soal . 31 No Proses 8.3 Nama Proses Hapus forum Deskripsi mengambil data forum yang dipilih Sumber Siswa Masukan Data forum Keluaran Info data forum Tujuan Pengajar Logika Proses 1. Pengajar memilih menu bank soal. 2. Sistem menampilkan form pengolahan bank soal. 3. Guru melakukan pengolahan pada data bank soal. 4. Sistem menyimpan pengolahan data bank soal . 32 No Proses 9.1 Nama Proses Tambah Tryout Deskripsi mengambil data tryout yang dipilih Sumber Siswa Masukan Data tryout Keluaran Info data tryout Tujuan Pengajar Logika Proses 1. Pengajar memilih menu bank soal. 2. Sistem menampilkan form pengolahan bank soal. 3. Guru melakukan pengolahan pada data bank soal. 4. Sistem menyimpan pengolahan data bank soal . 33 No Proses 9.2 Nama Proses Edit tryout Deskripsi mengambil data tryout yang dipilih Sumber Siswa Masukan Data tryout Keluaran Info data tryout Tujuan Pengajar Logika Proses 1. Pengajar memilih menu bank soal. 2. Sistem menampilkan form pengolahan bank soal. 3. Guru melakukan pengolahan pada data bank soal. 4. Sistem menyimpan pengolahan data bank soal . 34 No Proses 9.3 Nama Proses Hapus tryout Deskripsi mengambil data tryout yang dipilih Sumber Siswa Masukan Data bank soal Keluaran Info data bank soal Tujuan Pengajar Logika Proses 1. Pengajar memilih menu bank soal. 2. Sistem menampilkan form pengolahan bank soal. 3. Guru melakukan pengolahan pada data bank soal. 4. Sistem menyimpan pengolahan data bank soal . 35 No Proses 11.1 Nama Proses Tambah bank soal Deskripsi mengambil data bank soal yang dipilih Sumber Siswa Masukan Data bank soal Keluaran Info data bank soal Tujuan Pengajar Logika Proses 1. Pengajar memilih menu bank soal. 2. Sistem menampilkan form pengolahan bank soal. 3. Guru melakukan pengolahan pada data bank soal. 4. Sistem menyimpan pengolahan data bank soal . 36 No Proses 11.2 Nama Proses Edit bank soal Deskripsi mengambil data bank soal yang dipilih Sumber Siswa Masukan Data bank soal Keluaran Info data bank soal Tujuan Pengajar Logika Proses 1. Pengajar memilih menu bank soal. 2. Sistem menampilkan form pengolahan bank soal. 3. Guru melakukan pengolahan pada data bank soal. 4. Sistem menyimpan pengolahan data bank soal . 37 No Proses 11.3 Nama Proses Hapus bank soal Deskripsi mengambil data bank soal yang dipilih Sumber Siswa Masukan Data bank soal Keluaran Info data bank soal Tujuan Pengajar Logika Proses 1. Pengajar memilih menu bank soal. 2. Sistem menampilkan form pengolahan bank soal. 3. Guru melakukan pengolahan pada data bank soal. 4. Sistem menyimpan pengolahan data bank soal . III.1.6. Kamus Data Kamus data merupakan sebuah daftar yang tersusun dari elemen data yang berhubungan dengan sistem. Kamus data dibuat berdasarkan arus data yang ada di Diagram Flow Data DFD. Nama aliran data Data Admin Deskripsi Berisi data yang digunakan admin untuk login Struktur data id_admin+username+nama_lengkap+level+alamat+ no_tlp+email Id_admin Username Nama_lengkap Level Alamat No_tlp email {0..9} {0..9|A..Z} {a..z|A..Z} {0..9} {0..9|a..z|A..Z} {0..9} {0..9|a..z|A..Z} Nama aliran data Data pengajar Deskripsi Berisi data yang digunakan guru untuk login Struktur data nip+nip+nama_lengkap+user_login+ password_login+ level+ alamat+ tempat_lahir+ tgl_lahir+ jenis_kelamin,agama, no_tlp, email, foto, website, blokir nip nama_lengkap username_login password_login level alamat tempat_lahir tgl_lahir jenis_kelamin agama no_tlp email foto website blokir status_ol {a..z|A..Z} {a..z|A..Z} {0..9} {0..9|a..z|A..Z} {a..z|A..Z} {0..9} {0..9|a..z|A..Z} {a..z|A..Z} {0..9|a..z|A..Z} {0..9|a..z|A..Z} {0..9} {0..9|a..z|A..Z} {jpeg} {0..9|a..z|A..Z} {a..z|A..Z} {a..z|A..Z} Nama aliran data Data siswa Deskripsi Berisi data yang digunakan siswa untuk login Struktur data nis+ nis+ nama_lengkap+ username_login+ password_login+ id_kelas+ alamat+ tempat_lahir+ tgl_lahir+ jenis_kelamin+ agama+ nama_ayah+ nama_ibu+ thn_masuk+ email+ no_tlp+ foto+ blokir+ level Nis idkelas nama_lengkap username_login password_login alamat tempat_lahir tgl_lahir jenis_kelamin agama nama_ayah nama_ibu th_masuk email no_tlp foto blokir level status_ol {0..9} {0..9|a..z|A..Z} {a..z|A..Z} {0..9|a..z|A..Z} {0..9} {a..z|A..Z} {a..z|A..Z} {0..9} {a..z|A..Z} {a..z|A..Z} {a..z|A..Z} {a..z|A..Z} {0..9} {0..9|a..z|A..Z} {0..9} {jpeg} {a..z|A..Z} {a..z|A..Z} {a..z|A..Z} Nama aliran data Data mata_pelajaran Deskripsi Berisi data pelajaran yang dibuat oleh admin yang bisa diakses oleh pengajar Struktur data Idmata_pelajaran+ nama+ deskripsi_mata_pelajaran Idmata_pelajaran nama deskripsi_matapela jaran {0..9} {a..z|A..Z} {0..9|a..z|A..Z} Nama aliran data Data kelas Deskripsi Berisi data kelas yang dibuat oleh admin yang bisa diakses oleh pengajar dan siswa Struktur data idkelas+ nama_kelas id_kelas nama {0..9} {0..9|a..z|A..Z} Nama aliran data Data tryout Deskripsi Berisi data tryout yang diikuti oleh siswa Struktur data id_tryout+ id_tt+ pertanyaan+ gambar+ pil_a+ pil_b+ pil_c+ pil_d+ kunci+ tgl_buat idtryout id_tt pertanyaan gambar pil_a pil_b pil_c pil_d kunci tgl_buat {0..9} {0..9} {0..9|a..z|A..Z} {jpeg | jpg | png | gif} {0..9|a..z|A..Z} {0..9|a..z|A..Z} {0..9|a..z|A..Z} {0..9|a..z|A..Z} {0..9|a..z|A..Z} {0..9} Nama aliran data Data Topik tryout Deskripsi Berisi data topik tryout yang dibuat oleh pegajar Struktur data id_tt+id_matapelajaran+judul+tgl_buat+pembuat+w aktu_pengerjaan+ info+ terbit idtt idmata_pelajaran judul tgl_buat waktu_pengerjaan info terbit {0..9} {0..9} {0..9|a..z|A..Z} {0..9} {0..9} {0..9|a..z|A..Z} {a..z|A..Z} Nama aliran data Data Topik quiz Deskripsi Berisi data topik quiz yang dibuat oleh pengajar Struktur data id_tq+id_matapelajaran+judul+tgl_buat+pembuat+w aktu_pengerjaan+ info+ terbit id_tq idmata_pelajaran judul tgl_buat waktu_pengerjaan info terbit {0..9} {0..9} {0..9|a..z|A..Z} {0..9} {0..9} {0..9|a..z|A..Z} {a..z|A..Z} Nama aliran data Data Quiz pilganda Deskripsi Berisi data quiz pilganda yang diikuti siswa Struktur data id_quiz_pilganda+ id_tq+ pertanyaan+ gambar+ pil_a+ pil_b+ pil_c+ pil_d+ kunci+ tgl_buat+ jenis_soal id_quiz_pilganda id_tq pertanyaan gambar pil_a pil_b pil_c pil_d kunci tgl_buat {0..9} {0..9} {0..9|a..z|A..Z} {jpeg | jpg | png | gif} {0..9|a..z|A..Z} {0..9|a..z|A..Z} {0..9|a..z|A..Z} {0..9|a..z|A..Z} {0..9|a..z|A..Z} {0..9} Nama aliran data Data quiz esay Deskripsi Berisi data data quiz esay yang diikuti siswa Struktur data id_quiz_esay+ id_tq+ pertanyaan+ gambar+ tgl_buat+ jenis_soal idquiz id_tq pertanyaan gambar tgl_buat {0..9} {0..9} {0..9|a..z|A..Z} {jpeg | jpg | png | gif} {0..9} Nama aliran data Data topik banksoal Deskripsi Berisi data topik tryout yang dibuat oleh pegajar Struktur data idbs+ id_matapelajaran+ judul+ tgl_buat+ pembuat+ waktu_pengerjaan+ info+ terbit idbs idmata_pelajaran judul tgl_buat waktu_pengerjaan info terbit {0..9} {0..9} {0..9|a..z|A..Z} {0..9} {0..9} {0..9|a..z|A..Z} {a..z|A..Z} Nama aliran data Data materi Deskripsi Berisikan data file materi yang dibuat oleh pengajar yang nantinya dapat di unduh siswa Struktur data idmateri + judul+ id_matapelajaran+ nama_file+ tgl_posting+ pembuat+ hits idmateri id_matapelajaran judul {0..9} {0..9} {0..9|a..z|A..Z} nama_file tgl_posting pembuat hits {0..9|a..z|A..Z} {0..9} {a..z|A..Z} {0..9} Nama aliran data Data Forum Deskripsi Berisikan data forum Struktur data id_forum+ id_kelas+ nip+ nis+ topik+ isi+ tanggal id_forum id_kelas nip nis topik isi tanggal {0..9} {0..9} {0..9} {0..9} {0..9|a..z|A..Z} {0..9|a..z|A..Z} {0..9} Nama aliran data Data Reply Deskripsi Berisikan data reply Struktur data idreply, isi_balasan, id_forum, nis, nip idreply isi_balasan idforum nis nip {0..9} {0..9|a..z|A..Z} {0..9} {0..9} {0..9} Nama aliran data Data Pengumuman Deskripsi Berisikan data pengumuman Struktur data id_pengumuman, nip, id_kelas, judul_pengumuman, isi_pengumuman, tanggal, terbit id_pengumuman nip idkelas judul_pengumuma n isi_pengumuman tanggal terbit {0..9} {0..9} {0..9} {0..9|a..z|A..Z} {0..9|a..z|A..Z} {0..9} {a..z|A..Z} III.1.7. Skema Relasi Skema relasi merupakan rangkaian hubungan dua tabel atau lebih pada sistem database. Gambar berikut ini merupakan penjelasan rangkaian database pada sistem e-learning di Lembaga Pendidikan Progressio. dapat di lihat pada gambar skema relasi Gambar III-16. Gambar III-16 Sekema Relasi III.2. Perancangan Sistem Perancangan sistem dimulai setelah tahap analisis terhadap sistem telah dilakukan.Perancangan dapat didefinisikan sebagai penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi. Tahap ini menyangkut konfirmasi dari komponen-komponen perangkat lunak dan perangkat keras dari suatu sistem sehingga setelah instalansi dari sistem akan benar-banar memuaskan dari rancang bangun yang telah ditetapkan pada tahap akhir analisis sistem. III.2.1. Perancangan Struktur Tabel Tabel adalah sekumpulan info atau informasi atau informasi spesifik tentang subjek tertentu yang disusun dalam bentuk kolom dan baris. Tabel adalah komponen utama dan pertama dari sebuah database. Struktur tabel menggambarkan detail tabel yang berisi field, tipe data, panjang data, dan keterangan lainnya. Adapun tabel-tabel yang digunakan dalam database e-learning ini dapat dilihat di tabel III-2 sampai dengan tabel III- 20.

1. Tabel Pengajar

Tabel III-2 Tabel pengajar Nama Field Tipe Data Panjang Keterangan Nip Varchar 7 Primary Key Nama_lengkap Varchar 50 Not Null Username_login Varchar 45 Password_login Varchar 45 Level Varchar 45 Alamat text Tempat_lahir Varchar 100 Tgl_lahir date Jenis_kelamin enum ‘L’,’P’ Agama Varchar 20 No_telp Varchar 20 Email Foto Varchar 30 Website Varchar 100 Blokir enum ‘Y’,’N’ Status_ol enum ‘Y’,’T’

2. Tabel Siswa

Tabel III-3 Tabel siswa Nama Field Tipe Data Panjang Keterangan Nis Varchar 7 Primary Key Idkelas Varchar 9 Foreign Key References to kelas.idkelas Nama_lengkap Varchar 50 Username_login Varchar 50 Password_login Varchar 50 Alamat Varchar 150 Tempat_lahir Varchar 100 Tgl_lahir Date Jenis_kelamin Enum ‘L’,’P’ Agama Varchar 20 Nama_ayah Varchar 100 Nama_ibu Varchar 100 Th_masuk Varchar 4 Email Varchar 50 No_tlp Varchar 20 Foto Varchar 150 Blokir Enum ‘Y’,’N’ Level Varchar 20 Status_ol Enum ‘Y’,’N

3. Tabel Kelas

Tabel III-4 Tabel Kelas Nama Field Tipe Data Panjang Keterangan Idkelas varchar 10 Primary key nama_kelas Varchar 100

4. Tabel Mata Pelajaran

Tabel III-5 Tabel Mata Pelajaran Nama Field Tipe Data Panjang Keterangan Id_matapelajaran Int 10 Primary key nama Varchar 100 Deskripsi _matapelajaran Varchar 45

5. Tabel Materi

Tabel III-6 Tabel file materi Nama Field Tipe Data Panjang Keterangan Idmateri integer 5 Primary key Judul Varchar 100 Id_matapelajaran Varchar 10 Foreign key references to mata_pelajaran.id_m atapelajaran Nama_file Varchar 100 Tgl_posting date hists integer 3

6. Tabel Forum

Tabel III-7 Tabel Forum Nama Field Tipe Data Panjang Keterangan Id_forum integer 5 Primary key nip integer 9 Foreign Key References to pengajar.idpengajar nis integer 9 Foreign Key References to siswa.nis Topik Varchar 255 isi Text tanggal date

7. Tabel Topik Quiz

Tabel III-8 Tabel topik quiz Nama Field Tipe Data Panjang Keterangan Id_tq integer 9 Primary key Id_matapelajaran Varchar 10 Foreign Key References to mata_pelajaran.id_m atapelajaran Judul Varchar 150 Tgl_buat Date Waktu_pengerjaa n integer 50 Info Varchar 50 Terbit Enum ‘Y’,’N’

8. Tabel Quis Esay

Tabel III-9 Tabel quiz esay Nama Field Tipe Data Panjang Keterangan Id_quiz integer 9 Primary key Id_tq integer 9 Foreign Key References to topik_quiz.id_tq Pertanyaan Text Gambar Varchar 100 Tgl_buat Date

9. Tabel Quiz Pilganda

Tabel III-10 Tabel quiz pilihan ganda Nama Field Tipe Data Panjang Keterangan Idquiz_pilganda Integer 10 Primary key Id_tq Integer 9 Foreign Key References to topiz_quiz.id_tq Pertanyaan text Gambar Varchar 100 Pil_a text Pil_b text Pil_c text Pil_d text Kunci Varchar 1

10. Tabel Nilai_quiz

Tabel III-11 Tabel nilai Nama Field Tipe Data Panjang Keterangan Idnilai_quiz integer 50 Primary key nis integer 9 Foreign key references to siswa.nis Id_tq integer 50 Foreign key references to topik_quiz.id_tq Benar integer 10 Salah integer 10 Tidak_kerjakan integer 50 persantase integer 3

11. Tabel Reply

Tabel III-12 Tabel Reply Nama Field Tipe Data Panjang Keterangan Id_reply Varchar 20 Primary key Id_forum Date 9 Foreign Key References to forum.id_forum Isi_balasan integer 50 nis Varchar 1 Foreign Key References to siswa.nis nip Foreign Key References to pengajar.nip 12.

13. Tabel mp_yangdiampu

Tabel III-13 Tabel mp_yangdiampu Nama Field Tipe Data Panjang Keterangan Id_mpyangdiamp u Int Primary Key nip Foreign Key References to pengajar.nip Id_matapelajaran Int Foreign Key References to mata_pelajaran.id_m atapelajaran Idkelas Varchar 7 Foreign Key References to kelas.idkelas

14. Tabel Nilai

Tabel III-14 Nilai Nama Field Tipe Data Panjang Keterangan Id_nilai Int Primary Key Nis Foreign Key References to siswa.nis Idmata_pelajaran Int Foreign Key References to mata_pelajaran.id_m atapelajaran Nilai Decimal

15. Tabel Pengumuman

Tabel III-15 Pengumuman Nama Field Tipe Data Panjang Keterangan Idpengumuman Int Primary Key Nip int Idkelas Varchar 7 Foreign Key References to kelas.idkelas Judul_pengumuman Varchar 45 Isi_pengumuman Text Tanggal Date Terbit Enum ‘Y’,’N’

16. Tabel Nilai Tryout

Tabel III-16 Nilai Tryout Nama Field Tipe Data Panjang Keterangan Idnilai_tryout Int Primary Key Nis Varchar 7 Foreign Key references to siswa.nis Id_tt Int Foreign Key References to topik_tryout.id_tt Nilai Decimal

17. Tabel Topik_tryout

Tabel III-17 Topik_tryout Nama Field Tipe Data Panjang Keterangan Id_tt Int Primary Key Idmata_pelajaran Int Foreign Key References to mata_pelajaran.idma ta_pelajaran Judul Varchar 45 Tgl_buat Date Waktu_pengerjaan Int Info Text Terbit Enum ‘Y’,’N’

18. Tabel topik_banksoal

Tabel III-18 Topik_banksoal Nama Field Tipe Data Panjang Keterangan idbs int Primary key Idmata_pelajaran int judul varchar 100 Tgl_buat date Waktu_pengerjaan int Info text terbit enum ‘Y’,’N’

19. Tabel bank_soal

Tabel III-19 bank_soal Nama Field Tipe Data Panjang Keterangan Idbank_soal int Primary key Idbs int Pertanyaan text Gambar varchar 45 Pil_a text Pil_b text Pil_c text Pil_d text kunci varchar 1

20. Tabel tryout

Tabel III-20 Tabel tryout Nama Field Tipe Data Panjang Keterangan Idtryout Int Primary key Id_tt Int Pertanyaan Text Gambar Varchar 100 Pil_a Text Pil_b Text Pil_c Text Pil_d Text Kunci Varchar 1 Tgl_buat Date III.2.2. Perancangan Kode Kode yang akan digunakan dalam sistem yang akan dibangun adalah kode untuk nis siswa dan nip untuk pengajar. 1. Kode Nis Siswa 06 12 01 Menandakan no. urut Menandakan tahun masuk Menandakan kelas Contoh : 091201 berarti kode nis siswa disamping menandakan bahwa siswa tersebut berada di kelas 3 smp, masuk pada tahun 2012 dan bernomor urut 1. 2. Kode Nip Pengajar 12 01 Menandakan no.urut Menandakan tahun masuk di Progressio Contoh : 1201 berarti kode nip pengajar di samping menandakan bahwa pengajar tersebut bergabung dengan Progressio di tahun 2012 dan bernomor urut 1 3. Kode kelas VI SD Menandakan tingkatan Menandakan kelas Contoh : VISD berarti kode kelas di samping menandakan bahwa kelas tersebut berada pada kelas 6 dengan tingkatan sekolah dasar SD. III.2.3. Perancangan Struktur Menu Berikut ini adalah perancagan struktur menu E-learning Pada Lembaga Pendidikan Progressio. 1. Struktur Menu Admin Login Menu Siswa Kelas Mata Pelajaran Materi quiz forum view Tambah Ubah Hapus Gambar III-17 Menu Admin 2. Struktur Menu Pengajar Login Menu Kelas Mata Pelajaran Materi Quiz Forum Profile view Tambah Ubah Hapus Gambar III-18 Menu Pengajar 3. Stuktur Menu Siswa Login Menu Profile Kelas Mata Pelajaran Materi Quiz view Ubah Nilai Gambar III-19 Menu siswa III.2.4. Perancangan Antar Muka Interface atau antar muka merupakan tampilan dari suau program aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog antara program dengan user. Sistem yang akan dibangun diharapkan menyediakan interface yang mudah dipahami dan digunakan oleh user, Perancangan interface untuk aplikasi E-Learning di Lembaga Pendidikan Progressio adalah sebagai berikut. 1. Perancangan halaman login admin Keterangan : Tipeukuran font : Arial Narrow 8, 10, 12 Warna latar : Hitam, abu abu Ukuran layar : 1024 x 720 px E-learning Lembaga Pendidika Progressio EA01 · Klik View site untuk masuk ke ES01 · Klik login untuk masuk ke EA02 kalau login sebagai admin · Kilik login untuk masuk ke EP02 Kalau login sebagai pengajar View site Login admin Login Reset username password Gambar III-20 Hawalan login admin 2. Perancangan halaman utama login EA02 ADMINISTRATOR E-learning Lembaga Pendidikan Progressio · Klik homeberanda untuk ke EA02 · Klik administrator untuk masuk ke EA03 · Klik pengajar untuk masuk ke EA04 · Kilk siswamanajemen siswa untuk masuk ke EA05 · Klik module untuk masuk ke EA06 · Klik kelas manajemen kelas untuk masuk ke EA07 · Klik mata pelajaran untuk masuk ke EA08 · Klik materi untuk masuk ke EA09 · Klik quiz manajemen quiz untuk masuk ke EA10 · Klik forum untuk masuk ke EA11 · Klik logout untuk masuk ke EA01 Keterangan : Tipeukuran font : Arial Narrow 8, 10, 12 Warna latar : Hitam, abu-abu Ukuran layar : 1024 x 720 px Beranda Management Users Setting Setting Ukuran Logout home admini strator pengaj ar siswa Mata pelajar an materi Quiz Forum modul e logout kelas Menu Utama Quick link Administrator Manajemen siswa Manajemen kelas Mata pelajaran Materi Manajemen quiz Registrasi siswa Forum Pengolahan tryout Bank soal Gambar III-21 Halaman utama login admin 3. Perancangan halaman pengolahan admin EA03 ADMINISTRATOR E-learning Lembaga Pendidikan Progressio · Klik homeberanda untuk ke EA02 · Klik administrator untuk masuk ke EA03 · Klik pengajar untuk masuk ke EA04 · Kilk siswamanajemen siswa untuk masuk ke EA05 · Klik module untuk masuk ke EA06 · Klik kelas manajemen kelas untuk masuk ke EA07 · Klik mata pelajaran untuk masuk ke EA08 · Klik materi untuk masuk ke EA09 · Klik quiz manajemen quiz untuk masuk ke EA10 · Klik forum untuk masuk ke EA11 · Klik logout untuk masuk ke EA01 Keterangan : Tipeukuran font : Arial Narrow 8, 10, 12 Warna latar : Hitam, abu-abu Ukuran layar : 1024 x 720 px Beranda Management Users Setting Setting Ukuran Logout Menu Utama Administrator Manajemen Administrator Tambah Administrator No Username nama Alamat Email TlpnHP Blokir Aksi Manajemen siswa Manajemen kelas Mata pelajaran Materi Manajemen quiz Registrasi siswa Forum Pengolahan tryout Bank soal Gambar III-22 Halaman pengolahan admin 4. Perancangan halaman Pengolahan pengajar EA04 ADMINISTRATOR E-learning Lembaga Pendidikan Progressio · Klik homeberanda untuk ke EA02 · Klik administrator untuk masuk ke EA03 · Klik pengajar untuk masuk ke EA04 · Kilk siswamanajemen siswa untuk masuk ke EA05 · Klik module untuk masuk ke EA06 · Klik kelas manajemen kelas untuk masuk ke EA07 · Klik mata pelajaran untuk masuk ke EA08 · Klik materi untuk masuk ke EA09 · Klik quiz manajemen quiz untuk masuk ke EA10 · Klik forum untuk masuk ke EA11 · Klik logout untuk masuk ke EA01 Keterangan : Tipeukuran font : Arial Narrow 8, 10, 12 Warna latar : Hitam, abu-abu Ukuran layar : 1024 x 720 px Beranda Management Users Setting Setting Ukuran Logout Menu Utama Administrator Manajemen pengajar Tambah Pengajar No Username nama Blokir Aksi Nip Manajemen siswa Manajemen kelas Mata pelajaran Materi Manajemen quiz Registrasi siswa Forum Pengolahan tryout Bank soal Gambar III-23 Halaman pengolahan pengajar 5. Perancangan halaman pengolahan siswa EA05 ADMINISTRATOR E-learning Lembaga Pendidikan Progressio · Klik homeberanda untuk ke EA02 · Klik administrator untuk masuk ke EA03 · Klik pengajar untuk masuk ke EA04 · Kilk siswamanajemen siswa untuk masuk ke EA05 · Klik module untuk masuk ke EA06 · Klik kelas manajemen kelas untuk masuk ke EA07 · Klik mata pelajaran untuk masuk ke EA08 · Klik materi untuk masuk ke EA09 · Klik quiz manajemen quiz untuk masuk ke EA10 · Klik forum untuk masuk ke EA11 · Klik logout untuk masuk ke EA01 Keterangan : Tipeukuran font : Arial Narrow 8, 10, 12 Warna latar : Hitam, abu-abu Ukuran layar : 1024 x 720 px Beranda Management Users Setting Setting Ukuran Logout Menu Utama Administrator Manajemen Siswa Tambah Siswa No Kelas nama Blokir Aksi Nis Jenis Kelamin Manajemen siswa Manajemen kelas Mata pelajaran Materi Manajemen quiz Registrasi siswa Forum Pengolahan tryout Bank soal Gambar III-24 Halaman pengolahan siswa 6. Perancangan halaman pengolahan modul EA06 ADMINISTRATOR E-learning Lembaga Pendidikan Progressio · Klik homeberanda untuk ke EA02 · Klik administrator untuk masuk ke EA03 · Klik pengajar untuk masuk ke EA04 · Kilk siswamanajemen siswa untuk masuk ke EA05 · Klik module untuk masuk ke EA06 · Klik kelas manajemen kelas untuk masuk ke EA07 · Klik mata pelajaran untuk masuk ke EA08 · Klik materi untuk masuk ke EA09 · Klik quiz manajemen quiz untuk masuk ke EA10 · Klik forum untuk masuk ke EA11 · Klik logout untuk masuk ke EA01 Keterangan : Tipeukuran font : Arial Narrow 8, 10, 12 Warna latar : Hitam, abu-abu Ukuran layar : 1024 x 720 px Beranda Management Users Setting Setting Ukuran Logout Menu Utama Administrator Manajemen Modules Tambah modul No Link Aktif Aksi Nama Modul Publish Status Manajemen siswa Manajemen kelas Mata pelajaran Materi Manajemen quiz Registrasi siswa Forum Pengolahan tryout Bank soal Gambar III-25 Halaman pengolahan modul 7. Perancangan halaman pengolahan kelas EA07 ADMINISTRATOR E-learning Lembaga Pendidikan Progressio · Klik homeberanda untuk ke EA02 · Klik administrator untuk masuk ke EA03 · Klik pengajar untuk masuk ke EA04 · Kilk siswamanajemen siswa untuk masuk ke EA05 · Klik module untuk masuk ke EA06 · Klik kelas manajemen kelas untuk masuk ke EA07 · Klik mata pelajaran untuk masuk ke EA08 · Klik materi untuk masuk ke EA09 · Klik quiz manajemen quiz untuk masuk ke EA10 · Klik forum untuk masuk ke EA11 · Klik logout untuk masuk ke EA01 Keterangan : Tipeukuran font : Arial Narrow 8, 10, 12 Warna latar : Hitam, abu-abu Ukuran layar : 1024 x 720 px Beranda Management Users Setting Setting Ukuran Logout Menu Utama Administrator Manajemen kelas Tambah kelas No kelas Aksi Id kelas Manajemen siswa Manajemen kelas Mata pelajaran Materi Manajemen quiz Registrasi siswa Forum Pengolahan tryout Bank soal Gambar III-26 Halaman pengolahan kelas 8. Perancangan halaman pengolahan mata pelajaran EA08 ADMINISTRATOR E-learning Lembaga Pendidikan Progressio · Klik homeberanda untuk ke EA02 · Klik administrator untuk masuk ke EA03 · Klik pengajar untuk masuk ke EA04 · Kilk siswamanajemen siswa untuk masuk ke EA05 · Klik module untuk masuk ke EA06 · Klik kelas manajemen kelas untuk masuk ke EA07 · Klik mata pelajaran untuk masuk ke EA08 · Klik materi untuk masuk ke EA09 · Klik quiz manajemen quiz untuk masuk ke EA10 · Klik forum untuk masuk ke EA11 · Klik logout untuk masuk ke EA01 Keterangan : Tipeukuran font : Arial Narrow 8, 10, 12 Warna latar : Hitam, abu-abu Ukuran layar : 1024 x 720 px Beranda Management Users Setting Setting Ukuran Logout Menu Utama Administrator Manajemen Mata Pelajaran Tambah Mata Pelajaran No Nama Pengajar Aksi Id Mapel Kelas Deskripsi Manajemen siswa Manajemen kelas Mata pelajaran Materi Manajemen quiz Registrasi siswa Forum Pengolahan tryout Bank soal Gambar III-27 Halaman pengolahan mata pelajaran 9. Perancangan halaman pengolahan materi EA09 ADMINISTRATOR E-learning Lembaga Pendidikan Progressio · Klik homeberanda untuk ke EA02 · Klik administrator untuk masuk ke EA03 · Klik pengajar untuk masuk ke EA04 · Kilk siswamanajemen siswa untuk masuk ke EA05 · Klik module untuk masuk ke EA06 · Klik kelas manajemen kelas untuk masuk ke EA07 · Klik mata pelajaran untuk masuk ke EA08 · Klik materi untuk masuk ke EA09 · Klik quiz manajemen quiz untuk masuk ke EA10 · Klik forum untuk masuk ke EA11 · Klik logout untuk masuk ke EA01 Keterangan : Tipeukuran font : Arial Narrow 8, 10, 12 Warna latar : Hitam, abu-abu Ukuran layar : 1024 x 720 px Beranda Management Users Setting Setting Ukuran Logout Menu Utama Administrator Manajemen Materi Tambah Materi No kelas Nama file Aksi judul pelajaran Deskripsi Manajemen siswa Manajemen kelas Mata pelajaran Materi Manajemen quiz Registrasi siswa Forum Pengolahan tryout Bank soal Gambar III-28 Halaman pengolahan materi 10. Perancangan halaman pengolahan forum EA11 ADMINISTRATOR E-learning Lembaga Pendidikan Progressio · Klik homeberanda untuk ke EA02 · Klik administrator untuk masuk ke EA03 · Klik pengajar untuk masuk ke EA04 · Kilk siswamanajemen siswa untuk masuk ke EA05 · Klik module untuk masuk ke EA06 · Klik kelas manajemen kelas untuk masuk ke EA07 · Klik mata pelajaran untuk masuk ke EA08 · Klik materi untuk masuk ke EA09 · Klik quiz manajemen quiz untuk masuk ke EA10 · Klik forum untuk masuk ke EA11 · Klik logout untuk masuk ke EA01 Keterangan : Tipeukuran font : Arial Narrow 8, 10, 12 Warna latar : Hitam, abu-abu Ukuran layar : 1024 x 720 px Beranda Management Users Setting Setting Ukuran Logout Menu Utama Administrator Manajemen forum Tambah forum No kelas Nama file Aksi judul pelajaran Deskripsi Manajemen siswa Manajemen kelas Mata pelajaran Materi Manajemen quiz Registrasi siswa Forum Pengolahan tryout Bank soal Gambar III-29 Halaman pengolahan forum 11. Perancangan Halaman login siswa ES01 · Klik login untuk ke ES02 · Klik Lupa password untuk masuk ke Keterangan : Tipeukuran font : Arial Narrow 8, 10, 12 Warna latar : Hitam, abu-abu Ukuran layar : 1024 x 720 px LOGO LEMBAGA PENDIDIKAN PROGRESSIO maju meraih prestasi Username password LOGIN LUPA PASSWORD Gambar III-30 Halaman login siswa 12. Perancangan halaman menu utama siswa ES02 · Klik beranda untuk ke ES02 · Klik keluar Akan menuju ke ES01 · Klik Kelas anda untuk masuk ke ES03 · Kilk Mata pelajaran untuk masuk ke ES04 · Klik materi untuk masuk ke ES05 · Klik Tugas qiuz untuk masuk ke ES06 · Klik nilai untuk masuk ke ES07 · Klik forum untuk masuk ke ES08 · Klik Edit profil untuk masuk ke ES09 · Klik Edit username password untuk masuk ke ES10 Keterangan : Tipeukuran font : Arial Narrow 8, 10, 12 Warna latar : Hitam, abu-abu Ukuran layar : 1024 x 720 px MENU UTAMA · Kelas anda · Mata pelajaran · Materi · Tugas Quiz · Nilai · Forum ACCOUNT · Edit Profil · Edit Username Password CHATTING Hai Adit Selamat datang di lembaga pendidikan progressio Taggal LOGIN Selamat datang Adit Beranda Selamat sore Keluar Gambar III-31 Halaman menu utama siswa 13. Perancangan halaman menu kelas ES03 · Klik beranda untuk ke ES02 · Klik keluar Akan menuju ke ES01 · Klik Kelas anda untuk masuk ke ES03 · Kilk Mata pelajaran untuk masuk ke ES04 · Klik materi untuk masuk ke ES05 · Klik Tugas qiuz untuk masuk ke ES06 · Klik nilai untuk masuk ke ES07 · Klik forum untuk masuk ke ES08 · Klik Edit profil untuk masuk ke ES09 · Klik Edit username password untuk masuk ke ES10 · Klik edit kelas masuk ke ES11 · Klik lihat teman masuk ke ES12 Keterangan : Tipeukuran font : Arial Narrow 8, 10, 12 Warna latar : Hitam, abu-abu Ukuran layar : 1024 x 720 px MENU UTAMA · Kelas anda · Mata pelajaran · Materi · Tugas Quiz · Nilai · Forum ACCOUNT · Edit Profil · Edit Username Password CHATTING Kelas yang anda ikuti Selamat datang Adit Beranda Selamat sore Keluar No Kelas Aksi 1 XIIA-1 Edit kelas Lihat teman Gambar III-32 Halaman menu kelas 14. Perancangan halaman menu mata pelajaran ES04 · Klik beranda untuk ke ES02 · Klik keluar Akan menuju ke ES01 · Klik Kelas anda untuk masuk ke ES03 · Kilk Mata pelajaran untuk masuk ke ES04 · Klik materi untuk masuk ke ES05 · Klik Tugas qiuz untuk masuk ke ES06 · Klik nilai untuk masuk ke ES07 · Klik forum untuk masuk ke ES08 · Klik Edit profil untuk masuk ke ES09 · Klik Edit username password untuk masuk ke ES10 · Klik edit kelas masuk ke ES11 · Klik lihat teman masuk ke ES12 Keterangan : Tipeukuran font : Arial Narrow 8, 10, 12 Warna latar : Hitam, abu-abu Ukuran layar : 1024 x 720 px MENU UTAMA · Kelas anda · Mata pelajaran · Materi · Tugas Quiz · Nilai · Forum ACCOUNT · Edit Profil · Edit Username Password CHATTING Daftar mata pelajaran di kelas anda Selamat datang Adit Beranda Selamat sore Keluar No Nama Pengajar Deskripsi Gambar III-33 Halaman menu mata pelajaran 15. Perancangan halaman menu materi ES05 · Klik beranda untuk ke ES02 · Klik keluar Akan menuju ke ES01 · Klik Kelas anda untuk masuk ke ES03 · Kilk Mata pelajaran untuk masuk ke ES04 · Klik materi untuk masuk ke ES05 · Klik Tugas qiuz untuk masuk ke ES06 · Klik nilai untuk masuk ke ES07 · Klik forum untuk masuk ke ES08 · Klik Edit profil untuk masuk ke ES09 · Klik Edit username password untuk masuk ke ES10 · Klik edit kelas masuk ke ES11 · Klik lihat teman masuk ke ES12 Keterangan : Tipeukuran font : Arial Narrow 8, 10, 12 Warna latar : Hitam, abu-abu Ukuran layar : 1024 x 720 px MENU UTAMA · Kelas anda · Mata pelajaran · Materi · Tugas Quiz · Nilai · Forum ACCOUNT · Edit Profil · Edit Username Password CHATTING Materi Selamat datang Adit Beranda Selamat sore Keluar No Mata Pelajaran Materi Gambar III-34 Halaman menu materi 16. Perancangan halaman menu forum ES08 · Klik beranda untuk ke ES02 · Klik keluar Akan menuju ke ES01 · Klik Kelas anda untuk masuk ke ES03 · Kilk Mata pelajaran untuk masuk ke ES04 · Klik materi untuk masuk ke ES05 · Klik Tugas qiuz untuk masuk ke ES06 · Klik nilai untuk masuk ke ES07 · Klik forum untuk masuk ke ES08 · Klik Edit profil untuk masuk ke ES09 · Klik Edit username password untuk masuk ke ES10 · Klik edit kelas masuk ke ES11 · Klik lihat teman masuk ke ES12 Keterangan : Tipeukuran font : Arial Narrow 8, 10, 12 Warna latar : Hitam, abu-abu Ukuran layar : 1024 x 720 px MENU UTAMA · Kelas anda · Mata pelajaran · Materi · Tugas Quiz · Nilai · Forum ACCOUNT · Edit Profil · Edit Username Password CHATTING Tambah Forum Selamat datang Adit Beranda Selamat sore Keluar No Kelas Pembuat Topik Isi Tanggal Aksi 1 12ipa1 Test Isi Edit | Delete FORUM Siswa Gambar III-35 Halaman menu materi 17. Perancangan halaman edit profil ES09 · Klik beranda untuk ke ES02 · Klik keluar Akan menuju ke ES01 · Klik Kelas anda untuk masuk ke ES03 · Kilk Mata pelajaran untuk masuk ke ES04 · Klik materi untuk masuk ke ES05 · Klik Tugas qiuz untuk masuk ke ES06 · Klik nilai untuk masuk ke ES07 · Klik forum untuk masuk ke ES08 · Klik Edit profil untuk masuk ke ES09 · Klik Edit username password untuk masuk ke ES10 · Klik edit kelas masuk ke ES11 · Klik lihat teman masuk ke ES12 · Klik edit profil masuk ke ES13 Keterangan : Tipeukuran font : Arial Narrow 8, 10, 12 Warna latar : Hitam, abu-abu Ukuran layar : 1024 x 720 px MENU UTAMA · Kelas anda · Mata pelajaran · Materi · Tugas Quiz · Nilai · Forum ACCOUNT · Edit Profil · Edit Username Password CHATTING Selamat datang Adit Beranda Selamat sore Keluar Detail Siswa NIS : Nama : Kelas : Alamat : Tempat Lahir : Tanggal Lahir : Jenis Kelamin : Agama : Nama AyahWali : Nama Ibu : Tahun Masuk : E-Mail : No Telepon : Jabatan : Edit Prifil Gambar III-36 Halaman edit profil 18. Perancangan halaman edit username dan password ES09 · Klik beranda untuk ke ES02 · Klik keluar Akan menuju ke ES01 · Klik Kelas anda untuk masuk ke ES03 · Kilk Mata pelajaran untuk masuk ke ES04 · Klik materi untuk masuk ke ES05 · Klik Tugas qiuz untuk masuk ke ES06 · Klik nilai untuk masuk ke ES07 · Klik forum untuk masuk ke ES08 · Klik Edit profil untuk masuk ke ES09 · Klik Edit username password untuk masuk ke ES10 · Klik edit kelas masuk ke ES11 · Klik lihat teman masuk ke ES12 · Klik edit profil masuk ke ES13 · Klik update akan memperbaharui username dan password Keterangan : Tipeukuran font : Arial Narrow 8, 10, 12 Warna latar : Hitam, abu-abu Ukuran layar : 1024 x 720 px MENU UTAMA · Kelas anda · Mata pelajaran · Materi · Tugas Quiz · Nilai · Forum ACCOUNT · Edit Profil · Edit Username Password CHATTING Selamat datang Adit Beranda Selamat sore Keluar Edit Accounnt Login Username : Password : Update Gambar III-37 Halaman edit username dan password III.2.5. Perancangan Pesan Berikut ini merupakan form perancangan pesan 1. Perancangan pesan data tidak boleh kosong dapat dilihat pada Gambar III- 39. Data tidak boleh kosong M01 Gambar III-38 M01 Pesan Data Tidak Boleh Kosong 2. Perancangan pesan username atau password salah dapat dilihat pada Gambar III-40. username atau password salah M02 Gambar III-39 Perancangan M02 Pesan Username atau password salah 3. Perancangan pesan data berhasil disimpan dapat dilihat pada Gambar III- 41. Data berhasil disimpan M03 Gambar III-40 Perancangan M03 Pesan Data Berhasil Disimpan

4. Perancangan pesan data gagal disimpan dapat dilihat pada Gambar III-42.

Data gagal disimpan M04 Gambar III-41 Perancangan M04 Pesan Data Gagal Disimpan

5. Perancangan pesan data berhasil diubah dapat dilihat pada Gambar III-43.

Data berhasil diubah M05 Gambar III-42 Perancangan M05 Pesan Data Berhasil Diubah

6. Perancangan pesan data gagal diubah dapat dilihat pada Gambar III-44.

Data gagal diubah M06 Gambar III-43 Perancangan M06 Pesan Data Gagal Diubah 7. Perancangan pesan data berhasil dihapus dapat dilihat pada Gambar III- 45. Data berhasil dihapus M07 Gambar III-44 Perancangan M07 Pesan Data Berhasil Dihapus 8. Perancangan pesan data tidak bisa dihapus dapat dilihat pada Gambar III- 46. Data tidak bisa dihapus M08 Gambar III-45 Perancangan M08 Pesan Data Tidak Bisa Dihapus III.2.6. Jaringan Semantik Struktur aplikasi ini dibuat secara moduler, yaitu program dipecah menjadi modul-modul kecil yang mudah dibuat, mudah dites, dan mudah dimodifikasi. Dalam pembuatan e-learning ini menggunakan alat bantu bagan struktural yang disebut juga jaringan semantik. 1. Jaringan semantik untuk menu admin F11 M02 F08 F09 F10 F12 F13 F14 F15 M01 M03,M04 Gambar III-46 semantik admin 2. Jaringan semantik untuk menu Pengajar F19 F08 F16 F17 F26 F25 F23 F24 F18 F20 F22 F21 F27 M06,M07 M08 M05 Gambar III-47 semantik pengajar 3. Jaringan semantik untuk menu siswa F32 F08 F29 F30 F35 F34 F36 F31 F33 F37 M09 F38 F39 Gambar III-48 semantik siswa III.2.7. Prosedural Perancangan prosedural mentransformasi elemen-elemen struktural dari arsitektur program ke dalam suatu deskripsi prosedural dari komponen- omponen perangkat lunak. Adapun perancangan prosedural untuk aplikasi yang akan dibangun adalah sebagai berikut: 1. Prosedural Login, merupakan proses yang terjadi ketika user Admin, pengajar dan siswa akan mengakses aplikasi. Mulai Username, password, dan tipe pengguna Pengecekan data yang dimasukkan Cek data kosong Membandingkan username, password, dan tipe pengguna dengan database Username, password, dan tipe pengguna valid Selesai Tidak Ya Ya Tidak Tampil pesan data tidak boleh kosong Tampil pesan username atau password salah Menu utama masing-masing pengguna Tabel III-21 Prosedural login 2. Prosedural Tambah, prosedur ini dilakukan ketika pengguna akan melakukan penambahan data. Mulai Pengisian Data Pengecekan data yang diisi Cek data yang sudah tersimpan? Simpan data Selesai Tidak Ya Tampil pesan data sudah ada Tampil pesan data berhasil disimpan Tabel III-22 Prosedural Tambah 3. Prosedural Ubah, prosedur ini dilakukan ketika pengguna akan melakukan perubahan data. Mulai Cek data valid Selesai Tidak Ya Cari data Perubahan tersimpan Pengubahan data Tampil pesan data data tidak valid Data berhasil diubah Tabel III-23 Prosedural ubah 129

BAB IV IMPLEMENTASI DAN PENGUJIAN

Pada bab ini akan dilakukan implementasi dan pengujian tarhadap sistem yang baru. Tahap ini dilakukan setelah perancangan selesai dilakukan dan selanjutnya akan diimplementasikan pada bahasa pemrograman yang akan digunakan. Setelah implementasi maka dilakukan pengujian sistem yang baru dimana akan dilihat kekurangan-kekurangan pada aplikasi yang baru untuk pengembangan sistem selanjutnya. IV.1. Implementasi Setelah sistem dianalisis dan didesain secara rinci, maka selanjutnya akan menuju pada tahap implementasi. Tujuan implementasi adalah untuk mengkonfirmasikan modul program perancangan pada para pelaku sistem sehingga pengguna dapat memberikan masukan kepada pembangun sistem. Adapun spesifikasi perangkat keras yang digunakan untuk membangun sistem penjualan barang ini adalah sebagai berikut. Kebutuhan Perangkat Keras Perangkat keras yang diperlukan untuk mengimplementasikan perangkat lunak dari Pembangunan E-learning Berbasis Learning Management System Pada Lembaga Bimbingan Belajar PROGRESSIO. Adapun spesifikasi perangkat keras yang digunakan untuk membangun Sistem Pembangunan E-learning Berbasis Learning Management System Pada Lembaga Bimbingan Belajar PROGRESSIO terdapat pada Tabel IV-1 sebagai berikut. Tabel IV-1 Perangkat keras yang digunakan Perangkat Keras Spesifikasi Min Processor Kecepatan 1GHz RAM 128Mb Harddisk 20Gb Monitor Resolution 1024 x 768 VGA 32Mb Lan Card 10100 Mbps Koneksi Internet 64 Kbps Kebutuhan Perangkat Lunak Perangkat lunak yang digunakan untuk mengimplementasikan Sistem Pembangunan E-learning Berbasis Learning Management System Pada Lembaga Bimbingan Belajar PROGRESSIO terdapat pada Tabel IV-2 sebagai berikut. Tabel IV-2 Perangkat lunak yang digunakan Perangkat Lunak Spesifikasi Min Sistem Operasi Windows 7 Bahasa Pemrograman PHP 5.3.1 Web Server XAMPP version 1.7.3 Database Server MySQL Web Browser Mozilla firefox 3 Code Ubahor Macromedia Dreamweaver 8 Image Ubahor Adobe Photoshop CS3 DFD Modeler Ms. Visio 2007 Perancangan Basis Data Pembuatan database dilakukan dengan menggunakan aplikasi DBMS MySQL. Implementasi database dalam bahasa SQL adalah berikut. 1. Basis Data Kelas CREATE TABLE IF NOT EXISTS `elearning`.`kelas` `idkelas` VARCHAR7 NOT NULL , `nama_kelas` VARCHAR10 NULL , PRIMARY KEY `idkelas` ENGINE = InnoDB; 2. Basis Data Siswa CREATE TABLE IF NOT EXISTS `elearning`.`siswa` `nis` INT NOT NULL , `idkelas` VARCHAR7 NOT NULL , `nama_lengkap` VARCHAR60 NULL , `username_login` VARCHAR45 NULL , `password_login` VARCHAR50 NULL , `alamat` TEXT NULL , `tempat_lahir` VARCHAR45 NULL , `tgl_lahir` DATE NULL , `jenis_kelamin` ENUML,P NULL , `agama` VARCHAR20 NULL , `nama_ayah` VARCHAR45 NULL , `nama_ibu` VARCHAR45 NULL , `th_masuk` VARCHAR4 NULL , `email` VARCHAR50 NULL , `no_telp` VARCHAR20 NULL , `foto` VARCHAR45 NULL , `blokir` ENUMY,N NULL , `id_session` VARCHAR45 NULL , `id_session_soal` VARCHAR45 NULL , `level` VARCHAR20 NULL , `status_ol` ENUMY,T NULL , PRIMARY KEY `nis` , INDEX `fk_siswa_kelas1` `idkelas` ASC , CONSTRAINT `fk_siswa_kelas1` FOREIGN KEY `idkelas` REFERENCES `elearning`.`kelas` `idkelas` ON DELETE NO ACTION ON UPDATE NO ACTION ENGINE = InnoDB;