PEMBUATAN GAME EDUKASI PLATFORMER PERJALANAN MIMPI ALFI MENGGUNAKAN CONSTRUCT 2 NASKAH PUBLIKASI disusun oleh Agus Sumartono 11.01.2951 Ahmad Lutfi 11.01.2969 JURUSAN TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2014 NASKAH PUBLIKASI PEMBUATAI\T GAME EDUKASI PLATTORMER PER.IALANANT MIMPI ALrI MENGGUNAKAI\I CONSTRUCT 2 Tanggal3 Maret 2014 Making Educational Platformer Game Alfi's Dream Journey Using Construct 2 Pembuatan Game Edukasi Platformer Perjalanan Mimpi Alfi Menggunakan Construct 2 Agus Sumartono Ahmad Lutfi STMIK AMIKOM YOGYAKARTA ABSTRACT In addition to the gaming entertainment can also be used as a learning medium that can provide knowledge to the user, hone skills and accuracy as well as getting used to think carefully. Game platformer is one of the popular games played since the game is quite interesting. With this writer will make a game "Dream Journey Alfi" type 2D Platformer adventure genre.In this game i want to create a wide variety of educational barriers for children include an element of calculation, memory skills, and train accuracy in play. This game was made using Construct 2 engine-based HTML 5 is designed for a single player game and played online. The purpose of the preparation of this thesis is as educational entertainment media It is expected that this game could be an alternative choice as one of the entertainment that educates. Keywords : Adventure, Online Game, HTML5, Construct 2 1.1 Pendahuluan Game edukasi sangat menarik untuk dikembangkan. Ada beberapa kelebihan dari game edukasi dibandingkan dengan metode edukasi konvensional. Salah satunya pemain lebih menikmati proses belajar karena adanya interaksi permainan. Pada dasarnya, otak manusia memiliki saraf motorik yang mendorong untuk mencari kesenangan. Pada usia anak kecil hingga remaja belasan tahun, saraf motorik ini lebih kuat sehingga dorongan untuk mencari kesenangan lebih tinggi. Pada zaman serba digital ini, game menjadi yang paling banyak digemari sehingga terkadang mereka lupa akan waktu untuk belajar. Beberapa software untuk membuat game/game engine, seperti : Cry Engine 3, Unreal Development Kit ( UDK), Source Engine, Game Maker Studio dan Construct 2. Construct 2 adalah game editor berbasis HTML5 yang dikembangkan oleh Scirra Ltd. yang memaksimalkan fungsi visual editor dan behaviour-based logic system. Dengan Construct 2 kita dapat membuat game tanpa harus menulis kode pemrograman, karena sebagian besar logika untuk game dapat dibuat menggunakan menu. Kelebihan lain dari construct adalah fungsi-fungsi bawaan yang sudah disediakan dapat mempercepat proses pembuatan game, karena kita tidak perlu membuat ulang fungsi-fungsi tersebut untuk game kita. Untuk membuat game menggunakan Construct 2 saya juga membutuhkan software pendukung seperti Corel Draw, Adobe Photoshop dan Adobe After effect. Corel Draw dan Adobe Photoshop digunakan untuk mendesain karakter, background, dan property pendukung lainnya pada game, sedangkan Adobe After effects digunakan untuk membuat animasi, seperti karakter berjalan, melompat, jatuh dan juga pada posisi berdiri, serta untuk membuat animasi api dan property lainnya yang perlu dianimasikan yang di eksport dalam bentuk PNG Sequence. Sehingga bisa menghasilkan bentuk grafik yang cukup bagus dan menarik untuk game yang akan dibuat. Dari latar belakang diatasa, Saya akan membuat game edukasi platformer “Perjalanan Mimpi Alfi” menggunakan Construct 2. 2.1 Landasan Teori 2.1.1 Pengertian Game Game atau permainan adalah sesuatu yang dapat dimainkan dengan aturan tertentu sehingga ada yang menang dan ada yang kalah, biasanya dalam konteks tidak serius dengan tujuan refreshing. Bermain game sudah dapat dikatakan sebagai life style masyarakat masa kini. Dimulai dari usia anak-anak hingga orang dewasa pun menyukai video game. itu semua dikarenakan bermain video game adalah hal yang menyenangkan. (Anggra, 2008. Memahami Teknik Dasar Pembuatan Game Berbasih Flash, Yogyakarta: Gava Media, Hal vii). Teori permainan adalah suatu cara belajar yang digunakan dalam menganalisa sejumlah pemain maupun perorangan yang menunjukan strategi-strategi rasional. Teori permainan pertama kali ditemukan oleh sekelompok ahli matematika pada tahun 1994. Teori itu di kemukakan oleh John Von Neumann ada Oscar Morgenstern, menurutnya permainan terdiri atas sekmumpulan peraturan yang membangun situasi bersaing dari dua sampai beberapa orang atau kelompok dengan memilih strategi yang dibangun untuk memaksimalkan kemenangan sendiri ataupun untuk meminimalkan kemenangan lawan. Peraturan-peraturan menentukan kemungkinan tindakan untuk setiap pemain, sejumlah keterangan diterima setiap pemain sebagai kemajuan pemain dann sejumlah kemenangan ataupun kekalahan dalam berbagai situasi. (Von Neumann and Morgenstern, theory of games and economic behaviour(3d ed.1953) 2.1.2 Game Online Game Online adalah jenis permainan dengan menggunakan komputer yang memanfaatkan jaringan komputer LAN atau internet sebagai media. Game Online banyak disediakan oleh perusahaan pembuat game online dan pemain dapat langsung mengakses melalui sistem yang disediakan dari perusahaan yang menyediakan permainan tersebut (Castronova, Edward. (2006). Synthetic Worlds: The Business and Culture of Online Games. University Of Chicago Press). 2.1.3 Unsur-unsur Game Online a) Gambar (Image) Gambar atau grafik adalah bagian yang penting dalam pembuatan game, karena pada sebuah gambar dapat menceritakan suasana bahkan maksud kata-kata. Banyak sekali ekstensi file gambar antara lain : b) Teks (Text) Bagian yang ini menampilkan kata-kata di layar. Ini juga sangat penting untuk sebuah game. Teks masih menjadi sebuah bagian yang sangat dibutuhkanuntuk menyebarkan sebuah informasi dan kode program selalu menyertainya. c) Suara (Audio) Merupakan sebuah bagian yang penting dalam unsur game karena audio dapat membangkitkan nyawa sebuah game. Dalam teknologi game nada yang jernih kadang menjadi sesuatu yang sangat dibutuhkan, maka yang perlu diperhatikan adalah kualitas sound card yang terpasang di PC atau notebook. d) Animasi (Animation) Pemakaian animasi dalam teknologi game menjadi poin tambahan yang penting untuk digunakan, animasi akan membuat perubahan antara gambar yang satu ke gambar berikutnya sehingga terbentuk sebuah gerakan yang utuh. 2.1.4 HTML 5 HTML5 adalah bahasa markup yang bertujuan untuk penataan dan penyajiankonten untuk World Wide Web, dan merupakan teknologi inti dari Internet yang awalnyadiusulkan oleh Opera Software. Tujuan utamanya adalah meningkatkan bahasa dengandukungan untuk teknologi multimedia terkini dengan tetap mudah dibaca oleh manusiadan secara konsisten dimengerti oleh komputer dan perangkat (web browser, parser, dll). 2.1.5Genre Game Game terdiri dari beberapa genre (jenis). Banyak dari game yang dibuat dengan menggabungkan beberapa genre agar cerita game tersebut menjadi lebih menarik dan memuaskan yang memainkannya. Untuk lebih memahami tentang genre (jenis-jenis) game, berikut ini akan dijelaskan macam-macam genre game tesebut : a) Adventure (Petualangan) Merupakan genre game yang bertema petualangan dan menceritakan kisah perjalanan seseorang untuk mencapai sesuatu yang diinginkannya. b) Fighting (Pertarungan) Seperti namanya game ini hanya menerapkan sistem pertarungan satu lawan satu, dimana harus mengalahkan lawan tanding untuk memenangkan pertandingan. c) Racing Genre ini merupakan permainan yang bersifat perlombaan karena hanya butuh melewati garis finish untuk memenangkan pertandingan. Terdapat beberapa lap (putaran) yang harus diselesaikan, jadi tugas pemainnya hanyalah terus tancap gas dan berjalan mulus di area lintasan balap. d) Shooting Aksi tembak-menembak merupakan tema utamanya, karena tujuan dalam game jenis ini hanya untuk membunuh lawan ataupun musuh dengan senjata yang telah disediakan. e) Simulation Game simulasi merupakan genre game yang berisi tentang simulasi. Contoh simulasinya antara lain tentang simulasi menjalankan sebuah kendaraan maupun simulasi kehidupan sendiri. f) Sport Merupakan jenis game yang memiliki unsur olahraga di dalamnya. Banyak sekali olahraga di dunia nyata yang dimasukkan ke dalam game, sehingga tidak hanya dapat berolahraga seperti biasa, namun juga dapat dilakukan dengan dalam video game. g) Strategy Untuk memainkan jenis game ini dibutuhkan keterampilan yang cukup baik, karena di dalam permainan ini diharuskan memiliki strategi yang sesuai untuk menentukan langkah-langkah yang harus diambil demi memenangkan pertempuran. h) RPG (Role Playing Game) Merupakan jenis game yang didalamnya terdapat seorang tokoh nama untuk diperankan. Biasanya kisah ini menceritakan tentang kehidupan suatu dunia atau untuk mencari barang suci yang menjadi penentuan nasih sebuah dunia. 3.1 Software yang digunakan 3.1.1 Construct 2 R146 Construct 2 adalah Game Engine berbasis HTML5 yang dikembangkan oleh Scirra Ltd, Construct 2 sangat mudah untuk di pelajari berbeda dengan pengembangan game pada umumnya Construct 2 memudahakan pengembang game untuk membuat aplikasi dengan metode visual programming, yaitu drag & drop modul yang telah disediakan dengan kebutuhan coding yang minimal. Dengan tool Construct 2 memungkinkan siapa saja membuat game tanpa harus memiliki pengalaman pemrograman. Hal ini ditujukan terutama untuk para non-programmer yang ingin menciptakan sebuah game secara drag and drop menggunakan editor visual dan berbasis sistem logika perilaku. Construct 2 selain bisa digunakan di Windows, juga dapat dijalankan di banyak platform, seperti Mac, Linux, dan iPad. 3.1.2Corel Draw X5 Corel Draw X5 adalah aplikasi editor grafik vektor yang dirilis 28 Februari 2008. Versi CorelDRAW X5 memiliki tampilan baru serta beberapa aplikasi baru yang tidak ada pada CorelDRAW versi sebelumnya. Beberapa aplikasi terbaru yang ada, di antaranya Quick Start, Table, Smart Drawing Tool, Save as Template, dan lain sebagainya. Corel Draw x5 adalah program Grafis yang sering digunakan banyak para designer untuk membuat Logo, Kartu Nama, Brosur, dan lain-lain. 3.1.3 Adobe Photoshop CS 6 Pengertian Photoshop adalah program atau aplikasi yang khusus untuk membuat dan memanipulasi / mengedit objek atau gambar. Adobe Photoshop ini biasanya banyak digunakan oleh para photografer digital dan perusahaan iklan. Bersama Adobe Acrobat, Adobe Photoshop ini merupakan produk terbaik yang pernah diproduksi oleh Adobe Systems. Saat ini Adobe Photoshop tidak hanya dirancang untuk sebuah pengeditan gambar / foto tetapi sekarang sudah berkembang dan dapat dipakai untuk memproduksi gambar untuk World Wide Web dan juga sudah disertai dengan aplikasi seperti Adobe Image Ready. 3.1.4 Adobe After effects CS 6 Adobe After Effects adalah produk piranti lunak yang dikembangkan oleh Adobe, digunakan untuk film dan pos produksi pada video. pada awalnya merupakan sebuah software produk dari Macromedia yang sekarang sudah menjadi salah satu produk Adobe. Adobe After Effects adalah sebuah software yang sangat profesional untuk kebutuhan Motion Graphic Design. Dengan perpaduan dari bermacam - macam software Design yang telah ada, Adobe After Effects menjadi salah satu software Design yang handal. Standart Effects yang mencapai sekitar 50 macam lebih, yang sangat bisa untuk mengubah dan menganimasikan obyek. Disamping itu, membuat animasi dengan Adobe After Effects, juga bisa dilakukan dengan hanya mengetikkan beberapa kode script yang biasa disebut Expression untuk menghasil pergerakan yang lebih dinamis. 4.1 Use Case Diagram Diagram ini menggambarkan interaksi antara pengguna dengan sistem, dalam hal ini adalah player dan game. Use Case Diagram Perjalanan Mimpi Alfi sebagai berikut : Gambar 1.1 : Use Case Diagram Game Perjalanan Mimpi Alfi Dari diagram diatas dapat dilihat aktifitas yang dapat dilakukan player sebagai berikut : 1. Memulai permainan 2. Memilih level 3. Memasukkan nama pemain 4. Melihat kredit game 5. Melihat instruksi game 5.1 Activity Diagram Activity Diagram memudahkan developer dalam memahami langkah-langkah aliran kerja. Diagram ini memodelkan langkah kerja (workflow) sehingga dapat diketahui siapa yang bertanggung jawab atas masing-masing objek yang digunakan dalam aliran kerja. Secara garis besar project ini memiliki alur kerja seperti berikut : Gambar 5.1 : Activity Diagram Game Perjalanan Mimpi Alfi Dari activity diagram diatas dapat dilihat aktifitas yang dapat dilakukan player sebagai berikut : 1. Memulai permainan 2. Memasukan Nama 3. Memilih level 1, jika selesai lanjut ke level 2 atau dapat kembali ke menu utama 4. Memilih level 2, jika selesai lanjut ke level 3 atau dapat kembali ke menu utama 5. Memilih level 3 6. Keluar game 6.1 Cara bermain Menggunakan sistem atau aplikasi dipahami sebagai sebuah proses yang menentukan apakah apikasi game mampu mengoperasikan dengan baik serta mengetahui apakah player atau pemain bisa mandiri dalam memainkan game Perjalanan Mimpi Alfi ini. Adapun langkah langkah untuk menggunakan atau menjalankan sistem aplikasi ini antara lain : 1. Jalankan Aplikasi Browser (Firefox, Chrome, Opera, dll) dan ketik alamat www.pma-game.hol.es 2. Tombol kredit untuk menampilkan kredit game, tombol instruksi untuk menamplikan instruksi bermain dan tombol main untuk memulai permainan. Klik tombol mulai. 3. Masukkan nama pemain 4. Memilih level. Ada 3 level permainan, pemain hanya bias memilih level 1 karena level 2 dan 3 terkunci. Untuk dapat memainkan level 2 pemain harus menyelesaikan level 1. Begitu juga dengan level 3, pemain harus menyelesaikan level 2. Pilih level 1 5. Maka permainan dimulai, terdapat score di bagian atas. Score awal adalah 50. Score akan terus berkurang selama permainan. Score akan bertambah 50 jika pemain dapat menjawab soal yang ditemuinya. Untuk mengaktifkan soal dan tombol pemicu, karakter pemain bias melakukannya saat meloncat, Gunakan tombol navigasi di keyboard. 6. Setelah pemain mencapai akhir permainan, maka akan masuk ke menu Score. Score akan tampil beserta nama pemain. Terdapat predikat di score yaitu : 1. Predikat “JELEK” jika score pemain sama atau dibawah 74 2. Predikat “BAGUS” jika score pemain sama atau lebih dari 75 3. Predikat “SUPER” jika score pemain diatas 150 7. Pemain dapat keluar dari permainan atau klik tombol lanjut. Jika pemain memilih melanjutkan permainan maka akan menampilkan menu pilih level, dan level 2 dapat dimainkan. 7.1 Tampilan Game 7.1.1 Menu utama Gambar 7.1.1 : tampilan menu utama 7.1.2 Menu Isi nama pemain Gambar 7.1.2 : Menu Isi nama pemain 7.1.3 Menu Pilih Level Gambar 7.1.3 : Tampilan menu pilih level 7.1.4 Tampilan Game Gambar 7.1.4 : Tampilan game di salah satu level 7.1.5 Tampilan Score Gamber 7.1.5 : Tampilan Score pemain 8.1 Kesimpilan Dari uraian dan penjelasan serta pembahasan keseluruhan materi pada bab-bab sebelumnya dan dalam mengakhiri pembahasan “judul” maka penyusun mengambil kesimpulan bahwa : 1. Karakter dalam game dibuat menggunakan pensil yang kemudian diolah ke software pengolah gambar (Corel Draw) yang kemudia dianimasikan. 2. Sebagian besar desain level dan property gambar dibuat menggunakan Corel Draw X5. 3. Pembuatan game menggunakan Engine Construct 2 dibuat secara bertahap dimulai dari animasi karakter, susunan layout, setting rintangan, pembuatan soal, setting menu utama, setting menu instruksi, setting menu kredit, setting menu paus, setting menu pilih level, setting suara, sampai meng-eksport menjadi file website. 4. Game Perjalanan Mimpi Alfi dapat dijadikan sebagai media hiburan sekaligus sebagai media pembelajaran logika matematika. 9.1 Daftar Pustaka Amman, JORDAN. 2012. Pengenalan After Effects Dan Interface. http://www.kremmpmmj.com/v6/index.php/tutorial/item/212-ae01-pengenalan-aftereffects-dan-interface. Diakses 6 Januari 2014 Anggra, 2008. Memahami Teknik Dasar Pembuatan Game Berbasih Flash, Yogyakarta: Gava Media. Castronova, Edward. (2006). Synthetic Worlds: The Business and Culture of Online Games. University Of Chicago Press Fitrianto, Akhsan. 2012. Pengenalan Corel Draw X5. http://ruang- art.blogspot.com/2012/08/pengenalan-dan-toolbox.html. Diakses 6 Januari 2014 Prabowo, Sangadji. 2014. Pengenalan Construct 2. http://sangadjiprabowo.blogspot.com/2013/07/tutorial-2-pengenalan-construct-2.html. Diakses 6 Januari 2014 Tim Dosen, 2013. Panduan Penyusunan Tugas Akhir D3 TI, STMIK AMIKOM YOGYAKARTA.