Perancangan S Perancangan Metode Penelitian

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