PENGEMBANGAN PETA INTERAKTIF TIGA DIMENSI … · • Memberikan contoh kepada masyarakat mengenai...

FINAL TUGAS AKHIR

Dr.Eng. Febriliyan Samopa, S.Kom., M.Kom.

Dosen Pembimbing :

PENGEMBANGAN PETA INTERAKTIF TIGA DIMENSI JURUSAN DESAIN PRODUK INDUSTRI INSTITUT TEKNOLOGI

SEPULUH NOPEMBER MENGGUNAKAN UNREAL ENGINE

Anita Safitri 5207100048

Pendahuluan

Latar Belakang

• Keterbatasan pemberian informasi pada penggunaan map 2D.

• Perkembangan dunia virtual reality semakin luas sehingga berdampak pada penggunaan map 3D untuk menjelaskan sebuah objek

• Melengkapi peta 3D ITS yang telah dibuat sebelumnya

Progress Tugas Akhir Anita Safitri 5207100048

Perumusan Masalah

• Bagaimana membuat sebuah peta 3D yang detail dan interaktif sehingga dapat menghasilkan user experienceyang bersifat nyata.

• Bagaimana membuat peta tersebut dapat memberikan informasi yang lengkap dan mendetail sesuai dengan keadaannya pada dunia nyata.

• Bagaimana mengintegrasikan peta yang telah dibangun dengan peta 3D lainnya.


Tujuan Tugas Akhir

• Menerapkan teknologi pencitraan tiga dimensi dalam pemetaan secara digital dengan menggunakan Unreal Engine untuk menghasilkan pencitraan yang interaktif.

• Pencitraan tersebut nantinya akan memberikan user experience yang bersifat nyata sehingga tingkat pemahaman user terhadap hasil pencitraan akan lebih tinggi


Batasan Masalah

• Aplikasi yang dikembangkan hanya mencakup areal dan gedung Jurusan Desain Produk Industri.

• Aplikasi yang dikembangkan tidak menerapkan teknologi artificial intelegence.

• Aplikasi yang dikembangkan tidak dapat diubah oleh pengguna.


Manfaat Tugas Akhir

• Mempromosikan dan Memberikan informasi kepada masyarakat mengenai gedung Jurusan Desain Produk Industri ITS.

• Memberikan contoh kepada masyarakat mengenai penerapan unreal engine sebagai education entertainment atau biasa disebut edutainment. Dengan edutainment, pengunjung mendapatkan pengalaman yang mendidik dan menyenangkan tanpa harus berkunjung pada lokasi tersebut dan dengan usaha dan sumber daya yang kecil.

Proposal Tugas Akhir Anita Safitri 5207100048

Tinjauan Pustaka

Game Engine

• Game Engine adalah sistem perangkat lunak yang dirancang untukmenciptakan dan pengembangan video game. Fungsi utama dari game engine adalah melakukan graphic processing dalam hal ini biasa disebut dengan rendering (cara grafik komputer membuat gambaran dari informasi.

• Game engine adalah program yang ‘memotori’ jalannya suatu program game. Dengan adanya engine, waktu, tenaga dan biaya yang dibutuhkanuntuk membuat game software menjadi berkurang secara signifikan

• Salah satu pemanfaatan lain game engine adalah untuk edutainment.

Anita Safitri 5207100048Progress Tugas Akhir

Unreal Engine 3

• Unreal engine 3 adalah sebuah game engine yang dibuat oleh Epic Games. Digunakan oleh banyak perusahaan game terkenal seperti Konami, Activision, Square Enix, Capcom, Disney, Koei, 2K Games, Midway Games, THQ, Ubisoft, Sega, Sony, EA, 3D Realms.

• Unreal engine 3 memiliki syarat kebutuhan spesifikasi komputer yang cukup ringan. Unreal Engine juga menyediakan tool untuk membuat duniavirtual yaitu Unreal Editor. Editor ini juga bisa melakukan import dari tool 3D yang sudah banyak digunakan seperti 3D Studio Max dan Maya.


Aplikasi Pendukung

• Aplikasi Modelling 3D

3ds Max. Adalah sebuah perangkat lunak grafik vektor 3 dimensi dan animasi, dikeluarkan oleh Autodesk Media & Entertainment (dulunya dikenal sebagai Discreet and Kinetix). 3ds Maxmerupakan salah satu paket perangkat lunak yang paling luas digunakan sekarang ini, karena beberapa alasan seperti penggunaan platform Microsoft Windows, kemampuan mengedit yang serba bisa mulai dari melakukan modeling 3D, animasi, hingga rendering, dan arsitektur plugin yang banyak.

Google SketchUp. Merupakan salah satu program aplikasi berbasis 3D yang dapat digunakan untuk mempresentasikan objek dalam bentuk 3D. Berbeda dengan 3ds Max atau beberapa program aplikasi CAD lainnya, SketchUp lebih dirancang untuk eksplorasi desain yang tinggi dengan tool-set yang sempurna sesuai kebutuhan desain namun dikemas secara sederhana.


Aplikasi Pendukung

• Program Pengolah Gambar

Photoshop. Merupakan perangkat lunak editor citra buatan Adobe Systems yang dikhususkanuntuk pengeditan foto/gambar dan pembuatan efek. Program yang berguna untuk Image Manipulation ini juga menyediakan fitur image selection yang cukup berguna saat memanipulasi gambar.

xNormal. Sebuah perangkat lunak yang salah satu fungsinya adalah menghasilkan sebuah gambar yang memuat informasi tekstur atau lebih sering disebut sebagai normal image. xNormal digunakan untuk menghasilkan gambar yang memuat informasi tekstur.


Aplikasi Pendukung

• Program Pengolah Suara

Adobe audition. Aplikasi yang diproduksi oleh adobe. Dapat digunakan untuk merekam, menyatukan dan meng-edit suara.

Audacity. Aplikasi tidak berbayar yang digunakan untuk merekam dan meng-edit suara.

Wavosaur. Perangkat lunak ini tidak berbayar dan dapat digunakan untuk merekam dan melakukan editing suara.


Metodologi

Obyek Penelitian


Jurusan Desain Produk Industri


Deskripsi Ruang Lantai 2 :• 2 Laboratorium komputer• Laboratorium Ergonomi• 3 Ruang Dosen• Ruang Himpunan Mahasiswa• Musholah• Ruang Tata Usaha• Ruang Ketua Jurusan• Ruang Rapat• Ruang Seminar• Toilet (pria & wanita)

Lantai 3• 5 kelas studio• Koperasi• Kantin• Toilet (pria & wanita)


Terdiri dari 3 lantai :

Lantai 1 : • Lab.Protomodel (Bengkel)• Gudang• 2 Ruang Kelas• Lab. Fotografi• Lab. Videografi• Perpustakaan• Toilet (pria & wanita)• 1 Ruang kelas Studio• Galeri


Interaksi Standart : - Buka & Tutup Pintu- Menyalakan & Mematikan Lampu

Interaksi Khusus : - Menggunakan alat-alat pada

laboratorium, bengkel, studio dan toilet.



Metode Penelitian

Metode Penelitian

1. Studi Pendahuluan dan LiteraturPada tahap ini dilakukan pencarian literatur berupa buku, jurnal, artikel, yang berkaitan dengan permasalahan yang ada, seperti cara mengoperasikan Unreal Engine 3 dan memanfaatkannya untuk membuat peta. Pembelajaran dan pemahaman cara menghasilkan peta 3D yang interaktif serta penggunaan perangkat lunak lainnya yang mendukung pengembangan aplikasi ini.


Metode Penelitian

2. Survey lokasi dan pengambilan dataTahap ini dilakukan untuk mendapatkan informasi dan data yang didapat dari gedung Jurusan Desain Produk Industri ITS. Proses pengambilan data : - Pengambilan foto-foto, denah, blueprint. - Pengukuran secara langsung- WawancaraHasil akhir yang ingin didapat adalah informasi yang akurat mengenai gedung agar menghasilkan peta akurat yang sesuai dengan lingkungan nyata.


Metode Penelitian


3. Perancangan Desain PetaTahap ini berupa pembuatan desain dari peta untuk nantinya digunakan sebagai dasar dalam pembuatan aplikasi peta digital 3D ini. Pembuatan desain berupa rancangan-rancangan peta secara 2D.

4. Validasi Validasi adalah proses untuk memastikan peta dua dimensi yang telah dibuat sesuai dengan pemetaan lingkungan nyata. Setelah tahap validasi dilakukan, penulis dapat mulai membuat aplikasi.

Metode Penelitian

5. StandardisasiTujuan dilakukannya tahap ini adalah untukmembuat standar yang sama dengan petatiga dimensi wilayah ITS lain yang serupa. Yang distandarkan antara lain adalah sebagai berikut:

• Skala ukuran sebenarnya dengan petayang akan dibuat adalah 1 meter pada ukuran sebenarnya sama dengan 64 pixel dalam UDK

• Pembulatan ukuran dibulatkan ke bawah tanpa koma

• UDK yang digunakan adalah UDK versi • Tampilan langit yang sama• Pengguna yang digunakan• Interaksi standar yang harus ada yaitu:

– Buka dan tutup pintu– Lampu dapat dimatikan dan

dinyalakan– Menaiki dan Menuruni Tangga


Metode Penelitian

6. Pembuatan AplikasiTahap pembuatan aplikasi dimana peta 3D ini mulai dibangun menggunakan Unreal Development Kit(UDK). UDK sendiri sudah memiliki fitur-fitur dan fungsi yang mendukung seluruh kebutuhan dalam membangunpeta 3D. Beberapa software lain juga dibutuhkan untuk mendukung UDK sepertiModelling 3D, aplikasi pengolah gambar, dan aplikasi pengolah suara.


Metode Penelitian

7. Verifikasi Merupakan suatu uji kinerja metode standar. Verifikasi ini dilakukan untuk membuktikan bahwa aplikasi yang di buat sesuai dengan apa yang di inginkan. Sasaran dari verifikasi adalah untuk menemukan kesalahan-kesalahan yang ada pada aplikasi yang di buat.

8. Integrasi Pada tahap ini akan dilakukan integrasi terhadap satu atau lebih peta tiga dimensi dengan petatiga dimensi yang lainnya yang telah dibuat sebagai tugas akhir oleh tim dengan judul tugas akhiryang sama namun memiliki obyek penelitian yang berbeda. Integrasi bersifat tidak wajibdilaksanakan saat kondisi peta tiga dimensi yang lain tersebut belum dapat dikatakan samastandarnya atau belum terselesaikan.


Metode Penelitian

9. Pengujian AplikasiPengujian aplikasi dilakukan untuk mengetahui apakah hasil penelitian sesuai dengan tujuan yang telah ditetapkan serta memberikan saran berupa pengembangan atau perbaikan untuk penelitian selanjutnya.

10. Pembuatan LaporanTahapan akhir adalah pembuatan laporan yang merupakan dokumentasi proses awal hingga akhir dari tugas akhir yang dibuat sekaligus kesimpulan yang didapat dari proses-proses yang telah dilakukan. Proses yang ditulis pada laporan mulai dari proses desain, pengembangan aplikasi yang berupa langkah-langkah dan juga analisa hingga hasil akhir. Laporan berguna untuk memberikan informasi berupa pemahaman proses pengembangan aplikasi peta 3D dan juga hasil yang didapat dari pengembangan peta 3D tersebut.


Perancangan Desain Sistem

Desain Interaksi


1. Interaksi di Lab. Protomodel

• Melihat video simulasi penggunaangergaji tangan

• Menampilkan simulasi mengecat karyadengan menggunakan pilox

• Menampilkan simulasi penggunaangergaji mesin

2. Interaksi di Lab. Audio Visual

• Melihat video videografi hasil karyamahasiswa

3. Interaksi di Lab. Fotografi

• Menampilkan simulasi mengambil gambarmodel

• Menampilkan simulasi mencuci fotonegatif

• Menampilkan simulasi mencetak fotonegatif

Desain Interaksi (2)


4. Interaksi di RuangGaleri.

• Melihat video simulasi penggunaan mesinjahit

5. Interaksi di Lab. Komputer

• Melihat video simulasi penggunaan aplikasi3ds Max

• Melihat video simulasi penggunaanaplikasi AutoCAD

6. Interaksi di Lab. Produk Desain

• Melihat video simulasi penggunaan aplikasiAdobe Photoshop

• Melihat video simulasi penggunaan aplikasiAdobe Illustrator

Implementasi dan Uji CobaSistem

Lingkungan Implementasi

Hardware : Spesifikasi• Prosesor: AMD Phenom II X2 550 BE ~ 3.6 Ghz• Memori: 4064 MB RAM• VGA: ATI Radeon HD 4850 512 MB DDR3 256 Bit• Sistem Operasi: Windows 7 Ultimate 64-bit(6.1, Build 7601)

SoftwareSpesifikasi• Unreal Development Kit 64bit (Februari’11)

• Autodesk 3ds Max 2010, Google SketchUp

• Notepad++ 5.4.5, UnCodeX

• Adobe Flash

• Adobe Photoshop, xNormal

Peta Dua Dimensi• Menggunakan

aplikasi Adobe flash CS5

• Berfungsi untukmenampilkan minimappada peta yang kemudianakan ditambahkan fiturteleportasi dan penunjukarah

Gambar Peta Dua Dimensi Jurusan Desain Produk Industri Lantai 1

Peta Dua Dimensi (2)


Peta Dua Dimensi (3)


Pembuatan Level MapPembangunan geometri

Pembuatan level map dimulai dengan membuat geometri. Geometri pada UDK berfungsi untuk membentuk model tiga dimensi dari peta, yang mencakup bangunan dan semua permukaan bangunan pada peta, seperti tangga, tembok dan permukaan tanah atau dasar gedung.

Pemberian MaterialUntuk menghasilkan geometri yang lebih mendekati

nyata, perlu diberikan material. Pemberian material dilakukan mengolah texture kemudian menjadimaterial.

Pembuatan Objek 3D

• Pembuatan objek 3D dilakukan dengan bantuanbeberapa aplikasi pendukung, seperti aplikasi Autodesk 3ds Max dan Google SketchUp. – Membentuk objek / modelling objek– Pemberian slot material

• Proses export menggunakan format .FBX

Pemberian Material

• Pembentukan material membutuhkan texture• Texture2D merupakan gambar 2D yang terdiri

dari dua jenis, yaitu gambar biasa(berwarna) dan normal.

• Gambar 2D diimpor ke dalam Unreal Editor dalam format .png

• Material dapat diaplikasikan pada static mesh dan brush untuk memberikan kesan nyata.

Penambahan Informasi

• Informasi ruang dan tempat yang terdapat padagedung Jurusan

• Informasi mengenai objek-objek yang ada• Informasi interaksi dengan objek• Informasi Menu peta 2D• Informasi Menu Bantuan

Menu Peta 2D

• Menunjukkan lokasi aktor saat itu

• Memberikan penunjuk arah kepada penggunamenuju lokasi yang diinginkan

• Teleportasi menuju lokasi yang diinginkan

Integrasi Peta (1)

• Menggunakan fitur Forecourse UI , yang merupakan komponen Adobe Flash yang digunakan untuk membuat menu

• Menggunakan Scaleform, yang merupakanplugin untuk Adobe Flash yang diberikan olehUDK untuk membuat Flash dalam tampilan 3D

Integrasi Peta (2)

• Level Streaming Digunakan pada waktupenggabungan petaatau level map didalam jurusan DesainProduk Industri ITS

• Level LoadingDigunakan pada waktupenggabungan petajurusan Desain ProdukIndustri dan TeknikInformatika

Uji coba dan Evaluasi

Uji Coba Fungsional

Hasil Unit Test

Test case Interaksi dengan objek

ID Hasil

TC01 Berhasil

TC02 Berhasil

Uji Coba Non Fungsionl

Uji coba apikasi berdasarkan performa FPS (Frame per Second) rate dari map 3D.

Evaluasi ImplementasiDilakukan dengan cara validasi peta 3D Unreal Engine dengan cara membanidngkan gambar peta 3D dengan keadaan nyata

Lorong Jurusan

Kondisi Nyata

Peta 3D

Kesimpulan dan Saran

Kesimpulan

• Penggabungan antara Unreal Development Kit dengan bantuanaplikasi modelling, flash, dan pengolah suara dapatmengasilkan sebuah peta 3D Jurusan Desain Produk Industriyang detail dan mendekati nyata.

• Penggunaan flash pada Unreal Matine dapat memberikaninformasi yang lebih mendetail mengenai objek kepadapengguna sehingga pengguna dapat lebih memahami objektersebut.

• Penggabungan peta antara Jurusan Desain Produk Industridengan Teknik Informatika menggunakan metode Streamingsebagian gedung jurusan Teknik Informatika dan loading. Standardisasi sangat perlu dilakukan agar peta 3D yang dihasilkan dapat digabungkan dengan baik dan tidak terjadiperbedaan ukuran yang mencolok antar satu dan lainnya.

• Dalam pembuatan map 3D, dapat ditambahkan fitur lokasi aktor dan penunjuk arah yang menggunakan animasi flash dankismet.

Saran• Sebaiknya menggunakan sumber daya hardware yang cukup

besar dalam pembuatan map seperti penggunaan memoryRAM diatas 4Gb dan harddisk yang cukup agar pengerjaan mapberlangsung cepat dan tidak menghabiskan waktu lama.

• Sebaiknya meminimalis penggunaan static mesh dan brush yang terlalu berlebih, alternatif sangat penting untuk meminimalisbesar file map dan package yang digunakan.

• Dikarenakan besaran tiap file yang sebaiknya tidak melebihi300Mb, maka disarankan memisah satu map menjadi 2 atau lebih agar kinerja program menjadi lebih cepat dan maksimal.

• Cara menggabungkan antara satu map dengan map yang lain sebisa mungkin menggunakan metode streaming by kismet. Hal ini lebih unggul dibandingkan streaming by loading karena map lain bisa dilewati secara cepat tanpa menu loading terlebih dahulu.

Daftar Pustaka• Busby, J., et al. (2004). Mastering Unreal Technology. Volume I: Introduction to Level

Design with Unreal Engine 3. Indianapolis: Sams Publishing.• Busby, J., et al. (2010). Mastering Unreal Technology. Volume II: Advanced Level

Design Concepts with Unreal Engine 3. Indianapolis: Sams Publishing.• Fritsch, D., & Kada, M. (2004). Visualisation Using Game Engines. Makalah disajikan

dalam ISPRS commission V.• Jurusan Desain Produk Industri. Diambil tanggal 5 Maret 2011, tersedia di

http://prospektus.its.ac.id/dispro.html• Showcase – Epic UDK. Diambil tanggal 21 September 2010, tersedia di

http://www.udk.com/showcase• Unreal Editor User Guide. Diambil tanggal 29 Febuari 2011, tersedia di

http://udn.epicgames.com/Three/UnrealEdUserGuide.htmh• Game Engine – Febriandy. Diambil tanggal 20 Febuari 2011, tersedia di

http://febriady.wordpress.com/2010/05/15/game-engine• Lepouras, G., & Vassilakis, C. (2004). Virtual Museums for all: Employing Game

Technology for Edutainment., Virtual reality., 96-106.• Petridis, P., Dunwell, I., de Freitas, S. & Panzoli, D. (2009). An Engine Selection

Methodology for High Fidelity Serious Games. Makalah disajikan dalam 2010 Second International Conference on Games and Virtual Worlds for Serious Applications, Maret 2010, 27-34.


http://febriady.wordpress.com/2010/05/15/game-engine

Terima Kasih

PENGEMBANGAN PETA INTERAKTIF TIGA DIMENSI … · • Memberikan contoh kepada masyarakat mengenai...

Documents

Transcript of PENGEMBANGAN PETA INTERAKTIF TIGA DIMENSI … · • Memberikan contoh kepada masyarakat mengenai...