PERMAINAN CATUR ONLINE DENGAN MENGGUNAKAN MACROMEDIA FLASH MX 2004

  

PERMAINAN CATUR ONLINE

DENGAN MENGGUNAKAN MACROMEDIA FLASH MX 2004

SKRIPSI

Diajukan untuk Memenuhi Salah Satu Syarat

Memperoleh Gelar Sarjana Teknik

  

Jurusan Teknik Informatika

Disusun Oleh :

Albertus Andre

  

015314002

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS SANATA DHARMA

  

AN ONLINE CHESS

USING MACROMEDIA FLASH MX 2004

FINAL PROJECT

Presented as Partial Fulfillment of the Requirements

to Obtain the Sarjana Teknik Degree

in Informatics Engineering

  

By :

Albertus Andre

015314002

  

INFORMATICS ENGINEERING STUDY PROGRAMME

FACULTY OF ENGINEERING

SANATA DHARMA UNIVERSITY

  TUGAS AKHIR PERMAINAN CATUR ONLINE DENGAN MENGGUNAKAN MACROMEDIA FLASH MX 2004 Disusun oleh : Albertus Andre 015314002

  Telah disetujui oleh : Pembimbing I Agnes Maria Polina, S.Kom., M.Sc. Tanggal………………….

  Pembimbing II Yudianto Asmoro, S.T. Tanggal………………….

TUGAS AKHIR PERMAINAN CATUR ONLINE DENGAN MENGGUNAKAN

  Dipersiapkan dan ditulis oleh

  Albertus Andre

  NIM : 015314002 Telah dipertahankan di depan Panitia Penguji pada tanggal 21 Juni 2007 dan dinyatakan memenuhi syarat

  Susunan Panitia Penguji

  Nama Lengkap Tanda Tangan Ketua Agnes Maria Polina, S.Kom., M.Sc. ………….

  Sekretaris Alb. Agung Hadhiatma, S.T., M.T. ………...... Anggota St. Yudianto Asmoro, S.T. …………. Anggota St. Wisnu Wijaya, S.T. …………..

  Yogyakarta, Juni 2007 Fakultas Teknik Universitas Sanata Dharma Dekan, For with GOD Nothing shall be impossible.

   (Luke 1 : 37)

Everything that humans can imagine is

a possibility in reality.

  Physicist, Willy Karen Don’t worry, Be Happy

  Bobby

  

This undergraduate thesis is dedicated to

My beloved parents,

My brother,

My sister,

  

My beloved mate,

And also those who will always be there for me

PERNYATAAN KEASLIAN KARYA

  Saya menyatakan dengan sesungguhnya bahwa skripsi yang saya tulis ini tidak memuat karya atau bagian karya orang lain, kecuali yang telah disebutkan dalam kutipan dan daftar pustaka, sebagaimana layaknya sebuah karya ilmiah.

  Yogyakarta, Juni 2007 Penulis,

  Albertus Andre

  

ABSTRAKSI

PERMAINAN CATUR ONLINE

DENGAN MENGGUNAKAN MACROMEDIA FLASH MX 2004

Albertus Andre

015314002

  Game pada Personal Computer (PC) merupakan salah satu unsur penting

  dalam perkembangan PC. Walaupun pada saat sekarang ini sudah banyak game dengan berbagai macam fitur yang sangat canggih, tetapi game dengan fitur yang lebih sederhana seperti solitaire atau minesweeper tetap memiliki penggemarnya, karena ada kalanya seseorang ingin memainkan game yang sederhana. Maka dari itu, penulis terinspirasi untuk membuat game dengan fitur sederhana namun ‘menjual’ berkat teknologi yang menyertainya, yaitu permainan catur online dengan menggunakan Macromedia Flash MX 2004.

  Dalam pembuatan game ini, penulis memilih untuk menggunakan

  

Macromedia Flash MX 2004 mengingat kemampuan flash di bidang animasi,

  serta kemampuan format .swf yang dimilikinya yang dapat mengompres file gambar dan suara, termasuk format-format vector menjadi file dengan ukuran yang sangat kecil. Dalam pembuatan game ini, Macromedia Flash MX 2004 didukung oleh ElectroServer 3 yang merupakan sebuah socket server yang dirancang khusus oleh Electrotank untuk aplikasi multiplayer game dan chat sehingga nantinya akan menghasilkan sebuah aplikasi yang mampu mengirimkan dan menerima data dalam jaringan dengan menggunakan bahasa pemrograman dari flash itu sendiri, yaitu ActionScript 2.0.

  Hasil akhir yang diperoleh adalah forum online dimana terdapat fasilitas bagi 2 orang user untuk bermain catur. Tak hanya itu, program aplikasi ini juga memungkinkan bagi semua user yang ada di dalamnya untuk menggunakan

  

ABSTRACT

AN ONLINE CHESS USING MACROMEDIA FLASH MX 2004

Albertus Andre

015314002

  Personal Computer (PC) game is one of important aspects in PC development. Though there are a lot of games using latest features recently, yet games with simpler features like solitaire or minesweeper still popular, since sometimes people love to play just a simple game. Considering that, the writer was inspired to make a game having simple features conducting with latest technology inside, which is an online chess using Macromedia Flash MX 2004.

  Macromedia Flash MX 2004 is chosen because of its ability in animation

  and its .swf format ability to compress picture and sound files, including the vector formats, into tiny files. In this game, Macromedia Flash MX 2004 is supported by ElectroServer 3, a socket server specially constructed by Electrotank for multiplayer game and chat application. The cooperation of Macromedia Flash

  

MX 2004 and ElectroServer 3 will later on come to an application which is

  capable to send and accept data in a network using programming language of flash, which is ActionScript 2.0.

  The result of this implementation is an online forum with a facility to play chess for 2 users. Moreover, that application program also enables all users in the forum to use chatting facility and being spectators of the played chess at the same moment.

  

PRAKATA

  Puji syukur penulis panjatkan kepada Tuhan Yesus Kristus karena atas berkat dan pimpinan–Nya penulis dapat menyelesaikan skripsi berjudul Permainan Catur Online Dengan Menggunakan Macromedia Flash MX 2004 sebagai salah satu syarat untuk memperoleh gelar Sarjana Teknik (S.T.) pada Program Studi Teknik Informatika, Fakultas Teknik, Universitas Sanata Dharma.

  Dalam penyusunan ini, penulis telah banyak memperoleh bantuan dari berbagai pihak, berupa materi maupun bimbingan, serta dorongan semangat dan doa.

  Pada kesempatan ini penulis mengucapkan terima kasih kepada :

  1. Agnes Maria Polina, S.Kom., M.Sc., selaku dosen pembimbing tugas akhir yang telah meluangkan waktu untuk memberi bimbingan serta nasihat kepada penulis.

  2. St. Yudianto Asmoro, S.T., selaku dosen pembimbing dan dosen penguji.

  3. Alb. Agung Hadhiatma, S.T., M.T., selaku dosen penguji dan dosen pembimbing akademis.

  4. St. Wisnu Wijaya, S.T., selaku dosen penguji.

  5. Ir. Greg. Heliarko, S.J., S.S., B.S.T., M.A., M.Sc., selaku Dekan Fakultas Teknik.

  6. Papa & mama yang dengan sabar terus menerus memberikan dorongan semangat dan omelan.

  7. Beben yang selalu memperhatikan dan memberi dukungan, walaupun selalu kesulitan dalam menunjukkannya.

  8. Cierra yang juga selalu memperhatikan by doing simple things.

  9. My beloved Alice, sumber inspirasi yang memberikan perhatian yang sangat besar yang sangat mendukung penulis baik dalam kegiatan perkuliahan, penyusunan skripsi maupun dalam kehidupan sehari–hari.

  10. Qme a-ay, om Deni, om Dede, I-ie Yuyin, om Kris, om Ness, Oma, Kung– kung dan seluruh keluarga besar yang tidak dapat disebutkan satu persatu.

  11. My little cousins Sammy, Dee dee, Ardi, Arli, Io, O’neil, Arcel, Fin fin, Carla, David, Fiel, Beleza.

  12. Teman–teman seperjuangan yang bersama-sama mengalami kerasnya kehidupan skripsi, Bernad, Teguh, Tatag, Rita, Detty, Tina, Alice.

  13. Teman–teman selama di Jogja yang secara langsung maupun tidak langsung mendukung kegiatan perkuliahan dan yang mengalami susah senang bersama, Tatag, Ndon, Lia, Bernad, Siska, Agus, Ucok, Tanto, Teguh, Gatot, Munyuk, Claus, Batok, Emon, Tito, Heston, Yuli, Mono, Ipung.

  14. Teman–teman TI’01 yang banyak memberikan kenangan selama masa perkuliahan.

  15. Seluruh mahasiswa Teknik Informatika, yang membantu penulis melalui masa perkuliahan.

  16. Seluruh mahasiswa Teknik yang membantu penulis melalui masa

  17. Pdt. Victor & Bu Dhani, yang sangat memperhatikan penulis dan memberikan dukungan pangan dan doa.

  18. Keluarga besar GBI Anugerah, yang memberikan dukungan semangat dan doa , Pdt.Aken, Sofi, Pak David, Magda, Agung, Dendi dan masih banyak lagi.

  19. Keluarga besar GBI Karunia Tuhan Bandar Lampung, Pdt. Sutoyo Sigar, Kak Yusi, Yogi, Agus.

  20. Teman–teman kampung halaman, Batok, Emon, Toni, Tono, Vinda, Martha, Syang–syang, Jerry, Ramos.

  21. Mas Samadi & Mbak Yanti, sebagai bapak dan ibu kost yang sangat memperhatikan dan yang dengan sabar menunggu keterlambatan pembayaran listrik.

  22. Seluruh Dosen dan Staff Universitas Sanata Dharma.

  23. Seluruh pihak yang pernah/sedang menyertai penulis dalam melalui lika- liku kehidupan.

  24. Pihak lain yang tidak dapat disebutkan satu persatu yang telah membantu penulis dalam menyelesaikan tugas akhir ini.

  Yogyakarta, Juni 2007 Penulis,

  Albertus Andre

  DAFTAR ISI

  HALAMAN JUDUL ............................................................................................... i HALAMAN PERSETUJUAN PEMBIMBING .................................................... iii HALAMAN PENGESAHAN ............................................................................... iv HALAMAN MOTTO ..............................................................................................v HALAMAN PERSEMBAHAN ............................................................................ vi PERNYATAAN KEASLIAN KARYA ............................................................... vii ABSTRAKSI ....................................................................................................... viii ABSTRACT........................................................................................................... ix PRAKATA...............................................................................................................x DAFTAR ISI........................................................................................................ xiii DAFTAR TABEL.............................................................................................. xviii DAFTAR GAMBAR ........................................................................................... xix

  BAB I .......................................................................................................................1 PENDAHULUAN ...................................................................................................1

  1.1. Latar Belakang .........................................................................................1

  1.2. Rumusan Masalah ....................................................................................2

  1.3. Batasan Masalah ......................................................................................2

  1.4. Tujuan ......................................................................................................2

  1.5. Metodologi Penelitian ..............................................................................3

  1.6. Sistematika Penulisan ..............................................................................4

  BAB II......................................................................................................................6

  2.1. Permainan Catur.......................................................................................6

  2.1.1. Perkenalan Permainan Catur ............................................................... 6

  2.1.2. Proses dan Peraturan Permainan Catur ............................................... 7

  2.1.2.1. Proses Permainan ........................................................................ 7

  2.1.2.2. Peraturan Permainan ................................................................... 8

  2.2. Macromedia Flash MX 2004 .................................................................15 2.2.1.

  ActionScript 2.0................................................................................. 18

  2.2.1.1. Istilah-istilah dalam ActionScript 2.0........................................ 18

  2.2.1.2. Syntax ActionScript 2.0 ............................................................. 21

  2.3. ElectroServer 3 ......................................................................................22

  2.3.1. Kelebihan ElectroServer 3 ................................................................ 23

  2.3.2. Instalasi ............................................................................................. 24

  BAB III ..................................................................................................................25 PERANCANGAN SISTEM ..................................................................................25

  3.1. Proses Umum .........................................................................................25

  3.1.1. Menu Start Game .............................................................................. 26

  3.1.1.1. Menu

  Create Game ................................................................... 27

  3.1.1.2. Menu Join Game ....................................................................... 29

  3.1.1.3. Proses Permainan ...................................................................... 30

  3.1.2. Menu Help......................................................................................... 35

  3.1.3. Menu Credit ...................................................................................... 36

  3.2. Perancangan Antarmuka ........................................................................37

  3.2.2. Scene Setting ..................................................................................... 38 3.2.3.

  Scene Help......................................................................................... 43

  

4.2.2.2. Login Game............................................................................... 48

  4.2.2.1. Koneksi ElectroServer .............................................................. 47

  4.2.2. Menu Game....................................................................................... 47

  4.2.1. Menu Utama...................................................................................... 46

  4.2. Tampilan Program Aplikasi Dan Potongan Listing Program ................46

  4.1. Pengaturan PC........................................................................................44

  BAB IV ..................................................................................................................44 IMPLEMENTASI SISTEM...................................................................................44

  3.2.14. Scene Credit ...................................................................................... 43

  3.2.12. Scene Ending..................................................................................... 42 3.2.13.

  Scene Create Game ........................................................................... 38

  Scene Konfirmasi Menyerah ............................................................. 42

  3.2.10. Scene Penolakkan Remis .................................................................. 42 3.2.11.

  3.2.9. Scene Penawaran Remis.................................................................... 41

  Scene Peringatan Skak ...................................................................... 41

  3.2.7. Scene Game....................................................................................... 40 3.2.8.

  Scene Join Game ............................................................................... 40

  3.2.5. Scene Player Ditemukan ................................................................... 39 3.2.6.

  3.2.4. Scene Menunggu Player ................................................................... 39

  

4.2.2.3. Scene Chat................................................................................. 51

  4.2.2.3.2. Chat Room List...................................................................... 54

  4.2.2.4.4. Chat History .......................................................................... 78

  4.2.4. Menu Help......................................................................................... 88

  

4.2.3. Menu Credit ...................................................................................... 87

  4.2.2.4.10. Lobby Button ........................................................................ 87

  4.2.2.4.9. Rematch Button ..................................................................... 84

  Draw Button .......................................................................... 82

  4.2.2.4.7. Resign Button ........................................................................ 81 4.2.2.4.8.

  4.2.2.4.6. Spectator List ........................................................................ 80

  4.2.2.4.5. Chat Message Box................................................................. 79

  Move History Box.................................................................. 78

  4.2.2.3.3. Game Room List.................................................................... 56

  4.2.2.4.2. Timer Box & Player Info....................................................... 75 4.2.2.4.3.

  Chess Board .......................................................................... 68

  4.2.2.4. Scene Game............................................................................... 67 4.2.2.4.1.

  4.2.2.3.9. New Game Button ................................................................. 65

  4.2.2.3.8. New Room Button.................................................................. 63

  4.2.2.3.7. User Info ............................................................................... 63

  4.2.2.3.6. Room Info .............................................................................. 63

  4.2.2.3.5. Chat Message Box................................................................. 62

  4.2.2.3.4. Chat History .......................................................................... 61

  BAB V ...................................................................................................................89

  5.1. Uji Coba Perangkat Lunak.....................................................................89

  5.1.1. Uji Coba Scene Chat ......................................................................... 89

  5.1.2. Uji Coba Scene Game ....................................................................... 90

  5.2. Analisa Manfaat .....................................................................................91

  5.3. Analisa Teknologi ..................................................................................91

  5.4. Kelebihan dan Kekurangan aplikasi ......................................................92

  BAB VI ..................................................................................................................94 PENUTUP..............................................................................................................94

  6.1. Kesimpulan ............................................................................................94

  6.2. Saran ......................................................................................................94 DAFTAR PUSTAKA ............................................................................................95

  

DAFTAR TABEL

Tabel 2.1 Susunan buah catur pada awal permainan ...............................................7Tabel 2.2 File Gambar ...........................................................................................16Tabel 2.3 File Suara ...............................................................................................16Tabel 2.4 File Video...............................................................................................16Tabel 2.5 Tipe File Ekspor ....................................................................................17Tabel 2.6 Tipe File Impor ......................................................................................17

  

DAFTAR GAMBAR

Gambar 2.1 Papan Catur ..........................................................................................6Gambar 2.2 Susunan buah catur pada awal permainan ...........................................7Gambar 2.3 Gerakan bidak ......................................................................................9Gambar 2.4 Gerakan benteng.................................................................................10Gambar 2.5 Gerakan Kuda ....................................................................................11Gambar 2.6 Gerakan gajah ....................................................................................11Gambar 2.7 Gerakan menteri .................................................................................12Gambar 2.8 Gerakan raja .......................................................................................12Gambar 2.9 Blokir .................................................................................................13Gambar 2.10 Promosi ............................................................................................14Gambar 3.1 Flowchart Umum ...............................................................................25Gambar 3.2 Flowchart Start Game........................................................................26Gambar 3.3 Flowchart Create Game.....................................................................27Gambar 3.4 Flowchart Menunggu Player .............................................................28Gambar 3.5 Flowchart Player Ditemukan.............................................................29Gambar 3.8 Flowchart Konfirmasi Remis.............................................................34Gambar 3.9 Flowchart Konfirmasi Menyerah.......................................................35Gambar 3.10 Flowchart Scene Ending ..................................................................35Gambar 3.12 Flowchart Credit..............................................................................37Gambar 3.15 Scene Create Game ..........................................................................38Gambar 3.16 Scene Menunggu Player ..................................................................39Gambar 3.17 Scene Player Ditemukan ..................................................................39Gambar 3.18 Scene Join Game ..............................................................................40Gambar 3.19 Scene Game......................................................................................41Gambar 3.20 Scene Peringatan Skak .....................................................................41Gambar 3.21 Scene Penawaran Remis...................................................................41Gambar 3.22 Scene Penolakkan Remis..................................................................42Gambar 3.23 Scene Konfirmasi Menyerah ............................................................42Gambar 3.24 Scene Ending....................................................................................43Gambar 3.25 Scene Help........................................................................................43Gambar 3.26 Scene Credit .....................................................................................43Gambar 4.1 Download Flash Player – Opera .......................................................45Gambar 4.2 Download Flash Player – Mozilla Firefox ........................................46Gambar 4.3 Menu Utama.......................................................................................47Gambar 4.4 Scene Login ........................................................................................49Gambar 4.5 Pesan Username Telah Digunakan ....................................................51Gambar 4.6 Scene Chat..........................................................................................52Gambar 4.7 Popup clip private ..............................................................................53Gambar 4.8 Popup Clip Join Room 1 ....................................................................55Gambar 4.9 Popup Clip Join Room 2 ....................................................................56Gambar 4.10 Gameclipholder................................................................................57Gambar 4.12 Satu pemain hitam............................................................................58Gambar 4.13 Popup clip Join Game tanpa password............................................59Gambar 4.14 Popup clip Join Game dengan password .........................................59Gambar 4.15 Chat History .....................................................................................62Gambar 4.16 Chat Message Box............................................................................62Gambar 4.17 Popup clip new room .......................................................................64Gambar 4.18 Popup clip new room .......................................................................65Gambar 4.19 Scene Game......................................................................................68Gambar 4.20 Scene Game 2...................................................................................69Gambar 4.21 Popup clip promotion.......................................................................70Gambar 4.22 Timer Box .........................................................................................76Gambar 4.23 Move History Box.............................................................................78Gambar 4.24 Chat History .....................................................................................79Gambar 4.25 Chat Message Box............................................................................79Gambar 4.26 Spectator list ....................................................................................80Gambar 4.27 Popup clip resign .............................................................................81Gambar 4.28 Popup clip draw ...............................................................................82Gambar 4.29 Popup clip waiting ...........................................................................83Gambar 4.30 Popup clip draw request ..................................................................83Gambar 4.31 Popup clip draw yes .........................................................................84Gambar 4.32 Popup clip draw no ..........................................................................84Gambar 4.33 Restart request .................................................................................85Gambar 4.35 Rematch request ...............................................................................86Gambar 4.36 Restart no .........................................................................................86Gambar 4.37 Menu Credit .....................................................................................87Gambar 4.38 Menu Help........................................................................................88

BAB I PENDAHULUAN

1.1.Latar Belakang

  Game pada Personal Computer (PC) merupakan salah satu unsur penting dalam perkembangan PC, kini jenis game pada PC sudah tidak terhitung lagi jumlahnya, mulai dari game sederhana seperti solitaire sampai pada game simulasi 3 dimensi yang kualitasnya gambarnya hampir mendekati kenyataan seperti Need For Speed Underground 2, bahkan kini bisnis game sangat erat hubungannya dengan berbagai macam bisnis hiburan, seperti film dan animasi, bahkan akhir-akhir ini bisnis game itu sendiri lebih melejit dibandingkan bisnis hiburan lainnnya.

  Walaupun pada saat sekarang ini sudah banyak game dengan berbagai macam fitur yang sangat canggih, tetapi game dengan fitur yang lebih sederhana seperti solitaire atau minesweeper tetap memiliki penggemarnya, karena ada kalanya seseorang ingin memainkan game yang sederhana.

  Sejak kemunculannya Macromedia Flash secara cepat telah menjadi suatu teknologi pilihan untuk membuat animasi-animasi yang dinamis dan interaktif.

  Beberapa Faktor yang mempunyai kontribusi besar pada teknologi yang membuat animasi Flash menjadi populer adalah format .swf yang dapat mengompres file gambar dan suara, termasuk format-format vector menjadi file dengan ukuran menggunakan ElectroServer 3. ElectroServer 3 adalah sebuah socket server yang dirancang khusus oleh Electrotank untuk aplikasi multiplayer gamer dan chat.

  Dengan melihat fenomena yang berkembang di atas, maka timbullah suatu ide untuk ikut berpartisipasi dalam membuat aplikasi permainan pada PC yang berbasiskan jaringan, yaitu dengan membuat Game Catur Online.

  1.2.Rumusan Masalah

  Berdasarkan permasalahan di atas, aplikasi ini memiliki rumusan masalah, yaitu bagaimana menerapkan teknologi Macromedia Flash untuk membuat aplikasi permainan catur yang berbasiskan jaringan.

  1.3.Batasan Masalah

  Pembuatan aplikasi ini memiliki batasan-batasan masalah sebagai berikut:

  a. Aplikasi permainan catur yang dibuat ditujukan untuk PC di dalam jaringan.

  b. Permainan catur hanya bisa berjalan jika ada 2 orang pemain, PC tidak dapat berperan sebagai pemain lawan.

  1.4.Tujuan

  Pembuatan aplikasi ini memiliki tujuan untuk membangun aplikasi permainan catur yang berbasis jaringan pada PC dengan menggunakan teknologi

  Macromedia Flash khususnya Macromedia Flash MX 2004

1.5.Metodologi Penelitian

  1. Observasi Proses observasi dilakukan dengan cara bermain catur secara langsung.

  Dari hasil observasi, maka dapat disusun algoritma untuk peraturan permainan catur.

  2. Studi Pustaka Setelah melakukan proses observasi permainan catur, kemudian dipikirkan hal-hal apa saja yang diperlukan untuk mendukung pembuatan aplikasi permainan. Maka kemudian dipelajari berbagai literatur yang dapat mendukung pembuatan aplikasi, meliputi: a. Materi tentang peraturan permainan catur internasional.

  b. Berbagai materi untuk menyusun suatu aplikasi game, khususnya dengan menggunakan teknologi Macromedia Flash MX 2004.

  c. Bahasa pemrograman dalam Macromedia Flash MX, yaitu

  ActionScript, khususnya ActionScript 2.0, yaitu versi bahasa

  pemrograman terbaru dalam Macromedia Flash MX 2004 yang kemampuannya telah ditingkatkan dari versi sebelumnya.

  d. Berbagai materi tentang ElectroServer 3, aplikasi yang memungkinkan komunikasi atau pengiriman data antar aplikasi yang dibuat dengan

  Macromedia Flash MX 2004.

  3. Implementasi Pada tahap ini semua rancangan permainan catur diterapkan dalam bentuk

  Perangkat lunak yang digunakan dalam implementasi antara lain:

  1. Sistem Operasi Windows XP Profesional versi 5.1.2600 Service Pack 1 build 2600

  2. Macromedia Flash MX 2004

  3. JRE 1.4.2

  4. ElectroServer 3

  5. Adobe Photoshop CS

1.6.Sistematika Penulisan

  BAB I PENDAHULUAN Bab ini berisi tentang deskripsi umum isi tugas akhir yang meliputi latar belakang masalah, rumusan masalah, batasan masalah, tujuan tugas akhir, metodologi tugas akhir dan sistematika penulisan.

  BAB II LANDASAN TEORI Bab ini berisi tentang pengenalan dan penjelasan permainan catur, aturan permainan catur dan materi-materi tentang Macromedia

  Flash MX 2004 dan ElectoServer 3

  BAB III PERANCANGAN SISTEM Bab ini berisi tentang perancangan proses dan perancangan antarmuka dari aplikasi permainan yang dibuat. BAB IV IMPLEMENTASI SISTEM

  Bab ini berisi deskrpsi tentang tahap penulisan program dan implementasi rancangan system ke dalam sistem yang sesungguhnya.

  BAB V ANALISA HASIL Bab ini berisi analisa dari aplikasi melalui uji coba, baik dari segi manfaat dan teknologi. Bab ini juga menjabarkan kelebihan dan kekurangan aplikasi.

  BAB VI PENUTUP Bab ini berisi tentang kesimpulan penulis berdasarkan rumusan masalah yang dihadapi dan saran yang diberikan penulis pada pembaca berkaitan dengan pengembangan aplikasi Macromedia Flash MX 2004 yang menjadi bahan penulisan.

BAB II LANDASAN TEORI

2.1. Permainan Catur

2.1.1. Perkenalan Permainan Catur

  Catur adalah permainan yang berasal dari India sekitar abad ke-6. Dari kemunculannya yang pertama hingga sekarang permainan catur hanya mengalami sedikit perubahan, yaitu munculnya menteri/ratu dan gerakan blokir pada abad ke- 15 dan sedikit penyesuaian perubahan gerakan pada abad ke-18.

  Permainan Catur menggunakan sebuah papan yang terdiri dari 8 baris dan 8 kolom sehingga membentuk sebuah papan berbentuk persegi yang terdiri dari 64 persegi dengan pewarnaan yang bergantian.

Gambar 2.1 Papan Catur

  Tujuan utama dari permainan ini adalah untuk menjebak raja dari pemain lawan atau disebut ‘Skak-Mat’ dengan menggunakan buah-buah catur yang telah disediakan untuk masing-masing pemain dimana tiap-tiap buah catur memiliki fungsi dan kemampuan yang berbeda.

2.1.2. Proses dan Peraturan Permainan Catur

2.1.2.1. Proses Permainan

  Pada permulaan permainan, seorang pemain mempunyai 16 buah catur berwarna terang (putih), sedangkan pemain lainnya mempunyai 16 buah catur yang juga berwarna gelap (hitam) yang disusun sedemikian rupa dengan patokan menteri putih selalu berada di kolom berwarna putih dan sebaliknya. Baik buah hitam maupun putih masing-masing mempunyai 1 Raja, 1 Menteri/Ratu, 2 Benteng, 2 Gajah, 2 Kuda dan 8 Bidak/Pion. Susunan awal buah catur pada dapat dilihat pada tabel berikut.

  

Benteng Kuda Gajah Menteri Raja Gajah Kuda Benteng

Bidak Bidak Bidak Bidak Bidak Bidak Bidak Bidak

Bidak Bidak Bidak Bidak Bidak Bidak Bidak Bidak

Benteng Kuda Gajah Menteri Raja Gajah Kuda Benteng

Tabel 2.1 Susunan buah catur pada awal permainanGambar 2.2 Susunan buah catur pada awal permainan Permainan catur dimainkan oleh dua orang pemain yang berlawanan dengan jalan memindahkan buah catur di atas papan catur secara bergantian dan pemain dengan buah catur berwarna putih selalu melakukan gerakan pertama.

  Setiap buah catur memiliki metode gerakannya masing-masing dan tiap buah catur dapat menangkap/memakan buah catur lawan dengan cara melangkah ke tempat dimana buah catur lawan berada dengan tetap mengikuti aturan gerakan dari buah catur tersebut.

  Permainan berakhir pada saat raja dari salah satu pemain terjebak oleh buah catur lawan atau dalam istilah catur disebut ‘skak’ dan raja tersebut tidak mempunyai gerakan sah untuk menghindar dari buah catur lawannya atau disebut ‘skak-mat’.

  Gerakan tidak sah adalah gerakan dari seorang pemain yang mengakibatkan raja dari pemain itu sendiri terkena skak.

2.1.2.2. Peraturan Permainan

  (a) Aturan Umum Pada awal permainan pemain yang memiliki buah catur berwarna putih melakukan gerakan pertama, dan kemudian gerakan dilakukan secara bergantian dan kedua pemain memiliki kebebasan untuk menjalankan buah caturnya..

  Jika raja terkena ‘skak’, maka pemain diharuskan menghindari ancaman ‘skak’ tersebut.

  Permainan berakhir bila raja dari salah satu pemain tidak dapat pemain tidak mempunyai gerakan sah namun raja dari pemain tersebut tidak dalam keadaan skak atau dikenal dengan istilah ‘remis’. Jika terjadi keadaan ini, maka permainan dianggap berakhir seri. (b) Aturan Gerakan

  a. Bidak Bidak adalah satu-satunya buah catur yang tidak dapat bergerak mundur, bidak hanya dapat bergerak lurus ke depan kecuali pada saat bidak tersebut menangkap buah catur lawan. Bidak hanya dapat bergerak 1 kolom ke depan kecuali jika bidak itu belum bergerak sama sekali, maka bidak tersebut boleh bergerak sebanyak 2 kolom ke arah depan. Bidak hanya dapat menangkap buah catur lawan yang berada di depannya 1 kolom secara diagonal, bidak tidak dapat menangkap buah catur lawan yang berada di depannya.

Gambar 2.3 Gerakan bidak (titik biru adalah gerakan bidak, titik merah

  adalah gerakan bidak pada saat menangkap buah catur lawan)

  b. Benteng Benteng dapat bergerak secara vertikal dan horisontal dengan yang diinginkan pemain. Cara benteng bergerak sama dengan cara benteng menangkap buah catur lawan, selama buah catur lawan yang ingin ditangkap berada dalam garis vertikal atau horisontal tempat benteng berada, maka buah catur lawan dapat ditangkap oleh benteng, dengan catatan tidak ada buah catur lain yang menghalangi buah catur tersebut, baik buah catur lawan ataupun buah catur milik sendiri.

Gambar 2.4 Gerakan benteng

  c. Kuda Kuda adalah satu-satunya buah catur yang dapat melompati buah catur lainnya, Gerakan kuda biasa disebut sebagai gerakan yang membentuk huruf “L”, yaitu kuda bergerak satu langkah secara horisontal kemudian dua langkah secara vertikal atau satu langkah secara vertikal kemudian dua langkah secara horisontal. Cara kuda menangkap buah catur lawan, sama dengan cara kuda bergerak.

Gambar 2.5 Gerakan Kuda

  d. Gajah Buah catur ini hanya dapat bergerak secara diagonal tanpa batasan banyaknya kolom yang dapat dilewati dalam sekali gerakan. Cara gajah menangkap buah catur lawan sama dengan caranya bergerak.

Gambar 2.6 Gerakan gajah

  e. Menteri Menteri atau biasa dikenal sebagai ratu dapat bergerak secara vertikal, horisontal, dan diagonal tanpa batasan banyak kolom yang harus dilalui dalam tiap gerakan. Cara menteri menangkap buah catur lawan sama dengan caranya bergerak.

Gambar 2.7 Gerakan menteri

  f. Raja Sama dengan menteri raja juga dapat bergerak secara horisontal, vertikal dan diagonal, tetapi dengan pengecualian raja hanya dapat bergerak sebanyak satu langkah atau satu kolom, dan raja tidak dapat bergerak ke kolom dimana dia akan terkena ancaman ‘skak’. Cara raja menangkap buah catur lawan sama dengan cara raja bergerak.

Gambar 2.8 Gerakan raja

  g. Blokir Blokir adalah suatu gerakan spesial dimana pemain dapat yaitu raja dan benteng. Blokir juga satu-satunya gerakan dimana raja boleh bergerak lebih dari satu kolom.

  Agar dapat melakukan blokir ada 3 syarat yang harus dipenuhi yaitu :

  1. Baik raja ataupun benteng yang akan melakukan blokir harus belum pernah melakukan gerakan.

  2. Tidak boleh ada buah catur sama sekali diantara raja dan benteng yang akan melakukan blokir.

  3. Raja tidak sedang dalam kondisi ‘skak’, dan tidak ada buah catur lawan yang dapat mengancam raja dengan kondisi ‘skak’ baik pada tempat raja akan berpindah ataupun di kolom yang akan dilalui raja.

  Cara melakukan gerakan blokir adalah dengan memindahkan benteng tepat ke samping raja kemudian raja melompati benteng yang mendekatinya itu. Untuk lebih jelasnya bisa dilihat pada Gambar 2.9.

  Posisi buah catur pada gambar adalah posisi awal sebelum melakukan blokir, titik berwarna kuning adalah posisi raja setelah melakukan blokir, titik berwarna merah muda adalah posisi benteng setelah melakukan blokir. Titik yang berada di sebelah kiri raja adalah posisi buah catur setelah melakukan blokir bila raja melakukan blokir dengan benteng sebelah kiri, sedangkan titik yang berada di sebelah kanan raja adalah posisi buah catur setelah melakukan blokir bila raja melakukan blokir dengan benteng sebelah kanan.

  h. Promosi Promosi hanya dapat dilakukan oleh bidak. Promosi terjadi apabila bidak salah seorang pemain mencapai ujung papan catur (daerah lawan). Bila bidak tersebut berhasil mencapai ujung dari papan catur, maka pemain berhak untuk mengganti bidak tersebut dengan buah catur lainnya kecuali raja. Untuk lebih jelasnya dapat dilihat pada gambar 2.10 berikut.

  Posisi awal adalah posisi awal bidak pada awal permainan, jika sebuah bidak dapat mencapai posisi akhir seperti pada gambar maka terjadi promosi. Semua bidak dalam permainan catur dapat melakukan promosi, dan tidak ada batasan berapa banyak bidak yang dapat melakukan promosi.

2.2.Macromedia Flash MX 2004

  Macromedia Flash MX 2004 adalah merupakan versi terbaru dari Macromedia Flash. Macromedia Flash adalah suatu aplikasi untuk

  membuat aplikasi animasi yang dinamis dan interaktif yang diproduksi oleh Macromedia.

  Pada awalnya Macromedia Flash mempunyai fungsi utama untuk membuat animasi namun seiring dengan perkembangannya Macromedia

  Flash kini telah memiliki kemampuan yang sangat luas, dan dapat dipakai

  untuk membuat berbagai macam aplikasi seperti Mp3 Player, voice chat, basisdata dalam jaringan, organizer dan berbagai macam game online.

  Macromedia Flash MX 2004 memiliki banyak sekali fitur,

  diantaranya adalah ActionScript 2.0, yaitu versi terbaru bahasa pemrograman di dalam Macromedia Flash yang sudah menggunakan konsep Object

  Oriented Programming (OOP).

  Jenis-jenis file yang didukung oleh Macromedia Flash MX 2004 untuk diimpor :

  .dv

  .wmv, .asf

  Windows Media File

  .mov

  Quick Time Movie

  .mpg, .mpeg

  Motion Picture Express Group

  Digital Video

  1. File Gambar Tipe File Extensi

  .avi

  Audio Video Interleaved

  3. File Video Tipe File Extensi

Tabel 2.3 File Suara

  2. File Suara Tipe File Extensi Mp3 .mp3 WAV Audio .wav

Tabel 2.2 File Gambar

  Adobe Illustrator .eps, ai AutoCad DXF .dxf Bitmap .bmp Enhanced Windows Metafile .emf FreeHand .fh7, .fh8, .fh9, .fh10 Future Splash Player .spl GIF dan Animated GIF .gif JPEG .jpg PICT .pct, .pic PNG .png Flash Player .swf Windows Metafile .wmf

Tabel 2.4 File Video Jenis – jenis file yang didukung oleh Macromedia Flash MX 2004 untuk diekspor : Tipe File Extensi

  Adobe Ilustrator .ai Animated GIF, GIF Sequence .gif Bitmap .bmp DXF Sequence & AutoCad .dxf Enhanced Metafile .emf EPS .eps Flash Movie .swf Future Splash Player .spl JPEG Sequence & JPEG Image .jpg PNG Sequence & JPEG Image .png WAV Audio .wav Windows Metafile .wmf Audio Video Interleaved .avi

  JPEG Image

  Macintosh Projector

  .exe

  Windows Projector

  .png

  PNG Image

  .jpg

  .gif

Tabel 2.5 Tipe File Ekspor

  GIF Image

  .html

  HTML

  .swf

  Flash Movie

  Jenis – jenis file yang dapat dihasilkan oleh Macromedia Flash MX 2004 : Tipe File Extensi

  .hqx

2.2.1. ActionScript 2.0