Marissa Veronica
Marissa Veronica
(Skripsi)
Oleh
MARISA VERONICA
0617032069
oleh
MARISA VERONICA
Program Studi Ilmu Komputer, Jurusan Matematika
Fakultas MIPA, Universitas Lampung
Email: bellaragazza_im@yahoo.co.id
ABSTRAKSI
by
MARISA VERONICA
Computer Science Program, Department of Mathematics
Faculty of Mathematics and Natural Sciences, University of Lampung
Email: bellaragazza_im@yahoo.co.id
ABSTRACT
PERNYATAAN
Saya yang bertanda tangan di bawah ini, menyatakan bahwa skripsi saya yang
Interiornya pada Website Pemasaran Rumah” ini merupakan hasil karya saya
sendiri dan bukan hasil karya orang lain. Semua hasil tulisan yang tertuang dalam
skripsi ini telah mengikuti kaidah penulisan karya ilmiah Universitas Lampung.
Apabila dikemudian hari terbukti bahwa skripsi ini merupakan hasil salinan atau
dibuat oleh orang lain, maka saya bersedia menerima sanksi berupa pencabutan
MARISA VERONICA
NPM. 0617032069
5
RIWAYAT HIDUP
hati dari Bapak Sayuti Samin, S.P. dan ibu Risma Mukhtar.
Mahasiswa Baru (SPMB) pada tahun 2006. Selama menjadi mahasiswa penulis
Mahasiswa (UKM) Radio Kampus Unila (Rakanila). Pada tahun 2009 penulis
pernah melakukan Kerja Praktek (KP) di Surat Kabar Harian Radar Lampung.
6
7
SANWACANA
Assalamualaikum wr. wb. Segala puji bagi Allah SWT penguasa kehidupan dunia
Skripsi ini disusun dalam rangka memenuhi persyaratan untuk memperoleh gelar
kepada pihak–pihak yang telah membantu demi mewujudkan skripsi ini. Pada
kepada :
1. Allah SWT yang telah memberikan rahmat dan karunia-Nya kepada penulis.
2. Ibu Ossy Dwi Endah Wulansari, M.T. selaku Pembimbing I sekaligus sebagai
4. Bapak Rangga Firdaus, M.Kom. selaku pembahas dan Ketua Program Studi
8. Bapak dan Ibu Dosen Jurusan Matematika Program Studi Ilmu Komputer.
pengetahuan Alam.
10. Kedua orang tuaku, Papa Sayuti Samin, S.P. dan Mama Risma Mukhtar,
terima kasih atas doa dan cinta kasih yang tiada akhir
11. Keluargaku, Mba Evon, Uda Hen, Yu’ Erly, Dang Dony, Muhammad Rizky,
dukungannya.
12. Imam Abu Ahmady yang telah memberikan banyak inspirasi, cinta kasih dan
motifasi dalam hidupku. This struggle will not be hard if I'm with you.
13. Sahabat-sahabat terbaikku Jayanti Oktaria, Rise Lasdasari dan Rika Kartika
pengertian dan bantuannya ya nak..:)), nenek Lambe, Selin dan Miss Well
16. Teman-teman seperjuangan Ilmu Komputer 2006, Riska, Mada, Dwi, Rere,
Sani, Cut, Muiz, Bayu, Tewe, Adhit, Isya, Ayu, Uni, Meri, Om Adi, Restu,
Mayang, Valen, Astri, dan semua yang gak bisa disebutin satu-satu terima
kasih atas kebersamaannya, semoga kekompakan kita akan terjalin selalu dan
selamanya.
17. Kakak tingkat 2005 dan adik-adik tingkat Ilmu Komputer, terus majukan
18. Dan semua pihak yang telah membantu penulis dalam menyelesaikan skripsi
ini.
Penulis berharap semoga Allah SWT membalas segala kebaikan yang telah
diberikan kepada penulis. Semoga skripsi ini bermanfaat bagi siapapun yang
Marisa Veronica
11
DAFTAR ISI
Halaman
I. PENDAHULUAN
DAFTAR PUSTAKA
LAMPIRAN
14
DAFTAR GAMBAR
Halaman
I. PENDAHULUAN
Teknologi yang ada di dalam website kini telah berkembang sangat pesat.
Konten-konten yang ada pun tidak lagi monoton tetapi menjadi lebih
konten yang kini sudah dapat kita masukkan dalam sebuah website adalah
konten 3D, penggunaan objek 3D dan panorama 360 derajat dapat lebih
Dengan teknologi website tersebut, user dapat lebih leluasa dan melihat objek
menjadi lebih realistis dibandingkan dengan konten yang hanya berupa objek
gambar atau foto. Dengan teknologi ini tentunya akan sangat memungkinkan
dan berbagai proses lainnya. Pada penelitian ini, penulis menerapkan konten
Pemasaran rumah baru adalah rumah yang dibeli dari pengembang dan
dua dimensi namun mencoba membangun dunia tiga dimensi yang dapat
secara nyata produk yang akan dijual pada web pemasaran rumah dan
objek 3D ke dunia virtual, dan untuk interaksi user dengan dunia virtual
dimensi.
sehingga tujuan dapat tercapai maka ada beberapa batasan masalah, yaitu
sebagai berikut
b. File yang diakses oleh user untuk berinteraksi dengan objek visualisasi
untuk membeli
4
Manfaat penelitian ini adalah sebagai alternatif lain dan pengembangan untuk
jual di internet.
Penulisan tugas akhir ini disusun secara sistematis dengan urutan sebagai
berikut
Bab I Pendahuluan
Berisi tempat dan waktu pelaksanaan penelitian, bahan dan alat yang
Berisi simpulan dari hasil analisa pada bab IV dan saran yang terkait dengan
hasil penelitian.
Daftar Pustaka
Lampiran
Bidang ilmu interaksi manusia dan komputer adalah ilmu yang mempelajari
dengan mudah. Interaksi adalah komunikasi dua arah antara manusia (user)
dan sistem komputer. Interaksi menjadi maksimal apabila kedua belah pihak
mampu memberikan stimulan dan respon (aksi & reaksi) yang saling
mendukung, jika salah satu tidak bisa, maka interaksi akan mengalami
(wikipedia.org)
7
dan komputer dengan membuat komputer lebih berguna dan mengerti apa
yang pengguna butuhkan. HCI terpusat pada beberapa hal sebagai berikut
komputer
User compatibility
user yang jumlahnya bisa jadi lebih dari 1 dan mempunyai karakter
8
Product Compatibility
Task Compatibility
melalui antarmuka.
9
Workflow Compatibility
menyelesaikan pekerjaan.
Familiarity
WYSIWYG
a. WYSIWYG singkatan dari what you see is what you get yang
dari data-data yang terlihat di layar monitor pada saat mencari data.
user pada saat mencari data dan juga harus sesuai dengan data yang
Graphic, atau Grafik dalam Bahasa Indonesia, berasal dari Bahasa Yunani
Tiga dimensi atau biasa disingkat 3D adalah bentuk dari benda yang memiliki
panjang, lebar, dan tinggi. Istilah ini biasanya digunakan dalam bidang seni,
komputer untuk membuat model objek 3 dimensi dalam dunia virtual. Kode
ekstensi yang digunakan untuk file-file VRML adalah *. wrl. Untuk membuka
12
halaman sebuah situs yang memuat VRML, web browser haruslah sebuah
browser VRML atau web browser yang dilengkapi dengan plug-in VRML
(wikipedia.org).
VRML, seperti halnya HTML adalah bahasa skrip dalam format teks polos
(ASCII pada versi 1.0 ataupun utf8 pada versi 2.0). Bedanya, VRML
Disebut ruangan virtual karena kita seakan-akan berada dalam ruangan yang
bisa melihat objek 3D dari sudut pandang yang kita inginkan, tidak dengan
Namun dalam versi pertamanya ini semua objek geometri masih statik, tidak
objek masih terbatas, komunikasi antara objek satu dengan lainnya juga
spesifikasi baru VRML 2.0 pada tahun 1996. Dengan versi baru ini, maka
terbuka kemungkinan baru bagi penggunaan VRML. Versi ini sekarang juga
disebut dengan standar ISO VRML97 yang merupakan format file grafik 3D
standar untuk aplikasi internet maupun www. Secara prinsip tidak ada
world. Dalam bentuk terkompresi, akhiran ini bisa juga lain seperti
menampilkan isi file ini, tentu saja dibutuhkan aplikasi yang bisa
dari sisi ke sisi, atau atas ke bawah. Bagian go untuk melihat objek
slide dengan cara diklik kemudian digeser ke bawah, lurus atau dari
klik di player
Dunia VRML terbangun dari struktur yang terhirarki. File VRML sendiri
adalah hirarki yang paling atas, yang terdiri dari header, scene-graph,
berikut
terminator>
utf8, sedang pada versi 1.0 dipakai ascii. Baris header ini harus
ditulis pada baris pertama dari file VRML. Baris berikutnya yang
VRML ini mengenal perbedaan antara huruf besar dan kecil. Contoh
sebuah objek, di
18
URLs]
mereka pada saat itu juga dan diolah oleh node yang menerima.
ROUTE <name>.<field/eventName> TO
<name>.<field/eventName>
virtual. Contoh tipe dari objek dasar ini adalah bentuk geometri,
didefinisikan demikian
<body>
Kolom [DEF <name>] tidak harus digunakan, dan hanya dipakai jika
scene yang akan dibangun dengan node ini ingin digunakan lagi,
Shape {
appearance Appearance {
material Material {
geometry Cylinder {
Scene di atas tidak mempunyai nama, dan nilai field dari node material
g. Field, field akan menentukan sifat dan perilaku dari node yang
tipe data masih dibutuhkan kategori dari field. Secara ringkas, field di
VRML terdiri dari kategori, tipe data, nama variabel dan nilainya.
Kolom kategori pada field ini akan menentukan jenis fungsi dari
yaitu eventIn, eventOut, exposedField dan field. Tiap kategori field ini
kepanjangan dari Single Field, atau MF, yang adalah kepanjangan dari
Multi Field. Bagian selanjutnya dari nama tipe data ini akan
hanya bisa bernilai TRUE atau FALSE, lalu Int32 yang merupakan
data Node yang bisa mempunyai nilai berupa node juga, yang
kotak dengan panjang, lebar dan tinggi menurut keinginan kita. Node
Box {
Nilai dari variabel size di atas adalah nilai default jika tidak
didefinisikan. Seperti terlihat pada gambar 3.11, posisi titik origin dari
sistem koordinat berada di pusat dari box, yaitu (0,0,0) dari sistem
2.5 VRMLPad
VRMLPad adalah salah satu tool pengkodean yang powerfull dan fleksibel
yang digunakan untuk merancang dan mengembangkan isi VRML. Bisa juga
digunakan untuk mempublish VRML world ke world wide web dan juga
Penjelasan
1. Editing, akses ke local dan file, undo dan redo, set bookmarks, find dan
kategori node.
5. Scene tree, untuk melihat, merubah dan navigasi struktur hirarki scene.
Menghapus, komentar dan merubah nama node, proto dan deklarasi field.
dan menambah route baru menggunakan perintah Start Route dan Add
Route.
antar dokumen.
9. Publishing wizard.
11. VRML Script debugger, untuk mengetahui letak bug pada script VRML.
2.6 Blender
Blender adalah sebuah program komputer dalam bentuk grafis bersifat open
Number tidak lagi meminta bayaran untuk Blender Lengkap dan juga
membuatnya menjadi hidup suatu fitur yang tentu saja penting untuk
(Wartmann, 2004 ).
utama Blender adalah game engine yang terintegrasi dan dengan game
yang berada pada bagian atas atau bawah windows. Barisan icon-icon
tiap window.
2.7 XAMPP
tool yang menyediakan paket perangkat lunak ke dalam satu buah paket.
Dengan menginstal XAMPP maka tidak perlu lagi melakukan instalasi dan
konfigurasi web server Apache, PHP dan MySQL secara manual. XAMPP
artikel ini versi terakhirnya yang ada yaitu Apache ver 2.2.14. Apache
berdasarkan kode PHP yang dituliskan oleh pembuat halaman web. Jika
diperlukan juga berdasarkan kode PHP yang dituliskan, maka dapat saja
b. MySQL 5.1.41
yang dikelola dalam database akan diletakkan pada beberapa tabel yang
c. PHP 5.3.1
untuk membuat halaman web yang bersifat dinamis. PHP dapat dijalankan
dan Mac OS. Selain Apache, PHP juga mendukung beberapa web server
keunggulan sepeti
3. Pada aplikasi yang dibuat dengan PHP, saat dijalankan di server akan
2.8 BlueFish
Bluefish adalah sebuah tool editor yang digunakan perancang web dan
bahasa pemrograman dan XML, tetapi tetap fokus pada kedinamisan dan
3. Bluefish sangat cepat ketika programnya pertama kali dibuka dan akan
5. Dapat bekerja untuk banyak project dan restore setting yang otomatis.
1. Analisis
2. Penentuan Spesifikasi
3. Desain
4. Implementasi
5. Pengujian
Analisa Kebutuhan,
Hardware dan software
pendukung, studi literatur
Spesifikasi
Rancangan
Pembuatan website,
pembuatan objek 3D
Tidak
Penempatan objek 3D ke
dalam website
Pengujian
sesuai
Ya
Penulisan Laporan
Selesai
mengumpulkan data dan informasi yang diperoleh dari buku dan analisis
33
perancangan sistem, artikel dari internet, maupun sumber informasi lain yang
b. Blender 2.45
c. Bluefish 2.0.1
Desain sistem yang akan ditampilkan dalam penelitian ini dapat dilihat dalam
Website
Pemasaran dengan
User Data Pengunjung
Virtual Modelling
Objek
Berinteraksi
Unduh plug-in Mengunduh Plug-in Instalasi Menginstal plug-in Buka file .wrl dengan model 3D
rumah
Pada diagram level 0 diatas menjelaskan tentang desain alur sistem yang akan
input berupa data diri yang dapat di isi pada form data pengunjung,
selanjutnya data akan disimpan di dalam database. Selain itu user juga dapat
mengunduh plug-in yang telah disediakan yang kemudian dapat diinstal agar
Halaman 3D Produk
Halaman Halaman Kategori Halaman Detail
(Aplikasi Cosmo
Home Produk Produk
Player)
Use case didefnisikan dari sudut pandang aktor. Aktor adalah user atau
Berikut ini penjelasan mengenai use case diagram di atas dalam use case
specification
Pada halaman detail produk terdapat gambar objek 3D dari produk dan
rumah.
terhubung dengan aplikasi browser Cosmo Player 2.1.1 . Pada aplikasi ini
fasilitas lainnya.
Output adalah hasil keluaran dari sistem informasi yang dapat dilihat
b. Informasi rumah .
pengguna mempunyai gambaran yang jelas untuk model secara dunia nyata.
4.1 Hasil
dengan tipe A 86/130 yang terdiri dari beberapa ruangan dan bagian
1. Ruang Tamu
2. Ruang Keluarga
3. Ruang Tidur,
b. Ruang tidur 1
c. Ruamg Tidur 2
4. Kamar Mandi,
a. Kamar Mandi 1
b. Kamar Mandi 2
5. Ruang Makan
6. Dapur
39
7. Teras
1. Halaman Muka
2. Halaman Perumahan
Dapur
2.00
WC 2
Ruang Tidur 2
4.50
Ruang Makan
13.00
2.00
WC 1
Teras
3.10
3.50 3.50
10.10
Untuk membuat denah rumah di atas menjadi objek rumah tiga dimensi
berikut.
Objek rumah tiga dimensi ini kemudian disimpan dalam bentuk file
dimensi dan ke dalam setiap kamar yang ada. Berikut adalah hasil
4.1.4.1 Interior
interior ruang tamu dengan sofa dan meja, interior ruang tengah
kamar tidur satu, interior kamar tidur dua (semua kamar tidur
diberi tempat tidur), interior kamar mandi dengan bath tub, dan
4.1.4.2 Eksterior
bawah ini adalah beberapa contoh View Point yang dapat dilihat
http://localhost/icha/index.html
Untuk melihat list tipe rumah yang dijual, user memilih link
rumah yang akan dijual dan harga. Terdapat gambar dua dimensi
objek rumah tiga dimensi dengan cosmo player atau video dengan
4.2 Pembahasan
analisis dari hasil testing yang dilakukan kepada user (pengguna awam
dari sepuluh tester terdapat tujuh tester yang menjawab ya dan tiga
4 User
0
Ya Tidak
User 7 3
pemasaran.
49
12
10
8
Ya
6
Tidak
4
2
0
Ya Tidak
User 10 0
website.
sebenarnya ?”. Dengan pilihan jawaban puas atau tidak puas untuk
6
5
4
3 User
2
1
0
Puas Tidak Puas
User 5 5
modeling rumah
3D.
4 User
0
Video Animasi Interaksi 3D
User 6 4
10
6
User
4
0
Ya Tidak
User 8 2
in.
6
5
4
3 User
2
1
0
Sulit Tidak Sulit Bingung
User 2 3 5
plug-in.
Selain dengan server localhost, website pemasaran rumah ini juga diuji
http://harid.web.id/icha/index.html.
VRML yang cukup lama akan menyebabkan user merasa bosan dalam
sekitar 900 detik. Hanya saja setelah proses pembukaan file selesai,
internet, terbukti dengan dicobanya file *.wrl pada penelitian ini, pada
ini, diantaranya :
waktu yang cukup lama karena sangat berat untuk tipe video yang
5.1. Kesimpulan
bahwa
produk yang lebih baik, menarik dan interaktif bagi calon pembeli
(user).
5.2 Saran
berikut
material yang tidak muncul, dan sebagian objek yang hilang. Ada
ketelitian apakah bekerja dalam mode objek atau mode edit agar bisa
DAFTAR PUSTAKA
http://www.apachefriends.org/en/xampp-windows.html
Diakses: 18 Juni 2010, 20:18
http://bluefish.openoffice.nl/manual/bk01-toc.html
Diakses: 18 Juni 2010, 20:22
http://en.wikipedia.org/wiki/Human%E2%80%93computer_interaction
Diakses tanggal 2 juli 2010, 14.23
http://id.wikipedia.org/wiki/VRML
Diakses: 3 Juli 2010, 19.05
http://www.master.web.id/mwmag/issue/05/content/tutorial-vrml-
1/tutorial-vrml-1.html,27
Diakses: 2 juli 2010, 14.15
http://www.tecnun.es/asignaturas/grafcomp/resources/CosmoPlayerQuick
Reference.pdf
Diakses t: 24 Juni 2010, 19.30