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