Mainan RIA 2015: Persiapan Assessment #3 Games HTML5


Akhirnya dipekan-pekan terakhir ini blog tambunan bisa hidup kembali. Dan saatnya kita mulai beberapa mainan lagi untuk Persiapan Assessment ketiga yang akan dilaksanakan pekan depan (hari selasa). Materi yang wajib dikuasai oleh mahasiswa adalah seputar pengggunaan web mobile dan teknik dasar penerapan Games HTML5 menggunakan engine Construct 2.

Persiapan Assessment : Mainan Web Mobile?

Berikut ini adalah materi tambahan untuk penguasaan web mobile yang harus Anda lakukan. Kita akan coba menggunakan library jQuery UI dan Mobile, untuk membuat tampilan antar muka pada aplikasi web mobile. Dari berbagai tools framework Javascript yang bisa digunakan untuk membantu membuat UI web mobile, kita pilih penggunaan jQuery Mobile. Asumsinya Anda telah memiliki pengetahuan awal tentang penggunaan jQuery, dan memahami teknik penerapannya. Penggunaan jQuery Mobile tidak jauh berbeda dengan jQuery. Beberapa fitur yang perlu untuk Anda pahami adalah sebagai berikut,

  • Layout dan UI
    • Page, layout, header
    • Animation
  • Data List
    • List View & Content
    • Filter
  • Form Input
    • Basic Form
    • Form Input & Select
    • Widget
  • Themes UI
  • Event
    • Touch
    • Orientation & Animation
    • Scroll
Contoh dan Penjelasannya dapat Anda nikmati di link berikut,
Mainan ini bisa Anda kerjakan secara berkelompok (sesuai dengan kelompok saat Tugas Kajian #2), dengan ketentuan seperti dibawah ini.
  1. Buatlah Tampilan Aplikasi Web Mobile, dengan Tema Profil Tim dan Personil dalam Group Project Anda. Aplikasi dibuat menggunakan jQuery Mobile.
  2. Bagian Awal aplikasi harus memiliki Cover Aplikasi.
  3. Terdapat fitur untuk menampilkan profil anggora TIM, yang terdiri dari Biodata anggota, Foto, link social media, Kontak person dan Keahlian individu.
  4. Aplikasi tersebut memiliki fitur yang menggunakan form pada jQuery Mobile. Sesuaikan penggunaan dengan aplikasi (misal untuk form komentar, atau kontak, atau saran, dll)
  5. Aplikasi memiliki fitur untuk menampilkan animasi HTML5. Anda bisa membuatnya pada tampilan tertentu di aplikasi tersebut. Animasi yang dibuat bisa diambil dari tugas sebelumnya.
  6. Anda harus menerapkan salah satu dari fitur widget pilihan dibawah ini (pilih satu saja yg paling mudah),
    1. Contoh widget yang ada disini http://www.sitepoint.com/top-25-jquery-mobile-plugins-2013/, atau
    2. contoh disini http://www.jqwidgets.com/jquery-widgets-demo/mobiledemos/
  7. Anda juga harus melakukan modifikasi Themes pada jQuery Mobile.

Mainan ini harus dikerjakan, namun tidak perlu dikumpulkan. Pastikan setiap Anggota kelompok Anda telah mengetahui penggunaan dari jQueri Mobile ini.

 

Persiapan Assessment : Mainan Games HTML5?

Berikut ini beberapa acuan untuk persiapan Assessment seputar materi Games HTML5. Silahkan untuk mempelajari kembali penggunaan template Games pada engine Construct2 untuk penerapan HTML5. Berikut beberapa tipe template yang harus Anda kuasai penggunaannya,

auto-Runner Template
auto-Runner
Auto-Runner Template Games ini akan membawa aktor utama berlari secara otomatis menjelajahi lingkungan dengan aksi gerak maju mundur dan lompat. kreatifitas yang dibuat bisa dengan menambahkan tantangan.

Template Platformer
Platformer
Platformer Platformer mirip dengan skenario permainan “Mario Bross”, aktor utama dapat berjalan maju, mundur, lompat atau terjatuh, mengeksplorasi lingkungan secara searah.

Infinite Jumping
Infinite Jumping
Infinite Jumping Games dengan konsep pemain bergerak melompat secara vertikal, untuk menyelesaikan tantangan tertentu. Lompatan harus melewati setiap step, atau terjatuh dan kalah. Silahkan kreasikan dengan bentuk tantangan dan point capaian.

Driving Games
Driving Games
Driving Game Template ini menampilkan bentuk permainan gerak objek melewati track tertentu. Gerak objek maju, mundur, ke kanan, ke kiri.

Vertical Shooter
Vertical Shooter
Vertical Shooter Template permainan ini pasti sudah sangat familiar dengan kita. Games pesawat yang bisa bergerak mengikut arah layout vertikal. Biasanya objek juga dilengkapi kemampuan menembak dalam beberapa mode.

Turrent Defense
Turrent Defense
Turrent Defense Games ini sering disebut dengan game maze, atau mirip dengan pacman. aktor diminta berjalan mengikuti layout labirin, dan bisa dilengkapi dengan berbagai variasi tantangan.
Physics Games Template game ini biasanya untuk model games yang membutuhkan alur permainan dengan gerak lemparan, tabrakan, pantulan, dan bentuk gerak Fisik lainnya. Dianalogikan juga dengan model gerak atau teori fisika (misal gerak melambung pada busur panah Angry Bird)
Flapping Bird Pada permainan ini objek akan terus terbang dan bergerak. Biasanya permainan dibuat dengan menjaga objek tetap terbang sambil melewati tantangan
Flying Along Games ini umumnya diskenariokan untuk mensimulasikan gerakan terbang, dan divariasikan dengan berbagai tantangan yang harus dilewati. Objek bergerak bisa berupa hewan, pesawat atau lainnya
Space Shooter Template permainan ini digunakan untuk permainan tembak-menembak. Biasanya alur permainan dikombinasikan dengan gerak objek dan sasaran terget tembakan serta tantangan.

 

Pada pelaksanaan Assessment kajian ketiga, Anda akan diminta untuk menerapkan salah satu dari pilihan template games diatas. Kemudian modifikasi dan tambahkan kreatifitas yang bisa Anda lakukan sesuai skenario alur permainan yang dibuat. Pastikan Anda sudah berlatih sebelumnya, agar saat Assessment waktu Anda tidak habis untuk mencoba-coba.

 

 

,

One response to “Mainan RIA 2015: Persiapan Assessment #3 Games HTML5”

Leave a Reply

Your email address will not be published. Required fields are marked *