Feeds:
Pos
Komentar

Berikut ini kita akan mencoba membuat Games space shootersederhana di Popfly dimulai dari scratch.

Langkah-langkahnya adalah sebagai berikut:

1. Login ke Popfly.com (dengan account Windows Live/MSN/Hotmail) dengan mengklik button di pojok kanan atas.

2. Setelah login klik menu “Create” -> “Games” diantara button-button yang terdapat di kanan atas. Kita akan dibawa ke halaman pembuatan Games seperti gambar di bawah ini. Klik “Start form the scratch”

<GAMBAR HALAMAN CREATE GAME>

Halaman pembuatan games

Bagian atas kiri adalah pilihan area yang akan kita edit, antara lain: Actors, Scenes dan Game. Bagian atas kanan adalah item-item yang telah dimasukkan ke dalam area tersebut. Sedangkan bagian kiri adalah search box untuk mencari aktor yang akan ditambahkan ke dalam games.

3. Klik area “Actors” ketik “space” pada search box sehingga item-item yang berhubungan dengan luar angkasa akan muncul. Klik aktor yang akan menjadi ‘jagoan’ dalam game itu. Misalnya “Fighter Spaceship” lalu klik aktor yang berperan antagonis dalam game, misalnya “Flying Saucer”. Kedua aktor tersebut akan ditambahkan pada bagian atas kanan.

<Gambar AKTOR DITAMBAHKAN>

Kedua aktor akan ditambahkan pada bagian atas kanan

4. Selanjutnya ganti area dengan mengklik “Scenes” Disini kita dapat mengedit scene-scene yang terjadi dalam games. Pilih item “Main”, artinya kita akan mengedit properti yang ada ketika game sedang berjalan. Klik “Background” untuk memilih gambar latar belakang.

<Gambar SCENES>

Selanjutnya pilih gambar yang diinginkan sebagai background misalnya “Outer Space”. Lalu klik tombol close di kanan atas.

<Gambar PILIH BEKGROUND>

Selanjutnya pilih aktor yang akan dimasukkan ke dalam Scene Main. Dengan mengklik “Add Actor”. Tempatkan aktor sedemikian rupa sesuai kemauan anda. Contoh penempatannya adalah sebagai berikut

5. Langkah berikutnya kita akan mengeset ‘kelakuan’ yang diperbuat ‘si antagonis’ dalam game, karena itu kembali ke area “Actors” pilih aktor “Flying Saucer”. Klik “Behaviors”.

Games ini cuma salah satu dari contoh game sederhana yang dapat dibuat di Popfly.com. Banyak sekali gadget yang dapat dibangun dengan semua tools yang ada pada Popfly. Semua tergantung dari kreatifitas anda. Selamat berkreasi =).

Popfly – Introduction

Popfly (popfly.com) adalah produk web dari Microsoft yang menyediakan online visual tools yang memungkinkan penggunanya untuk membuat dan sharing gadget, games, web page, Mashups dengan mudah. Dengan Popfly kita dapat meng-host, sharing, menilai, mengomentari dan me-remix kreasi kita dengan pengguna Popfly lainnya.

Sebelum memulai menggunakan Popfly, kita harus memiliki account Windows Live/MSN/Hotmail. Jika belum memiliki, segera sign up di home.live.com.

Mashup adalah aplikasi web yang mengkombinasikan beberapa data atau konten menjadi enjadi satu aplikasi terintegrasi. Pada pembuatan contoh sederhana kali ini kita akan mencoba membuat Mashup pencari gambar di Internet. Hasil dari pencarian gambar akan ditayangkan dengan slideshow. Sebut saja “Image Search Slideshow Tool” :p.

Langkah-langkahnya adalah sebagai berikut:

1. Login ke Popfly.com (dengan account Windows Live/MSN/Hotmail) dengan mengklik button di pojok kanan atas.

2. Setelah login klik menu “Create” -> “Mashup” diantara button-button yang terdapat di kanan atas.

3. Kita akan dibawa ke halaman pembuatan Mashup seperti gambar di bawah ini. Yang harus kita lakukan hanya men-drag blockblock (di kolom sebelah kanan) yang memiliki berbagai macam fungsi ke dalam design surface (tengah) sehingga menjadi Mashup yang kita inginkan.

Photobucket

Design Surface

Pada kolom Blocks kita dapat mencari block dengan menggunakan pencarian term atau cari berdasarkan kelompoknya (New & Updated, Display, Fun & Games, dll).

4. Dalam mencari gambar, kita harus memiliki input term sebagai petunjuk pencarian gambar itu sendiri. Karena itu kita harus memasukkan block yang berfungsi meminta user input ke dalam Mashup. Pada kolom blocks klik “Tools” lalu drag block “User Input” ke dalam design surface.

Photobucket
Photobucket

Dragging Block

Pada kanan atas block, ada 3 tombol. Tombol X berfungsi untuk menghapus block, tombol lampu (get some mashing ideas) berfungsi untuk memberikan saran block apa yang dibuat berikutnya. Tombol kunci inggris berfungsi untuk mengeset properti block.

5. Kemudian, dalam pencarian gambar kita membutuhkan block yang berfungsi melakukan pencarian gambar. Misalnya pada kelompok “Images & Video” kita pilih “Live Image Search”. Drag ke dalam design surface.

6. Setelah input, mencari gambar, selanjutnya yang kita butuhkan adalah block yang berfungsi menampilkan gambar. Dalam contoh kali ini tampilan yang diinginkan adalah slideshow. Pilih “ImageSlideshow” pada kelompok “Display” di kolom Blocks. Tampilan setelah ketiga block di-drag adalah seperti ini.

Photobucket

Mashup from Three Block

7. Klik ganda pada block “User Input”. Isi propertiesnya sesuai dengan yang diinginkan. Misalnya:

operations : getTwoTextValues

label 1 : Gambar yang ingin dicari:

label 2 : Jumlah maksimum hasil pencarian:

buttonText : Tampilkan Hasil!

Photobucket

Contoh Properties

Setelah itu tekan tombol kunci inggris untuk kembali ke design surface.

8. Buat koneksi dari block “User Input“ menuju block “Live Image Search” (arah panah biru). Edit properti dari block “Live Image Search” sedemikian rupa. Value dari query dan count diambil dari “User Input” dimana value1 adalah term dari gambar yang ingin dicari, dan value2 adalah jumlah maksimum hasil pencarian sehingga:

operations : search

query : (source: User Input) value1

count : (source: User Input) value2

9. Buat koneksi dari block “Live Image Search” menuju block “ImageSlideshow“. Edit properti dari block “ImageSlideshow” sesuai keinginan. Jangan lupa semua sourcenya adalah dari block “Live Image Search”

10. Klik “Run” di kanan atas. Dengan Mashup ini kita dapat melakukan pencarian gambar dan hasilnya di tampilkan dengan slideshow.

Photobucket

Mashup Final

Mashup ini cuma salah satu dari contoh sederhana yang dapat dibuat di Popfly.com. Banyak sekali gadget yang dapat dibangun dengan semua tools yang ada pada Popfly. Semua tergantung dari kreatifitas anda. Selamat berkreasi =).

Akhirnya adi bikin blog untuk yang kedua kalinya… Blog yang pertama padahal baru bikin kemaren di blogspot ternyata susah banget diakses dari komputer kampus. Entah kenapa waktu mau masuk, ngepost, sama ngasih komen yang keluar tulisan “The Connection was Interuppted” ato ga “Problem Loading Page”… Komputer kampus yang aneh..;)