U-Trexplore: New layout

Assalamualaikum πŸ˜€

Hallo!! udah lama bgt ga update πŸ˜€ …
Langsung aja, ada beberapa perubahan pada layout, terutama warna (yg sekarang mudah2an lebih elegan :)).
Belum selesei sih, mudah2an Februari ini bereees dengan puas :D, amiiin..
(aminin dong)

Ini beberapa screen shot UI yg baru:

Explore 3D
Explore 3D - All Buildings

Tampilan Explore 3D yang kita ganti namanya jadi Peta 3D, fitur explorasi gedung secara 360 derajat, di rotasi dengan cara Drag n Drop.

Explore 3D - Jica
Explore 3D - Jica

Tampilan per gedung, gedung ini juga explorable, di rotasi dengan cara Drag n Drop :). Sebenernya layout keseluruhan buat fitur detail ini belum selesai, dikarnakan emang banyak issue yg menghadang, tapi sumpah, it’s fun! πŸ˜€

PathFinder
PathFinder

Path finder kami ganti namanya jadi Cari Jalur (pkk’y jd indonesiaan, we love indonesia for sure :)). Ada tambahan titik awal (A) dan titik tujuan (B). Juga fitur percarian lewat keyboard virtual & real time query.

Virtual Keyboard (touch screen aim)
Virtual Keyboard (touch screen aim)
Daftar Tempat
Daftar Tempat

Satu lagi, Allist berubah menjadi Daftar Tempat. Konsepnya jadi Thumbnail Base, mudah2an jadi enak diliat, dan lebih rapi pengelompokannya.

Dalam pengerjaan ini, kita (MJ) berusaha sebisa mungkin agar segala sesuatunya dilakukan dengan perasaan yang menyenangkan! :D. Kita ngerjain ni program (selain di kediaman masing2) juga di tempat2 rame, kya di Ngopi doeloe, Food court BEC, Rumah Ajay, Rumah Dwi, Rumah Nunu, slanjutnya rumah saya πŸ˜€ hehe (Foto dokumentasi kegiatan MJ ada di facebook saya). Pokoknya kita buat kerja serasa bermain, karena itulah kita, make everything as fun as possible ;D

Postingan tutorialnya mungkin nunggu ni program beres dulu deh, msh banyak yg perlu dipelajari :),
So, thanks for reading, keep in touch fellas πŸ˜€

Teaser 2: Explore dynamically

Mumpung di rumah jadi ngePost 2 postingan, kalo di kosan bandwidth’y parah, buka wordpress’y aja 2 bulan 😐

Ok. Masih blm selesei, ada tambahan detail jalan, map bisa di rotate, tpi buat zoom sebenernya dh nemu cara, tapi dpt masalah di pengontrolan file actionScript lewat flex component yg berbeda file dan berbeda level.

Terus masing-masing objek udah bisa di Hover ama di Click. Saat salah satu objek 3D di hover, maka objek 3D tersebut bergerak pada sumbu Z (bergerak ke atas) dan nge-Glow dengan warna sesuai Legend. Ya masih terus dalam pengembangan πŸ™‚

Explore Dynamically
Explore Dynamically

Mudah-mudahan selesai sesuai target, trus wisuda? Desember lah πŸ˜€ hehehe….

Touch you later fellas :D!!!

Teaser 1: Prototype[beta-1] asyadeeq Map 3D

Blm selesei si, masih harus di tweak sana sini :), hope u enjoy this.. Masukannya sangat diharapkan πŸ™‚

map 3 dimensi intraktif
map 3 dimensi intraktif
retrieving database
query list lokasi
detail lokasi
detail lokasi
enlarge images gallery
enlarge images gallery
search feature (touch screen)
search feature (touch screen)

sisanya ada di flicker, klik ja widget di samping kanan.

Posting slanjutnya akan melanjutkan seri ‘Perancangan Peta 3D- so, keep in touch πŸ™‚

[Perancangan Peta 3 Dimensi] Part 2 – Prosedur Pengerjaan Penelitian

Penelitian Transformasi peta ini membutuhkan beberapa tahap pengerjaan mulai dari pekerjaan diluar komputer (terjuan langsung ke lokasi penelitian untuk mengambil data yang dibutuhkan) sampai merancangnya menjadi sebuah sistem yang terintegrasi dan utuh.

Model Integrasi
Model Integrasi

Adapun urutan pengerjaan yang harus dilalui adalah sebagai berikut:

  1. Pengumpulan data yang berhubungan dengan data gedung, lokasi dan sekitarnya
  2. Riset denah yang akan dibuat, perlu diperhatikan pula aspek skala semakin presisi semakin baik. Denah mengenai data lokasi yang telah terkumpul terlebih dahulu divisualisasikan menggunakan rancangan gambar 2d, hal ini akan sangat memudahkan dalam perancangan selanjutnya (3D), karena kita bisa fokus terlebih dahulu kepada draf 2d yang lebih mudah dilakukannya koreksi apabila terjadi kesalahan, jadi tak akan membuang waktu pada saat pemodelan 3D. Untuk kasus pemodelan di UPI ini, saya menggunakan Master Plan (denah UPI secara keseluruhan dengan sekala presisi). Hal ini sangat membantu dalam peletakan posisi gedung serta jalan-jalan yang menghubungkannya.
  3. Master Plan
    Master Plan
  4. Membuat rancangan virtual denah dalam modeler 3D dengan aplikasi yang telah dikuasai. Mungkin akan terlibat beberapa tool baik software stand alone maupun plug-in yang bertujuan agar tingkat efektifitas perancangan menjadi tinggi dan flexible.
  5. Pembangunan Interface Program di Flex yang disesuaikan dengan fitur-fitur yang akan ada dalam program ini, tiga fitur besar itu adalah:
    1. explore 3D,
    2. Find Path
    3. All list (berisi informasi mengenai gedung, jurusan dan fakultas)
    4. Search
  6. Mengekpor hasil rancangan denah ke program third party yang menyediakan tools programming yang mendukung import file 3D. Dalam penelitian ini saya telah memutuskan dari sekian banyak aplikasi yang mendukung, saya memilih Flex sebagai tool main programming dan integrasi 3D. Hal tersebut dikarnakan telah saya temukannya plug-in (PaperVision3D) berupa class-class yang dapat mengintegrasikan model 3D kedalam flex yang nantinya akan di coding agar menjadi model 3D yang dapat di eksplor secara bebas.
  7. Sinkronisasi pergerakan model 3D dengan status programing yang diberikan oleh program utama (Tempat dimana semua aspek diintegrasikan)
  8. Perancangan dan Pembangunan Database yang disesuaikan dengan kebutuhan fitur. Saya menggunakan tool AMFPHP sebagai β€˜wali’ untuk kebutuhan pengambilan data dari MySql menggunakan Flex dengan back-end PHP untuk insert, update & delete data. CakePHP ikut andil disini.
  9. Pemberian informasi pada tiap tempat yang masuk dalam area peta
  10. Pembuatan Fitur Find Path atau pencarian jalur terpendek. Menggunakan Algoritma Djikstra (Ini sub-program, hanya sebagai utilities saja)
  11. Tes semua aspek integritas, interface di Flex, programming pada model 3D, Database, Programming pada fitur Find Path dan fitur Search.
  12. Compiling

Post2 selanjutnya akan lanjut membahas mengenai teknis :). keep in touch, hehe..
See you later ^^

Belajar RIA (Rich Internet Application) ^^

Hai hai :D..

Belakangan ini gw lagi demen banget ama RIA (bukan nama wanita -Rich Internet Application), berhubung tugas akhir gw yg berjudul:

“Pembangunan Peta Virtual Interaktif dengan visualisasi tiga dimensi berbasis RIA(rich internet application) studi kasus Universitas Pendidikan Indonesia” -fiuh panjang y, mudah2 pengerjaannya ga sepanjang (sesusah) judul’y πŸ˜€ aamiiiiiiiiiiin -,-…akan dibuat program interaktf berbasis web.

Tadi’y ni program mau gw bikin pake flash aja, soal’y emang lebih menguasai, tapi setelah liat-liat situs situs keren kaya:

http://www.indg.nl situs ini berbasis Flex, uh keren πŸ˜€ !!! dan setelah mampir2 ke flex showcase nya adobe: http://flex.org/showcase . ditambah dikasi video2 tutorial flex dari ajay,
1 kata: ngiler!!! (tambah 3 tanda seru) hehe :D.. Nah jadilah skarang gw rajin belajar flex demi tugas ahir dan kepuasan batin, hehe…

Dikarnakan resource tutorial flex masih sangat sedikit di indonesia, maka gw ama dwi, fajar, desi, nhu, mendirikan sebuah situs berbasis blog yang dikhususkan dalam belajar RIA πŸ˜€ di http://belajaria.co.cc

http://belajaria.co.cc
http://belajaria.co.cc

Disitus itu kita masukin tentang apa aja (dalam lingkup RIA) yang lagi kita pelajari, Mampir2 ya ^^. kita belajar bareng :). Sgini dulu posting kali ini, kapan2 gw posting hasil kerjaan’y πŸ™‚ ok. see you around guys!