Perancangan Antarmuka Pemakai User Interface

122  Rancangan STD Kuis Gambar 4.22 Rancangan STD Kuis

4.5.5 Perancangan Antarmuka Pemakai User Interface

Rancangan antarmuka pemakai user interface yang akan ditampilkan pada aplikasi multimedia ini akan disesuaikan dengan kebutuhan pengguna yang akan melihat informasi yang mereka butuhkan. Pada program aplikasi belajar ini terdapat 18 rancangan layar, yaitu: KUIS HOME Hardware Internet Browser Internet KUIS 2 KUIS 3 KUIS 1 E-Mail EXIT Klik “Exit” Keluar dari Program Klik “E-mail” Tampilkan Email Klik “Hardware Internet” Tampilkan Hardware Internet Klik “Browser Internet” Tampilkan Browser Internet Klik “Home” Tampilkan Home Klik “Kuis” Tampilkan Kuis Klik “Kuis” Tampilkan Kuis Klik “Kuis” Tampilkan Kuis Klik “Kuis 2” Tampilkan Kuis 2 Klik “Kuis” Tampilkan Kuis Klik “Kuis 1” Tampilkan Kuis 1 Klik “Kuis” Tampilkan Kuis Klik “Kuis 3” Tampilkan Kuis 3 Klik “Kuis” Tampilkan Kuis Klik “Kuis” Tampilkan Kuis 123 1. Rancangan Intro Rancangan ini merupakan tampilan awal sebelum masuk ke tampilan utama program. Pada tampilan intro ini terdapat tombol Start untuk mulai masuk ke tampilan utama. 2. Rancangan Menu Home Rancangan ini berfungsi sebagai tampilan utama program yang menyediakan beberapa tombol menu, yaitu:  Tombol Intro untuk kembali ke intro  Tombol Hardware Internet untuk masuk ke menu Hardware Internet  Tombol Browser Internet untuk masuk ke menu Browser Internet  Tombol E-mail untuk masuk ke menu E-mail  Tombol Exit untuk keluar dari program 3. Rancangan Menu Hardware Internet Pada rancangan layar ini akan ditampilkan sub bab dari Hardware Internet yang menyediakan beberapa tombol menu, yaitu:  Tombol Home untuk masuk ke menu Home  Tombol Browser Internet untuk masuk ke menu Browser Internet  Tombol E-mail untuk masuk ke menu E-mail  Tombol Seluk Beluk dan Perkembangan Internet untuk melihat lebih detail tentang Seluk Beluk Perkembangan Internet  Tombol Deskripsi dan fungsi Hardware untuk Akses Internet untuk melihat lebih detail tentang Deskripsi dan fungsi Hardware untuk Akses Internet 124  Tombol Deskripsi Peran ISP untuk melihat lebih detail tentang Deskripsi Peran ISP  Tombol Deskripsi User ID dan Password untuk melihat lebih detail tentang Deskripsi User ID dan Password  Tombol Setup Modem dan Dial Up untuk melihat lebih detail tentang Setup Modem dan Dial Up  Tombol Local Area Network untuk melihat lebih detail topik Local Area Network yang menjadi topik pada sub bab Seluk Beluk dan Perkembangan Internet  Tombol Wide Area Network untuk melihat lebih detail topik Wide Area Network yang menjadi topik pada sub bab Seluk Beluk dan Perkembangan Internet  Tombol Manfaat Internet untuk melihat lebih detail topik Manfaat Internet yang menjadi topik pada sub bab Seluk Beluk dan Perkembangan Internet  Tombol Hardware Internet untuk melihat lebih detail topik Hardware Internet yang menjadi topik pada sub bab Deskripsi dan Fungsi Hardware untuk Akses Internet  Tombol Istilah-istilah dalam Internet untuk melihat lebih detail topik Istilah-istilah dalam Internet yang menjadi topik pada sub bab Deskripsi dan Fungsi Hardware untuk Akses Internet  Tombol Cara Memilih ISP untuk melihat lebih detail topik Cara Memilih ISP yang menjadi topik pada sub bab Deskripsi peran ISP 125  Tombol Telkomnet Instan untuk melihat lebih detail topik Telkomnet Instan yang menjadi topik pada sub bab Deskripsi peran ISP  Tombol User ID dan Password untuk melihat lebih detail topik User ID dan Password yang menjadi topik pada sub bab Deskripsi User ID dan Passsword  Tombol Domain Name Service untuk melihat lebih detail topik Domain Name Service yang menjadi topik pada sub bab Deskripsi User ID dan Passsword  Tombol Hirarki DNS untuk melihat lebih detail topik Hirarki DNS yang menjadi topik pada sub bab Deskripsi User ID dan Passsword  Tombol Setup Modem untuk melihat lebih detail topik Setup Modem yang menjadi topik pada sub bab Setup Modem dan Dial Up  Tombol Dial Up Telepon untuk melihat lebih detail topik Dial Up Telepon yang menjadi topik pada sub bab Setup Modem dan Dial Up  Tombol Exit untuk keluar dari program 4. Rancangan Menu Browser Internet Pada rancangan layar ini akan ditampilkan sub bab dari browser Internet yang menyediakan beberapa tombol menu, yaitu:  Tombol Home untuk masuk ke menu Home  Tombol Hardware Internet untuk masuk ke menu Hardware Internet 126  Tombol E-mail untuk masuk ke menu E-mail  Tombol Deskripsi Cara Akses Internet untuk melihat lebih detail tentang Deskripsi Cara Akses Internet  Tombol Mempraktikkan Akses Internet untuk melihat lebih detail tentang Mempraktikkan Akses Internet  Tombol Identifikasi IE untuk melihat lebih detail topik Identifikasi IE yang menjadi topik pada sub bab Deskripsi Cara Akses Internet  Tombol Menggunakan Fasilitas IE untuk melihat lebih detail topik Menggunakan Fasilitas IE yang menjadi topik pada sub bab Deskripsi Cara Akses Internet  Tombol website sebagai Sumber Informasi untuk melihat lebih detail website sebagai sumber Informasi yang menjadi topik pada sub bab Deskripsi Cara Akses Internet  Tombol Pengertian URL dan Homepage untuk melihat lebih detail topik Pengertian URL dan Homepage yang menjadi topik pada sub bab Deskripsi Cara Akses Internet  Tombol Deskripsi Hypertext dan HTML untuk melihat lebih detail topik Deskripsi Hypertext dan HTML yang menjadi topik pada sub bab Deskripsi Cara Akses Internet  Tombol Search Engine untuk melihat lebih detail topik Search Engine yang menjadi topik pada sub bab Deskripsi Cara Akses Internet 127  Tombol Menggunakan Search Engine Yahoo untuk melihat lebih detail topik Menggunakan Search Engine Yahoo yang menjadi topik pada sub bab Mempraktikkan Akses Internet  Tombol Mengelola Informasi dari Internet untuk melihat lebih detail topik Mengelola Informasi dari Internet yang menjadi topik pada sub bab Mempraktikkan Akses Internet  Tombol Exit untuk keluar dari program 5. Rancangan Menu E-mail Pada rancangan layar ini akan ditampilkan sub bab dari e-mail yang menyediakan beberapa tombol menu, yaitu:  Tombol Home untuk masuk ke menu Home  Tombol Hardware Internet untuk masuk ke menu Hardware Internet  Tombol Browser Internet untuk masuk ke menu Browser Internet  Tombol E-mail untuk melihat lebih detail tentang Surat Elektronik e-mail  Tombol Mailing List untuk melihat lebih detail tentang Mailing List  Tombol Chatting untuk melihat lebih detail tentang Chatting  Tombol E-mail Sebagai Alat Komunikasi untuk melihat lebih detail topik E-mail Sebagai Alat Komunikasi yang menjadi topik pada sub bab E-mail 128  Tombol Membuat e-mail dengan Yahoo untuk melihat lebih detail topik Membuat e-mail dengan Yahoo yang menjadi topik pada sub bab E-mail  Tombol Login ke Account e-mail untuk melihat lebih detail topik Login ke Account e-mail yang menjadi topik pada sub bab E-mail  Tombol Attachment untuk melihat lebih detail topik Attachment yang menjadi topik pada sub bab E-mail  Tombol E-mail dengan IE untuk melihat lebih detail topik E-mail dengan IE yang menjadi topik pada sub bab E-mail  Tombol Mendaftar ke Mailing List untuk melihat lebih detail topik Mendaftar ke Mailing List yang menjadi topik pada sub bab Mailing List  Tombol Diskusi di Mailing List untuk melihat lebih detail topik Diskusi di Mailing List yang menjadi topik pada sub bab Mailing List  Tombol Chatting dengan Yahoo untuk melihat lebih detail topik Chatting dengan Yahoo yang menjadi topik pada sub bab Chatting  Tombol Chatting dengan mIRC untuk melihat lebih detail topik Chatting dengan mIRC yang menjadi topik pada sub bab Chatting  Tombol Exit untuk keluar dari program 6. Rancangan Menu Kuis Pada rancangan layar ini akan ditampilkan sub bab dari kuis yang menyediakan beberapa tombol menu, yaitu:  Tombol Home untuk masuk ke menu Home 129  Tombol kuis 1 untuk masuk ke menu kuis bab Hardware Internet  Tombol kuis 2 untuk masuk ke menu kuis bab Browser Internet  Tombol kuis 3 untuk masuk ke menu kuis bab E-mail  Tombol Exit untuk keluar dari program Adapun rancangan tampilan layar program secara umum seperti pada Gambar 4.23 Gambar 4.23 Rancangan Tampilan Program

4.6 Pengumpulan Bahan