dan perancangan antarmuka pemakai user interface.
a. Perancangan S
toryboard
Storyboard merupakan deskripsi tiap scene tampilan, dengan mencantumkan
semua obyek multimedia dan link ke scene lain. Secara umum rancangan storyboard yang
dihasilkan terdiri dari 6 scene, yaitu:
Scene 1 Intro Menampilkan intro
Scene 2 Home
Menampilkan halaman utama
Scene 3 Hardware Internet Menampilkan sub bab pada bab
perangkat keras Internet
Scene 3.1 Seluk Beluk dan Perkembangan Internet
Menampilkan keterangan tentang perkembangan Internet
Scene 3.2 Deskripsi dan Fungsi
Hardware Untuk Akses Internet Menampilkan deskripsi dan fungsi
hardwre yang digunakan untuk
mengakses Internet
Scene 3.3 Deskripsi Peran ISP Menampilkan keterangan deskripsi
Internet Service Provider
Scene 3.4 Deskripsi User ID dan Password
Menampilkan keterangan deskripsi user ID dan Password
Scene 3.5 Setup Modem dan Dial
Up Menampilkan keterangan cara setup
modem dan dial up
Scene 4 Browser Internet Menampilkan sub bab pada bab
Browser Internet
Scene 4.1 Deskripsi Cara Akses Internet
Menampilkan gambaran umum bagaimana Internet terhubung
Scene 4.2 Mempraktekan Akses
Internet Menampilkan keterangan cara
mengakses Internet
Scene 5 E-mail Menampilkan sub bab pada bab Surat
Elektronik E-Mail
Scene 5.1 E-mail Menampilkan keterangan tentang e-
mail
Scene 5.2 Mailing List
Menampilkan keterangan tentang mailing list
Scene 5.3 Chatting
Menampilkan keterangan tentang chatting
Scene 6 Kuis
Menampilkan pilihan kuis per bab
Scene 6.1 Kuis 1 Menampilkan kuis tentang hardware
Internet
Scene 6.2 Kuis 2 Menampilkan kuis tentang bab browser
Internet
Scene 6.3 Kuis 3 Menampilkan kuis tentang bab e-mail
b. Perancangan
Flowchart
Gambar 4.2 Flowchart Intro
Tampilkan Layar Intro
Tampilkan Layar Home Start
Pilih Menu Hardware Internet
Pilih Menu Browser Internet
Exit
Ya
Tidak Ya
Pilih Menu E-Mail
Ya Tidak
Tidak
3 2
1
Pilih Menu Kuis 4
Tidak Ya
Gambar 4.3 Flowchart Hardware Internet Gambar 4.4 Flowchart Seluk Beluk dan
Perkembangan Internet
Gambar 4.5 Flowchart Deskripsi dan Fungsi Hardware Untuk Akses Internet
Keterangan: A: Seluk Beluk dan Perkembangan
Internet B: Deskripsi dan Fungsi Hardware
untuk Akses Internet C: Deskripsi Peran ISP
D: Deskripsi User ID dan Password E: Setup Modem dan Dial Up
Tampilkan Layar Seluk Beluk dan Perkembangan
Internet
Pilih Menu Local Area Network
LAN
Pilih Menu Wide Area Network
WAN
Pilih Menu Manfaat
Internet Tampilkan Layar
Manfaat Internet Tampilkan Layar
Wide Area Network WAN Tampilkan Layar
Local Area Network LAN Ya
Tidak
Ya Tidak
Ya Tidak
A
1
Tampilkan Layar Deskripsi dan Fungsi Hardware
untuk Akses Internet
Pilih Menu Hardware Internet
Pilih Menu Istilah-istilah dalam
Internet Tampilkan Layar
Hardware Internet
Tampilkan Layar Istilah-istilah dalam Internet
Ya Tidak
Ya Tidak
B
1
Keterangan: 1: Hardware Internet
Keterangan: 1: Hardware Internet
Tampilkan Layar Hardware Internet
Pilih Menu Seluk Beluk dan
Perkembangan Internet
Pilih Menu Deskripsi dan
Fungsi Hardware Untuk Akses
Internet
Pilih Menu Deskripsi
Peran ISP
Pilih Menu Deskripsi User
ID dan Password
Pilih Menu Setup Modem
dan Dial Up
Exit Ya
Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
1
A
B
C
D
E
Gambar 4.6 Flowchart Deskripsi Peran ISP
Gambar 4.7 Flowchart Deskripsi User ID dan Password
Gambar 4.8 Flowchart Setup Modem dan Dial Up
Gambar 4.9 Flowchart Browser Internet
Tampilkan Layar Deskripsi Peran ISP
Pilih Menu Cara memilih ISP
Pilih Menu Telkomnet Instan
Tampilkan Layar Cara memilih ISP
Tampilkan Layar Telkomnet instan
Ya Tidak
Ya Tidak
C
1
Tampilkan Layar Deskripsi User ID dan Password
Pilih Menu user ID dan
paswoord
Pilih Menu Domain Name
Service
Pilih Menu hirarki DNS
Tampilkan Layar hirarki DNS
Tampilkan Layar Domain Name Service DNS
Tampilkan Layar user ID dan paswoord
Ya Tidak
Ya Tidak
Ya Tidak
D
1
Tampilkan Layar Setup Modem dan Dial Up
Pilih Menu setup modem
Pilih Menu dial up telepon
Tampilkan Layar setup modem
Tampilkan Layar dial up telepon
Ya Tidak
Ya Tidak
E
1
Keterangan: A: Deskripsi Cara Akses Internet
B: Mempraktekan Akses Internet Keterangan:
1: Hardware Internet
Keterangan: 1: Hardware Internet
Keterangan: 1: Hardware Internet
Tampilkan Layar Deskripsi cara Akses
Internet
Pilih Menu identifikasi IE
Pilih Menu menggunakan
fasilitas IE Pilih Menu
website sebagai sumber informasi
Pilih Menu pengertian URL
dan HomePage Pilih Menu
deskripsi Hypertext dan
HTML Pilih Menu
search engine Tampilkan Layar
identifikasi IE Tampilkan Layar
menggunakan fasilitas IE Tampilkan Layar
website sebagai sumber informasi Tampilkan Layar
pengertian URL dan HomePage Tampilkan Layar
deskripsi Hypertext dan HTML Tampilkan Layar
search engine Ya
Tidak Tidak
Tidak Tidak
Tidak
Tidak Ya
Ya Ya
Ya
Ya
A
2
Gambar 4.10 Flowchart Deskripsi Cara Akses Internet
Gambar 4.11 Flowchart Mempraktekan Akses Internet
Gambar 4.12 Flowchart E-Mail
Gambar 4.13 Flowchart E-mail
Tampilkan Layar Mempraktekan Akses Internet
Pilih Menu menggunakan
search engine Yahoo
Pilih Menu mengelola
Informasi dari Internet
Tampilkan Layar menggunakan search engine
Yahoo
Tampilkan Layar mengelola Informasi dari Internet
Ya Tidak
Ya Tidak
B
2 Keterangan:
A: E-mail B: Mailing List
C: Chatting
Tampilkan Layar e-mail
Pilih Menu e-mail sebagai alat
komunikasi Pilih Menu
membuat e-mail dengan Yahoo
Pilih Menu login ke account e-
mail Pilih Menu
attachment Pilih Menu
e-mail dengan IE Tampilkan Layar
e-mail sebagai alat komunikasi Tampilkan Layar
membuat e-mail dengan Yahoo Tampilkan Layar
login ke account e-mail Tampilkan Layar
attachment Tampilkan Layar
e-mail dengan IE Ya
Tidak Tidak
Tidak Tidak
Ya Ya
Ya
Ya Tidak
A
3
Keterangan: 2: Browser Internet
Keterangan: 3: E-mail
Keterangan: 2: Browser Internet
Tampilkan Layar E-Mail
Pilih Menu e-mail
Pilih Menu Mailing List
Pilih Menu Chating
Exit Ya
Tidak Ya
Tidak
Ya Tidak
3
A
B
C
Tampilkan Layar Browser Internet
Pilih Menu Deskripsi Cara Akses
Internet
Pilih Menu Mempraktekan
Akses Internet
Exit Ya
Tidak
Ya Tidak
2
A
B
Gambar 4.14 Flowchart Mailing List
Gambar 4.15 Flowchart Chatting Gambar 4.16 Flowchart Kuis
c. Perancangan