www company com

Dr.Eng. Febriliyan Samopa, S.Kom., M.Kom.Nisfu Asrul Sani, S.Kom, M.Sc

Dosen Pembimbing :

www company com

www company com

Latar Belakang

• Berdasarkan fungsi peta

• Perkembangan teknologi grafis di dunia IT semakin luas

• Game engine biaya terjangkau

• Melengkapi peta 3D ITS yang telah dibuat sebelumnya

www company com

Perumusan Masalah

• Bagaimana membangun peta tiga dimensi yang informatif dengan menggunakan Unreal Engine

• Bagaimana membuat peta tiga dimensi yang terstandarisasi sehingga dapat diintegrasikan dengan peta 3D ITS yang lain

• Bagaimana membuat peta tiga dimensi sehingga pengguna dapat berinteraksi dengan objek dalam peta.

www company com

Batasan Masalah

• Aplikasi yang dibuat tidak mencakup interaksi antar pengguna

• Aplikasi yang dibuat hanya mencakup peta Puskom dan Gedung BAUK ITS

• Aplikasi yang dibuat tidak dapat di-edit oleh pengguna

• Aplikasi tidak menerapkan Artificial Intelegence

www company com

Tujuan Tugas Akhir

• Membuat peta 3D Puskom dan Gedung BAUK ITS dengan menggunakan unreal engine sehingga mempermudah pengguna untuk mengenal wilayah Puskom dan BAUK ITS tanpa harus datang ke lokasi tersebut.

www company com

Manfaat Tugas Akhir

• Masyarakat dapat melihat peta Puskom dan Gedung BAUK ITS tanpa datang ke lokasi

• Bisa digunakan untuk promosi ITS kepada masyarakat yang tidak bisa melakukan kunjungan langsung ke ITS dan belum mengetahui letak dari Puskom dan Gedung BAUK ITS tersebut.

Proposal Tugas Akhir

www company com

www company com

Game Engine– Perangkat lunak yang didesain untuk pembuatan dan

pengembangan video games

– Fungsi utama nya adalah melakukan rendering (cara grafik komputer membuat gambaran dari informasi. Informasi yang dimaksud seperti tekstur, pencahayaan bayangan.)

– Untuk pengembangan museum virtual

www company com

Unreal Engine 3– Digunakan untuk membuat lingkungan virtual yang nyata

– Unreal Engine 3 dikeluarkan oleh Epic Games, adalah salahsatu game engine yang sangat popular dalam game 3D First-Person-Shooter

www company com

Aplikasi Pendukung– 3Ds Max, digunakan untuk permodelan 3D, animasi, hingga

rendering.

– Adobe Photoshop, digunakan untuk pewarnaan objek.

– Adobe audition, digunakan untuk merekam, menyatukan dan meng-edit suara.

www company com

Metodologi

www company com

Obyek Penelitian (Puskom dan BAUK)

www company com

PUSKOM dan GEDUNG BAUK

Deskripsi RuangBAUK :• Bagian Umum, HKTL, & Perlengkapan

– Ketatausahaan – Hukum dan ketatalaksanaan– Kerumahtanggaan – Perlengkapan

Puskom :– Tempat Informasi– Tempat pendaftaran Email mahasiswa– Penggunaan blog mahasiswa

www company com

PUSKOM dan GEDUNG BAUK

Interaksi Khusus : - Puskom

- Silmulasi pendaftaran email mahasiswa

- BAUK- Informasi pada Bagian Umum,

HKTL, dan Perlengkapan

Interaksi Standart : -Buka & Tutup Pintu-Menaiki dan menuruni tangga

Metode PenelitianStudi Pendahuluan

dan Literatur

Survey Lokasi dan Pengambilan Data

Standarisasi Peta

Pembuatan Aplikasi

Validasi Aplikasi

Integrasi

Testing Integrasi

Selesai

Mulai

Apakah sudah sesuai dengan kondisi nyata ?

sudah

belum

Pembuatan Laporan

www company com

Metode Penelitian1. Studi Pendahuluan dan Literatur

– Cara mengoperasikan Unreal Engine dan memanfaatkannya untuk membuat peta.

– Cara penggunaan perangkat lunak lainnya yang mendukung pengembangan aplikasi.

www company com

Metode Penelitian

2. Survey lokasi dan pengambilan data– Pengambilan data berupa foto - foto Puskom dan Gedung BAUK

ITS dengan berbagai sudut pandang agar peta lebih akurat dan sesuai dengan lingkungan yang sebenarnya.

– Pengukuran area yang dilakukan untuk menyesuaikan dengan skala yang ada.

www company com

Metode Penelitian

3. Perancangan Desain PetaPembuatan/ perancangan peta 2D dengan ukuran yang sebenarnya dan skala yang sesuai agar proses integrasi berjalan mudah. Pembuatan peta 2D denganmenggunakan Autocad

4. Validasi Validasi adalah proses untuk memastikan peta dua dimensi yang telah dibuat sesuai dengan pemetaan lingkungan nyata.

www company com

Metode Penelitian

5. StandardisasiTujuan dilakukannya tahap ini adalah untuk membuat standar yang sama dengan peta tigadimensi wilayah ITS lain yang serupa. Yang distandarkan antara lain adalah sebagai berikut: 1 meter = 64 pixel pdad UDK Pembulatan ukuran dibulatkan ke bawah tanpa koma UDK yang digunakan adalah UDK versi Februari 2011 Interaksi standar adalah Buka dan tutup pintu, Lampu dapat dimatikan dan dinyalakan,

Menaiki dan Menuruni Tangga

www company com

Metode Penelitian

6. Pembuatan AplikasiMenggunakan Unreal Development Kit (UDK)Dan perangkat lain seperti 3Ds Max, Adobe Photoshop, Adobe Audition.

.

7. ValidasiMelakukan pemeriksaan objek, bentuk, dan interaksi yang ada pada peta 3D untuk disesuaikan dengan kondisi sebenarnya.

www company com

Metode Penelitian8. Integrasi

Langkah berikutnya, adalah menyatukan peta dengan peta lain yang sudahdiselesaikan sebelumnya. Lalu melakukan testing aplikasi setelah diintegrasikan. Dan terakhir melakukan packaging keseluruhan peta menjadi sebuah aplikasi.

9. Pembuatan Laporan– Bertujuan agar seluruh langkah-langkah yang telah dilakukan

didokumentasikan dengan lengkap sehingga dapat memberikan informasi yang berguna bagi yang membacanya.

– Kesimpulan, digunakan untuk mengetahui apakah sesuai dengan tujuan yang telah ditetapkan.

– Saran, digunakan untuk pengembangan atau perbaikan padapenelitian selanjutnya.

www company com

Perancangan Desain Sistem

www company com

Desain Interaksi1. PUSKOM

• Melihat silmulasi pendaftran email bagimahasiswa ITS

2. BAUK• Melihat cinematic yang menunjukkan isi

ruangan di gedung BAUK pada bagianUmum, HKTL, dan Perlengkapan

• Mengetahui informasi tentang bagian-bagian yang ada pad a BAUK

• Melihat alur dari penyewaanruang/gedung dan perlengkapan

www company com

Implementasi dan Uji CobaSistem

www company com

Lingkungan Implementasi

Hardware : Spesifikasi• Prosesor: Intel CORE i3 M380 @2.53Ghz• Memori: 4096 MB RAM• VGA: ATI Mobility Radeon HD 550v – 2739MB• Sistem Operasi: Windows 7 Home Basic 64-bit

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

• Autodesk 3ds Max 2010, Google SketchUp

• Adobe Flash

• Adobe Photoshop, xNormal

• Notepad++ 5.4.5, UnCodeX

www company com

Peta Dua Dimensi

• Menggunakan aplikasiAdobe flash CS5

• Berfungsi untuk menampilkanminimap pada peta yang kemudianakan ditambahkan fitur teleportasidan penunjuk arah

www company com

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 padapeta, seperti tangga, tembok dan permukaan tanahatau dasar gedung.

Pemberian MaterialUntuk menghasilkan geometri yang lebih mendekatinyata, perlu diberikan material. Pemberian material dilakukan mengolah texture kemudian menjadi material.

www company com

Pembuatan Objek 3D• Pembuatan objek 3D dilakukan dengan

bantuan beberapa aplikasi pendukung, seperti aplikasi Autodesk 3ds Max– Membentuk objek / modelling objek– Pemberian slot material

• Proses export menggunakan format .FBX

www company com

Pemberian Material• Pembentukan material membutuhkan

texture• Texture2D merupakan gambar 2D yang

terdiri dari dua jenis, yaitu gambarbiasa(berwarna) dan normal.

• Material dapat diaplikasikan pada static mesh dan brush

www company com

Penambahan Informasi• Informasi ruang dan tempat yang terdapat

pada gedung• Informasi interaksi dengan objek• Informasi Menu peta 2D

www company com

Menu Peta 2D• Menunjukkan lokasi aktor saat itu• Teleportasi menuju lokasi yang diinginkan• Memberikan penunjuk arah kepada pengguna

menuju lokasi yang diinginkan

www company com

Integrasi Peta• Menggunakan fitur Forecourse UI , yang

merupakan komponen Adobe Flash yang digunakan untuk membuat menu

• Menggunakan Scaleform, yang merupakanplugin untuk Adobe Flash yang diberikanoleh UDK untuk membuat Flash dalamtampilan 3D

www company com

Uji coba dan Evaluasi

www company com

Uji Coba Fungsional

Hasil Unit Test

Test case Interaksi dengan objek

ID HasilTC01 Berhasil

TC02 Berhasil

www company com

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

www company com

Evaluasi ImplementasiDilakukan dengan cara membandingkangambar peta 3D dengan keadaan nyata

www company com

BAUK (Subbag. Rumah Tangga)

Kondisi NyataPeta 3D

www company com

UPT Puskom

Kondisi NyataPeta 3D

www company com

Kesimpulan dan Saran

www company com

Kesimpulan• Unreal Development Kit dapat dengan mudah membuat tampilan lingkungan

dengan menggabungkan unsur tekstur, material, dan static mesh sehingga menjadi tampilan peta yang mendekati nyata dan mampu memberikan informasi mengenai objek yang terdapat di UPT Puskom dan Gedung BAUK ITS tersebut

• Pembuatan peta harus menggunakan ukuran tertentu yang sudah distandarkan dari awal sehingga jika peta UPT Puskom dan Gedung BAUK ITS digabungkan gedung – gedung yang berdekatan dapat terinteraksi dengan baik

www company com

Saran• Sebaiknya menggunakan sumber daya hardware yang cukup besar dalam

pembuatan map seperti penggunaan memory RAM diatas 4Gb dan harddiskyang cukup agar pengerjaan map berlangsung cepat dan tidak menghabiskan waktu lama.

• Sebaiknya meminimalis penggunaan brush yang terlalu berlebih, agar besar file mencukupi batas maksimal 300Mb.

• Dikarenakan besaran tiap file yang sebaiknya tidak melebihi 300Mb, 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.

• Perlu adanya penambahan interaksi pada setiap bagian.

www company com

Daftar Pustaka• Adobbati, R. (2001). Gamebots : A 3D Virtual World Test-Bed For Multi-Agent Research. University of Southern California.• Biro Administrasi Umum dan Keuangan (BAUK). from http://www.bauk.its.ac.id/• 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.• Eberly, D. H. (2007). 3D Game Engine Design : A Practical Approach to Real-Time Computer Graphic 2nd Edition. San

Fransisco: Morgan Kaufmann.• Lepouras, G., & Vassilakis, C. (2004). Virtual Museums for all: Employing Game Technology for Edutainment., Virtual

reality., 96-106.• Pelayan UPT Pusat Komputer. From http://www.icts.its.ac.id/pelayanan.php• Profil UPT Pusat Komputer (PUSKOM). From http://www.icts.its.ac.id/profil.php• 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.html• 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.

• Shiratuddin, M. F. & Fletcher, D. (2007). Utilizing 3D Games Development Tool For Architectural Design in a Virtual Environment. Makalah disajikan dalam 7th International Conference on Construction Applications of Virtual Reality, Oktober 2007.

• Shiratuddin, M. F. & Thabet, W. (2002). Virtual Office Walkthrough Using a 3D Game Engine. Makalah disajikan dalam International Journal of Design Computing.

• Unreal Development Kit. (2010, May). Retrieved January 30, 2011, from http://www.udk.com• Unreal Technology Product. Retrieved January 30, 2011, from Unreal Web site: http://www.unreal.com• Wirangga, Panditya. (2011). Pengembangan Peta Interaktif Tiga Dimensi Jurusan Sistem Perkapalan Institut Teknologi

Sepuluh Nopember Menggunakan Unreal Engine. Surabaya.

www company com

Sekian dan Terima KasihWassalamualaikum. Wr. Wb. …