T0 562013015 BAB III

9 BAB III

PERANCANGAN SISTEM

3.1 Ruang Lingkup Game

Berdasarkan kebutuhan pengguna, perancangan aplikasi ini ditujukan kepada anak-anak yang membutuhkan

media atau sarana pembelajaran sains melalui media game

berupa gambar dan animasi, sehingga memudahkan anak dalam belajar.

3.2 Flowchart

Flowchart adalah bagan atau chart yang

menunjukkan alir atau flow di dalam program atau prosedur

sistem secara logika. Berikut adalah gambaran Flowchart

game “Sains Eksperimen ” :

mulai

Menu

Level

Level 1 Level 2 Level 3

narasi Bahan Apel Rumah Dapur Halaman Kamar Kamar mandi Cara Membuat Penjelasan Score narasi Bahan Apel Rumah Dapur Halaman Kamar Kamar mandi Cara Membuat Penjelasan Score narasi Bahan Apel Rumah Dapur Halaman Kamar Kamar mandi Cara Membuat Penjelasan Score Menang Keluar Petunjuk

Keterangan :

 Ketika pemain membuaka permainan pertama kali

akan ada tiga menu

 Pertama tombol petunjuk untuk menjelaskan

langkah-langkah permainan.

 Kedua tombol bermain ketika diklik akan menuju

halaman level

 Ketiga tombol keluar untuk keluar dari permainan

atau browser

 Ketika masuk ke tampilan level hanya ada 3 level.

Dan yang terbuka hanya level 1, Kemudian klik level1

 Akan masuk ke narasi penunjang tema level apel

segar. Klik next masuk ke tampilan bahan eksperimen.

 Akan masuk ke tampilan bahan-bahan yang harus

dicari pada level apel segar. Klik next akan masuk ke tampilan denah rumah.

 Di tampilan denah rumah akan ada 4 tempat yaitu

dapur, halaman, kamar dan kamar mandi. Klik salah satu tempat dalam denah.

 Pemain akan mencari benda yang sudah ditentukan di

 Ketika benda yang sudah ditentukan terpenuhi maka akan masuk ke tampilan cara membuat dengan otomatis.

 Ketika masuk ditampilan cara membuat akan ada

animasi cara pembuatan eksperimen apel segar. Ketika sudah selesai klik next

 Akan masuk ke penjelasan tentang eksperimen apel

segar. Klik next

 Akan masuk ke tampilan score, ketika score

maksimal 30 maka level 2 akan terbuka bila kurang dari 30 maka pemain mengulangi level 1.

 Akan berulang sampai level ketiga. Sampai di

tampilan berhasil ketika di klik next maka akan masuk di tampilan level lagi. Maka level 2 dan 3 akan tertutup kembali dan hanya level 1 yang terbuka.

3.3 Lembar Kerja Tampilan (LKT)

Perancangan antarmuka Game Sains Eksperimen

digambarkan seperti ini :

3.3.1 Lembar kerja Tampilan Awal

Petunjuk

Bermain

Gambar 3.2 LKT Tampilan Awal Keterangan :

 Bermain : ketika diklik akan masuk ke

halaman Level

 Petunjuk : Ketika diklik akan masuk ke

halaman petunjuk bermian

 Keluar : Ketika diklik akan keluar dari

browser

3.3.2 Lembar kerja tampilan Level

Gambar 3.3 LKT Tampilan Level Keterangan :

 Level 1 : ketika diklik akan masuk ke

Level 1 eksperimen Apel Segar

 Level 2 : ketika diklik akan masuk ke

Level 2 eksperimen Teur Lentur

Level 1

Level 2

 Level 3 : ketika diklik akan masuk ke Level 3 eksperimen Gelembung Sabun

3.3.3 Lembar kerja Tampilan Denah Rumah

Gambar 3.4 LKT Tampilan Denah Rumah Keterangan :

 Halaman ini berisikan narasi pendukung

3.3.4 Lembar kerja tampilan Bahan-Bahan

Gambar 3.5 LKT Tampilan Bahan-bahan Keterangan :

 Berisikan gambar bahan-bahan eksperimen

3.3.5 Lembar kerja Tampilan Denah Rumah

Halaman Dapur

Kamar Kamar

mandi

keterangan keterangan

keterangan

keterang keterangan

Gambar 3.6 LKT Tampilan Denah Rumah Keterangan :

 Dapur : ketika diklik akan masuk ke

halaman Dapur

 Kamar Mandi: Ketika diklik akan masuk ke

halaman Kamar Mandi

 Halaman : Ketika diklik akan mauk ke

halaman

 Kamar : ketika diklik akan masuk ke

halaman kamar

3.3.6 Lembar kerja Tampilan halaman game.

Gambar 3.7 LKT Tampilan Halaman Game

Benda 2

Keterangan :

 Pada halman permainan game, pemain harus

mengklik benda yang sudah ditentukan pada tema eksperimen.

3.3.7 Lembar kerja Pembuatan Eksperimen

Gambar 3.8 LKT Tampilan Pembuatan Eksperimen Keterangan :

 Halaman ini berisi pembuatan eksperimen sains

3.3.8 Lembar kerja Tampilan Penjelasan Eksperimen

Gambar 3.9 LKT Tampilan Penjelasan Eksperimen

Keterangan :

 Halaman ini berisikan penjelasan eksperimen yang

telah dibuat.

3.3.9 Lembar kerja Tampilan Berhasil

Gambar 3.10 LKT Tampilan Berhasil Keterangan :

 Halaman ini berisikan animasi ketika permainan

telah selesai dimainkan semua.

Gambar 3.2 LKT Tampilan Awal Keterangan :

 Bermain : ketika diklik akan masuk ke halaman Level

 Petunjuk : Ketika diklik akan masuk ke halaman petunjuk bermian

 Keluar : Ketika diklik akan keluar dari browser

3.3.2 Lembar kerja tampilan Level

Gambar 3.3 LKT Tampilan Level Keterangan :

 Level 1 : ketika diklik akan masuk ke Level 1 eksperimen Apel Segar

 Level 2 : ketika diklik akan masuk ke Level 2 eksperimen Teur Lentur

Level 1

Level 2

 Level 3 : ketika diklik akan masuk ke Level 3 eksperimen Gelembung Sabun

3.3.3 Lembar kerja Tampilan Denah Rumah

Gambar 3.4 LKT Tampilan Denah Rumah Keterangan :

 Halaman ini berisikan narasi pendukung berkaitan dengan tema eksperimen.

3.3.4 Lembar kerja tampilan Bahan-Bahan

Gambar 3.5 LKT Tampilan Bahan-bahan Keterangan :

 Berisikan gambar bahan-bahan eksperimen

3.3.5 Lembar kerja Tampilan Denah Rumah

Halaman Dapur

Kamar Kamar

mandi

keterangan keterangan

keterangan

keterang keterangan

Gambar 3.6 LKT Tampilan Denah Rumah Keterangan :

 Dapur : ketika diklik akan masuk ke halaman Dapur

 Kamar Mandi: Ketika diklik akan masuk ke halaman Kamar Mandi

 Halaman : Ketika diklik akan mauk ke halaman

 Kamar : ketika diklik akan masuk ke halaman kamar

3.3.6 Lembar kerja Tampilan halaman game.

Gambar 3.7 LKT Tampilan Halaman Game Benda 2

Keterangan :

 Pada halman permainan game, pemain harus mengklik benda yang sudah ditentukan pada tema eksperimen.

3.3.7 Lembar kerja Pembuatan Eksperimen

Gambar 3.8 LKT Tampilan Pembuatan Eksperimen Keterangan :

 Halaman ini berisi pembuatan eksperimen sains menggunkan animasi.

3.3.8 Lembar kerja Tampilan Penjelasan Eksperimen

Gambar 3.9 LKT Tampilan Penjelasan Eksperimen

Keterangan :

 Halaman ini berisikan penjelasan eksperimen yang telah dibuat.

3.3.9 Lembar kerja Tampilan Berhasil

Gambar 3.10 LKT Tampilan Berhasil Keterangan :

 Halaman ini berisikan animasi ketika permainan telah selesai dimainkan semua.