VISUALISASI PERUMAHAN MENGGUNAKAN VRML STUDI KASUS PT. WIROTOMO PERSADA

YOGYAKARTA

Naskah Publikasi

diajukan oleh

Aditya Nur Priyantoro 08.01.2432 Akbar Primadani 08.01.2433

kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM YOGYAKARTA

2011

Housing Visualization Using VRML Case Study PT. Wirotomo Persada

Yogyakarta

Visualisasi Perumahan Menggunakan VRML Studi Kasus PT. Wirotomo Persada

Yogyakarta

disusun oleh Aditya Nur Priyantoro 08.01.2432 Akbar Primadani 08.01.2433

Jurusan DIII Teknik Informatika STMIK AMIKOM YOGYAKARTA

ABSTRACT The company is currently competing in the business by creating a media campaign to offer a superior product to offer. Various media campaign that used one of them through a virtual world known as the Internet (Interconnected Network). Advances in information technology to provide information to people in a different dish. As one of the content information provided in the form of a website with the latest 3 Dimensions. So the user can view the products offered in 3D and more realistic.

In the housing development company PT. Wirotomo Persada explains how to design a 3D Web sites that can achieve the target as a media campaign in promoting housing that is able to provide information and images on offer. Making use 3D objects for displaying the home has to offer.

Web Designing 3D provides some facilities in addition to the menu and look of

the house has to offer is a design house that created the device using 3ds Max. Then the 3D objects will be called by the Web programming language used VRML (Virtual Reality Modeling Language) with additional plug-ins in the browser of Cortona. Keywords : Web 3D, VRML, Cortona, 3dsMax.

1. Pendahuluan Perusahaan saat ini saling bersaing dalam bisnis dengan membuat media promosi

untuk menawarkan produk unggulan yang ditawarkan. Berbagai macam media promosi

yang digunakan salah satunya melalui dunia maya yang lebih dikenal dengan Internet

(Interconnected Network). Kemajuan bidang teknologi informasi memberikan informasi

kepada manusia dalam sajian yang berbeda-beda. Adapun salah satu konten informasi

yang diberikan berupa website dengan teknologi 3 Dimensi. Sehingga user atau penguna

dapat melihat produk yang ditawarakan secara 3D dan lebih realistis.

Pada perusahaan pengembang perumahan PT. Wirotomo Persada menjelaskan

bagaimana merancang situs Web 3D yang dapat mencapai tujuan yang tepat sasaran

sebagai media promosi dalam mempromosikan perumahan yang mampu memberikan

informasi dan gambaran yang ditawarkan. Pembuatan mengunakan objek 3D untuk

menampilkan rumah yang ditawarkan.

Merancang Web 3D memberikan beberapa fasilitas menu sebagai tambahan dan

tampilan rumah yang ditawarkan merupakan rancangan rumah yang dibuat mengunakan

perangkat 3ds Max. Maka objek 3D akan terpanggil oleh web dengan bahasa

pemrograman yang digunakan VRML (Virtual Reality Modeling Language) dengan

tambahan plug-in dalam browser yaitu Cortona.

2. Dasar Teori 2.1 Definisi Internet

Interconnected Network atau yang lebih popular disebut internet adalah jaringan

komputer global yang menghubungkan atau mengkoneksikan sebuah komputer dengan

komputer lain yang berada diseluruh dunia1.

2.2 Definisi Website Website adalah situs yang dapat diakses serta dilihat oleh para pengguna internet.

WWW (World Wide Web) didefinisikan sebagai fasilitas yang memungkinkan suara,

gambar, film dan musik ditampilkan dalam internet dan aplikasi ini berjalan pada protocol

HTTP, dan dapat diakses menggunakan web browser2.

2.3 Definisi Domain Domain adalah nama atau alamat dari sebuah website. Domain ini terdiri dari nama

domain dan extension. Contoh drweb.com, drweb adalah nama domain dan .com adalah

1 Betha Sidik, Ir. 2007. Pemrograman Web dengan HTML. Penerbit Informatika. Hal 1. 2 Budi Purnama. 2001. 36 jam Belajar Computer. Microsoft Internet Exploree. PT. Elex Media Komputindo. Hal 3.

extensionnya3. Extension biasanya mewakili untuk kategori tertentu seperti .com untuk

keperluan komersial, .net untuk keperluan jaringan, .org untuk keperluan website non

komesial.

2.4 HTML (Hyper Text Markup Language) HTML merupakan sebuah bahasa Scripting yang berguna untuk menuliskan

halaman web4. HTML dijadikan sebagai bahasa script dasar yang berjalan bersama

bahasa scripting pemrograman lainnya pada halaman web. Semua tag HTML bersifat

dinamis, artinya kode HTML tidak dapat dijadikan sebagai file executetable program.

2.5 Flowchart Flowchart merupakan gambar atau bagian yang memperlihatkan urutan dan

hubungan antar proses jalannya suatu program beserta intruksinya atau prosedur untuk

menyelesaikan masalah5. Flowchart merupakan langkah awal untuk membuat program,

dengan flowchart pembuatan lebih jelas dan tersusun rapi.

2.6 Web 3D 3D mengacu pada desain tiga dimensi yang merupakan virtual yang terlihat objek

apapun dari tiga sisi yang berbeda secara bersamaan. Seorang pengguna dapat melihat

gambar yang benar dari setiap bangunan, lokasi atau objek apapun dan berjalan melalui

lokasi itu tanpa meninggalkan meja komputer6.

2.7 Virtual Reality Virtual Reality adalah pemunculan gambar-gambar tiga dimensi yang ditampilkan

pada layar computer, yang terlihat nyata dengan bantuan sejumlah peralatan software

pendukung tertentu. Teknologi seperti ini yang diterapkan diberbagai bidang yang dikenal

sebagai “Virtual Reality” (Kenyataan Maya), “Virtual Word” (Dunia Maya) atau “Virtual

Environment” (Lingkungan Maya)7.

3 Jasmadi. 2004. Promosi Web & Regristrasi Domain (denagn berbagai Teknik dan Tool). Penerbit Andi. Hal 179. 4 Tim Pengembang. 2003. PHP dengan Macro Dreamweaver MX. Yogyakarta. Ardana Media. Hal 2. 5 Heri Sismoro. 2005. Pengantar Logika Informatika Algoritma dan Pemrograman Komputer. Penerbit Andi. Hal 33. 6 David Fox, Philip Shaddociv. 1997. Web Publisher’s Construction Kit VRML/Live 3D. Waite Group. Hal 59. 7 Adi Kurniadi. 2000. Membuat Dunia 3D dengan VRML. PT. Elex Media Komputindo. Hal 5.

2.8 VRML VRML (Virtual Reality Modelling Language) adalah sebuah bahasa pemrograman

yang diciptakan khusus untuk membuat objek-objek 3D8. Objek-objek yang dibuat

dengan VRML akan memiliki tiga buah dimensi panjang, lebar, dan kedalaman sehingga

dapat di pandang dari setiap sudut.

Gambar 2.1 Srtuktur dasar VRML

2.9 Jenis Browser VRML Agar dapat menyajikan internet dengan tampilan seperti Virtual Reality dilayar

monitor computer, maka diperlukan browser dengan kemampuan untuk mengenali dan

menampilkan VRML (Visual Reality Modelling Language)9. Telah tersedia banyak aplikasi

untuk menampilakan VRML dalam browser Web yang dibuat oleh berbagai perusahaan

dalam berbagai jenis kemampuan.

2.10 Grafika Komputer 3D Grafika komputer 3D adalah representasi dari data geometric 3 dimensi sebagai

hasil dari pemrosesan dan pemberian efek cahaya terhadap grafika komputer 2D10. Hasil

ini kadang kala ditampilkan secara waktu nyata (real time) untuk keperluan simulasi.

Secara umum prinsip yang dipakai adalah mirip dengan grafika komputer 2D, dalam hal :

penggunaan algoritma, grafika vektor dan grafika raster.

8 Adi Kurniadi. 2000. Membuat Dunia 3D dengan VRML. PT. Elex Media Komputindo. Hal 4. 9 Eko Bono Supriyadi. 2002. Membuat Objek VRML. http://www.master.web.id/nwmag/issue/05/content/tutorial-vrml-1.html. (diakses:14.06.2011 jam 20.37 WIB) 10 Junner Simarmata, Tintin Chandra. 2007. Grafika Komputer. Penerbit Andi. Hal 8

2.11 Autodesk 3ds Max Autodesk 3D Studio Max adalah software visualisasi tiga dimensi yang popular dan

serbaguna dalam bidang tida dimensi. Hasil yang dibuat di 3D Studio Max sering

digunakan di pertelevisian, media cetak, game, web yang bertujuan untuk membuat

objek yang berbentuk tiga Dimensi. Software ini dimanfaatkan untuk membuat partikel-

partikel kecil dalam gambar bangunan serta untuk menciptakan suatu gambar yang lebih

nampak nyata.

Hasil gambar yang dibuat di Autodesk 3D Studio Max nantinya akan di render

menggunakan berbagai macam software rendering. Seperti halnya dengan Mental Ray

yang merupakan sebuah render engine (mesin untuk merender gambar atau video) yang

terdapat pada program Autodesk 3D Studio Max, selain render standar max yaitu

“Defaukt Scanline”.

Gambar 2.3 Autodesk 3ds Max

2.12 Dreamweaver

Dreamweaver adalah salah satu bentuk aplikasi program editor HTML atau yang

berhubungan dengan Web yang dibuat oleh Macromedia. Dreamweaver mempunyai sifat

yang WYSIWYG (Waysiwig), artinya apa yang kamu lihat akan kamu peroleh (What You

See Is What You Get). Programmer dapat langsung melihat tampilan yang dibuat tanpa

harus dibuka kedalam browser. Karena programmer dapat melihat secara lansung

design yang dibuat tanpa harus mencoba pada web browser.

Gambar 2.4 Tampilan Dreamweaver

3. Tinjauan Umum 3.1. Sejarah Perusahaan

PT. Wirotomo Persada adalah sebuah perusahaan pengembang jasa perumahan

terkemuka khususnya di Yogyakarta dan Indonesia pada umumnya, beroperasi secara

penuh sejak tahun 2005 untuk membangun dan menerapkan jasa serta produk

perumahan. Bergerak dibidang general contractor, property agent, arsiterture consultan,

landscape design. PT. Wirotomo Persada berkantor di Jalan Godean Km. 9 Sidokarto,

Godean, Sleman, Yogyakarta.

Gambar 3.1 Logo Perusahaan

3.2. Motto, Visi dan Misi Perusahaan 3.2.1. Motto Perusahaan

“Bersama Kami Wujudkan Rumah Impian" 3.2.2. Visi Perusahaan

“Mewujudkan Suasana usaha yang professional, kompetitif dan beretika.” 3.2.3. Misi Perusahaan

“Menciptakan sarana pemukimanyang asri, nyaman, aman dan sehat bagi

masyarakat luas dengan harga yang terjangkau.”

3.3. Struktur Oraganisasi Struktur organisasi merupakan kerangka dari PT. Wirotomo Persada yang

menunjukkan seluruh kegiatan-kegiatan untuk mencapai sasaran dari visi dan misi serta

untuk pencapaian tujuan perusahaan, hubungan antar fungsi serta wewenang dan

tanggung jawabnya.

Gambar 3.2 Struktur Orgnanisasi PT. Wirotomo Persada

3.4. Produk dan Layanan Perusahaan Perusahaan PT. Wirotomo Persada berperan penting untuk pembangunan

infrastruktur, fitur-fitur, seperti halnya untuk meningkatkan produk dan jasa. Banyak dari

jasa dan produk PT. Wirotomo Persada yang inovatif dikembangkan dari proyek

kerjasama dengan perusahaan mitra dan asosiasi.

3.5. Peralatan Perusahaan Sebagai sebuah perusahaan penyedia jasa perumahan dan beberapa layanan

lainnya, PT. Wirotomo Persada didukung dengan berberapa alat-alat operasional dalam

menjalankan semua layanan yang ada. Berikut peralatan-peralatan operasional PT.

Wirotomo Persada Yogyakarta:

Tabel 3.1 Peralatan PT. Wirotomo Persada

No. Alat Spesifikasi

1 Komputer Desaign Gambar - Prosesor Intel Dual Core 2.7 Ghz

- Memory (RAM) 2 GB

- Harddisk 80 GB

2 Komputer Keuangan - Prosesor Intel Celeron

- Memory (RAM) 512 GB

- Harddisk 60 GB

3 Komputer Kerja - Prosesor Intel Celeron

- Memory (RAM) 512 GB

- Harddisk 60 GB

3.6. Analis Kebutuhan Sistem

Dalam pembuatan sistem yang akan dibuat memerlukan perangkat keras dan

perangkat lunak untuk visualisai tipe perumahan pada PT. Wirotomo Persada. Perangkat

keras dan perangkat lunak yang digunakan dalam pembuatan sistem adalah sebagai

berikut :

1. Perangkat Keras (Hardware)

AMD Athlon

Memory (RAM) 2GB

VGA 512MB.

Harddisk 250GB

Power Supply Super Power 500 W.

Monitor

Keyboard, Mouse

2. Perangkat Lunak (Sofware)

Operatng System Windows & Ultimate 32-bit.

Browser Internet Explore, Mozilla Firefox, Opera dan Netscape.

Plug-in VRML Cortona 5.0

AutoCad 2008

3ds Max 2010

Notepad ++

Adobe Dreamweaver CS 3

4. Pembahasan 4.1. Deskripsi Sistem

Aplikasi pemasaran rumah dalam bentuk Web 3D menggunakan VRML (Studi

Kasus PT. Wirotomo Persada). Hasil dari sistem tersebut diharapkan dapat membantu

konsumen yang ingin membeli rumah tanpa harus datang ke lokasi untuk melihat rumah

yang ditawarkan oleh PT. Wirotomo Persada.

Berdasarkan sistem diatas diperoleh spesifikasi sistem yang diaplikasikan untuk

menampilkan tipe rumah dalam bentuk Web 3D sebagai berikut :

1. Situs Web dapat menampilkan objek utama yaitu rumah tipe 45/100 dan 45/120

Gold dari perumahan PT. Wirotomo Persada. 2. Situs Web 3D dapat memberi tampilan yang mendekati bangunan tipe-tipe

perumahan pada PT. Wirotomo Persada.

4.2. Analisis 4.2.1. Analisis Kebutuhan

Sistem yang dibutuhkan adalah sistem yang dapat membantu bagian pemasaran

perumahaan untuk menjual produk dan dapat membantu konsumen mengetahui lebih

jelas tipe-tipe yang ada di perumahan PT. Wirotomo Persada tanpa harus mengunjungi

lokasi perumahan tersebut. Proses ini mampu memberikan tampilan visual tipe-tipe

rumah dalam bentuk 3D mendekati gambar visual secara nyata.

4.2.2. Analisis Data Berdasarkan dari analisis kebutuhan agar terpenuhi, maka diperlukan lembaran

rancangan asli yang mengambarkan tipe-tipe rumah dari PT. Wirotomo Persada.

1. Denah Lokasi

2. Gambar dan Denah Rumah

3. Tipe Rumah

4.3. Perancangan 4.3.1. Perancangan Struktur

Dalam perancangan struktur perangkat lunak, ditentukan beberapa kategori yang

akan ditampilkan. Kategori tersebut dimaksudkan untuk mempermudah dalam

mendesain halaman web, sehingga apa yang akan ditampilkan dapat terdefinisi dengan

baik dan jelas.

Gambar 4.1 Diagram Rancangan Struktur Program

4.3.2. Perancangan Bentuk Interaksi Interaksi didalam world utama yang berisi model 3D dari tipe-tipe rumah

mengunakan metode interaktivitas standar dalam Web 3D yang dapat mengunakan

keyboard (dengan penekanan tombol arah atas/bawah/kanan/kiri secara kontinu sesuai

kebutuhan) atau mouse (baik dengan klik maupun drag) untuk pemberian input,

sedangkan output-nya adalah tampilan dengan pola 3D yang memperlihatkan suatu

scenary tertentu sesuai masukan dari pengguna.

4.3.3. Perancangan Antarmuka Perancangan antarmuka dalam pembuatan Web 3D terdiri dari 6 buah halaman

utama yaitu Home, Profil, Produk, Tips & News, Download dan Kontak.

4.4. Pengkodean 4.4.1. Tampilan Menu Home

Halaman home adalah halaman utama website yang berisi informasi awal

program. Halaman ini merupakan tampilan utam pada website PT. Wirotomo Persada

dengan isi info-info mengenai perumahan dan perusahaan.

4.4.2. Tampilan Menu Profil Halaman Profil merupakan halaman yang berfungsi untuk menampilkan profil PT.

Wirotomo Persada dari sejarah, motto, visi dan misi perusahaan.

4.4.3. Tampilan Menu Produk Halaman Produk merupakan halaman yang berisi produk yang ditawarkan oleh

perusahaan.

4.4.4. Tampilan Menu Tips & News Halaman Tips & News menampilakan tips-tips untuk rumah dan perawatan

rumah.

4.4.5. Tampilan Menu Downlad Halaman Download menampilkan pilahan download file komponen yang

berhubungan dengan menampilkannya situs Web 3D.

4.4.6. Tampilan Menu Kontak Halaman Kontak menampilakan informasi pemasaran PT. Wirotomo Persada

atau sebagai halaman costumer service.

4.4.7. Halaman Tipe Rumah Halaman tipe rumah merupakan tampilan rumah dalam bentuk 3D dari halaman

produk perumahan yang berisi link tampilan rumah dalm bentuk tiga dimensi. Dilengkapi

dengan navigasi bagi pengunjung yang ingin melihat rumah dari sisi manapun.

4.4.8. Konversi Objek 3D ke Format VRML Hasil tipe-tipe perumahan dibuat dalam bentuk 3ds Max kemudian di konversi

atau disimpan dalam format VRML (.wrl). Dalam menyimpan file 3ds Max mengunakan

menu export pada perangkat lunak 3ds Max. Dengan syarat komputer harus ada

software pendukung yaitu cortona.

Gambar 4.18 Konversi file VRML

5. Penutup 5.1. Kesimpulan

Dari aplikasi pemasaran properti yang besifat online dengan objek perumahan yang

dipasarkan mengunakan produk bentuk tiga dimensi, dapat ditarik beberapa kesilmpulan:

1. Situs Web 3D yang dibuat telah berhasil mencapai tujuannya yaitu sebagai

media pemasaran perumahan pada PT. WIROTOMO PERSADA.

2. Visualisasi rumah pada situs Web 3D menjadi media pemasaran bagi

pengunjung yang dapat memberikan gambaran tentang bentuk rumah dengan

jelas.

5.2. Saran Setelah melakukan pembuatan perangkat lunak berupa situs web pemasaran

perumahan di PT. WIROTOMO PERSADA dengan mengunakan media objek berupa tiga

dimensi. Saran yang akan diberikan setelah program ini diimplementasikan adalah

sebagai berikut:

1. Aplikasi Web 3D yang dibangun belum bisa memberikan tampilan dalam rumah

secara desain interior atau bagian dalam rumah.

2. Perlu dikembangkan aplikasi Web 3D yang dibangun yaitu dengan membuat

objek perumahan sekelilingnya ke bentuk web 3D agar pengunjung situs dapat

menjelajahi seluruh rumah-rumah yang ada di perumahan dan mengetahui

kondisi lingkungan perumahan.

6. Daftar Pustaka Ir, Betha Sidik. 2007. Pemrograman Web dengan HTML. Penerbit Informatika

Budi Purnama. 2001. 36 jam Belajar Computer Mikrosoft Internet Exporer. PT. Elex Media Computindo. Jakarta

Jasmadi, 2001. Promosi WEB & Registrasi Domain (dengan berbagau Teknik dan Tool). Penerbit Andi: Yogyakarta.

Tim Pengembang. 2003. PHP dengan Macro Dreamweaver MX. Ardana Media: Yogyakarta

Heri Sismoro. 2005. Pengantar Logika Indormatika Alogoritma dan Pemrograman Komputer. Penerti Andi: Yogyakarta

Daviv Fox, Philip Shaddociv. 1997. Web Publisher’s Contruction Kit VRML/Live 3D. Waite

Group

Andi Kurniadi. 2000. Membuat Dunia 3D dengan VRML. Penerbit PT. Elex Media Computindo : Jakarta

Junner Simarmata, Tintin Chadra. 2008. Grafika Komputer. Penerbit Andi : Yogyakarta