2.3 Alur Perancangan Sistem
Pembuatan Game
ini difungsikan untuk anak PAUD dan
Taman Kanak-kanak untuk belajar dengan bermain
2.3.1 Model Perancangan Sistem
atau Skenario Program
Skenario program merupakan suatu alur cerita dalam bahasa yang
umum, juga mudah dimengerti untuk
menggambarkan dan
menjelaskan bagaimana
suatu program
berjalan secara
keseluruhan. Pada pembuatan game edukasi ini bisa dilihat pada
Flowchart dibawah ini: 2.3.2 Flowchart
a. Flowchart
Penelitian Proses ini dibagi dalam
beberapa tahapan
untuk mempermudah
melakukan penelitian seperti pada gambar
dibawah ini :
2.3.3 Perancangan Page
Perancangan tampilan ini akan
ditampilkan rancangan
interface dari awal eksekusi
program hingga menampilkan hasil output
yang dicari. Adapun rancangan pada aplikasi ini adalah
sebagai berikut :
a.Rancangan tampilan awal
Gambar 2.3.3.1
Rancangan Tampilan awal.
Gambar 2.3.2.1 Flowchart Penelitian.
tidak
Mulai Pencarian
Referensi Pencarian Data
Perancangan Program Pembuatan Program
Penulisan Laporan Penyempurnaan
Program
Pengujian Berhasil
Selesai
analisis
Tampilan
gggprogr
ya
Title Top Menu
Content
Footer
Ket gambar 2.3.3.1 yaitu : 1. Title
Bagian ini
merupakan logo dan nama game.
2. Top Menu Bagian ini merupakan
bagian Content yang akan ditampilkan, yang berisi
Home,
Play, About
us, Contact us
. 3. Content
Adalah bagian website yang menampilkan isi dari
Top Menu .
4. Footer Merupakan
tampilan paling bawah akhir dari
sebuah halaman website, dan copyright
. b. Rancangan tampilan play
Gambar 2.3.3.2 Rancangan Tampilan
menu utama. Ket gambar 2.3.3.2 yaitu :
1. Title Bagian
ini merupakan
logo dan nama game. 2. Top Menu
Bagian ini merupakan bagian Content yang akan
ditampilkan, yang berisi Home,
Play, About
us, Contact us
. 3. Content
Adalah bagian website yang menampilkan isi dari
Top Menu .
4. Footer Merupakan
tampilan paling bawah akhir dari
sebuah halaman website, dan copyright
.
2.3.4 Implementasi program
Game edukasi ini dijalankan melalui web browser , yaitu
tampilannya sebagai berikut
a. Gambar 2.3.4.1
Tampilan Home
Tampilan ketika pertama kali dijalankan.
b. Gambar 2.3.4.2
Halaman Play
Content Top menu
Title
Footer