Tugas Akhir PANDITYA WIRANGGA - 5207 100 057 PENGEMBANGAN PETA INTERAKTIF TIGA DIMENSI JURUSAN SISTEM PERKAPALAN INSTITUT TEKNOLOGI SEPULUH NOPEMBER MENGGUNAKAN UNREAL ENGINE
Lab E-Business Dosen Pembimbing: Dr. Eng. Febriliyan Samopa, S. Kom., M. Kom Faizal Johan Atletiko, S.Kom
Outline Judul Tugas Akhir Metodologi penelitian Kesimpulan dan Saran Pendahuluan Implementasi
PENDAHULUAN
Latar Belakang Perkembangan Teknologi 3D Pembuatan peta 3D Jurusan Sistem Informasi, D3FTI, Arsitektur, Arsitektur-Sipil, Teknik Sipil, Teknil Lingkungan, BAAK, dan Rektorat ITS dengan Unreal Engine
Rumusan Permasalahan Bagaimana membangun peta tiga dimensi yang informatif dengan menggunakan Unreal Engine? Bagaimana mengembangkan peta tiga dimensi sehingga pengguna dapat berinteraksi dengan obyek dalam peta? Bagaimana membuat peta tiga dimensi yang terstandardisasi sehingga dapat diintegrasikan dengan yang lain?
Batasan Masalah Aplikasi dikembangkan menggunakan perangkat lunak Unreal Development Kit. Aplikasi yang dikembangkan tidak mencakup interaksi antar pengguna. Aplikasi yang dikembangkan hanya mencakup peta wilayah Jurusan Sistem Perkapalan ITS sebagai objek penelitian. Aplikasi yang dikembangkan tidak dapat diubah-ubah oleh pengguna. Aplikasi yang dikembangkan tidak menggambarkan daerah yang dilarang untuk dibuat oleh pihak yang berkaitan yaitu Jurusan Sistem Perkapalan ITS. Aplikasi yang dikembangkan tidak menerapkan Artificial Intelligence (AI).
Tujuan Tujuan pengerjaan tugas akhir ini adalah memahami karakteristik teknologi pembuatan visual tiga dimensi dan kemudian memanfaatkannya dalam pembuatan peta tiga dimensi wilayah Jurusan Sistem Perkapalan ITS dengan menggunakan Unreal Engine. Aplikasi ini nantinya diharapkan dapat memungkinkan pengguna untuk mengunjungi Jurusan Sistem Perkapalan ITS secara virtual dan melakukan interaksi dengan objek dalam peta.
METODOLOGI PENELITIAN
Objek Penelitian (1-2) Jurusan Sistem Perkapalan ITS Lantai 1
Objek Penelitian (1-3) Jurusan Sistem Perkapalan ITS Lantai 2
Objek Penelitian (1-4) Jurusan Sistem Perkapalan ITS Lantai 3
Mulai Diagram Alir Metodologi Studi Pendahuluan dan Literatur Survey Lokasi dan Pengambilan Data Standarisasi Peta Pembuatan Aplikasi belum Validasi Aplikasi Pembuatan Laporan Apakah sudah sesuai dengan kondisi nyata? sudah Integrasi Testing Integrasi Selesai
IMPLEMENTASI
Lingkungan Implementasi Processor Intel Core i7-2630qm 2.0GHz Operating System Windows 7 Ultimate 64-bit (6.1, Build 7601) Graphic Device NVIDIA GeForce GT 540 2Gb Memory 4Gb RAM DirectX Version DirectX 11
Pembuatan Objek 3D Menggunakan Autodesk 3D Studio Max membentuk objek/modelling pemberian slot material Proses ekspor menggunakan format.fbx Dalam UnrealStaticMesh Editor diatur pemberian material dan collision-nya.
Texture sebagai Pembentuk Material Texture2D merupakan gambar 2D yang terdiri dari 2 jenis, yaitu gambar biasa (berwarna) dan normal. Dua gambar diimpor ke dalam Unreal Editor dan digunakan dalam Unreal Material Editor. Material dapat ditambahkan pada StaticMesh, SkeletalMesh dan permukaan brush.
Pembuatan Aktor Pembuatan aktor dilakukan dalam AutoDesk 3D Studio Max yang diekspor menggunakan plugin dari UDK (ActorX). Pengaturan material yang digunakan, dilakukan dalam UnrealAnimSet sedangkan pengaturan gerakan aktor dilakukan dalam UnrealAnimTree.
Penambahan Informasi Informasi Ruangan Kelas, Laboratorium, dan sebagainya Informasi Objek Laboratorium Informasi Menu peta 2D Informasi Menu Bantuan
Menu Peta 2D Menu peta 2D memiliki fitur yang dapat menunjukkan lokasi aktor saat itu, memberikan penunjuk arah kepada pengguna tentang lokasi ruangan dan teleportasi. Untuk menunjukkan lokasi pengguna saat itu, dilakukan transform ukuran UDK ke dalam peta 2D, oleh karena itu dilakukan perbandingan dengan cara: Menentukan 2 titik yang memiliki nilai x, y dalam UDK dan peta 2D dalam flash Ke-2 titik tersebut dicari selisihnya kemudian dibandingkan antara yang terdapat di flash dan UDK. Dalam perhitungannya, masih terdapat ketidakcocokan ukuran. Oleh karena itu, perlu dilakukan penambahan angka yang dilakukan dengan cara mencoba sehingga diperoleh posisi yang sama antara UDK dan peta 2D dalam flash.
Konfigurasi Aplikasi Konfigurasi aplikasi dilakukan dengan membuat class baru INI3D yang mengatur controller aplikasi ini. Controller aplikasi yang telah dibuat akhirnya dipanggil ke dalam aplikasi melalui kismet.
Integrasi Peta (1) Menggunakan metode streaming agar tidak ada loading dalam pergantian peta. Hal ini dikarenakan ada laboratorium yang terdapat di peta jurusan lain.
Integrasi Peta (2) Menu awal dibuat dengan menggunakan Adobe Flash serta penggunaan Forecourse UI (komponen Adobe Flash yang digunakan untuk membuat menu) dan Scaleform (plugin untuk Adobe Flash yang diberikan oleh UDK untuk membuat Flash dalam tampilan 3D). Juga ditambahkan video pembuka dengan penggunaan BINK video
KESIMPULAN DAN SARAN
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 Jurusan Sistem Perkapalan ITS tersebut File animasi Flash dapat dengan mudah digabungkan ke dalam peta menggunakan bantuan fitur Unreal Matinee sehingga membuat peta menjadi interaktif Pembuatan peta harus menggunakan ukuran tertentu yang sudah distandarkan dari awal sehingga peta Jurusan Sistem Perkapalan ITS mampu digabungkan dengan jurusan lain yang berdekatan.
Kesimpulan (2) Pembuatan peta Jurusan Sistem Perkapalan ITS memerlukan peta bangunan Jurusan Teknik Kelautan ITS karena terdapat dua buah laboratorium Sistem Perkapalan yang terdapat di lantai tiga gedung Teknik Kelautan ITS. Penggabungan peta antara Sistem Perkapalan dengan Teknik Kelautan menggunakan metode streaming, bukan metode loading. Hal ini dikarenakan masih terdapat laboratorium dan lebih baik tidak ada jeda sedikitpun bila ke lantai 3 Teknik Kelautan
Saran (1) Sebaiknya menggunakan sumber daya hardware yang cukup besar dalam pembuatan map seperti penggunaan memory RAM diatas 4Gb agar pengerjaan map berlangsung cepat dan tidak menghabiskan waktu lama. Alokasi besar file map sebaiknya tidak melebihi batasan 300Mb karena dapat mengakibatkan kinerja program melambat dan tidak maksimal. Sehubungan dengan besaran tiap file yang tidak boleh terlalu besar, maka disarankan memisah satu map menjadi 2 atau lebih agar kinerja program menjadi lebih cepat.
Saran (2) 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 dilakukan pengembangan lebih lanjut terhadap aktor yang digunakan karena masih belum menyerupai aslinya dalam hal gerak tubuh serta tampilan dari aktor tersebut. Sebaiknya menggali informasi sebanyak-banyaknya mengenai objek di peta yang dibuat karena interaksi yang dibuat harus sesuai dengan aslinya atau memenuhi kebutuhan pengguna. Terkadang tidak semua objek memerlukan animasi tersendiri
EVALUASI IMPLEMENTASI
Ruang Kelas WA 102 & 103 Kondisi Nyata Peta 3D
Ruang Kelas WA 108 Kondisi Nyata Peta 3D
Laboratorium CNC Kondisi Nyata Peta 3D
Label Nama Jurusan Kondisi Nyata Peta 3D
Ruang Kaca Kondisi Nyata Peta 3D
Ruang Dosen Kondisi Nyata Peta 3D
Lab Keselamatan & Keandalan Kondisi Nyata Peta 3D
Lab Studio 3D Kondisi Nyata Peta 3D
Sekian dan TERIMA KASIH