Intel XDK yaitu sebuah sofware untuk membuat berbagai aplikasi smartphone dan game dengan menggunakan teknologi web seperti HTML5, CSS dan JavaScript. Aplikasi yang telah dibuat dan dikompilasi menggunakan platform Cordova di server online untuk membuat aplikasi hybrid yang cross-platform dan sofware Intel XDK juga bisa dijalankan diberbagai sistem operasi seperti Windows dan Linux.
Dengan teknologi seperti ini, developer dapat membuat satu aplikasi yang dapat berjalan di banyak platform mobile hanya dengan menggunakan satu basis kode saja.
Intel XDK juga menyediakan berbagai template aplikasi dan game salah satunya framework Phaser.
 |
| Gambar Phaser |
Phaser adalah salah satu framework untuk membuat game berbasis HTML5 dengan menggunakan javascript sebagai media utama pemogramannya. dengan begitu ketika kita menggunakan Intel XDK, kita tidak perlu lagi menambahkan framework Phaser karena telah disediakan oleh Intel XDK. Perhatikan dibawah ini cara membuat Game dengan Intel XDK dibawah ini.
Silahkan buka Intel XDK silahkan buat Project baru caranya.
Pilih Projects seperti gambar dibawah ini.
 |
| Cara membuat Game Gambar 1 |
lalu pilih Start New Project seperti gambar dibawah ini.
 |
| Gambar Start Project |
 |
| Gambar Project Game |
Lalu klik templates maka akan muncul Game dan Blank, klik di Game disitu ada beberapa Templates game yang tersedia, pilih Phaser dan klik Continue di bagian paling bawah. Maka akan muncul seperti gambar dibawah ini, tentukan di mana kita menyimpan file and forder appnya dan jangan lupa isikan nama projectsnya.
 |
| Gambar letak App |
Lalu klik Create maka akan muncul gambar seperti dibawah ini yang berati Projects telah berhasil dibuat. Jika muncul seperti gambar dibawah ini maka klik OK yang berati kita telah brhasil membuat Projects.
 |
| Gambar Project succes |
Gambar dibawah ini adalah tampilan pertama awal HTML.
 |
| Tampilan Indek.html |
Ini adalah lembar kerja kita yang nantinya ini berfunsi untuk memanggil file gambar dari folder asset dan mengatur tampilan layar menjadi Full.
 |
| Gambar Tampilan Javascript |
Sekarang kita coba jalankan di emulatornya , klik tab EMULATE di atas Coba pehatikan gambar dibawah ini dengan mengunakan framework Phaser kita tidak perlu mengatur lagi tampilannyan
Emulate, Pada menu ini kita bisa melihat hasil dari
aplikasi yang kita buat dalam bentuk emulasi. Kita bisa memilih jenis
tampilan emulatornya dengan memilih berbagai emulator smartphone yang
ada.
 |
| Gambar Phaser |
 |
| Gambar Phaser |
KESIMPULAN
Teknologi mobile Hybrid adalah teknologi yang bisa memungkinkan programer untuk bisa membuat aplikasi yang bisa berjalan di setiap platform yang berbeda. Teknologi ini memanfaatkan cordova sebagai bundle yang akan membungkus kode program agar bisa di jalankan di berbagai platform. Teknologi mobile hybrid ini di dukung dan di bangun menggunakan kode website, seperti Javascript, Html, dan CSS. IDE yang bisa di gunakan untuk membuat aplikasi ini adalah Intel XDK.
Demikian tentang pengenalan awal menggunakan framework Phaser pada Intel XDK untuk pengembangan aplikasi Game Hybrid.
0 Komentar