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. Budi Purnama. 2001. 36 jam Belajar Computer. Microsoft Internet Exploree. PT. Elex Media Komputindo. Hal 3.
2
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. 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 9
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 partikelpartikel 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
-
Prosesor Intel Celeron
-
Memory (RAM) 512 GB
-
Harddisk 60 GB
-
Prosesor Intel Celeron
-
Memory (RAM) 512 GB
-
Harddisk 60 GB
2
3
Komputer Keuangan
Komputer Kerja
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) 9 AMD Athlon 9 Memory (RAM) 2GB 9 VGA 512MB. 9 Harddisk 250GB 9 Power Supply Super Power 500 W. 9 Monitor 9 Keyboard, Mouse 2. Perangkat Lunak (Sofware) 9 Operatng System Windows & Ultimate 32-bit. 9 Browser Internet Explore, Mozilla Firefox, Opera dan Netscape. 9 Plug-in VRML Cortona 5.0 9 AutoCad 2008 9 3ds Max 2010 9 Notepad ++ 9 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. Yogyakarta
Ardana
Media:
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
