Desain Tampilan Flowchart Desain

50 akan diangkat sebagai menantu dan master komputer negeri tersebut. Namun, jika yang menyelamatkan perempuan maka akan diangkat sebagai anak. Kemudian sang pahlawan yang berasal dari desa berangkat untuk mencari sang putri. Dia mencari tempat persembunyian penyihir jahat itu keseluruh penjuru negeri. Mulai dari hutan semak, padang rumput, pantai, dan tempat-tempat lain. Untuk dapat mengetahui tempat persembunyian penyihir tersebut dia harus menjawab pertanyaan-pertanyaan. Pertanyaan tersebut seputar sejarah computer dari jaman dulu sampai sekarang. Tak hanya itu, di perjalanan dia juga bertemu dengan monster-monster dan musuh-musuh. Sampai pada akhirnya sang pahlawan berhasil menemukan tempat penyihir dan berhasil mengalahkannya. Akhirnya putri raja dibawa kembali ke kerajaan oleh pahlawan tersebut.

b. Desain Tampilan

Pengguna berkomunikasi dengan sistem melalui interface antarmuka. Agar pengguna dapat dengan mudah menggunakan sistem meskipun pertama kali menggunakan sistem tersebut maka interface dibuat semudah mungkin. Interface juga harus menarik agar pengguna tidak mudah bosan. 51 1 Desain Tampilan Menu Utama Gambar 20. Desain Tampilan Menu Utama 2 Desain Tampilan di Dalam Game Gambar 21. Desain Tampilan dalam Game 3 Desain Mapping. Map yang akan dibuat terdiri dari tiga belas map. Dimana tiga map diantaranya masing-masing menyatu dalam map yang lain. Map Petunjuk tombol Continue Help SKKD Exit Game title Identitas New Game Level Arah mata angin Text Narasi 52 tersebut terdiri dari Map Pedesaan, Map Rumah Luar, Map dalam Rumah, Map Padang Rumput, Map dalam Tenda, Map Gunung Salak, Map Puncak Gunung, Map Hutan, Map Pantai, Map Gua, Map Deep Forest, Map Taman Istana, dan Map Aula Kerajaan. Gambar 22. Desain Mapping

c. Flowchart

Flowchart atau diagram alur adalah gambaran langkah-langkah dan alur- alur yang menunjukkan urutan proses kerja yang akan membangun program secara keseluruhan. Penyusunan diagram alur ini berdasarkan urutan logika pemikiran bagaimana program berjalan. Berikut ini gambaran diagram alur game edukasi sejarah komputer: 53 Gambar 23. Diagram Alur Game Edukasi Sejarah Komputer 54 Mulai Pertanyaan Jawab Jawab Benar Skor = Skor+2 Skor = Skor - 0 Skort=0 Skor Game over Selesai Ya Tidak Tidak Ya Gambar 24. Diagram Alur Pertanyaan Level 1 55 Mulai Pertanyaan Jawab Jawab Benar Skor = Skor+2 Skor = Skor - 1 Skort=0 Skor Game over Selesai Ya Tidak Tidak Ya Gambar 25. Diagram Alur Pertanyaan Level 2 56 Mulai Pertanyaan Jawab Jawab Benar Skor = Skor+2 Skor = Skor - 2 Skort=0 Skor Game over Selesai Ya Tidak Tidak Ya Gambar 26. Diagram Alur Pertanyaan Level 3 57 Mulai Pertanyaan Jawab Jawab Benar Skor = Skor+2 Skor = Skor - 2 Skort=0 Skor Game over Selesai Ya Tidak Tidak Ya Gambar 27. Diagram Alur Pertanyaan Level 4 58 Gambar 28. Diagram Alur Pertarungan level 5 59 Gambar 29. Diagram Alur Pertanyaan Level 6 60

d. Tokoh dalam Game