Bab III Analisis dan Perancangan
3.5 Story Board Aplikasi
Storyboard atau disebut juga dengan papan cerita merupakan rancangan tampilan yang dideskripsikan secara berurut mengenai fungsi menu ataupun navigasi lainnya dalam suatu sistem. Storyboard merupakan serangkaian sketsa yang dibuat berbentuk pesegi panjang yang menggambar kan sautu urutan (alur cerita) elemen-elemen yang diusulkan untuk sistem. Storyboard dijabarkan secara jelas sehingga dapat mendeskripsikan rancangan yang akan dibuat secara tepat. Hasil dari storyboard digunakan untuk membangun sistem agar lebih terstruktur.
Pada storyboard terdapat frame-frame yang berisikan gambar maupun tulisan yang terdapat pada sistem. Frame merupakan sketsa rancangan elemen yang akan muncul dalam tampilan multimedia. Storyboard untuk sistem pengenalan bangun ruang menggunakan Augmented reality dapat dilihat pada tabel berikut.
Tabel 3.9 Storyboard Perancangan Sistem Katalog Perumahan CV.RAFT Origin Dengan Menggunakan Augmented reality
No. Kategori Visual Audio
1. Leanding page Teks:
Aplikasi ini merupakan media pembelajaran penerapan Augmented reality dalam memperkenalakan CV. RAFT origin yang berkerja dalam bidang desain ekterior dan interior rumah. Augmented reality merupakan teknologi yang berkembang di dunia yang menggabungkan benda maya dua dimensi ataupun tiga dimensi ke dalam sebuah lingkungan nyata tiga dimensi lalu memproyeksikan benda-benda maya tersebut dalam waktu nyata. Tiga dimensi biasa disingkat 3D atau disebut ruang.
Augmented reality hanya
menambahkan atau melengkapi kenyataan dengan menggunakan Library ARToolkit dan Marker maka citra dalam berbentuk tiga dimensi akan muncul pada layar komputer berbantu webcam. Aplikasi ini tidak diperjual belikan melainkan media pembelajaran dan acuan dalam menggunakan jasa CV.RAFT origin dalam membuat rumah impian
- musik Britswear dijalankan ketika sistem berada pada halaman leanding page 1 - musik JewelBeat - Overwhelmed Feelings.mp3 dijalankan ketika menekan tombol dreamhouse - music JewelBeat – Dancing To The Groove.mp3 dijalankan ketika menekan tombol go
anda.Aplikasi ini secara umum dibuat untuk semua kalangan dan kususnya untuk anda yang ingin membuat rumah, selamat menggunakan aplikasi ini semoga bermanfaat dalam penggunannya.
Tombol: Tombol “Next”
- Tulisan : katalog - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
Tombol “exit” - Tulisan : exit - Warna Hitam - Berbentik persegi
- Ketika kursor mengarah ke tombol mengeluarkan tulisan exit pada tombol berwarnah hitam stroke biru
Tombol “Dream House” - Tulisan : katalog - Warna biru
- Ketika kursor mengarah ketombol objek akan membesar
Tombol “Go” - Tulisan : go - Warna putih
- Ketika ckrsor mengarah ke tombol akan keluar objek panah berwarna kuning
Animasi :
a. Loading
- gambar akan beputar-putar fan berhenti ketika menuju
halaman berikutnya
b. logo Dream house
- gambar akan berputar-putar
c. background
- gambar muncul satu-persatu
2. Menu Utama Teks:
RAFT origin adalah sebuah perusahaan yang bergerak di bidang konsultan arsitektur dan interior. Berdiri pada tahun 2009, dan didirikan oleh 5 orang. Saat ini RAFT origin dijalankan oleh 4 orang, yaitu Fakhri Aulia, ST. MT.,Aulia M.Nasution,ST. MSc., Argentino Siregar, ST., dan Tengku Ikhwan Helda,SST. Satu orang junior arsitek Rahmawati, ST. CP: 087867758763 (Fakhri) 08192078886
-musik skripsi.mp3 dijalankan ketika sistem berada pada tampilan menu utama saat menekan tombol sound -musik sound1.mp3 pada tombol
(Aulia) 08126308134 (Argentino) 08196033393 (Ikhwan) Tombol: a. Tombol “home” - Tulisan : Home - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
b. Tombol “katalog” - Tulisan : katalog - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
c. Tombol “marker” - Tulisan : marker - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
d. Tombol “AR” - Tulisan : AR - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
e. Tombol “video” - Tulisan : Video - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
f. Tombol “harga design rumah” - Tulisan : harga design rumah - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
g. Tombol “help” - Tulisan : help - Warna Hitam
- Ketika cursor mengarah ke tombol berwarna biru
h. Tombol “sound” - Tulisan : sound - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
i. Tombol “exit” - Tulisan : exit - Warna Hitam - Berbentik persegi
- Ketika cursor mengarah ke tombol mengeluarkan tulisan exit pada tombol berwarnah hitam stroke biru
j. Tombol “www.raftorigin.com” - Tulisan :
- Warna Hitam
- Ketika cursor mengarah ke tombol bergesar dan mengeluarkan bacaan klik
k. Tombol “facebook” - Tulisan : f - Warna putih
- Berbentuk bulat warna biru muda
- Ketika cursor mengarah ke tombol mengeluarkan tulisan facebook berwarna hitam
l. Tombol “twitter” - Tulisan : t - Warna putih
- Berbentuk bulat warna biru muda
- Ketika cursor mengarah ke tombol mengeluarkan tulisan twitter berwarna hitam
m. Tombol “blog” - Tulisan : b - Warna putih
- Berbentuk bulat warna biru muda
- Ketika cursor mengarah ke tombol mengeluarkan tulisan blog berwarna hitam
3 Katalog Teks: Tombol:
a. Tombol “home” - Tulisan : Home - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
b. Tombol “katalog” - Tulisan : katalog - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
c. Tombol “marker” - Tulisan : marker - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
d. Tombol “AR” - Tulisan : AR - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
e. Tombol “video” - Tulisan : Video - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
-musik skripsi.mp3 dijalankan ketika sistem berada pada tampilan halaman katalog saat menekan tombol sound -musik sound1.mp3 pada tombol
f. Tombol “harga design rumah” - Tulisan : harga design rumah - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
g. Tombol “help” - Tulisan : help - Warna Hitam
- Ketika cursor mengarah ke tombol berwarna biru
h. Tombol “sound” - Tulisan : sound - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
i. Tombol “cover” - Tulisan : cover - Warna hitam
Berbentuk persegi panjang dengan sudut tumpul , berwarna regradasi abu-abu dan putih untuk background tombol
j. Tombol “back cover” - Tulisan : back cover - Warna hitam
- Berbentuk persegi panjang dengan sudut tumpul ,
berwarna regradasi abu-abu dan putih untuk background tombol
k. Tombol “next” - Tulisan : next - Warna hitam
- Berbentuk persegi panjang dengan sudut tumpul , berwarna regradasi abu-abu dan putih untuk background tombol
l. Tombol “back” - Tulisan : back - Warna hitam
- Berbentuk persegi panjang dengan sudut tumpul , berwarna regradasi abu-abu dan putih untuk background tombol 4 Marker Teks: Tombol: a. Tombol “home” - Tulisan : Home - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
b. Tombol “katalog” - Tulisan : katalog -musik skripsi.mp3 dijalankan ketika sistem berada pada tampilan halaman marker saat menekan tombol sound -musik sound1.mp3
- Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
c. Tombol “marker” - Tulisan : marker - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
d. Tombol “AR” - Tulisan : AR - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
e. Tombol “video” - Tulisan : Video - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
f. Tombol “harga design rumah” - Tulisan : harga design rumah - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
g. Tombol “help” - Tulisan : help - Warna Hitam
- Ketika cursor mengarah ke tombol berwarna biru
h. Tombol “sound” - Tulisan : sound - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
i. Tombol “cover” - Tulisan : cover - Warna hitam
Berbentuk persegi panjang dengan sudut tumpul , berwarna regradasi abu-abu dan putih untuk background tombol
j. Tombol “back cover” - Tulisan : back cover - Warna hitam
- Berbentuk persegi panjang dengan sudut tumpul , berwarna regradasi abu-abu dan putih untuk background tombol
k. Tombol “next” - Tulisan : next - Warna hitam
- Berbentuk persegi panjang dengan sudut tumpul , berwarna regradasi abu-abu dan putih untuk background tombol
l. Tombol “back” - Tulisan : back - Warna hitam
- Berbentuk persegi panjang dengan sudut tumpul , berwarna regradasi abu-abu dan putih untuk background tombol
m. Tombol “print” - Tulisan : print - Warna hitam
- Berbentuk persegi panjang dengan sudut tumpul , berwarna
regradasi abu-abu dan putih untuk background tombol
5 AR Teks:
Augmented reality merupakan teknologi yang berkembang di dunia yang menggabungkan benda maya dua dimensi ataupun tiga dimensi ke dalam sebuah lingkungan nyata tiga dimensi lalu memproyeksikan benda-benda maya tersebut dalam waktu nyata. Tiga dimensi biasa disingkat 3D atau disebut ruang.
Augmented reality hanya
menambahkan atau melengkapi kenyataan dengan menggunakan
-musik skripsi.mp3 dijalankan ketika sistem berada pada tampilan halaman AR saat menekan tombol sound -musik sound1.mp3 pada tombol
citra dalam berbentuk tiga dimensi akan muncul pada layar komputer berbantu webcam.
1. Print terlebih dahulu marker pada menu marker.
2. Jika Sudah di print cek semua kelengkapan seperti :
Webcam jika tidak ada bisa mengunakan kamera ekternal. dan klik start - tulis Device manager pada pencarian program - klik Imagingdevice dan ubah device dengan device kamera external yang
akan digunakan.
3. Tekan tombol Dream House di atas
untuk menjalankan program Augmented reality.
Tombol:
a. Tombol “home” - Tulisan : Home - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
b. Tombol “katalog” - Tulisan : katalog - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
c. Tombol “marker” - Tulisan : marker - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
d. Tombol “AR” - Tulisan : AR - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
e. Tombol “video” - Tulisan : Video - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
f. Tombol “harga design rumah” - Tulisan : harga design rumah - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
g. Tombol “help” - Tulisan : help - Warna Hitam
- Ketika cursor mengarah ke tombol berwarna biru
h. Tombol “sound” - Tulisan : sound - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
i. Tombol “exit” - Tulisan : exit - Warna Hitam - Berbentik persegi
- Ketika cursor mengarah ke tombol mengeluarkan tulisan exit pada tombol berwarnah hitam stroke biru
-j. Tombol “www.raftorigin.com” - Tulisan :
www.raftorigin.com - Warna Hitam
- Ketika cursor mengarah ke tombol bergesar dan mengeluarkan bacaan klik
k. Tombol “facebook” - Tulisan : f - Warna putih
- Berbentuk bulat warna biru muda
- Ketika cursor mengarah ke tombol mengeluarkan tulisan facebook berwarna hitam
l. Tombol “twitter” - Tulisan : t - Warna putih
- Berbentuk bulat warna biru muda
- Ketika cursor mengarah ke tombol mengeluarkan tulisan twitter berwarna hitam
m. Tombol “blog” - Tulisan : b - Warna putih
- Berbentuk bulat warna biru muda
- Ketika cursor mengarah ke tombol mengeluarkan tulisan blog berwarna hitam
n. Tombol “AR (Augmented reality)”
- Tulisan : dream house - Warna putih
- Berbentuk persegi empat warna biru muda
- Ketika cursor mengarah ke tombol maka tombol akan membesar 6 Video Teks: Tombol: a. Tombol “home” - Tulisan : Home -musik skripsi.mp3 dijalankan ketika sistem berada pada tampilan halaman
- Ketika cursor mengarah ke tombol berwarnah biru
b. Tombol “katalog” - Tulisan : katalog - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
c. Tombol “marker” - Tulisan : marker - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
d. Tombol “AR” - Tulisan : AR - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
e. Tombol “video” - Tulisan : Video - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
f. Tombol “harga design rumah” - Tulisan : harga design rumah - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
video saat menekan tombol sound
-sound maroon 5 -one more night pada video
-musik sound1.mp3 pada tombol
g. Tombol “help” - Tulisan : help - Warna Hitam
- Ketika cursor mengarah ke tombol berwarna biru
h. Tombol “sound” - Tulisan : sound - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
i. Tombol “exit” - Tulisan : exit - Warna Hitam - Berbentik persegi
- Ketika cursor mengarah ke tombol mengeluarkan tulisan exit pada tombol berwarnah hitam stroke biru
j. Tombol “www.raftorigin.com” - Tulisan :
www.raftorigin.com - Warna Hitam
- Ketika cursor mengarah ke tombol bergesar dan mengeluarkan bacaan klik
k. Tombol “facebook” - Tulisan : f - Warna putih
- Berbentuk bulat warna biru muda
- Ketika cursor mengarah ke tombol mengeluarkan tulisan facebook berwarna hitam
l. Tombol “twitter” - Tulisan : t - Warna putih
- Berbentuk bulat warna biru muda
- Ketika cursor mengarah ke tombol mengeluarkan tulisan twitter berwarna hitam
m. Tombol “blog” - Tulisan : b - Warna putih
- Berbentuk bulat warna biru muda
- Ketika cursor mengarah ke tombol mengeluarkan tulisan blog berwarna hitam
7 Harga desain Teks:
Masukkan angka satuan meter untuk ukuran Design Eksterior dan interior Rumah yang di buat. Harga dari satu Design Ekterior Rp. 100.000/meter dan untuk Interior Rp. 200.000/meter. Design di buat termasuk RAB (Rancangan
-musik skripsi.mp3 dijalankan ketika sistem berada pada
tampilan halaman harga desain saat menekan tombol
Anggaran Bangunan). CV. RAFT Origin memberikan pelayanan terbaik dalam setiap Design Rumah dengan memberikan konsultasi dan revisi dari User yang membuat design rumah nantinya. Dengan adanya aplikasi ini kerapnya dapat menjadi acuan dalam menentukan harga dan kulaitas rancangan bangunan di buat nantinya.
Tombol:
a. Tombol “home” - Tulisan : Home - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
b. Tombol “katalog” - Tulisan : katalog - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
c. Tombol “marker” - Tulisan : marker - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
d. Tombol “AR” - Tulisan : AR
-musik sound1.mp3 pada tombol
- Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
e. Tombol “video” - Tulisan : Video - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
f. Tombol “harga design rumah” - Tulisan : harga design rumah - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
g. Tombol “help” - Tulisan : help - Warna Hitam
- Ketika cursor mengarah ke tombol berwarna biru
h. Tombol “sound” - Tulisan : sound - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
i. Tombol “exit” - Tulisan : exit - Warna Hitam - Berbentik persegi
- Ketika cursor mengarah ke tombol mengeluarkan tulisan exit pada tombol berwarnah hitam stroke biru
j. Tombol “www.raftorigin.com” - Tulisan :
www.raftorigin.com - Warna Hitam
- Ketika cursor mengarah ke tombol bergesar dan mengeluarkan bacaan klik
k. Tombol “facebook” - Tulisan : f - Warna putih
- Berbentuk bulat warna biru muda
- Ketika cursor mengarah ke tombol mengeluarkan tulisan facebook berwarna hitam
l. Tombol “twitter” - Tulisan : t - Warna putih
- Berbentuk bulat warna biru muda
- Ketika cursor mengarah ke tombol mengeluarkan tulisan twitter berwarna hitam
m. Tombol “blog” - Tulisan : b
- Warna putih
- Berbentuk bulat warna biru muda
- Ketika cursor mengarah ke tombol mengeluarkan tulisan blog berwarna hitam
n. Tombol” sama dengan(=)” - Warna hitam
- Ketika cursor mengarah ke tombol objek akan membesar
8 Help Teks:
Tombol:
a. Tombol “home” - Tulisan : Home - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
b. Tombol “katalog” - Tulisan : katalog - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
c. Tombol “marker” - Tulisan : marker - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
d. Tombol “AR” -musik skripsi.mp3 dijalankan ketika sistem berada pada tampilan halaman help saat menekan tombol sound
-musik sound1.mp3 pada tombol
- Tulisan : AR - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
e. Tombol “video” - Tulisan : Video - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
f. Tombol “harga design rumah” - Tulisan : harga design rumah - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
g. Tombol “help” - Tulisan : help - Warna Hitam
- Ketika cursor mengarah ke tombol berwarna biru
h. Tombol “sound” - Tulisan : sound - Warna Hitam
- Ketika cursor mengarah ke tombol berwarnah biru
i. Tombol “cover” - Tulisan : cover - Warna hitam
Berbentuk persegi panjang dengan sudut tumpul , berwarna regradasi abu-abu dan putih untuk background tombol
j. Tombol “back cover” - Tulisan : back cover - Warna hitam
- Berbentuk persegi panjang dengan sudut tumpul , berwarna regradasi abu-abu dan putih untuk background tombol
k. Tombol “next” - Tulisan : next - Warna hitam
- Berbentuk persegi panjang dengan sudut tumpul , berwarna regradasi abu-abu dan putih untuk background tombol
l. Tombol “back” - Tulisan : back - Warna hitam
- Berbentuk persegi panjang dengan sudut tumpul , berwarna regradasi abu-abu dan putih untuk background tombol