Gambar 3.5 Struktur Perancangan Game Tebak Kata
3.8 Langkah-langkah Perancangan
Langkah-langkah perancangan untuk membangun game tersebut adalah:
3.8.1 Antarmuka menu utama
Langkah-langkahnya adalah: 1. Buka Miccrosoft Visual Basic 6.0, caranya adalah klik Start All Program
Microsoft Visual Studio 6.0 Microsoft Visual Basic 6.0.
Gambar 3.6 Membuka Aplikasi Microsoft Visual Basic 6.0
Game Tebak Kata
Mulai
Game Next
Bantuan Keluar
Universitas Sumatera Utara
2. Setelah aplikasi dibuka, akan terbuka seperti Gambar 3.7:
Gambar 3.7 Tampilan Microsoft Visual Basic 6.0.
3. Untuk memulai project, pilih Standard EXE, kemudian tekan Open
Gambar 3.8 Membuat Project
4. Setelah Standard EXE di-open, akan tampil halaman kerjanya seperti pada
Gambar 3.9:
Universitas Sumatera Utara
Gambar 3.9 Tampilan Halaman Kerja Microsoft Visual Basic 6.0.
5. Untuk yang pertama ini yang akan dibuat terlebih dahulu adalah antarmuka
menu utama. Untuk itu, perlu menambahkan form-form terlebih dahulu karena
Form1 yang terbuka pada halaman kerja seperti pada Gambar 3.3 akan
digunakan untuk antarmuka game, bukan untuk antarmuka menu utamanya.
6. Untuk menambahkan form baru, klik pada toolbar Project Add Form
Gambar 3.10 Menambahkan Form
Universitas Sumatera Utara
7. Setelah kotak dialog Add Form terbuka, pilih Splash Screen
Gambar 3.11 Menambahkan Form
Splash Screen
8. Setelah Form Splash Screen di-open, akan muncul tampilan seperti Gambar
3.12.
Gambar 3.12 Tampilan Form
Splash Screen
9. Untuk membuat desain sendiri, hapus semua komponen yang ada pada form
tersebut dengan cara klik salah satu komponen pada Form Splash Screen
tersebut, tekan CTRL+A, kemudian tekan DELETE pada keyboard.
Universitas Sumatera Utara
Gambar 3.13 Tampilan Form
Splash Screen Setelah Komponen Dihapus.
10. Desainlah dan aturlah properties Form Splash Screen tersebut sesuai dengan
yang diinginkan, di sini Penulis mendesainnya seperti yang terlihat pada Gambar 3.14:
Gambar 3.14 Tampilan Form
Splash Screen Setelah Didesain
Universitas Sumatera Utara
3.8.2 Antarmuka game
Langkah-langkah untuk membuat antarmuka game adalah sebagai berikut:
1.Untuk membuat antarmuka game tersebut, lembar kerjanya adalah Form1 pada Project1 - Form1 Form
Gambar 3.15 Form1, Halaman Kerja Untuk Interface Game.
2. Dalam merancang antarmuka game ini, komponen yang digunakan oleh
penulis adalah: a.
Label b.
CommandButton c.
Picture d.
Adodc
3. Untuk komponen Adodc tidak terdapat pada Toolbox, untuk menampilkannya
di Toolbox lakukan dengan klik kanan pada Toolbox, pilih Components, pada
Universitas Sumatera Utara
tab Controls-nya berikan ceklis pada Microsoft ADO Control 6.0 OLEDB, dan klik Ok.
Gambar 3.16 Menambahkan Komponen Adodc
4. Tambahkan 3 buah komponen Label dan 4 buah komponen CommandButton ,
akan terlihat seperti Gambar 3.17:
Gambar 3.17 Menambahkan Komponen Pada Form1
Universitas Sumatera Utara
5. Setelah itu, tambahkan juga komponen Adodc ke Form1 tersebut.
6. Perbanyaklah komponen CommandButton dalam bentuk Array, caranya dapat
dilakukan dengan cara klik salah satu komponen CommandButton tersebut,
tekan tombol kombinasi CRTL+C untuk mengkopinya dan tombol kombinasi CTRL+V
untuk Paste. Pada kotak dialog yang muncul, klik Yes.
7. Lakukanlah langkah 6 sampai memperoleh tombol komponen
CommandButton sebanyak 26 buah sesuai jumlah alfabet. Kemudian atur posisinya seperti yang diinginkan.
8. Setelah Penulis merancang posisi dan mengatur semua properties-nya,
diperolehlah rancangan interface game sementara seperti Gambar 3.18:
Gambar 3.18 Interface Game
Universitas Sumatera Utara
3.9 Membuat Database