APLIKASI BRICK BREAKER MOTION DETECTION. Laporan Tugas Akhir. Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer

Transkripsi

1 APLIKASI BRICK BREAKER MOTION DETECTION Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer Oleh : MUHAMMAD IMAM MUKHSIN PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2014

2 ii

3 iii

4 KATA PENGANTAR Puji syukur Alhamdulillah kehadirat Allah SWT yang telah melimpahkan segala rahmat dan karunianya, sehingga penulis dapat menyelesaikan laporan tugas akhir yang merupakan salah satu persyaratan untuk menyelesaikan program studi strata satu (S1) pada Jurusan Teknik Informatika Universitas Mercu Buana. Penulis menyadari bahwa laporan tugas akhir ini masih jauh dari sempurna. Karena itu, kritik dan saran akan senantiasa penulis terima dengan senang hati. Dengan segala keterbatasan, penulis menyadari pula bahwa laporan tugas akhir ini takkan terwujud tanpa bantuan, bimbingan, dan dorongan dari berbagai pihak. Untuk itu, dengan segala kerendahan hati, penulis menyampaikan ucapan terima kasih kepada : 1. Bapak Tri Daryanto.,S.Kom., MT, selaku pembimbing tigas akhir dan Kepala Program Studi pada Jurusan Teknik Informatika Universitas Mercu Buana. 2. Bapak Sabar Rudiarto S. Kom.,M.Kom, selaku Koordinator Tugas Akhir pada Jurusan Teknik Informatika Universitas Mercu Buana. 3. Orang tua tercinta yang telah mendukung penulis baik spirit maupun materi. 4. Saudara dan sahabat-sahabatku terutama Kawan-kawan Angkatan 2008 yang telah memberikan dukungan moral untuk terus meyelesaikan tugas akhir ini. Semoga Allah SWT membalas kebaikan dan selalu mencerahkan taufik serta hidayahnya, Amin. Jakarta, Februari 2014 Penulis iv

5 ABSTRACT Development of information technology, especially the gaming controller, makes the player requires more interaction to control the game. One of gaming controller has developed is for Brick Breaker game. Brick Breaker is a classic game in which player must smash a wall of brick by deflecting a bouncing ball. However, Brick Breaker Motion Detection does not use a mouse or keyboard as a game controller. To give more interaction between players and games, the keyboard and mouse will be replaced with a webcam. To bounce the ball, the player only needs to move a hand or other body part. The method used to control the game is to detect motion recorded by the camera. basic theory which used to make this game are digital image processing and computer vision. This game was built using Flash and requires Flash Player to run the game. Game interface is built using 2D object in order to make game running smoothly. This game is able to capture the movement well. The ball is touched by the player will bounce responsive. This game can be developed further so that it becomes more interactive and interesting, such as using 3D interface, adding themes, adding difficult level, and develop game features. Key Word: Breaker, Brick, Detection, Motion xi+47 pages; 20 figures; 13 tables Bibliography: 15 ( ) v

6 ABSTRAK Perkembangan teknologi informasi, terutama alat kendali game, membuat pemain membutuhkan lebih banyak interaksi untuk mengendalikan permainan. Salah satu alat kendali yang dikembangkan adalah untuk game Brick Breaker. Brick Breaker adalah game klasik dimana pemain harus menghancurkan dinding bata dengan membelokkan bola yang memantul. Namun, Brick Breaker Motion Detection tidak menggunakan mouse ataupun keyboard sebagai kontrol game. Untuk memberikan lebih banyak interaksi antara pemain dan game, keyboard dan mouse akan diganti dengan webcam. Untuk memantulkan bola, pemain hanya perlu menggerakkan tangan atau anggota tubuh lainnya. Metode yang digunakan untuk kontrol game adalah dengan mendeteksi gerakan yang direkam oleh kamera. Landasan teori yang digunakan untuk membuat game ini adalah Digital Image Processing dan Computer Vision. Game ini dibuat menggunakan Flash dan membutuhkan Flash Player untuk menjalankan game. Antar muka game dibangun menggunakan objek 2D supaya permainan berjalan lancar. Game ini mampu menangkap pergerakan dengan baik. Bola yang disentuh pemain akan memantul dengan responsif. Game ini dapat dikembangkan lagi sehingga menjadi lebih interaktif dan menarik, seperti menggunakan antarmuka 3D, menambahkan tema, menambahkan tingkat kesulitan, dan mengembangkan fitur-fitur permainan. Kata Kunci: Breaker, Brick, Detection, Motion xi+47 halaman; 20 gambar; 13 tabel Daftar Acuan: 15 ( ) vi

7 DAFTAR ISI Halaman LEMBAR PERNYATAAN... ii LEMBAR PERSETUJUAN... iii KATA PENGANTAR... iv ABSTRACT... v ABSTRAK... vi DAFTAR ISI... vii DAFTAR GAMBAR... x DAFTAR TABEL... xi BAB I PENDAHULUAN Latar Belakang Perumusan Masalah Tujuan dan Manfaat Batasan Masalah Metode Penelitian Metode Pengumpulan Data Metode Pengembangan Multimedia Metode Pengujian Sistem Sistematika Penulisan... 4 BAB II LANDASAN TEORI Brick Breaker Digital Image Processing Jenis Citra Pattern Recognition Computer Vision Image Acquisition Image Enhancement vii

8 2.3.3 Image Segmentation Feature Extraction Operasi binary image Analisa dan Perancangan Berorientasi Obyek Use Case Diagram Activity Diagram Sequence Diagram Class Diagram Pengujian Black Box Teknologi Pendukung FlashDevelop Adobe Flash BAB III ANALISIS DAN PERANCANGAN Analisis Aplikasi Perancangan Aplikasi Usecase Diagram Usecase Diagram Memainkan Game Usecase Diagram Melihat Credit Activity Diagram Activity Diagram Motion Detection Activity Diagram Pemilihan Credit Sequence Diagram Sequence Diagram Memainkan Game Sequence Diagram Pemilihan Credit Class Diagram Perancangan Antar Muka Perancangan Antar Muka Halaman Utama Perancangan Antar Muka Halaman Game Perancangan Antar Muka Halaman Score Perancangan Antar Muka Halaman Credit Pengumpulan Bahan viii

9 BAB IV IMPLEMENTASI DAN PENGUJIAN Implementasi Spesifikasi Sistem Implementasi Antar Muka Implementasi Antar Muka Halaman Utama Implementasi Antar Muka Halaman Game Implemnetasi Antar Muka Halaman Score Implemnetasi Antar Muka Halaman Credit Implementasi Kode Program Implementasi Kode Program Halaman Utama Implementasi Kode Program Halaman Game Implementasi Kode Program Halaman Score Implementasi Kode Program Halaman Credit Pengujian Skenario Pengujian Black Box Skenario Pengujian Halaman Utama Skenario Pengujian Halaman Game Skenario Pengujian Halaman Score Skenario Pengujian Halaman Credit Hasil Pengujian Black Box Hasil pengujian Halaman Utama Hasil Pengujian Halaman Game Hasil Pengujian Halaman Score Hasil Pengujian Halaman Credit Analisis Hasil Pengujian BAB V PENUTUP Kesimpulan Saran DAFTAR PUSTAKA ix

10 DAFTAR GAMBAR Halaman 1. Gambar 2.1 Game Brick Breaker Gambar 2.2 Koordinat Citra Digital Gambar 2.3 Citra Grayscale Gambar Bit Truecolor Gambar Bit Highcolor Gambar 3.1 Use Case Diagram Brick Breaker Motion Detection Gambar 3.2a Activity Diagram Motion Detection Gambar 3.2b Activity Diagram Motion Detection Gambar 3.3 Activity Diagram Pemilihan Credit Gambar 3.4 Sequence Diagram Memainkan Game Gambar 3.5 Sequence Diagram Pemilihan Credit Gambar 3.6 Class Diagram Brick Breaker Motion Detection Gambar 3.7 Perancangan Antar Muka Halaman Utama Gambar 3.8 Perancangan Antar Muka Halaman Game Gambar 3.9 Perancangan Antar Muka Halaman Score Gambar 3.10 Perancangan Antar Muka Halaman Credit Gambar 4.1 Implementasi Antar Muka Halaman Utama Gambar 4.2 Implementasi Antar Muka Halaman Game Gambar 4.3 Implementasi Antar Muka Halaman Score Gambar 4.4 Implementasi Antar Muka Halaman Credit x

11 DAFTAR TABEL Halaman 1. Tabel 2.1 Jenis diagram UML Tabel 2.2 Notasi Use Case Diagram Tabel 2.3 Notasi Activity Diagram Tabel 2.4 Notasi pemodelan Sequence Diagram Tabel 3.1 Pengumpulan Bahan Tabel 4.1 Skenario Pengujian Halaman Utama Tabel 4.2 Skenario Pengujian Halaman Game Table 4.3 Skenario Pengujian Halaman Score Table 4.4 Skenario Pengujian Halaman Credit Table 4.5 Hasil Pengujian Halaman Utama Table 4.6 Hasil Pengujian Halaman Game Table 4.7 Hasil Pengujian Halaman Score Table 4.8 Hasil Pengujian Halaman Credit xi