Desain Website Desain Aplikasi

Yang terakhir yaitu tabel artikel yang berisikan id artikel, judul dan keterangan, tabel ini berfungsi menyimpan artikel yang nantinya akan di posting oleh admin. Physical Data Model yang digambarkan pada gambar 3.11 diatas, didapatkan dari hasil generate Conceptual Data Model pada gambar 3.10.

3.3 Desain Aplikasi

Pada Modul Pembelajaran Mengenal Win32API dengan Visual Basic 6.0 ini, peneliti membagi desain aplikasi ini menjadi dua bagian, diantaranya adalah: a. Desain Website b. Desain Modul

3.3.1 Desain Website

Untuk menampung file modul pembelajaran yang berupa flash, peneliti membuat sebuah website, sehingga modul pembelajaran ini dapat diakses dengan mudah dan dapat digunakan pada berbagai perangkat elektronik. Berikut ini merupakan bagian-bagian dari website tersebut : a. Banner Banner berfungsi untuk mempercantik halaman website. Desain banner pada website ini terdiri dari Logo Universitas Pembangunan Nasional Jawa Timur serta kata sambutan. Gambar 3.12 Desain Banner dan Halaman Login b. Halaman Login Pada halaman login, terdapat dua buah textbox dan satu buah button. Textbox tersebut digunakan untuk mengisi username dan password, dan Login button untuk memverifikasi. Halaman login berguna untuk mengambil nilai username dan juga nama user.. Keterangan lebih lanjut dapat dilihat pada Gambar 3.12 diatas. c. Menu Menu user pada website modul pembelajaran ini terdapat link Videokuis Pembelajaran Visual Basic 6.0 yang berisi Modul 1, Modul 2, Modul 3, Modul 4, Modul 5, Modul 6, serta Pesan, Artikel dan Logout. Keterangan lebih lanjut dapat dilihat pada Gambar 3.13. Gambar 3.13 Halaman User Sedangkan untuk admin, terdapat beberapa menu, diantaranya yaitu atur data user, atur materi, atur kuis, atur video atur pesan dan atur skor. Selengkapnya dapat dilihat pada gambar 3.14. Gambar 3.14 Halaman Admin d. Halaman Materi-Text Halaman Materi-Text digunakan untuk mengedit materi berupa text tentang Modul Pembelajaran Mengenal Win32API dengan Visual Basic 6.0. Modul Pembelajaran dikategorikan menjadi enam bagian yaitu modul satu hingga modul enam. e. Halaman Materi-Video Halaman Materi-Video digunakan untuk mengupload dan menghapus video tentang Modul Pembelajaran Mengenal Win32API dengan Visual Basic 6.0. Modul Pembelajaran dikategorikan menjadi 2 bagian yaitu ganti video dan hapus video. f. Halaman Materi-Image Halaman Materi-Image digunakan untuk mengupload gambar yang ada disetiap frame pada Modul Pembelajaran Mengenal Win32API dengan. g. Halaman Hapus-Image Halaman Hapus Image digunakan untuk menghapus gambar setiap frame pada modul. Menu dikategorikan menjadi 6 bagian yaitu hapus image modul 1 sampai 6 di setiap framenya. h. Halaman Update-Soal Halaman Update Soal digunakan untuk mengedit soal yang ada di modul 1 sampai 6. Menu dikategorikan menjadi 6 bagian yaitu modul 1 sampai 6. i. Halaman Member Halaman Member digunakan untuk mengedit user, user dapat di hapus ataupun di update datanya. j. Halaman Skor Halaman Member digunakan untuk mengedit skor, skor user dapat di edit ataupun di hapus oleh admin. k. Halaman Pesan Halaman Pesan digunakan untuk tulis pesan ataupun menghapus pesan dari user, Menu dikategorikan menjadi 2 bagian yaitu ganti tulis pesan dan hapus pesan. h. Halaman Artikel Halaman Pesan digunakan untuk memposting artikel-artikel terbaru mengenai Mengenal Win32API menggunakan Visual Basic 6.0.

3.3.2 Desain Modul