Gambar 4.14 Flowchart Mailing List
Gambar 4.15 Flowchart Chatting Gambar 4.16 Flowchart Kuis
c. Perancangan
Struktur Navigasi Hierarchical Model
Gambar 4.17 Struktur Navigasi Hierarchical Model
Tampilkan Layar Mailing List
Pilih Menu mendaftar ke mailing
list
Pilih Menu diskusi di mailing
list Tampilkan Layar
mendaftar ke mailing list
Tampilkan Layar diskusi di mailing list
Ya Tidak
Ya Tidak
3 B
Tampilkan Layar Chating
Pilih Menu chatting dengan
yahoo.com
Pilih Menu chatting dengan
mIRC Tampilkan Layar
chatting dengan yahoo.com
Tampilkan Layar chatting dengan mIRC
Ya Tidak
Ya Tidak
C
3
Keterangan: 3: E-mail
Keterangan: 3: E-mail
Keterangan: 4: Kuis
INTRO HOME
Hardware Internet Browser Internet
E-Mail Seluk Beluk dan Perkembangan Internet
Deskripsi dan Fungsi Hardware Untuk Akses Internet
Deskripsi Peran ISP Deskripsi User ID dan Password
Setup Modem dan Dial Up
Local Area Network LAN Wide Area Network WAN
Manfaat Internet
Hardware Internet Istilah-istilah dalam Internet
User ID dan Paswoord Domain Name Service
Hirarki DNS Cara Memilih ISP
Telkomnet Instan
Setup Modem Dial up Telepon
e-mail
e-mail sebagai alat Komunikasi Membuat e-mail dengan Yahoo
Login ke Account e-mail Attachment
E-mail dengan IE
Mailing List
Mendaftar ke Mailing List Diskusi di Mailing List
Chating
Chatting dengan yahoo.com Chatting dengan mIRC
Deskripsi Cara Akses Internet
Identifikasi IE Menggunakan Fasilitas IE
Website Sebagai Sumber Informasi Pengertian URL dan HomePage
Deskripsi Hypertext dan HTML Search Engine
Mempraktekkan Akses Internet
Menggunakan Search Engine Yahoo Mengelola Informasi dari Internet
Kuis
Kuis 1 Kuis 2
Kuis 3
Tampilkan Layar Kuis
Pilih Menu Kuis 1
Pilih Menu Kuis 2
Pilih Menu Kuis 3
Exit Ya
Tidak Ya
Tidak Ya
Tidak
4
Tampilkan Layar Kuis 1
Tampilkan Layar Kuis2
Tampilkan Layar Kuis 3
Struktur navigasi yang digunakan adalah hierarchiecal model dengan sedikit
modifikasi. Pada model ini dapat dilihat penggunaan setiap scene yang dihubungkan
dengan scene lainnya.
d. Perancangan
State Transition Diagram STD
Rancangan STD Home
Gambar 4.18 Rancangan STD Home
Rancangan STD Hardware Internet
Gambar 4.19 Rancangan STD Hardware Internet
Rancangan STD Browser Internet
Gambar 4.20 Rancangan STD Browser Internet
Rancangan STD E-mail
Gambar 4.21 Rancangan STD E-mail
Rancangan STD Kuis
Gambar 4.22 Rancangan STD Kuis
Hardware Internet
HOME
Setup Modem dan
Dial Up Deskripsi
User ID dan Password
Browser Internet
Deskripsi dan Fungsi Hardware
Untuk Akses Internet
Deskripsi Peran ISP
Seluk Beluk dan
Perkembangan Internet
E-Mail EXIT
Klik “Home” Tampilkan Home
Klik “Exit” Keluar dari Program
Klik “E-mail” Tampilkan Email
Klik “Hardware Internet” Tampilkan Hardware Internet
Klik “Hardware Internet” Tampilkan Hardware Internet
Klik “Hardware Internet” Tampilkan Hardware Internet
Klik “Hardware Internet” Tampilkan Hardware Internet
Klik “Hardware Internet” Tampilkan Hardware Internet
Klik “Hardware Internet” Tampilkan Hardware Internet
Klik “Hardware Internet”
Tampilkan Hardware Internet
Klik “Hardware Internet” Tampilkan Hardware Internet
Klik “Browser Internet”
Tampilkan Browser Internet
Klik “Seluk Beluk dan Perkembangan Internet”
Tampilkan Seluk Beluk dan Perkembangan Internet
Klik “Deskripsi dan Fungsi
Hardware Untuk Akses Internet” Tampilkan
Deskripsi dan Fungsi Hardware Untuk Akses Internet
Klik “Deskripsi Peran ISP” Tampilkan Deskripsi Peran ISP
Klik “Deskripsi User ID dan Password” Tampilkan Deskripsi User ID dan Password
Klik “Setup Modem dan Dial Up”
Tampilkan Setup Modem dan Dial Up
KUIS
Klik “Kuis” Tampilkan Kuis
Klik “Hardware Internet” Tampilkan Hardware Internet
Browser Internet
HOME
EXIT Hardware
Internet
E-Mail
Mempraktekkan Akses Internet
Deskripsi cara Akses
Internet
Klik “Home” Tampilkan Home
Klik “Exit” Keluar dari Program
Klik “Deskripsi cara Akses Internet” Tampilkan Deskripsi cara Akses Internet
Klik “Browser Internet” Tampilkan Browser Internet
Klik “Browser Internet” Tampilkan Browser Internet
Klik “Browser Internet” Tampilkan Browser Internet
Klik “Browser Internet” Tampilkan Browser Internet
Klik “e-mail” Tampilkan e-mail
Klik “Hardware Internet” Tampilkan Hardware Internet
Klik “Browser Internet” Tampilkan Browser Internet
Klik “Mempraktekkan Akses Internet” Tampilkan Mempraktekkan Akses Internet
KUIS
Klik “Kuis” Tampilkan Kuis
Klik “Browser Internet” Tampilkan Browser Internet
E-Mail
HOME
EXIT Hardware
Internet
Browser Internet
Mailing List e-mail
Chating
Klik “Home” Tampilkan Home
Klik “Exit” Keluar dari Program
Klik “E-mail” Tampilkan E-mail
Klik “E-mail” Tampilkan E-mail
Klik “E-mail” Tampilkan E-mail
Klik “e-mail” Tampilkan e-mail
Klik “E-mail” Tampilkan E-mail
Klik “E-mail” Tampilkan E-mail
Klik “Mailing Listl” Tampilkan Mailing List
Klik “Browser Internet”
Tampilkan Browser Internet
Klik “Hardware Internet” Tampilkan Hardware Internet
Klik “Chating” Tampilkan Chating
KUIS
Klik “Kuis” Tampilkan Kuis
Klik “E-mail” Tampilkan E-mail
Klik “E-mail” Tampilkan E-mail
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
HOME
INTRO
EXIT Hardware
Internet
Browser Internet
E-Mail
Klik “Home” Tampilkan Home
Klik “Home” Tampilkan Home
Klik “Browser Internet”
Tampilkan Browser Internet
Klik “Hardware Internet” Tampilkan Hardware Internet
Klik “e-mail” Tampilkan e-mail
Klik “Home” Tampilkan Home
Klik “Home” Tampilkan Home
Klik “Exit” Keluar dari Program
KUIS
Klik “Home” Tampilkan Home
Klik “Kuis” Tampilkan Kuis
e. Perancangan Antarmuka Pemakai