Membuat TTS menggunakan Flash.pdf

PEMBUATAN GAME TEKA-TEKI TEKA-TEKI SILANG “HEMS” MENGGUNAKAN MENGGUNAKAN ADOBE FLASH

Naskah Publikasi

diajukan oleh Tirsa Ninia Lina 10.21.0484

kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2012

ii

D “HEMS” USING AD O B E F L A S H MAK ING GAME CROSSWOR

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”.

K e y w o r d s : crosswords, puzzle games, brain teasers

iii

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 m engganti 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)

2

2

2.4 Sejarah Singkat Perkembangan Game

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 360.

2.5 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 :

2

1.

Genre Game

2.

Tool

3.

Gameplay

4.

Grafis

5.

Suara

6.

Timeline

7.

Pembuatan

8.

Publishing

Anggra. 2008. Memahami Teknik Dasar Pembuatan Game Berbasis Flash. Yogyakarta: Penerbit Gava Media, hal 1 3 Ibid. Hal.2

3

2.7 Bahasa Pemrograman yang Digunakan 2.7.1

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.

4

2.8 Perangkat Lunak yang Digunakan 2.8.1

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 CS4 2.8.2

Adobe Photoshop CS4 Adobe Photoshop CS4 adalah aplikasi prof essional untuk mengolah gambar/foto.

Aplikasi ini dilengkapi dengan berbagai m acam 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.

4

6

Op.cit. hal.53 Wahana Komputer. 2010. ShortCourse Series : Adobe Flash CS4 . Yogyakarta : Andi. 6 A. Taufiq Hidayatullah. 2009. 45 Menit Belajar Photoshop CS4 Langsung Bisa!. Yogyakarta : Mediakom, hal.9 5

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. 3.1.1

7

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. 3.1.1.1

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. 3.1.1.2 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.

3.1.2

Analisis Kelayakan Teknologi Ditinjau dari segi kelayakan teknologi, game ini dapat dikatakan layak karena

untuk menjalankan game ini tidak perlu spesifikasi komputer yang tinggi. 3.1.3

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. 3.1.4

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. 2007. Analisis & Perancangan Sistem Informasi, Yogyakarta: Andi Offset, hal. 24

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

6

2.

Level 2


3.

Level 3


4.

Level 4


5.

Level 5


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”

Gambar 3.6 Rancangan Tampilan Intro 2.

Menu Utama

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

8

4.

Level Utama

TEKA-TEKI SILANG

LEVEL …

“HEMS” :

LAYOUT TEKA-TEKI SILANG

CEK

MENU

volume

Gambar 3.9 Rancangan Tampilan Level Utama 5.

Level Complete

SELAMAT !! LEVEL .. COMPLETE

Play Next Level >>

Gambar 3.10 Tampilan level complete 6.

Level Gagal

MAAF !! ANDA GAGAL COBA LAGI ? Yes

No

Gambar 3.11 Tampilan level gagal

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.

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 ….

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 .

12

4.4.1

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

OK

halaman utama yang berisi menu utama. Tombol Start Game


OK

permainan teka-teki silang level 1. Tombol Instructions


OK

tampilan petunjuk aturan permainan. Tombol Credits

Ketika tombol di klik maka akan masuk

OK

tampilan credits yang berisi ucapan terima kasih

kepada

pihak-pihak

yang

ikut

membantu. Tombol Quit Game

Ketika tombol di klik maka akan muncul

OK

pilihan Yes untuk keluar dari permainan dan No untuk membatalkan. Berada dalam setiap level, ketika mengisi

Tombol Cek

OK

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. Berada dalam setiap level permainan. Ketika

Tombol Menu

OK

tombol di klik maka akan muncul pilihan back to game, restart game, quit. Tombol Play Next Level

Ketika

menyelesaikan

setiap

level

akan

OK

muncul tombol ini untuk lanjut ke level berikutnya.

Apabila

Level 1 : 1 menit

Pemain akan langsung bermain ke level 2

OK

13

waktu pada

Level 2 : 2 menit


Level 3 : 3 menit


Level 4 : 4 menit


Level 5 : 4 menit 30

Pemain berhasil menyelesaikan level terakhir

detik

dan kembali ke halaman home / menu utama

setiap levelnya terpenuhi

Muncul teks : Maaf !! Anda Gagal, Coba Lagi

OK

? yang disertai tombol yes dan no.

Apabila waktu yang disediakan tidak terpenuhi setiap levelnya

Ketika tombol yes di klik maka akan kembali

OK

masuk pada tampilan level yang dimainkan. Ketika tombol no di klik maka akan kembali

OK

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

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

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

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.

Daftar Pustaka

Al Fatta, Hanif. 2007. Analisis & Perancangan Sistem Informasi, Yogyakarta: And i Offset. Anggra. 2008. Memahami Teknik Dasar Pembuatan Game Berbasis Flash. Yogyakarta: Penerbit Gava Media. Hidayatullah, A. Taufiq. 2009. 45 Menit Belajar Photoshop CS4 Langsung Bisa!. Yogyakarta : Mediakom. Neumann, J.Von and Morgenstern. Theory of Games and Economic Behavior (3d ed.1953)

Sismoro, Heri. 2005. Pengantar Logika Informatika, Algoritma, dan Pemrograman Komputer. Yogyakarta : Andi Offset. Wahana Komputer. 2010. ShortCourse Series : Adobe Flash CS4. Yogyakarta : Andi Offset. http://downloads.khinsider.com/game-soundtracks/album/puzzle-bobble-welcome-to-thekaruland/, diakses tanggal 14 Mei 2012. http://downloads.khinsider.com/game-soundtracks/album/puzzle-bobble-variety/ , diakses tanggal 14 Mei 2012.

17

Membuat TTS menggunakan Flash.pdf

Recommend Documents