Antarmuka menu utama Antarmuka game

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