PEMBUATAN GAME TEKA-TEKI SILANG HEMS MENGGUNAKAN ADOBE FLASH. Naskah Publikasi

Transkripsi

1 PEMBUATAN GAME TEKA-TEKI SILANG HEMS MENGGUNAKAN ADOBE FLASH Naskah Publikasi diajukan oleh Tirsa Ninia Lina kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2012

2 ii

3 MAKING GAME CROSSWORD HEMS USING ADOBE FLASH PEMBUATAN GAME TEKA-TEKI SILANG HEMS MENGGUNAKAN ADOBE FLASH Tirsa Ninia Lina Emha Taufiq Luthfi Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA ABSTRACT Along with advances in computer technology, gaming, too, is growing rapidly. If the first game only a monopoly of a small child, another case with the present one where the game can be played by everyone. That is because the game can provide entertainment and can also be refreshing to the mind / brain and mood of people who are in poor condition. Sometimes, everyday activities such as working in an office crowded with a variety of activity and office tasks or other work that piled up can make us feel tired, bored, and even stress. We would like to need a little refresher, or refreshing the brain to make us relax for a moment. If we had free time so we can fill it with playing games that can make us not feel bored. One game that can entertain, work and leisure can also add insight into the crossword puzzle (tts). Tts the game is included into the air-genre type game Puzzle, because this game looks easy but difficult in terms of its graph in the algorithm. Therefore, the authors make a crossword puzzle games arranged in a thesis entitled Making Game Crossword Hems Using Adobe Flash. Keywords : crosswords, puzzle games, brain teasers iii

4 1 1. Pendahuluan Terkadang aktifitas sehari-hari yang padat seperti bekerja di kantor dengan berbagai kesibukan dan tugas kantor ataupun pekerjaan lain yang menumpuk dapat membuat kita merasa capek, jenuh, bahkan stress. Kita pasti ingin membutuhkan sedikit penyegaran otak atau refreshing untuk membuat kita santai sejenak. Apabila kita memiliki waktu luang maka kita dapat mengisinya dengan bermain game yang dapat membuat kita tidak merasa jenuh. Salah satu game yang dapat menghibur, mengisi waktu luang kerja dan juga dapat menambah wawasan yaitu teka-teki silang (tts). Game tts ini termasuk kedalam jenis game ber-genre Puzzle, karena permainan ini terlihat mudah dari segi grafiknya tetapi sulit dalam algoritma. Maka dari itu, penulis membuat game teka-teki silang yang disusun dalam skripsi yang berjudul Pembuatan Game Teka-Teki Silang Hems Menggunakan Adobe Flash. 2. Landasan Teori 2.1 Sejarah Teka-Teki Silang Teka-Teki Silang atau disingkat TTS adalah suatu permainan dimana kita harus mengisi ruang-ruang kosong (berbentuk kotak putih) dengan huruf-huruf yang membentuk sebuah kata berdasarkan petunjuk yang diberikan. Petunjuknya biasa dibagi ke dalam kategori Mendatar dan Menurun tergantung posisi kata-kata yang harus diisi. 2.2 Filosofi HEMS Kata Hems berasal dari kata Hmm dimana merupakan kata yang sering digunakan sebagian orang ketika sedang berpikir. Kemudian pada tahun 2011, seorang mahasiswa bernama Arif Khoirudin menggunakan kata Hems untuk mengganti kata Hmm tersebut. Kata Hems pun mulai marak di jejaring sosial dan sering digunakan oleh sahabat-sahabat penulis di kehidupan sehari-hari. Maka dari itu penulis menggunakan kata Hems, karena merupaka kata yang unik dan agar lebih dikenang lagi. 2.3 Pengertian Game Game bermakna permainan, teori permainan adalah suatu cara belajar yang digunakan dalam menganalisa sejumlah pemain maupun perorangan yang menunjukkan strategi-strategi rasional. Teori itu dikemukakan oleh John Von Ann and Oscar Morgenstern, menurutnya permainan terdiri atas sekumpulan peraturan yang membangun situasi bersaing dari 2 atau beberapa orang kelompok dengan memilih strategi yang dibangun untuk memaksimalkan kemenangan sendiri ataupun untuk meminimalkan kemenangan lawan. 1 1 J.Von Neumann and Morgenstern. Theory of Games and Economic Behavior (3d ed.1953)

5 2 2.4 Sejarah Singkat Perkembangan Game 2 Dunia game diawali dengan console-console pendahulu seperti Atari, Nintendo, Super Nintendo (SNES), dan SEGA yang menampilkan game-game 2D yang cukup sederhana, namun untuk jamannya, banyak diminati oleh masyarakat. Di era 2007, kalangan masyarakat baik itu awam ataupun kalangan gamer, akan dihadapkan dengan evolusi baru console-console terdahulu dengan kehadiran produk-produk baru seperti Sony Playstation 2 dan 3, Nintendo Wi, XBOX Tipe-Tipe Game 3 Tipe-tipe permainan game (genre) dapat dibedakan menurut cara permainanya atau yang kerap kali disebut gameplay diantaranya : 1. Arcade/Side Scrolling. 2. Racing. 3. Fighting. 4. Shooting. 5. RTS (Real Time Strategy). 6. RPG (Role Playing Game). 7. Simulation Games. 8. Puzzle. 2.6 Pembuatan Game Dalam hal pembuatan game, tentu saja harus ada tahap-tahap yang perlu dilalui untuk kesempurnaan game tersebut. Berikut tahap-tahap dalam pembuatan sebuah game antara lain : 1. Genre Game 2. Tool 3. Gameplay 4. Grafis 5. Suara 6. Timeline 7. Pembuatan 8. Publishing 2 Anggra Memahami Teknik Dasar Pembuatan Game Berbasis Flash. Yogyakarta: Penerbit Gava Media, hal 1 3 Ibid. Hal.2

6 3 2.7 Bahasa Pemrograman yang Digunakan ActionScript ActionScript adalah semacam bahasa pemrograman yang digunakan di dalam program flash. ActionScript cukup banyak digunakan di dalam film animasi flash, navigasi presentasi, animasi web, dan game Perangkat Lunak yang Digunakan Adobe Flash CS4 Program ini sangat andal dan popular di kalangan animator, berbagai fasilitas dan fitur terbaru telah disediakan untuk kemudahan dalam pengolahan para penggunanya. Program aplikasi terbaru adalah Adobe Flash CS4 (Creative Suite 4), yang merupakan penyempurnaan dari versi sebelumnya. 5 Gambar 2.1 Tampilan area kerja Adobe Flash CS Adobe Photoshop CS4 Adobe Photoshop CS4 adalah aplikasi professional untuk mengolah gambar/foto. Aplikasi ini dilengkapi dengan berbagai macam tool dan palette untuk menampilkan dan mengedit gambar. Fitur-fitur baru dalam Adobe Photoshop CS4, diantaranya adalah Adjustments panel, Masking panel, Manajemen Asset dengan Bridge, proses cetakan lebih fleksibel terintegrasi dengan lightroom kemampuan pada 3D dan panning, serta zoom dengan GPU akseleresi. 6 4 Op.cit. hal.53 5 Wahana Komputer ShortCourse Series : Adobe Flash CS4. Yogyakarta : Andi. 6 A. Taufiq Hidayatullah Menit Belajar Photoshop CS4 Langsung Bisa!. Yogyakarta : Mediakom, hal.9

7 4 3. Analisis dan Perancangan 3.1 Analisis Sistem Analisis sistem didefinisikan sebagai bagaimana memahami dan menspesifikasikan dengan detail apa yang harus dilakukan oleh sistem Analisis Kebutuhan Sistem Dalam mempermudah analisis sistem untuk menentukan keseluruhan kebutuhan secara lengkap, maka analis membagi kebutuhan sistem menjadi dua jenis yaitu analisis kebutuhan fungsional dan analisis kebutuhan non-fungsional Analisis Kebutuhan Fungsional Kebutuhan fungsional berisi proses-proses apa saja yang nantinya dilakukan oleh sistem.kebutuhan fungsional juga berisi informasi-informasi apa saja yang harus ada dan dihasilkan oleh sistem. 1. Game ini memiliki 5 level dengan layout teka-teki yang berbeda di tiap levelnya. 2. Game ini memiliki waktu pada setiap level nya. 3. Game ini memiliki volume bar untuk mengatur besar kecilnya suara Kebutuhan Non-Fungsional Kebutuhan ini adalah tipe kebutuhan yang berisi properti perilaku yang dimiliki oleh sistem. Kebutuhan Non-Fungsional dibagi menjadi 3 bagian yaitu Aspek Perangkat Keras, Aspek Perangkat Lunak, dan Aspek Sumber Daya Manusia Analisis Kelayakan Teknologi Ditinjau dari segi kelayakan teknologi, game ini dapat dikatakan layak karena untuk menjalankan game ini tidak perlu spesifikasi komputer yang tinggi Analisis Kelayakan Hukum Ditinjau dari segi kelayakan hukum, konten game ini tidak melanggar hukum. Disamping itu, untuk sound maupun gambar yang didownload dari internet telah dicantumkan sumbernya ke dalam lampiran daftar pustaka dan juga dalam game ini pada bagian credits. Untuk menjalankan game ini dibutuhkan Flash Player yang dapat diunduh secara gratis. Maka dari itu dari segi kelayakan hukum, game ini dapat dikatakan layak Analisis Kelayakan Operasional Ditinjau dari segi operasional, game ini dikatakan layak karena saat ini masyarakat pada umumnya sudah mampu mengoperasikan komputer dengan baik dan game ini mudah dijalankan. 7 Hanif Al Fatta Analisis & Perancangan Sistem Informasi, Yogyakarta: Andi Offset, hal. 24

8 5 3.2 Perancangan Game Dalam perancangan game ini terdapat beberapa tahap-tahap yang harus dikerjakan, diantaranya : 1. Menentukan Genre Game Game Teka-Teki Silang Hems ini termasuk dalam genre puzzle. 2. Menentukan Tool Game Teka-Teki Silang Hems ini menggunakan perangkat lunak Adobe Flash CS4 karena lebih user friendly dalam pembuatan game. 3. Menentukan Gameplay a. Alur Game Alur dari game ini yaitu pemain memecahkan teka-teki silang. 1) Level 1, pemain diminta untuk mengisi kotak teka-teki silang yang telah disediakan sesuai dengan pertanyaan/petunjuk yang telah ada. Untuk level 1 ini berisi 10 pertanyaan dengan waktu yang diberikan 1 menit. 2) Level 2, pemain diminta untuk mengisi kotak teka-teki silang yang telah disediakan sesuai dengan pertanyaan/petunjuk yang telah ada. Untuk level 2 ini berisi 15 pertanyaan dengan waktu yang diberikan 2 menit. 3) Level 3, pemain diminta untuk mengisi kotak teka-teki silang yang telah disediakan sesuai dengan pertanyaan/petunjuk yang telah ada. Untuk level 3 ini berisi 20 pertanyaan dengan waktu yang diberikan 3 menit. 4) Level 4, pemain diminta untuk mengisi kotak teka-teki silang yang telah disediakan sesuai dengan pertanyaan/petunjuk yang telah ada. Untuk level 4 ini berisi 25 pertanyaan dengan waktu yang diberikan 4 menit. 5) Level 5, ini merupakan level terakhir dari game teka-teki silang ini. Pemain diminta untuk mengisi kotak teka-teki silang yang telah disediakan sesuai dengan pertanyaan/petunjuk yang telah ada. Untuk level 5 ini berisi 30 pertanyaan dengan waktu yang diberikan 4.30 menit. 4. Menentukan Grafis a. Gambar Layout Teka-Teki Silang Hems 1. Level 1 Gambar 3.1 Layout Teka-Teki Silang Hems - level 1

9 6 2. Level 2 Gambar 3.2 Layout Teka-Teki Silang Hems - level 2 3. Level 3 Gambar 3.3 Layout Teka-Teki Silang Hems - level 3 4. Level 4 Gambar 3.4 Layout Teka-Teki Silang Hems - level 4 5. Level 5 Gambar 3.5 Layout Teka-Teki Silang Hems - level 5

10 7 b. Perancangan Interface Dalam perancangan interface game Teka-Teki Silang Hems ini terdapat beberapa rancangan yang nantinya akan ditampilkan, diantaranya sebagai berikut : 1. Intro Teka-Teki Silang HEMS copyright 2012 Teka-Teki Silang Hems 2. Menu Utama Gambar 3.6 Rancangan Tampilan Intro TEKA-TEKI SILANG HEMS START GAME INSTRUCTIONS BACKGROUND CREDITS QUIT GAME copyright 2012 Teka-Teki Silang Hems Gambar 3.7 Rancangan Tampilan Menu Utama 3. Menu Quit Game QUIT GAME Do you really want to quit Teka-Teki Silang Hems? YES NO Gambar 3.18 Rancangan Tampilan Menu Quit Game

11 8 4. Level Utama TEKA-TEKI SILANG HEMS LEVEL : LAYOUT TEKA-TEKI SILANG CEK MENU volume 5. Level Complete Gambar 3.9 Rancangan Tampilan Level Utama SELAMAT!! LEVEL.. Play COMPLETE Next Level >> 6. Level Gagal Gambar 3.10 Tampilan level complete MAAF!! ANDA GAGAL COBA LAGI? Yes No Gambar 3.11 Tampilan level gagal

12 9 5. Menentukan Suara Dalam game ini, suara/sound yang digunakan semuanya simple dan enak didengar. Suara tersebut digunakan pada semua tombol-tombol dalam game ini. Suara yang digunakan dalam game ini ada yang diambil dari suara windows dan juga ada beberapa yang di download melalui media internet. 6. Menentukan Timeline Dalam pembuatan game ini juga dibutuhkan perancangan waktu agar pengerjaan game ini dapat teratur dan selesai tepat waktu. Game ini memerlukan waktu kurang lebih 4 bulan (mulai januari 2012). 4. Implementasi dan Pembahasan 4.1 Implementasi Sistem Tahapan ini adalah tahap membangun dan mengembangkan game teka-teki silang Hems sesuai dengan naskah yang sudah dibuat. Dalam pembuatan game teka-teki silang Hems ini, langkah awalnya adalah menyiapkan aset-aset yang akan digunakan untuk bekerja, misalnya gambar background, button, suara, layout teka-teki silang, teks, dan lain-lainya. Setelah itu membuat desain background atau desain stage baik ditampilan permainan maupun ditampilan lainnya. Setelah itu membuat animasi yang nantinya akan di tampilkan dalam game yaitu animasi loading untuk tampilan awal. Setelah itu menambahkan script atau perintah untuk menjalakan game dan membuat link antar halaman, kemudian test untuk melihat hasilnya. 4.2 Pembahasan Bagian pembahasan kali ini akan difokuskan pada pembahasan script yang ada dalam game. Pembahasan juga difokuskan pada menu utama dan level 1 karena untuk level 2 hingga level 5 sama seperti level 1 hanya beda di penempatan layer dan frame saja. 1. Tombol Start Game. Tombol ini ketika di klik akan diarahkan ke halaman permainan yaitu level 1.

13 10 2. Main Level 1 Script untuk perhitungan waktu dimana waktunya adalah 1 menit. waktu_hidup true dimaksudkan saat masuk level 1 otomatis waktunya akan aktif. Script jika waktu hidup maka akan dihitung mundur. Ketika menit=0 dan detik=0 maka akan menuju ke frame 64 yaitu level gagal karena waktunya habis. a b. dst.

14 11 Keterangan : a. Script tersebut untuk mengecek ketika semua jawaban yang diisi semuanya benar maka tanda centang dan tanda coret akan tampak (._alpha=100) dan level complete ( gotoandplay(63); ) b. Script cek yang dimaksudkan disitu adalah tombol cek. Ketika pemain mengisi jawaban dan ingin mengetahui jawaban benar atau tidak maka harus men-klik tombol cek. Function tombol cek berisi logika yang berisi variable dari masing-masing kata dari jawaban soal teka-teki silang tersebut. 3. Tombol Quit Game Tombol ini akan memunculkan tampilan Quit Game. Tombol Yes Tombol No 4.3 Membuat File Executable (.exe) Publikasi file bertujuan agar file dapat di-executable atau dijalankan pada windows tanpa harus membuka program Adobe Flash, tetapi dalam windows harus terdapat aplikasi Flash Player. Adapun langkah-langkahnya sebagai berikut: 1. Project yang telah dibuat selanjutnya disimpan dengan memilih menu File Save. Simpan project dengan nama hems.fla, kemudian klik tombol Save. 2. Selanjutnya pilih dan klik menu File Publish Settings. 3. Setelah memilih type dengan mencentang.exe dan.swf, selanjutnya klik tombol Publish. Tunggu sampai proses compile selesai. 4. Setelah selesai maka file hems.exe telah jadi dan siap digunakan. 4.4 Uji Coba Ketika telah selesai dalam pembuatan sebuah game, ada satu proses yang nantinya akan menentukan apakah game yang telah dibuat sudah dapat atau layak untuk digunakan, dimainkan dan dirilis kepasaran yaitu proses uji coba. Uji coba yang dilakukan terhadap game teka-teki silang Hems ini yaitu black box testing.

15 Black Box Testing Tabel 4.2 Pengetesan Black box testing Yang diuji Keterangan Hasil Tombol Play (saat loading game) Ketika tombol di klik maka akan masuk pada halaman utama yang berisi menu utama. Tombol Start Game Ketika tombol di klik maka akan masuk pada permainan teka-teki silang level 1. Tombol Instructions Ketika tombol di klik maka akan masuk pada tampilan petunjuk aturan permainan. Tombol Credits Ketika tombol di klik maka akan masuk tampilan credits yang berisi ucapan terima kasih kepada pihak-pihak yang ikut membantu. Tombol Quit Game Ketika tombol di klik maka akan muncul pilihan Yes untuk keluar dari permainan dan No untuk membatalkan. Tombol Cek Berada dalam setiap level, ketika mengisi jawaban teka-teki silang dan tombol ini di klik makan akan muncul tanda centang dan coret apabila jawaban benar dan tidak terjadi apaapa ketika jawaban salah. Tombol Menu Berada dalam setiap level permainan. Ketika tombol di klik maka akan muncul pilihan back to game, restart game, quit. Tombol Play Next Level Ketika menyelesaikan setiap level akan muncul tombol ini untuk lanjut ke level berikutnya. Apabila Level 1 : 1 menit Pemain akan langsung bermain ke level 2

16 13 waktu pada setiap levelnya terpenuhi Level 2 : 2 menit Pemain akan langsung bermain ke level 3 Level 3 : 3 menit Pemain akan langsung bermain ke level 4 Level 4 : 4 menit Pemain akan langsung bermain ke level 5 Level 5 : 4 menit 30 detik Pemain berhasil menyelesaikan level terakhir dan kembali ke halaman home / menu utama Muncul teks : Maaf!! Anda Gagal, Coba Lagi? yang disertai tombol yes dan no. Apabila waktu yang disediakan tidak terpenuhi setiap levelnya Ketika tombol yes di klik maka akan kembali masuk pada tampilan level yang dimainkan. Ketika tombol no di klik maka akan kembali masuk pada tampilan menu utama. 4.5 Interface Game Teka-Teki Silang Hems Saat game Teka-Teki Silang Hems dijalankan akan muncul sebuah tampilan awal game berupa menu utama seperti yang ditunjukkan pada gambar dibawah ini. Gambar 4.1 Tampilan awal Loading Gambar 4.2 Tampilan Main Menu

17 14 Gambar 4.3 Tampilan Menu Quit Game Gambar 4.4 Tampilan TTS Hems Level 1 Gambar 4.5 Waktu Habis Level 1 gagal dan Level 1 complete

18 15 Gambar 4.6 Tampilan TTS Hems Level 2 dan Level 3 Gambar 4.7 Tampilan TTS Hems Level 4 dan Level 5 Gambar 4.8 Tampilan TTS Hems Level 5 Complete, kembali ke home/menu utama karena merupakan level teakhir

19 16 5. Kesimpulan 5.1 Kesimpulan Berdasarkan hasil pengujian dari pembuatan game Teka-Teki Silang Hems dapat dibuktikan dan dilihat pada pengujian aplikasi (Tabel 4.2). Dilihat dari tabel pengujian tersebut dapat disimpulkan bahwa program dapat berjalan dengan baik. Berdasarkan hasil dari perencanaan, pembuatan dan implementasi aplikasi dari babbab sebelumnya, maka didapatkan kesimpulan secara menyeluruh mengenai pembuatan Game Teka-Teki Silang Hems dengan menggunakan Adobe Flash CS4 diantaranya sebagai berikut. a. Kelebihan dan kekurangan dari Game Teka-Teki Silang Hems : Kelebihan : 1. Karena game ini menggunakan flash, sehingga game ini user friendly dan mudah untuk digunakan. 2. Game Teka-Teki Silang Hems ini juga bermanfaat untuk mengisi waktu luang disela-sela pekerjaan atau istirahat. 3. Game Teka-Teki Silang Hems juga memberikan pengetahuan sehingga dapat menambah wawasan bagi pemain game teka-teki silang ini. Kekurangan : 1. Game ini masih bersifat statis yang dapat dilihat dari pertanyaan yang sama/belum acak (random). 2. Dilihat dari segi animasi masih kurang. 5.2 Saran Untuk lebih memahami tentang aplikasi Adobe Flash CS4 diperlukan efek editing yang baik, adapun saran yang dapat diberikan untuk pengembangan game adalah sebagai berikut : 1. Dalam pengembangan game Teka-Teki Silang Hems hanya dapat dimainkan secara single player, harapan ke depannya semoga aplikasi ini dapat dikembangkan agar dapat dipergunakan secara luas seperti jaringan komputer atau internet. 2. Semoga kedepannya game ini dapat dikembangkan menjadi lebih dinamis dari segi pertanyaan yang random dan lebih menarik dari segi animasi.

20 Daftar Pustaka Al Fatta, Hanif Analisis & Perancangan Sistem Informasi, Yogyakarta: Andi Offset. Anggra Memahami Teknik Dasar Pembuatan Game Berbasis Flash. Yogyakarta: Penerbit Gava Media. Hidayatullah, A. Taufiq Menit Belajar Photoshop CS4 Langsung Bisa!. Yogyakarta : Mediakom. Neumann, J.Von and Morgenstern. Theory of Games and Economic Behavior (3d ed.1953) Sismoro, Heri Pengantar Logika Informatika, Algoritma, dan Pemrograman Komputer. Yogyakarta : Andi Offset. Wahana Komputer ShortCourse Series : Adobe Flash CS4. Yogyakarta : Andi Offset. diakses tanggal 14 Mei diakses tanggal 14 Mei