BAB 3 ANALISIS DAN PERANCANGAN APLIKASI. 3.1 Latar Belakang Studi Kasus ( BINUS UNIVERSITY )

BAB 3 ANALIS IS DAN PERANCANGAN APLIKAS I

3.1 Latar Belakang S tudi Kasus ( BINUS UNIVERS ITY ) 3.1.1 Sejarah BINUS UNIVERS ITY BINUS UNIVERSITY awalnya didirikan sebagai lembaga pelatihan komputer jangka pendek (kursus komputer modern) pada 21 Oktober 1974. Saat itu ekspansi dan perkembangannya sangat cepat dikarenakan dasar yang kokoh, visi jelas dan dedikasi yang tinggi. Pertumbuhan cepat dan ketertarikan masyarakat menyebabkan didirikannya sekolah komputer ini. Pada 1 Juli 1981, kursus komputer modern berkembang menjadi Akademi Teknik Komputer (ATK). Akademi tersebut menawarkan program Diploma (D-3) M anajemen Informasi dan Ilmu Komputer. Setelah tiga tahun, pada 13 Juli 1984, ATK memperoleh status “Terdaftar” dan terjadi perubahan nama menjadi Akademi M anajemen Informatika dan Komputer (AM IK) Jakarta. Pada tanggal 1 Juli 1985, AM IK Jakarta membuka Program Diploma lain yaitu Komputerisasi Akuntansi. Pada 21 September

1985,

AM IK

Jakarta merubah

namanya menjadi AM IK

BINA

NUSANTARA. Pada tanggal 17 M aret 1986, Kementrian Pendidikan dan Kebudayaan, melalui Dewan Pendidikan Tingkat Tinggi Distrik III memberikan gelar bagi AM IK BINA NUSANTARA sebagai Akademi Komputer Terbaik. M eningkatnya kebutuhan sumber daya manusia berkualitas tinggi di bidang Teknologi Informasi memotivasi BINA NUSANTARA untuk mendirikan Sekolah Tinggi M anajemen Informatika dan Komputer (STM IK) BINA NUSANTARA pada 46

47 tanggal 1 Juli 1986. Institut ini menawarkan program Sarjana (S-1) M anajemen Informasi, Ilmu Komputer, dan Teknik Komputer. Pada tanggal 9 November 1987, AM IK BINA NUSANTARA bergabung dengan STM IK BINA NUSANTARA dan menciptakan satu institusi yang menawarkan program Diploma (D-3) dan Sarjana (S-1). STM IK BINA NUSANTARA mencapai status "Terakreditasi" untuk semua program dan tingkatan, pada 18 M aret 1992. Setelah mengukir nama baik, STM IK BINA NUSANTARA meresmikan program M aster (S-2) untuk M anajemen Sistem Informasi, yang pertama di Indonesia pada 10 M ei 1993. Pada 8 Agustus 1996, BINA NUSANTARA UNIVERSITY terakreditasi dan diakui oleh pemerintah. STM IK BINA NUSANTARA kemudian bergabung dengan BINUS UNIVERSITY pada 20 Desember 1998. BINA NUSANTARA UNIVERSITY, saat ini, memiliki fakultas Ilmu Komputer, Ekonomi, Teknik, Bahasa, dan M atematika & Statistik, Psikologi, Komunikasi dan M ultimedia, BINUS INTERNATIONAL dan program M aster (S-2). BINUS UNIVERSITY sebagai suatu institut pendidikan telah menunjukan komitmennya secara terus menerus untuk menjadi yang terbaik dalam menyampaikan kualitas pendidikan yang sesuai dengan kebutuhan industri. Untuk mencapai kualitas standar internasional, BINUS secara terus menerus mengusahakan yang terbaik untuk menyediakan mahasiswanya proses pembelajaran yang baik, materi yang up to date, dan SDM profesional untuk menyampaikan pengetahuan dan keahlian. Selain itu, BINUS juga menerapkan metode pembelajaran yang berpusat pada mahasiswa, mengembangkan secara kurikulum berbasis internasional yang diakui dengan rekan industri dan internasional, dan selalu mengukur dan meningkatkan kualitasnya sebagai yang diperlukan oleh ISO 9001:2000 (sejak 1997).

48 Dengan lebih dari 25 tahun pengalaman dalam pendidikan, 47.967 alumni, dan 23.557 mahasiswa yang saat ini terdaftar, BINUS UNIVERSITY siap untuk memasuki pendidikan internasional. BINUS INTERNATIONAL dirancang untuk mendukung lulusan BINUS untuk mendapat kesempatan karir global yang baik. BINUS menawarkan program Single dan Double Degree dalam kerjasamanya dengan universitas luar untuk meningkatkan kualitas lulusannya. Dalam program Double Degree, lulusan akan diberikan penghargaan baik gelar Bachelor atau Sarjana BINUS. BINUS INTERNATIONAL menjalankan program inovatif dan fleksibel yang diatur dalam fasilitas state of art, diajarkan oleh pengajar berkualitas secara internasional. Berdasarkan penjelasan di atas, dapat diketahui BINUS merupakan komunitas yang besar dan tiap tahunnya akan ada banyak mahasiswa baru yang terdaftar di BINUS. Untuk lebih detailnya berikut data 3 tahun terakhir jumlah mahasiswa baru yg masuk ke BINUS UNIVERSITY. Tabel 3.1 Data Mahasiswa Baru di BINUS A cademic Year

Registrant

Student intak e

2006/2007

8921

5400

2007/2008

9931

5775

2008/2009

9740

6192

49 3.1.2 Visi dan Misi Visi BINUS

“A World-class university … In continuous pursuit of innovation and enterprise”

Tabel 3.2 Visi BINUS Kata Kunci

Penjelasan

World-class

Diak ui internasional sebagai praktisi terbaik

Knowledge

Sebuah institusi y ang dicirik an oleh pemanfaatan penge tahua n

institution

berkembang untuk menciptak an nilai ek onomis melalui k ompetensi k husus

Innovation

Pengenalan y ang berhasil secara ek onomi dan aplik asi ilmu pengetahuan baru dan y ang telah ada untuk tujuan prak tis guna menciptak an nilai stak eholder y ang superior.

Enterprise

Prak tek bisnis inov atif y ang berk aitan dengan k emampuan indiv idu atau organisasi untuk mendorong peruba han positif di pasar global dan lingkungan

Misi BINUS BINUS UNIVERSITY berkomitmen untuk memberikan keunggulan dalam pendidikan dan penelitian bagi komunitas global dengan: z

M enyediakan pengalaman belajar yang memotivasi dan menghasilkan inovasi.

z

M enciptakan pengetahuan terapan yang memiliki pengaruh kuat

z

M engejar kontribusi yang positif terhadap kualitas hidup

z

M engkontribusi dalam menciptakan kepemimpinan yang menonjol

z

M emimpin korporat kewirausahaan

50

3.1.3 S truktur Organisasi

Gambar 3.1 Struktur Marketing BINUS UNIVERSITY

51 3.1.4 Tugas dan Wewenang -

Marketing Manager Tugas: •

Berkontribusi dalam pengembangan produk universitas untuk menciptakan produk yang kompetitif

•

Berkontribusi dalam penafsiran bisnis universitas untuk menjamin terjadinya bisnis

•

Berkontribusi dalam komunikasi universitas untuk membangun image korporasi yang baik

Wewenang (Work Management): •

M emberikan nasehat dan pendapat kepada para pemimpin bisnis dalam strategi pemasaran, produk dan komunikasi.

•

M emberikan nasihat dan berkoordinasi dengan rector, dekan, dan organisasi mahasiswa dalam strategi pemasaran, produk, dan komunikasi (termasuk beasiswa)

•

M engatur proses pendaftaran dan admisi yang sesuai dengan kebijakan universitas

Wewenang (Human Resource Management): •

M engajukan perkembangan staf termasuk promosi, transfer, dan penurunan pangkat

•

M engeluarkan surat peringatan untuk tindakan yang tidak disiplin

•

M engeluarkan jadwal dan tugas staf sesuai dengan lingkungan kerja departemen pemasaran

52 Wewenang (Finance Management): •

M engajukan anggaran belanja untuk promosi, komunikasi, asset, dan operasional departemen bagian pemasaran

•

-

M engontrol anggaran belanja dari departemen bagian pemasaran

Promotion S ection Head Tugas: •

M engatur dan meningkatkan komunikasi melalui media

•

M enyelenggarakan event-event yang dapat menciptakan customer yang potensial

•

Berkontribusi dalam pencapaian penjualan formulir pendaftaran mahasiswa


M erencanakan, menjalankan, melaporkan dan mengevaluasi program promosi, seperti: o Program promosi di sekolah-sekolah di Jakarta dan di luar kota o Aktivitas Open House o Program komunikasi, contoh: iklan o Event di tempat umum

•

M empertahankan hubungan dengan sekolah-sekolah atau organisasiorganisasi lainnya

•

M engevaluasi performa dari tim promosi

•

M emastikan pengetahuan dari semua staf dalam seksi promosi mengenai produk

53 •

M emastikan adanya proses pengembangan yang berkaitan langsung dengan kegiatan promosi

•

M enjalankan semua tindakan yang sesuai dengan peraturan yang berlaku sehingga sesuai dengan standar ISO 9000


M enentukan kandidat dalam proses penerimaan staf

•

M enentukan spesifikasi pekerjaan untuk staf

•

M emberikan pujian kepada staf

•

M enyarankan pengeluaran surat peringatan

Wewenang (Finance Management): •

-

M erencanakan dan menjalankan proposal anggaran dana

Promotion S taff Tugas: •

M endukung program pemasaran dengan melakukan aktivitas berikut: o M embangun hubungan dengan sekolah-sekolah o M empertahankan sekolah-sekolah prospek o M enyelenggarakan event-event terutama untuk mendapatkan target penjualan formulir pendaftaran o M emastikan jumlah penjualan formulir pendaftaran


M enjalankan dan melaporkan aktivitas promosi, seperti: o Program promosi di sekolah-sekolah di Jakarta dan di luar kota

54 o Aktivitas Open House •

M encari sekolah-sekolah yang dapat menjadi target pemasaran

•

M enyarankan spesifikasi tugas untuk tim promosi

•

M engevaluasi performa dari tim promosi

•


-

S ales Section Head Tugas: •

M emastikan pencapaian target penjualan di seluruh jaringan admisi dan penjualan

•

M engatur dan meningkatkan telemarketing secara efektif


M emonitor hasil target penjualan dengan menggunakan M etric Tracking Report

•

M emastikan pengetahuan semua staf di seksi penjualan mengenai produk

•




•


•


•


55 Wewenang (Finance management):

-

•


•

M enyarankan skema kompensasi untuk jaringan distribusi dan penjualan

S ales S taff Tugas: •

M endukung program pemasaran dengan melakukan aktivitas berikut: o M emastikan pencapaian target penjualan di seluruh jaringan admisi dan penjualan o M empertahankan hubungan dengan asosiasi penjualan o M enyediakan kualitas pelayanan yang baik


M emonitor hasil target penjualan dengan menggunakan M etric tracking Report

•

M elakukan jadwal admisi berkala dan tes masuk

•

M eneriman, mempertahankan dan mengevaluasi asosiasi penjualan

•

M enyarankan spesifikasi tugas untuk penjual

•


-

Telemarketing S taff Tugas: •

M endukung program pemasaran dengan melakukan aktivitas berikut:

56 o M engatur aktivitas telesales untuk mencapai target pendaftaran mahasiswa baru o M engatur aktivitas telemarketing untuk event-event yang ada di BINUS UNIVERSITY o M empertahankan dan memperbaharui database customer Wewenang (Work Management): •

M enjalankan dan melaporkan aktivitas telemarketing, seperti: o Telemarketing untuk event-event, contoh: event BNPC-HS, open house, dan lainnya o Telemarketing untuk telesales

•

M enentukan prospek yang perlu di follow-up

•

M empertahankan dan memperbaharui database customer

•

M enyarankan spesifikasi tugas untuk tim promosi dalam telemarketing

•


-

Admission Section Head Tugas: •

M embuat dan mengimplementasikan proses admisi yang berorientasi customer

•

M engatur jadwal admisi dan tes masuk


M emelihara manajemen system informasi

57 •

M erencanakan dan melaksanakan jadwal admisi berkala dan tes masuk

•

M emastikan pengetahuan semua staf di seksi admisi mengenai produk

•




•


•


•


Wewenang (Financial Management):

-

•


•

M enyarankan skema kompensasi untuk jaringan distribusi dan penjualan

Customer S ervice S taff Tugas: •

M endukung program pemasaran dengan melakukan aktivitas berikut: o M engatur semua jaringan admisi o M embuat dan mengimplementasikan proses admisi yang berorientasi customer o M engatur jadwal admisi berkala


M enjalankan jadwal admisi berkala dan tes masuk

•

M enerima, memelihara dan mengevaluasi semua jaringan admisi

58 •


-

Registration S taff Tugas: •

M endukung program pemasaran dengan melakukan aktivitas berikut: o M enyediakan pelayanan registrasi, seperti:

Admisi dan tes masuk untuk semua jaringan admisi dan asosiasi penjualan

Registrasi event-event untuk pemegang saham

o M engatur jadwal admisi berkala o M embuat dan mengimplementasikan proses admisi yang berorientasi customer Wewenang (Work Management): •

M emonitor jumlah pendaftaran mahasiswa dengan menggunakan M etric Tracking Report

•

M enjalankan jadwal admisi berkala dan tes masuk

•

M enyediakan pelayanan registrasi untuk customer, seperti admisi dan tes masuk

•


59 3.2 Analisis Permasalahan 3.2.1 Analisis Kuesioner Pembuatan kuesioner ini bertujuan untuk mendapatkan data yang akurat dan objektif terhadap kelayakan pengembangan dan analisis aplikasi yang akan dibuat. Dikarenakan pembuatan virtual tour berlokasi di BINUS, maka kuesioner ini dibagikan kepada Binusian (yaitu: mahasiswa, dosen, dan karyawan). Kuesioner ini terdiri dari 12 pertanyaan dengan 107 responden. Kuesioner ini dibagikan sejak tanggal 26 September 2008 hingga 21 Nopember 2008. 1. Perangkat mobile apakah yang sering anda bawa dan gunakan? Tabel 3.3 Survei Perangkat Mobile Yang Sering Digunakan Pilihan

Responden

Persentase

Handphone

97

90,65%

Notebook

4

3,74%

PDA

5

4,67%

UMPC

1

0,94%

Lainny a

0

0%

Total

107

100%

1 4

5

0

Handphone Not ebook PDA UMPC Lainnya

97

Gambar 3.2 Survei Perangkat Mobile Yang Sering Digunakan

60

Hasil survei menunjukan 90,65% responden sering membawa dan menggunakan handphone.

2. Apakah Handphone anda mendukung Java? Tabel 3.4 Survei Mobile Phone Yang Mendukung Java Pilihan

Responden

Persentase

Ya

76

71,03%

Tidak

16

14,95%

Tidak Tahu

15

14,02%

Total

107

100%

15

16

Ya Tidak Tidak Tahu

76

Gambar 3.3 Survei Mobile Phone Yang Mendukung Java

Hasil survei menunjukan bahwa 71,03% responden memiliki handphone yang mendukung Java sedangkan 14,95% tidak medukung Java.

61 3. Apakah anda mengenal atau pernah melihat virtual tour? Tabel 3.5 Survei Responden Yang Mengenal Virtual Tour Pilihan

Responden

Persentase

Ya

58

54,21%

Tidak

49

45,79%

Total

107

100%

49

Ya 58

Tidak

Gambar 3.4 Survei Responden Yang Mengenal Virtual Tour

Hasil survei menunjukan bahwa 54,21% responden sudah mengenal atau pernah melihat virtual tour sebelumnya.

62 4. Tahukah anda tentang virtual tour yang menggunakan teknik Virtual Reality Photo (VRP)? Tabel 3.6 Survei Responden Yang Mengenal VRP Pilihan

Responden

Persentase

Ya

41

38,32%

Tidak

66

61,68%

Total

107

100%

41 Ya Tidak 66

Gambar 3.5 Survei Responden Yang Mengenal VRP

Hasil survei menunjukan bahwa 61,68% responden masih belum mengenal apa itu VRP.

5. Pernahkah anda melihat VRP di Mobile Phone? (Bila menjawab “Tidak” lanjutkan ke no.7) Tabel 3.7 Survei Responden Yang Pernah Melihat VRP di Mobile Phone Pilihan

Responden

Persentase

Ya

11

10,28%

Tidak

96

89,72%

Total

107

100%

63

11

Ya Tidak

96

Gambar 3.6 Survei Responden Yang Pernah Melihat VRP di Mobile Phone

Hasil survei menunjukan bahwa 89,72% responden

belum pernah melihat VRP di

Mobile Phone.

6. Kekurangan apa saja yang dimiliki oleh aplikasi VRP di Mobile Phone yang pernah anda lihat? (responden dapat memilih lebih dari 1 jawaban) Tabel 3.8 Survei Kekurangan VRP di Mobile Phone Pilihan

Respon

Persentase

A ntarmuk a Pemak ai

5

21,74%

Panduan (user manual)

6

26,09%

Interak si

4

17,39%

Tampilan / Kualitas Foto

8

34,78%

Lainny a

0

0%

Total

23

100%

(user interface)

64

Lainnya

0

Tampilan / Kualitas Foto

8

Interaksi

4

P anduan (user manual)

6

Antarmuka Pemakai (user interface)

5 0

2

4

6

8

10

Gambar 3.7 Survei Kekurangan VRP di Mobile Phone

Survei diambil dari 11 orang reponden yang pernah mengenal ataupun menggunakan VRP di mobile phone (berdasarkan hasil survei pertanyaan nomor 5). Hasil survei menunjukan 34,78% terdapat kekurangan pada tampilan / kualitas foto, 26,09% pada panduan (user manual), 21,74% pada antarmuka pemakai (user interface), dan 17,39% pada interaksi.

7. Pernahkah anda melihat tour di BINUS baik secara real ataupun virtual? Tabel 3.9 Survei Responden Yang Pernah Melihat Tour BINUS Pilihan

Responden

Persentase

Ya

29

27,10%

Tidak

78

72,90%

Total

107

100%

65

29

Ya Tidak

78

Gambar 3.8 Survei Responden Yang Pernah Melihat Tour BINUS

Hasil survei menunjukan bahwa 72,90% responden belum pernah melihat tour BINUS baik secara real ataupun virtual.

8. Menurut anda, perlukah virtual tour BINUS untuk mengenalkan lokasi fasilitasfasilitas yang ada di BINUS ? Tabel 3.10 Survei Perlunya Tour BINUS Pilihan

Responden

Persentase

Ya

85

79,44%

Tidak

22

20,56%

Total

107

100%

66

22

Ya Tidak

85

Gambar 3.9 Survei Perlunya Tour BINUS

Hasil survei menunjukan bahwa 79,44% responden berpendapat bahwa perlu adanya virtual tour BINUS untuk mengenalkan lokasi fasilitas-fasilitas yang ada di BINUS.

9. Menurut anda, fasilitas apa yang penting untuk diketahui di BINUS ? (responden dapat memilih lebih dari 1 jawaban) Tabel 3.11 Survei Fasilitas yang Penting di BINUS Pilihan

Respon

Persentase

Ak ademis

79

25,32%

Lay anan Mahasiswa

85

27,25%

Perpustak aan

78

25,00%

Laboratorium Software

62

19,87%

Lainny a

8

2,56%

Total

312

100%

67

Lainnya

18

Lab Software

62

Perpustakaan

78

Lay anan Mahasis wa

85

Akademis

79 0

20

40

60

80

100

Gambar 3.10 Survei Fasilitas yang Penting di BINUS

Hasil survei menunjukan bahwa 27,25% memilih bagian yang penting untuk diketahui di BINUS adalah Layanan M ahasiswa, 25,32% berpendapat akademis, 25,00% perpustakaan, 19,87% laboratorium software dan 2,56% lainnya

10. Pernahkah anda berkeinginan untuk memperkenalkan BINUS kepada kerabat, teman atau orang tua anda? Tabel 3.12 Survei Keinginan Untuk Memperkenalkan BINUS Pilihan

Responden

Persentase

Ya

79

73,83%

Tidak

28

26,17%

Total

107

100%

68

28

Ya Tidak

79

Gambar 3.11 Survei Keinginan Untuk Memperkenalkan BINUS

Hasil survei menunjukan bahwa 73,83% responden pernah berkeinginan untuk memperkenalkan BINUS kepada kerabat, teman atau orang tuanya

11. Jika pernah, alat bantu apa yang anda gunakan dalam memperkenalkan BINUS ? (responden dapat memilih lebih dari satu jawaban) Tabel 3.13 Survei Media Penyampaian Informasi Pilihan

Respon

Persentase

Brosur BINUS

50

34,25%

Foto BINUS

19

13,01%

Video BINUS

8

5,48%

A plik asi VRP BINUS

2

1,37%

Model 3D BINUS

3

2,06%

Percak apan Biasa

58

39,72%

Lainny a

6

4,11%

Total

146

100%

(tanpa alat bantu)

69

Lainnya

6

Percakapan Biasa (tanpa al at bantu)

58

Model 3D Binus

3

Aplikasi VRP Binus

2

Vi deo Binus

8 19

Foto Binus Brosur Binus

50 0

10

20

30

40

50

60

70

Gambar 3.12 Survei Media Penyampaian Informasi

Hasil survei menunjukan bahwa 39,72% memperkenalkan BINUS hanya dengan percakapan, dan 34,25% menggunakan brosur BINUS. Sedangkan yang menggunakan foto ada 13,01% respon.

12. Apabila telah dibuat aplikasi virtual tour BINUS yang menggunakan teknik VRP di Handphone, apakah anda tertarik menggunakannya? Tabel 3.14 Survei Ketertarikan Aplikasi Pilihan

Responden

Persentase

Sangat Tertarik

20

18,69%

Tertarik

61

57,01%

Kurang Tertarik

15

14,02%

Tidak Tertarik

11

10,28%

Total responden

107

100%

70

11

20

15 Sangat Tertarik Tertarik Kurang Tertarik Tidak Tertari k

61

Gambar 3.13 Survei Ketertarikan Aplikasi

Hasil survei menunjukan bahwa 75,7% (18,69+57,01) responden tertarik dan untuk menggunakan aplikasi Virtual Tour BINUS yang menggunakan teknik VRP di handphone.

3.2.1.1 Hasil Analisis Kuesioner Berdasarkan hasil survei kuesioner maka dapat ditarik beberapa poin kesimpulan, yaitu: •

Responden sering membawa dan menggunakan handphone dan sebagian besar handphone yang dimiliki mendukung JAVA.

•

Sebagian responden sudah mengenal virtual tour, namun masih sedikit yang mengenal VRP.

•

Responden yang sudah mengenal VRP masih banyak yang belum pernah meilihat VRP di handphone.

71 •

Responden yang pernah menggunakan aplikasi VRP di handphone tidak puas dengan kulitas gambar yg ditampilkan, antarmuka pengguna (interface), interaktifitas, dan panduan yang disediakan (manual).

•

Banyak responden yang belum pernah melihat tour BINUS dan kebanyakan berpendapat perlu adanya virtual tour BINUS.

•

Sebagian besar responden berpendapat bahwa ruang layanan mahasiswa, akademis, perpustakaan, dan laboratorium software merupakan bagian yang penting untuk diketahui di BINUS.

•

Sebagian besar responden ingin memperkenalkan BINUS kepada kerabat, teman, atau orang tuanya. Biasanya responden memperkenalkan BINUS dengan percakapan biasa (tanpa alat bantu), sedangkan beberapa kebanyakan menggunakan brosur BINUS.

•

Sebagian besar responden tertarik untuk menggunakan aplikasi virtual tour BINUS yang menggunakan teknik VRP di handphone, dengan kata lain aplikasi VRP di handphone cukup diminati.

72 3.2.2 Analisis Wawancara Untuk mendapatkan data yang dapat membantu penulisan skripsi ini maka dilakukan wawancara kepada:

Tabel 3.15 Tabel Wawancara Nama

Sury anto, S. Kom.

Jabatan

Promotion Head BINUS

Lok asi

A dmisi BINUS

Wak tu

22 September 2008

Berikut adalah hasil wawancara dengan Bapak Suryanto. 1.

Selama promosi apa saja yang disampaikan kepada calon mahasiswa? Jawaban: Info tentang semua jurusan yang ada di BINUS, cara belajar di BINUS, prestasi yang diraih, dan fasilitas yang ada di BINUS.

2.

Bagaimana cara tim Marketing BINUS dalam mempromosikan BINUS ? Jawaban: Dengan melakukan presentasi bila telah mendapatkan izin dari pihak sekolah. Biasanya menggunakan brosur dan pamflet. Pada expo atau event tertentu menggunakan multimedia seperti video.

3.

Kendala apa saja yang dihadapi selama promosi dari segi media? Jawaban: Dari brosur yang dibagikan hanya sedikit yang dibaca. Terdapat penjelasan yang kurang jelas. Beberapa orang masih bertanya. Keterbatasan informasi yang dapat ditampung di brosur.

4.

Berapa lama waktu yang disediakan untuk 1 (satu) sesi presentasi?

73 Jawaban: Biasanya 15 sampai 30 menit. Paling singkat 10 menit untuk tiap kelas. Pada akhir sesi dibagikan kuesioner. Biasanya siswa menjawab tidak jelas akan BINUS, karena waktu yang terlalu singkat. 5.

Adakah perbedaan mendasar antara promosi di Jakarta (lokasi BINUS berada) dan daerah? Jawaban: Event yang diadakan di daerah kurang lebih sama dengan event biasa, hanya saja lebih sedikit jumlahnya (biasanya satu kali), tergantung jumlah gelombang yang ada. Hal ini dikarenakan kendala biaya.

6.

Apakah BIN US menyediakan tour baik secara real ataupun virtual? Jawaban: Secara fisik ada, misalnya pada acara Open House, siswa dapat mengikutinya dengan datang langsung ke BINUS. Kendalanya siswa di daerah tidak dapat mengikutinya dikarenakan masalah jarak. Untuk tour secara virtual belum ada.

7.

Bagaimana menurut Bapak dengan mempromosikan BINUS menggunakan mobile virtual tour? Jawaban: Jika bagus, bisa dijadikan inovasi bagi BINUS. Selain itu karena untuk mobile mudah untuk dibawa-bawa.

8.

Ruangan apa saja yang ingin ditampilkan dalam Binus Tour yang dapat membantu promosi BINUS ? Jawaban: Ruang kelas, perpustakaan, recreation area, auditorium, laboratorium komputer, admisi, mockup room hotel management dan lounge.

74 3.2.2.1 Hasil Analisis Wawancara Dari analisis yang telah disebutkan di atas, maka dapat disimpulkan beberapa poin, yaitu: •

Dalam promosi BINUS terdapat beberapa hal yang disampaikan kepada calon mahasiswa, yaitu: mengenai penjelasan tentang setiap jurusan yang ada di BINUS, sistem belajar di BINUS, prestasi yang telah diraih oleh BINUS, dan fasilitas-fasilitas apa saja yang terdapat di BINUS.

•

M edia

yang

digunakan

oleh

tim

M arketing

BINUS

dalam

mempromosikan Binus berupa brosur atau pamflet, yang di dalamnya diberikan informasi mengenai keterangan jurusan dan peminatan secara garis besar yang ada di BINUS. Namun terkadang informasi yang disampaikan tidak diterima dengan jelas oleh calon mahasiswa. •

Pada acara-acara tertentu promosi biasanya (memerlukan izin dari pihak yang bersangkutan) menggunakan elemen multimedia seperti video.

•

Saat ini masih terdapat banyak kendala dalam mempromosikan BINUS, misalnya masalah waktu yang disediakan dan biaya yang diperlukan untuk presentasi di daerah (di luar Jakarta).

•

Dalam 1 sesi presentasi biasanya disediakan waktu maksimal dari 10 menit hingga 30 menit per kelas. Dikarenakan keterbatasan waktu yang ada sebagian besar responden tidak jelas tentang BINUS.

•

Untuk promosi di luar Jakarta bahan yang dibawakan dalam presentasi kurang lebih sama. Namun jumlah presentasi yang dilakukan lebih sedikit, biasanya 1 (satu) kali saja tergantung jumlah gelombang yang ada di

75 daerah tersebut. Hal ini disebabkan oleh kendala biaya. Sedangkan untuk daerah Jakarta dapat dilakukan berulang kali. •

BINUS menyediakan real tour bagi calon mahasiswanya dengan mengunjungi BINUS secara langsung, contohnya acara Open House BINUS. Namun hal ini memerlukan waktu, tenaga dan biaya yang lebih, baik dari pihak BINUS maupun siswa, terutama yang di daerah.

•

BINUS untuk saat ini belum menyediakan virtual tour bagi calon mahasiswa yang ingin melihat BINUS tanpa perlu datang ke BINUS.

•

Terdapat beberapa ruangan yang dapat membantu promosi BINUS, diantaranya: ruang kelas, perpustakaan, recreation area, auditorium, laboratorium komputer, admisi, mockup room hotel management dan lounge.

Dari wawancara tersebut, Bapak Suryanto mendukung dibuatnya aplikasi virtual tour BINUS dan diharapkan aplikasi tersebut dapat memberikan inovasi baru dalam mempromosikan BINUS. Kesimpulannya BINUS perlu akan adanya sebuah virtual tour yang dapat membantu proses promosi BINUS. M aka dari itu aplikasi virtual tour BINUS ini perlu dirancang agar dapat dilihat kapanpun dan dimanapun untuk menghemat waktu, tenaga dan biaya.

76 3.2.3 Analisis Aplikasi Sejenis Untuk dapat merancang aplikasi yang berkualitas dan dapat memenuhi kebutuhan pada lingkungan studi kasus, maka dilakukan analisis aplikasi sejenis yang sudah dipublikasikan sebelumnya. A. PURE Player PURE (Panorama Universal Rendering Engine) Player merupakan viewer berbasis Java yang dikembangkan oleh Immervision. Saat ini tersedia pula yang berbasis Flash. Aplikasi ini dibuat untuk ditampilkan pada Website. Aplikasi ini memiliki user interface yang bagus, selain itu juga mendukung fitur fullscreen untuk tampilan panorama yang diperlihatkan. Dengan PURE Player kita dapat melakukan virtual tour dengan adanya dukungan HotSpot yang menghubungkan antar foto. Salah satu produk sejenis lainnya yang dikeluarkan oleh Immervision adalah PURE Player for Pocket PC. Aplikasi ini dikhususkan untuk Pocket PC yang memiliki sumber daya terbatas. Berbeda dengan PURE Player for Java ataupun Flash yang dibuat untuk ditampilkan di web, PURE Player for Pocket PC merupakan aplikasi yang berdiri sendiri (standalone application). PURE Player hanya dapat dijalankan pada Pocket PC yang menggunakan Microsoft® Windows Mobile® 2003 (edisi pertama dan kedua) dan Windows Mobile 5.

77

Gambar 3.14 PURE Player for Pocket PC (http://www.immervision.com/en/multimedia/multimedia_products/multimedia_products_2_5.php)

B. PTViewerME PTViewerM E (PTViewer M icroedition) berbasis pada applet panorama viewer bernama PTViewer yang dikembangkan oleh Profesor Helmut Dersch. Aplikasi ini muncul karena banyaknya pengguna perangkat mobile dan meningkatnya kemampuan perangkat mobile seperti PDA dan smartphone. Diharapkan pula aplikasi ini dapat berguna sebagai panduan real-time dan bantuan navigasi. Aplikasi ini dibuat dengan tujuan untuk mendemonstrasikan kemungkinan pembuatan suatu viewer pada perangkat mobile dan menyediakan suatu platform untuk bereksperimen dengan aplikasi baru untuk pembuatan panorama yang interaktif.

78

Gambar 3.15 PTViewerME ( http://webuser.hs-furtwangen.de/~dersch/PTViewerM E/Luzern.pdf )

PTViewerM E memiliki dua tipe viewer yaitu cube viewer dan object viewer. Cube viewer digunakan untuk menampilkan panorama interaktif. Sedangkan object viewer digunakan untuk menampilkan suatu objek dari berbagai sudut pandang. Pada PTViewerM E tidak menyediakan fitur untuk melakukan virtual tour (HotSpot).

3.2.3.1 Hasil Analisis Aplikasi Sejenis Dari hasil analisis terhadap aplikasi sejenis yang telah dibahas sebelumnya, maka didapatkan panduan untuk merancang fitur-fitur hasil perpaduan dari aplikasi sejenis tersebut: 1. Berjalan di perangkat yang banyak digunakan orang dan mudah dibawa. 2. M emberikan bantuan navigasi dan informasi. 3. M emiliki user interface yang baik atau user friendly.

79 4. M emungkinkan melakukan virtual tour melalui fitur HotSpot. 5. M emiliki interaksi yang baik.

3.2.4 Rumusan Permasalahan Berdasarkan analisis permasalahan di atas, maka dapat dirumuskan permasalahan yang dihadapi: •

Promosi di BINUS memiliki kendala biaya dan waktu, khususnya untuk promosi di luar Jakarta.

•

BINUS tidak menyediakan virtual tour, sehingga untuk mengetahui keadaan di BINUS siswa perlu untuk datang ke BINUS secara langsung.

•

M asih sedikit Binusian yg pernah melihat tour di BINUS, padahal banyak

yang berpendapat

perlu

adanya

BINUS

Tour

untuk

memperkenalkan fasilitas-fasilitas yang ada di BINUS. •

Sebagian besar Binusian masih belum mengenal istilah VRP.

•

M asih sedikit aplikasi VRP di handphone, padahal handphone adalah perangkat mobile yang sering dibawa atau digunakan.

•

Aplikasi VRP di Handphone yang sudah ada memiliki banyak kekurangan, misalnya pada kualitas foto, user interface, interaktifitas, dan manual.

3.3 Usulan S olusi

80 Berdasarkan analisis yang dilakukan, maka diusulkan solusi untuk mengatasi permasalahan yang ada dengan membuat aplikasi viewer VRP yang berjalan di handphone. Berikut detail solusi yang ditawarkan berdasarkan rumusan masalah diatas: •

M embuat aplikasi untuk mempromosikan BINUS yang dapat mengatasi masalah biaya dan waktu.

•

M embuat virtual tour agar siswa dapat tahu keadaan di BINUS tanpa perlu datang ke BINUS secara langsung.

•

M embuat tour di BINUS untuk memperkenalkan fasilitas-fasilitas yang ada di BINUS.

•

M embuat suatu aplikasi virtual tour yang menggunakan teknik VRP agar Binusian dapat langsung memahami apa itu VRP.

•

M embuat aplikasi VRP di handphone yang merupakan perangkat mobile yang sering dibawa atau digunakan.

•

M embuat aplikasi VRP di handphone yg memiliki kualitas foto, user interface, interaktifitas, dan manual / panduan yang baik.

81 3.4 Perancangan Aplikasi Dalam merancang aplikasi viewer ini, digunakan metafora nama VRP Player sebagai nama aplikasi yang akan dirancang. 3.4.1 S truktur Menu Berikut merupakan struktur menu dari aplikasi yang dibuat, baik aplikasi front-end maupun aplikasi back-end. 3.4.1.1 Aplikasi Front-End Main Menu

Browse

PhotoView

Multi HotSpot

Move to (Photo View)

VRP Menu

Show Map

Clos e

Info

Help

Quit

About

Menu (Map)

Move to (Map)

Change Map

Gambar 3.16 Struktur Menu VRP Player

82 3.4.1.2 Aplikasi Back-End

Menu

File

Tools

Help

New Virtual Tour

Project Properties

Quick Help

Save Project

Publish tour

About

Open Virtual Tour Exit

Gambar 3.17 Struktur Menu VRP Editor

83 3.4.2 State Transition Diagram (STD) 3.4.2.1 Aplikasi Front-End 3.4.2.1.1 S TD Layar Main Menu

Exit

Tekan tombol Exit Keluar dari aplikasi

Main Menu

Tekan tombol Browse Tampil layar File Br owser

File Browser

Gambar 3.18 STD Layar Main Menu

Layar ini merupakan layar menu utama, pada layar ini terdapat nama dari aplikasi, tampilan gambar main menu dan 2 tombol berupa Exit untuk keluar dari aplikasi dan Browse untuk menuju layar File Browser.

3.4.2.1.2 S TD Layar File Browser

Main Menu

Tekan tombol Close Tampil Layar Main Menu

File Br owser

Tekan t ombol Open Tampil Layar Photo View

Photo View

Gambar 3.19 STD Layar File Browser

Pada layar ini pengguna dapat mencari file virtual tour yang ingin dibuka. Terdapat 2 (dua) tombol berupa Close untuk kembali ke layar M ain M enu dan Open untuk memilih file virtual tour yang diinginkan.

84 3.4.2.1.3 S TD Layar Photo View

Main Menu

Pilih Quit Tampil layar Main Menu

Hotspot List (Photo View)

Tekan Tombol Move To Tampil layar Hotspot List Photo View

Photo View

Pilih VRP Menu Tampil Layar Photo Menu Photo Menu

Pilih Hotspot Khusus Tampil Layar Multi Hotspot

Multi Hotspot

Gambar 3.20 STD Layar Photo View

Layar ini merupakan layar yang memperlihatkan photo dengan teknik VRP (Virtual Reality Photo) dimana pengguna dapat berinteraksi dengan melihat keadaan sekitar foto. Terdapat 2 (dua) tombol Move To untuk menampilkan layar Hotspot List dan More untuk menampilkan 2 (dua) option berupa Quit untuk menutup layar Photo View dan VRP Menu untuk mengakses Photo Menu.

85 3.4.2.1.4 S TD Layar Photo Menu

Help

Pilih Help Tampil Layar Help

Photo View

Photo View

About

Pilih Hide or Show Hotspot Tampil Layar Photo View dengan atau tanpa hostpot

Tekan tombol Bac k Tampil Layar Photo View

Photo Menu

Pilih About Tampil Layar About

Pilih Show Map Tampil Layar Map

Map

Pilih Info Tampil Layar Info

Info

Gambar 3.21 STD Layar Photo Menu

Pada Layar terdapat berbagai option yang berguna untuk membantu pengguna dalam menggunakan aplikasi ini. Terdapat 2 (dua) tombol yaitu Select untuk memilih option yang diinginkan dan Back untuk kembali ke layar Photo View.

86 3.4.2.1.5 S TD Layar Hotspot List (Photo View)

Photo View

Tekan tombol Back Tampil Layar Photo View sebelumnya

Hotspot List (Photo View)

Tekan tombol Select Tampil Layar Photo View sesuai dengan hotspot yang di pilih

Photo View

Gambar 3.22 STD Layar Hotspot List(Photo View)

Layar ini menampilkan list dari hotspot yang ada, pengguna dapat memilih untuk berpindah ke hotspot yang diinginkan sesuai dengan list yang ada pada layar ini. Terdapat 2 (dua) tombol, yaitu Back untuk kembali ke layar Photo View sebelumnya dan Select untuk memilih hotspot yang diinginkan.

3.4.2.1.6 S TD Layar Map

Photo View

Tekan tombol Back Tampil Layar Photo View

Map

Tekan tombol Menu Tampil Layar Map Menu

Map Menu

Gambar 3.23 STD Layar Map

Layar ini menampilkan map atau denah dari virtual tour yang dipilih, terdapat 2 (dua) tombol, yaitu: Back untuk kembali ke layar Photo View dan Menu untuk mengakses Map Menu.

87 3.4.2.1.7 S TD Layar Map Menu

Hotspot List (Map)

Map Menu Pilih Move To Menuju ke layar Hotspot List Map

Map List Pilih Change Map Tampil Layar Map List

Tekan tombol Back Tampil Layar Map Map

Gambar 3.24 STD Layar Map Menu

Pada Layar ini terdapat option untuk mengganti map dan melakukan perpindahan lokasi sesuai hotspot yg dipilih pada layar map. Terdapat 2 (dua) tombol yaitu Select untuk memilih option yang diinginkan dan Back untuk kembali ke layar Map.

3.4.2.1.8 S TD Layar Hotspot List (Map)

Map Menu

Tekan tombol Back Tampil Map Menu

Hotspot List (Map)

Tekan tombol Selec t Tampil Layar Map sesuai dengan hotspot yang di pilih

Map

Gambar 3.25 STD Layar Hotspot List(Map)

M erupakan Layar yang berguna untuk berpindah lokasi sesuai dengan hotspot yang ada pada Layar Map. Terdapat 2 (dua), yaitu: tombol Back untuk kembali ke layar Map Menu sebelumnya dan Select untuk memilih Hotspot yang diinginkan.

88 3.4.2.1.9 S TD Layar Map List

Map Menu

Tekan tombol Bac k Tampil Layar Map Menu

Map List

Tekan tombol Select Tampil Layar Map sesuai dengan map yang dipilih

Map

Gambar 3.26 STD Layar Map List

Pada layar ini terdapat list atau daftar map yang terdapat pada file virtual tour yang dipilih (misalnya: map lantai 1, map lantai 2, dan lainnya). Pengguna dapat mengganti M ap atau lokasi dengan memilih salah satu dari sekumpulan map yang ada pada list tersebut. Terdapat 2 (dua) tombol, yaitu Back untuk kembali ke layar Map Menu dan Select untuk memilih map yang diinginkan.

3.4.2.1.10 S TD Layar Info

Photo Menu

Tekan Tombol Back Tampil Layar Photo Menu

Info

Gambar 3.27 STD Layar Info

Layar ini menampilkan informasi detail mengenai tempat atau ruangan dimana pengguna berada sekarang. Terdapat sebuah tombol Back untuk kembali ke layar Photo Menu.

89 3.4.2.1.11 S TD Layar Help


Photo Menu

Help

Gambar 3.28 STD Layar Help

Layar ini merupakan layar yang berisikan user manual berupa panduan atau keterangan dari kegunaan pada setiap tombol, simbol dan lainnya yang berguna untuk membantu pengguna dalam menggunakan aplikasi ini. Terdapat sebuah tombol Back untuk kembali ke layar Photo Menu.

3.4.2.1.12 S TD Layar About

Photo Menu


About

Gambar 3.29 STD Layar About

M erupakan layar yang menampilkan Keterangan dari aplikasi ini seperti versi aplikasi, pembuat aplikasi dan lainnya. Terdapat sebuah tombol Back untuk kembali ke layar Photo Menu.

90 3.4.2.1.13 S TD Layar Multi Hotspot

Photo View

Mult i Hotspot

Tekan Tombol Back Tampil Layar Photo View

Tekan Tombol Select Tampil Layar Photo View sesuai dengan hotspot yang dipilih

Phot o View

Gambar 3.30 STD Layar MultiHotspot(Photo View)

M erupakan layar yang tampil pada saat pengguna memilih hotspot khusus pada layar Photo View. Terdapat 2 (dua) tombol, Back untuk kembali ke layar Photo View dan Select untuk memilih lokasi yang diinginkan.

3.4.2.2 Aplikasi Back-End 3.4.2.2.1 S TD Layar Main Screen

Main Screen

Pilih Menu File Tampil sub menu File

Pilih Menu Tools Tampil sub menu Tools

Pilih Menu Help Tampil sub menu Help

Menu File

Menu Tools

Menu Help

Gambar 3.31 STD Layar Main Screen

91 Layar Main Screen merupakan layar yang pertama kali muncul ketika aplikasi VRP Editor dijalankan. Pada layar ini 3 (tiga) menu yaitu Menu File, Menu Tools dan Menu Help.

3.4.2.2.2 S TD Menu File

Pilih New Virtual Tour T ampil Layar New Virtual Tour

Menu Tools

New Virtual Tour

Pilih Menu T ools Tampil s ub menu Tools Pilih Open Virtual T our Tampil Layar Open Virtual T our

Open Virtual Tour

Menu File Pilih Sav e Project Menyimpan Project

Save Project Menu Help

Pilih Menu Help Tampil sub menu Help Pilih Exit Keluar dari aplikasi

Exit

Gambar 3.32 STD Menu File

Menu File memiliki beberapa sub menu, yaitu New Virtual Tour untuk menampilkan layar New Virtual Tour, Open Virtual Tour untuk menampilkan layar Open Virtual Tour, Save Project untuk menyimpan project virtual tour, dan Exit untuk keluar dari aplikasi. Apabila memilih Menu Tools akan menampilkan sub menu Tools dan jika memilih menu Help akan menampilkan sub menu Help.

92 3.4.2.2.3 S TD Menu Tools

Menu File

Pilih Menu File Tampil sub menu File Pilih Project Properties T am pil Layar Project Properties

Project Properties

Menu Tools Pilih Publish Project Tampil Layar Publish Publish

Menu Help

Pilih Menu Help Tampil sub m enu H elp

Publish Tour

Gambar 3.33 STD Menu Tools

Menu Tools memiliki beberapa sub menu, yaitu Project Properties untuk mengatur property dari project yang dibuat dan Publish Tour untuk mem-publish project menjadi file virtual tour yang dapat dibaca oleh VRP Player pada mobile phone. Apabila memilih Menu File akan menampilkan sub menu File dan jika memilih menu Help akan menampilkan sub menu Help.

93 3.4.2.2.4 S TD Menu About

Menu File

Pilih Menu File Tampil sub menu File Pilih Quick Help Tampil Layar Quick Help

Quick Help Menu Help Pilih About Tampil Layar About

Menu Tools

About

Pilih Menu Tools Tampil sub m enu Tools

Gambar 3.34 STD Menu About

Menu About memiliki beberapa sub menu, yaitu Quick Help untuk menampilkan panduan atau bantuan dalam menjalankan aplikasi dan About untuk menampilkan layar About yang berisikan keterangan dari aplikasi seperti versi aplikasi, pembuat aplikasi dan lainnya. Apabila memilih Menu File akan menampilkan sub menu File dan jika memilih menu Tools akan menampilkan sub menu Tools.

94 3.4.3 Perancangan Layar Storyboard 3.4.3.1 Aplikasi Front-End 3.4.3.1.1 Layar Pembuka Aplikasi (Splash Screen Aplikasi) Resolusi: Sesuai dengan tipe dan merk

mobile phone pengguna. Navigasi: 1. Skip: Tombol ini digunak an untuk melewati lay ar dan menuju k e lay ar utama. Splash Screen 1

Durasi: 3 Detik Sound: Tidak ada Text A ttribute: Sesuai dengan tipe dan merk

mobile phone pengguna.

Skip

Gambar 3.35 Layar Pembuka (Splash Screen) Deskripsi: Lay ar ini merupak an tampilan pertama y ang muncul saat pengguna menjalank an aplik asi ini. Lay ar ini menampilk an gambar pembuk a berupa logo dari aplik asi ini dan institusi – institusi penduk ung y ang bersangk utan dalam pembuatan aplik asi ini. Dalam 3 detik ak an menampilk an lay ar Main Menu secara otomatis.

95

3.4.3.1.2 Layar Main Menu Resolusi: Sesuai dengan tipe dan merk

mobile phone pengguna. Navigasi:

M ain Menu

1. Exit: Merupak an tombol untuk k eluar dari aplik asi ini, sebelum aplik asi ditutup ak an ditampilk an lay ar k onfirmasi untuk memastik an apak ah pengguna ingin menutup aplik asi ini. 2. Browse: Merupak an tombol untuk

Main Menu Screen

menampilk an lay ar File Browser untuk melak uk an pencarian terhadap file virtual tour y ang diingink an.

Browse

Exit

Gambar 3.36 Layar Main Menu

Durasi: Sound: Tidak ada Text A ttribute: Sesuai dengan tipe dan merk


Deskripsi: Lay ar ini merupak an lay ar menu utama, pada lay ar ini terdapat nama dari aplik asi, tampilan gambar main menu dan 2 (dua) buah tombol berupa Exit dan Browse.

96 3.4.3.1.3 Layar Exit Confirmation Resolusi: Sesuai dengan tipe dan merk

mobile phone pengguna. Confirmation

Navigasi: 1. Yes: Tombol ini digunak an untuk k eluar dari aplik asi. 2. No : Tombol ini digunak an untuk membatalk an perintah dan k embali k e Lay ar

Do you want to exit application?

Main Menu. Durasi: Sound: Disesuaik an dengan Confirmation

No

Yes

Gambar 3.37 Layar Exit Confirmation

sound dari masingmasing tipe dan merk mobile phone.

Text A ttribute: Sesuai dengan tipe dan merk


Deskripsi: Lay ar ini meminta k onfirmasi apak ah pengguna benar – benar ingin k eluar dari aplik asi.

97 3.4.3.1.4 Layar File Browser Resolusi: Sesuai dengan tipe dan merk

mobile phone pengguna. File Browser Navigasi:

....... Binus Virtual Tour Vitual Tour1 Vitual Tour2 Vitual Tour3 Vitual Tour4 Vitual Tour5

1. Close: Merupak an tombol y ang digunak an untuk menutup lay ar browser dan k embali k e lay ar menu utama. 2. Open : Merupak an tombol untuk membuk a

file virtual tour y ang dipilih dan menuju k e lay ar Photo View (sebelumny a ak an ditampilk an splash screen y ang berisi logo institusi terk ait dari Virtual tour y ang dipilih). A pabila terjadi k esalahan dalam membuk a file

virtual tour mak a ak an muncul lay ar Alert. Open

Close Durasi: -

Gambar 3.38 Layar File Browser Sound: Tidak ada Text A ttribute: Sesuai dengan tipe dan merk

mobile phone pengguna. Deskripsi: Pada lay ar ini pengguna dapat mencari file virtual tour y ang ingin dibuk a.

98 3.4.3.1.5

Layar Alert (Gagal Open File) Resolusi: Sesuai dengan tipe dan merk mobile Alert

phone pengguna. Navigasi: 1. Done: Tombol untuk k embali k e Lay ar File

Browser . The file is eit her in unknown format or damaged

Durasi: Sound: Disesuaik an dengan Alert Sound masingmasing Tipe dan Merk Mobile phone.

Done



Gambar 3.39 Layar alert Deskripsi: Lay ar ini menampilk an pesan k esalahan apabila pengguna melak uk an k esalahan dalam menjalank an aplik asi ini. Pada lay ar ini ditampilk an peny ebab k esalahan (k esalahan buka

file pada k asus ini) y ang dilakuk an oleh pengguna.

99 3.4.3.1.6 Layar Pembuka Dari Virtual Tour (Splash Screen Tour) Resolusi: Sesuai dengan tipe dan merk

mobile phone pengguna. Navigasi: 1. Sk ip: Tombol ini digunak an untuk melewati lay ar dan menuju lay ar Photo View . Splash Screen 2

Durasi: tergantung nilai y ang dimasukk an oleh pengembang virtual tour (3 detik untuk BINUS Tour )

S kip

Gambar 3.40 Layar Pembuka 2 (Splash Screen)

Sound: Tidak ada Text A ttribute: Sesuai dengan tipe dan merk


Deskripsi: Lay ar ini berfungsi sebagai awal dari tour y ang ak an ditampilk an. Lay ar ini merupak an tampilan logo dari perusahaan atau institu si terk ait dari virtual tour y ang dipilih.

100 3.4.3.1.7 Layar Photo View Resolusi: Sesuai dengan tipe dan merk mobile

phone pengguna. Navigasi: 1. Move To : Merupak an tombol y ang digunak an untuk menuju k e lay ar Hotspot List (Photo View) 2. More: Menampilk an dua o ption, VRP Menu dan Quit.

HEADER

3. VRP Menu : Untuk menampilk an lay ar Photo

Menu dan melakuk an interak si sesuai dengan list y ang ditampilk an pada lay ar menu tersebut. 1

4. Keypad (Up, Down, Left, Right): Merupak an tombol y ang berfungsi untuk menav igasi k eadaan sek itar dari Photo y ang di tampilk an (atas, bawah, k iri ,k anan). 2

5.Number Pad 1~9: Merupak an tombol – tombol

shortkey untuk berpindah k e Hotspot y ang VRP Menu Quit

Move To

More

dingink an dengan cepat. 6. Number Pad 0: Merupak an tombol untuk menghilangk an atau menampilk an simbol Hotspot pada lay ar Photo View .

Gambar 3.41 Layar Photo View

7. Tombol *: Untuk melak uk an Zoom In . 8. Tombol #: Untuk melakuk an Zoom Out. 9. Quit: Untuk k embali k e lay ar Main Menu Durasi: Sound: Tidak ada Text A ttribute: Sesuai dengan tipe dan merk

mobile phone pengguna. Deskripsi: Lay ar ini merupak an lay ar y ang memperlihatk an foto dengan teknik VRP ( Virtual

Reality Photography ) dimana pengguna dapat berinterak si dengan melihat k eadaan sek itar menggunak an Keypad (Up, Down, Left, Right) dan berpindah tempat menggunak an shortkey dengan menek an NumberPad dari 1 sampai dengan 9 (simbol dari hotspot y ang berupa angk aangk a) y ang diingink an. Selain itu terdapat cara lain untuk berpindah tempat y aitu melalui Tombol Move To .

101 3.4.3.1.8 Layar Photo View (Tanpa S imbol Hotspot) Resolusi: Sesuai dengan tipe dan merk

mobile phone pengguna. BINUS_Library_Point02

Navigasi: 1. Move To : Merupak an tombol y ang digunak an untuk menuju k e lay ar Hotspot List

(Photo View) 2. More: Menampilk an Option VRP Menu dan VR P hoto

Quit pada lay ar ini. 3. VRP Menu : Untuk menampilk an lay ar menu

Photo View dan melak uk an interak si sesuai dengan list y ang ditampilk an pada lay ar menu VRP Menu Quit

Move To

More

tersebut. 4. Quit: Untuk menutup lay ar Photo View dan k embali k e Lay ar Main Menu

Gambar 3.42 Layar Photo View (Tanpa Simbol Hotspot)


mobile phone pengguna. Deskripsi: Sama seperti lay ar Photo View namun dengan simbol shortkey hotspot y ang dihilangk an sehingga tidak mengganggu pandangan pengguna dalam mengamati lok asi.

102 3.4.3.1.9 Layar Quit Tour Confirmation Resolusi: Sesuai dengan tipe dan merk

mobile phone pengguna. Confirmation

Navigasi: 1. Yes: Untuk Menutup Lay ar Photo View dan k embali k e Lay ar Main Menu 2. No : Untuk k embali k e Lay ar Photo View. Do you want to close Tour session ?

Durasi: Sound: Disesuaik an dengan Confirmation

sound masing-masing tipe dan merk mobile phone. No

Yes

Gambar 3.43 Layar Quit Tour



Confirmation Deskripsi: Lay ar ini meminta k onfirmasi apak ah pengguna ingin k eluar dari tour atau menutup

tour .

103 3.4.3.1.10

Layar HotSpot List (Photo View) Resolusi: Sesuai dengan tipe dan merk

mobile phone pengguna. Hotspot List BINUS_Library_Point01 BINUS_Library_Point03 BINUS_Library_Point04

Navigasi: 1. Back : Merupak an tombol untuk k embali k e lay ar menu Photo View . 2. Select: Merupak an tombol untuk memilih

hotspot y ang diingink an dan menampilk an lay ar Photo View pada hotspot tersebut. Durasi: Select

Back

Gambar 3.44 Layar Hotspot List (Photo View)

Sound: Tidak ada Text A ttribute: Sesuai dengan tipe dan merk


Deskripsi: Merupak an lay ar y ang diak ses dengan menek an tombol Move To pada lay ar menu

Photo View . Lay ar ini menampilk an list dari hotspot y ang ada, pengguna dapat memilih untuk berpindah k e hotspot y ang diingink an sesuai dengan list y ang ada pada lay ar ini.

104 3.4.3.1.11 Layar Photo Menu Resolusi: Sesuai dengan tipe dan merk

mobile phone pengguna. Photo Menu

Navigasi:

Show Map Hide or Show HotSpot Info Help About

1. Show Map : Merupak an option untuk menampilk an lay ar Map atau denah dari

Virtual tour y ang dibuk a. 2. Hide or Shot Hotspot: Merupak an option untuk menampilk an atau menghilangk an simbol hotspot pada lay ar Photo View . 3. Info : Merupak an option untuk menampilk an lay ar Info y ang didalamny a terdapat informasi Select

Back

Gambar 3.45 Layar Photo Menu

mengenai tempat atau ruangan dimana pengguna berada sek arang. 4. Help : Merupak an option untuk menampilk an lay ar Help . 5. About: Merupak an option untuk menampilk an lay ar A bout. 6. Back : Merupak an option y ang digunak an untuk k embali k e lay ar Photo View. 7. Select: Merupak an tombol y ang digunak an untuk memilih option y ang diingink an. Durasi: Sound: Tidak ada Text A ttribute: Sesuai dengan tipe dan merk

mobile phone pengguna. Deskripsi: Lay ar ini diak ses melalui Lay ar Photo View dengan memilih Option VRP Menu . Pada Lay ar terdapat berbagai option y ang berguna untuk membantu pengguna dalam menggunak an aplik asi ini.

105 3.4.3.1.12 Layar Map (Show Map) Resolusi: Sesuai dengan tipe dan merk

mobile phone pengguna. BINUS_ANGGREK_Lt01 Navigasi: 1. Back : Merupak an tombol y ang digunak an untuk k embali k e lay ar sebelumny a. 1

2. Menu : Merupak an tombol untuk mengak ses

B INUS _Library_Point03

Map Menu. 3.Number Pad 1~9: Merupak an tombol-tombol shortk ey untuk berpindah k e Hotspot y ang 2

BINUS_Li brary_Point01

3

BI NUS_Library_E nt rance

dingink an dengan cepat.

CP BI NUS_Library_P oint02

Menu

Back

Gambar 3.46 Layar Map


mobile phone pengguna. Deskripsi: Lay ar ini menampilk an map atau denah dari virtual tour y ang digunak an, pada map ini pengguna dapat melak uk an interak si dengan menggunak an Keypad(Up, Down, Left, Right) untuk melihat bagian-bagian dari map , terdapat nama tempat dan k eberadaan pengguna sek arang (Ditandai dengan warna merah pada simbol hotspot) pada map tersebut.

106 3.4.3.1.13 Layar Map Menu Resolusi: Sesuai dengan tipe dan merk mobile

phone pengguna. Map Menu Navigasi:

Move To Change Map

1. Move To : Option untuk menampilk an Lay ar

Hotspot List (Map Menu) y ang berguna untuk melihat list dan berpindah tempat k e hotspot y ang diingink an y ang terdapat pada lay ar Map . 2. Change Map : Merupak an Option untuk berpindah k e Lay ar Map List untuk mengganti

map . 3. Back : Merupak an tombol y ang digunak an untuk k embali k e lay ar map . 4. Select: Merupak an tombol untuk memilih option

Select

Back

Gambar 3.47 Layar Map Menu

y ang diingink an Durasi: Sound: Tidak ada. Text A ttribute: Sesuai dengan tipe dan merk

mobile phone pengguna. Deskripsi: Lay ar ini diak ses dengan menggunak an tombol Menu pada lay ar map . Pada Lay ar ini terdapat option untuk mengganti map dan melak uk an perpindahan lok asi (Move To) sesuai dengan hotspot y g terdapat pada lay ar map.

107 3.4.3.1.14 Layar HotSpot List (Map) Resolusi: Sesuai dengan tipe dan merk

mobile phone pengguna. Hotspot List Navigasi:

BINUS_Elevator_Lt01 BINUS_HallWay_Lt01 BINUS_Library_Entrance BINUS_Library_Point01 BINUS_Library_Point02 BINUS_Library_Point03 BINUS_Library_Point04 BINUS_Library_Point05 BINUS_SideElevator_Lt01 BINUS_SAC_Entrance BINUS_SAC

1. Back : Merupak an tombol y ang digunak an untuk k embalik k e lay ar Map Menu. 2. Select: Merupak an tombol y ang digunak an untuk memilih hotspot y ang diingink an. Durasi: Sound: Tidak ada Text A ttribute: Sesuai dengan tipe dan merk

mobile phone pengguna. Select

Back

Gambar 3.48 Layar Hotspot List (Map) Deskripsi: Merupak an lay ar y ang dapat diak ses menggunak an tombol Move To dari lay ar Menu

Map. Lay ar ini digunak an untuk berpindah lok asi sesuai dengan hotspot y ang ada pada lay ar Map y ang sedang dibuk a.

108 3.4.3.1.15 Layar Map List Resolusi: Sesuai dengan tipe dan merk


Change Map Navigasi:

BINUS_Anggrek_Lt01 BINUS_Anggrek_Lt02 BINUS_Anggrek_Lt03 BINUS_Anggrek_Lt04 BINUS_Anggrek_Lt05 BINUS_Anggrek_Lt06 BINUS_Anggrek_Lt07 BINUS_Anggrek_Lt08

1. Back : Merupak an tombol untuk k embali k e lay ar Map Menu . 2. Select: Merupak an tombol untuk memilih

map y ang diingink an. Durasi: Sound: Tidak ada Text A ttribute: Sesuai dengan tipe dan merk


Select

Back

Gambar 3.49 Layar Map List Deskripsi: Lay ar ini diak ses melalui lay ar Map Menu . Pada lay ar ini terdapat sek umpulan lok asi

Map y ang terdapat pada file virtual tour y ang dibuk a. Pengguna dapat berpindah Map atau lok asi dengan memilih salah satu dari sek umpulan map y ang ada pada file virtual tour y ang sedang dibuk a.

109 3.4.3.1.16 Layar Info Resolusi: Sesuai dengan tipe dan merk

mobile phone pengguna. Info Photo Inform ation

Navigasi: 1. Back : Tombol y ang digunak an untuk k embali k e lay ar Photo Menu . Durasi: Sound: Tidak ada Text A ttribute: Sesuai dengan tipe dan merk

mobile phone pengguna. Back

Gambar 3.50 Layar Info Deskripsi: Lay ar ini menampilk an informasi detail mengenai tempat atau ruangan dimana pengguna berada sek arang.

110 3.4.3.1.17 Layar Help Help

Resolusi: Sesuai dengan tipe dan merk

mobile phone pengguna. - Keypad up,down, left, right : Navigate Map or Photo V iew S creen - NumberPad 1~9 : Shortkey to change places (HotSpot) at Photo View Screen - Number Pad 0 : Short key to S how or Hide HotSpot

Navigasi: 1. Back : Tombol y ang digunak an untuk k embali k e Lay ar Photo Menu .

- * : Zoom In - # : Zoom Out


Back


Gambar 3.51 Layar Help Deskripsi: Lay ar ini meny ediak an panduan pemak aian dari aplik asi. Di dalamny a terdapat k eterangan dari k egunaan setiap tombol y ang dapat membantu pengguna dalam menggunak an aplik asi ini.

111 3.4.3.1.18 Layar About Resolusi: Sesuai dengan tipe dan merk About


VRP Viewer Ver 0.9.1 VRP Viewer 0.9.1 was made by : - Vicha Winata - Indramawan L - Vicky

Navigasi: 1. Back : Tombol y ang digunak an untuk k embali k e Lay ar Photo Menu .

Feel free to give us any s uggestion or bug reports , ema il us a t: rathal os666 @yahoo. com

Durasi: Sound: Tidak ada

Copyright @ 2008 VRP Group. Al l rights reserved

Back



Gambar 3.52 Layar About Deskripsi: Merupak an lay ar y ang menampilk an k eterangan dari aplik asi ini seperti v ersi aplik asi, pembuat aplik asi dan lainny a.

112 3.4.3.1.19 Layar Alert (HotSpot Tidak Ditemukan) Resolusi: Sesuai dengan tipe dan merk mobile

phone pengguna. Alert

Navigasi: 1. Done: Menutup lay ar Alert dan k embali k e lay ar Sebelumny a ( Photo View atau Map )

The selected HotSpot not found

Durasi: Sound: Disesuaik an dengan Alert Sound masingmasing Tipe dan Merk Mobile phone.


mobile phone pengguna. Done

Gambar 3.53 Layar Alert (Hotspot Tidak Ditemukan) Deskripsi: Lay ar ini menampilk an pesan k esalahan apabila pengguna menek an shortkey

HotSpot y ang tidak terdapat pada lay ar Photo View atau lay ar Map .

113 3.4.3.1.20 Layar Loading Resolusi: Sesuai dengan tipe dan merk mobile

phone pengguna.

Navigasi: Durasi: Hingga proses load image selesai (berv ariasi sesuai dengan k emampuan processing Now Loading

mobile phone) Sound: Disesuaik an dengan Alert Sound masing – masing Tipe dan Merk Mobile phone.



Gambar 3.54 Layar Loading Deskripsi:

M erupakan layar yang ditampilkan pada saat VRP Player sedang melakukan

pemrosesan image. Tidak ada interaksi yang dapat dilakukan pada layar ini.

114 3.4.3.1.21 Layar Multi Hotspot Resolusi: Sesuai dengan tipe dan merk mobile

phone pengguna.

Multi Hotspot Navigasi:

BINUS_Anggrek_Lt01 BINUS_Anggrek_Lt02 BINUS_Anggrek_Lt03 BINUS_Anggrek_Lt04 BINUS_Anggrek_Lt05 BINUS_Anggrek_Lt06 BINUS_Anggrek_Lt07

1. Back : Merupak an tombol untuk k embali k e lay ar photo v iew. 2. Select: Merupak an tombol untuk memilih lantai atau lok asi y ang diingink an. Durasi: Sound: Tidak ada

Select

Back



Gambar 3.55 Layar Multi Hotspot Deskripsi: Merupak an lay ar y ang muncul pada saat pengguna memilih hotspot k husus dari lay ar Photo View untuk berpindah lok asi atau lantai, misalny a: hotspot pada elev ator. Lay ar ini memberik an pilihan beberapa lok asi y ang ingin dituju dari hotspot khusus y ang dipilih sebelumny a.

115 3.4.3.2 Aplikasi back-end 3.4.3.2.1 Menu Bar a. Menu File VRP Editor File Tools Help New Virtual Tour... Open Virtual Tour... Save Project Exit

Gambar 3.56 Menu File Navigasi:

Deskripsi:

1. New Virtual Tour: Merupak an sub menu untuk

Menampilk an sub menu dari Menu File y ang

membuat project vir tual tour baru dengan

digunak an untuk membuat project virtual

membuk a lay ar New Virtual Tour.

tour baru, membuk a project virtual tour,

2. Open Virtual Tour: Merupak an sub menu

meny impan project dan k eluar dari aplik asi.

untuk membuk a project virtual tour dengan menampilk an lay ar Open Virtual Tour 3. Save Project: Merupak an sub menu untuk meny impan project virtual tour y ang dibuat. 4. Exit: Merupak an sub menu untuk k eluar dari aplik asi. Durasi: Sound: Tidak ada Text A ttribute: Tahoma dengan size 10

116 b. Menu Tools

VRP Editor File Tools View Help Project Properties... Publish Tour...

Gambar 3.57 Menu Tools Navigasi:

Deskripsi:

1. Project Properties: Merupak an sub menu

Menampilk an sub menu dari Menu Tools

untuk mengatur property dari project y ang

y ang digunak an untuk mengatur project

sedang dibuat dengan membuk a lay ar Project

properties

Properties.

menjadi file virtual tour y ang dapat dibaca

2. Publish Tour: Merupak an sub menu untuk

oleh VRP Player pada mobile phone.

membuat file virtual tour y ang dapat dibaca oleh

VRP Player pada mobile phone dengan membuk a lay ar Publish Tour. Durasi: Sound: Tidak ada Text A ttribute: Tahoma dengan size 10

dan

mem- publish

project

117 c. Menu Help

VRP Editor File Tools Help Help Quick Help About

Gambar 3.58 Menu Help Navigasi:

Deskripsi:

1. Quick Help: Merupak an sub menu untuk

Menampilk an sub menu dari Menu help

menampilk an panduan singk at atau bantuan dalam

y ang digunak an untuk menampilk an lay ar

pengoperasian aplik asi.

Quick Help dan About.

2. About: Merupak an sub menu untuk menampilk an lay ar About. Durasi: Sound: Tidak ada Text A ttribute: Tahoma dengan size 10

118 3.4.3.2.2 Layar Main Screen (Nodes)

VRP Editor File Tools Help Nodes

Nama Node

Multi New

Pr operties

Delete

Software Laboratory Lift 1F Lift 2F Re ading Area 1 Lobby [Map] First Floor Map [Map] Second Floor Map Gambar Panorama/Map Hotspots

New

Pr operties

Delete

Intersection 1F Binus Fro nt

VRP Editor 1.0

0,0

200 0,400

Gambar 3.59 Layar Main Screen (Nodes) Navigasi:

Deskripsi:

1. New (Nodes): Merupak an tombol untuk

Lay ar Main Screen merupak an lay ar y ang

membuat node baru dengan membuk a lay ar

pertama k ali muncul begitu aplik asi Editor

Create New Node.

dijalank an. Pada lay ar ini pengembang

2. Properties (Nodes): Merupak an tombol untuk

dapat membuat virtual tour y ang nantiny a

membuk a lay ar Panorama Properties atau Map

dapat dijalank an oleh VRP Player pada

Properties sesuai dengan tipe node y ang dipilih.

mobile phone. Pengembang juga dapat

3. Delete (Nodes): Merupak an tombol untuk

melihat preview atau contoh tampilan foto

menghapus node y ang dipilih

panorama di lay ar k anan. Preview foto

4. New (Hotspots): Merupak an tombol untuk

dapat digerakk an dengan mouse (left click

menambahk an hotspot pada node y ang dipilih

+ drag ).

dengan membuk a lay ar Create New Hotspot. 5. Properties (Hotspots): Merupak an tombol untuk mengatur property dari hotspot pada node y ang dipilih dengan membuk a lay ar Hotspot Properties, 6. Delete (Hotspots): Merupak an tombol untuk menghapus hotspot pada node y ang dipilih 7. Multi: Merupak an tombol untuk berpindah tab

119 k e lay ar Main Screen (Multi) Durasi: Sound: Tidak ada Text A ttribute: Tahoma dengan size 10

120 3.4.3.2.3 Layar Main Screen (Multi) VRP Editor File Tools Help Nodes

Nama Node

Multi

Change Floor Intersection

New...

Pr operties...

Delete

New...

Pr operties...

Delete

Gambar Panorama/ Map Hotspots

1st Floor 2nd Floor

VRP Editor 1.0

0,0

2000,400

Gambar 3.60 Layar Main Screen (Multi) Navigasi:

Deskripsi:

1. New (Multi): Merupak an tombol untuk

Sama seperti lay ar Main Screen (Nodes)

membuat atau menambah Multi Hotspot dengan

dengan tampilan tab y ang berpindah k e

membuk a lay ar Create Multi Hotspot.

multi. Lay ar ini digunak an untuk mengatur

2. Properties (Multi): Merupak an tombol untuk

parameter

mengatur property dari multi hotspot y ang dipilih

dapat menghubungk an k e beberapa lok asi

dengan membuk a lay ar Multi Hotspot Properties

lainny a)

3. Delete (Multi): Merupak an tombol untuk menghapus multi hotspot y ang dipilih 4. New (Hotspot): Merupak an tombol untuk menambahk an hotspot pada multi hotspot y ang dipilih dengan membuk a lay ar Create New

Hotspot. 5. Properties (Hotspot): Merupak an tombol untuk mengatur property dari hotspot pada multi

hotspot y ang dipilih dengan membuk a lay ar Hotspot Properties. 6. Delete (Hotspots): Merupak an tombol untuk

multi (hotspot k husus y ang

121 menghapus hotspot pada multi hotspot y ang dipilih 7. Nodes: Merupak an tombol untuk untuk berpindah tab k e lay ar Main Screen (Nodes) Durasi: Sound: Tidak ada Text A ttribute: Tahoma dengan size 10

122 3.4.3.2.4 Layar New Virtual Tour

Browse For Folder Select/create a folder for your new virtual tour

Folder Tree

Make New Folder

OK

Cancel

Gambar 3.61 Layar New Virtual Tour Navigasi:

Deskripsi:

1. Make New Folder: Merupak an tombol untuk

Merupak an lay ar y ang diak ses melalui sub

membuat folder pada path y ang ditentuk an.

menu New Virtual Tour. Pada lay ar ini

2. OK: Merupak an tombol konfirmasi untuk

pengembang

dapat menentuk an dimana

membuat project vir tual tour.

lok asi untuk

membuat dan meny impan

3. Cancel: Merupak an tombol untuk

Project Virtual Tour.

membatalk an pembuatan project baru dan k embali k e lay ar Main Screen. Durasi: Sound: Tidak ada Text A ttribute: Tahoma dengan size 10

123 3.4.3.2.5 Layar Open Virtual Tour

Open Virtual Tour Project File Look in:

Filename inside folder

OK

File name:

Cancel

Files of type:

Gambar 3.62 Layar Open Virtual Tour Navigasi:

Deskripsi:


Merupak an

membuk a project virutal tour y ang dipilih.

melak uk an pencarian dan membuk a project

2. Cancel: Merupak an tombol untuk k embali k e

virtual tour.

lay ar Main Screen. Durasi: Sound: Tidak ada Text A ttribute: Tahoma dengan size 10

lay ar

y ang

berfungsi untuk

124 3.4.3.2.6 Layar Project Properties

Project Properties Logo:

Import...

Logo Background Color:

FFFFFF

Logo Time:

ms

Default Panorama:

OK

Cancel

Gambar 3.63 Layar Project Properties Navigasi:

Deskripsi:

1. OK: Merupak an tombol untuk

Merupak an

mengkonfirmasi property y ang telah di- set

property dari project y ang dibuat. Pada lay ar


ini pengembang dapat menentuk an logo,

membatalk an property y ang di- set.

warna b ackground , lamany a logo muncul

Durasi: -

dan foto atau panorama y ang pertama k ali

Sound: Tidak ada

muncul pada saat file virtual tour dijalank an

Text A ttribute: Tahoma dengan size 10

oleh VRP Player pada mobile phone.

lay ar

untuk

menentuk an

125 3.4.3.2.7 Layar Publish Tour

Publish Tour to VRP file Save in:


File name:

OK Cancel

Save of type:

Gambar 3.64 Layar Publish Tour Navigasi:

Deskripsi:

1. OK: Merupak an tombol k onfirmasi untuk mem-

Merupak an lay ar untuk mem- publish project

publish project y ang dibuat menjadi file virtual

y ang dibuat menjadi file virtual tour y ang

tour y ang dapat dibaca oleh VRP Player pada

dapat dibaca oleh VRP Player pada mobile

mobile phone di path y ang dipilih oleh

phone

pengembang. 2. Cancel: Merupak an tombol untuk k embali k e lay ar Main Screen. Durasi: Sound: Tidak ada Text A ttribute: Tahoma dengan size 10

126 3.4.3.2.8 Layar Help

Quick Help

Pesan Help

OK

Gambar 3.65 Layar Help Navigasi :

Deskripsi :

1. OK : Merupak an tombol untuk menutup lay ar

Merupak an

Help , dan k embali k e lay ar Main Screen.

panduan atau bantuan dalam menjalank an

Durasi : -

aplik asi.

Sound : Tidak ada Text A ttribute : Tahoma dengan size 10

lay ar

y ang

menampilk an

127 3.4.3.2.9 Layar About

About VRP Editor VRP Editor 1.0 was made by: - Vicha Winata - Indramawan L - Vicky Feel free to give us any suggestion or bug reports, email us at: [email protected] Copyright @ 2008 VRP Group. All rights reserved.

OK

Gambar 3.66 Layar About Navigasi:

Deskripsi:

1. OK: Merupak an tombol untuk menutup lay ar

Merupak an

About, dan k embali k e lay ar Main Screen.

k eterangan dari aplik asi ini seperti v ersi

Durasi: -

aplik asi, pembuat aplik asi dan lainny a.

Sound: Tidak ada Text A ttribute: Tahoma dengan size 10

lay ar

y ang

menampilk an

128 3.4.3.2.10 Layar Create New Node

Create New Node Name: Image: Type:

Import... Panorama

Map

Map: Info:

OK

Cancel

Gambar 3.67 Layar Create New Node Navigasi:

Deskripsi:

1. Import: Merupak an tombol untuk memasuk an

Merupak an lay ar untuk membuat node baru.

foto k e dalam Project.

Pengembang


memilih


menentuk an tipe node. Selain itu k husus


tipe

membatalk an penambahan node baru.

menentuk an map dan memberik an informasi

Durasi: -

pada node.

Sound: Tidak ada Text A ttribute: Tahoma dengan size 10

dapat

foto

Panorama,

memasuk an

y ang

digunak an,

pengembang

nama, dan dapat

129 3.4.3.2.11 Layar Panorama Properties

Panorama Properties Node Name: Image:

Import...

Map: Info:

OK

Cancel

Gambar 3.68 Layar Penorama Properties Navigasi:

Deskripsi:


Merupak an lay ar untuk mengubah property

foto k e dalam Project.

dari node panorama y ang sudah pernah


dibuat. Pengembang


nama, memilih foto y ang digunak an pada


node, menentuk an map dan memberik an

membatalk an property y ang di- set.

informasi pada node.

Durasi: Sound: Tidak ada Text A ttribute: Tahoma dengan size 10

dapat memberik an

130 3.4.3.2.12 Layar Map Properties

Map Properties Node Name: Image:

Import... OK

Cancel

Gambar 3.69 Layar Map Properties Navigasi:

Deskripsi:


Merupak an lay ar untuk merubah property

gambar k e dalam Project.

dari


Pengembang dapat menentuk an gambar


map y ang digunak an, dan menentuk an


nama map.

membatalk an property y ang di- set. Durasi: Sound: Tidak ada Text A ttribute: Tahoma dengan size 10

map y ang sudah pernah

dibuat.

131 3.4.3.2.13 Layar Create New Multi Hotspot atau Multi Hotspot Properties

Multi Hotspot Properties Name: OK

Cancel

Gambar 3.70 Layar Multi Hotspot Properties Navigasi:

Deskripsi:


Merupak an


hotspot baru atau merubah nama dari multi


hotspot.


lay ar

untuk

membuat multi

132 3.4.3.2.14 Layar Create New Hotspot atau Hotspot Properties (Nodes) Hotspot Properties Name: Move To: Position:

X=

0

Y=

0

Coordinate selector

Focus:

X=

0

Y=

0

Coordinate selector

OK

Cancel

Gambar 3.71 Layar Create New Hotspot atau Hotspot Properties (Nodes) Navigasi:

Deskripsi:

1. Coordin ate Selector : Merupak an tombol untuk

Merupak an

membuk a lay ar Coordinate Selector dan

mengatur property dari Hotspot y ang dipilih.

menentuk an kordinat baik untuk Focus maupun

Pada

Position.

memberik an nama, menentuk an target dari


hotspot (Move To), memberik an posisi

mengek sekusi property y ang telah di- set dan

hotspot pada node dan menentuk an focus

menuju k e lay ar Main Screen.

pada foto y ang dituju oleh hotspot.

3. Cancel: Merupak an tombol untuk k embali k e lay ar Main Screen. Durasi: Sound: Tidak ada Text A ttribute: Tahoma dengan size 10

lay ar

lay ar ini

untuk

membuat

pengembang

atau dapat

133 3.4.3.2.15 Layar Create New Hotspot atau Hotspot Properties (Multi)

Hotspot Properties Name: Move To: Focus:

X=

Y=

0 OK

0

Coordinate selector

Cancel

Gambar 3.72 Layar Create New Hotspot atau Hotspot Properties (Multi) Navigasi:

Deskripsi:

1. Coordin ate Selector : Merupak an tombol untuk

Merupak an

lay ar

membuk a lay ar Coordinate Selector dan

mengatur

hotspot.

menentuk an kordinat untuk Focus.

pengembang


menentuk an target hotspot (Move To) dan


menentuk an focus pada foto y ang dituju


oleh hotspot.


untuk

dapat

membuat

Pada

atau

lay ar

memberik an

ini

nama,

134 3.4.3.2.16 Layar Import New Picture

Import Panorama or Map Image Look in:


OK

File name:

Cancel

Files of type:

Gambar 3.73 Layar Import New Picture Navigasi:

Deskripsi:


Merupak an lay ar untuk melak uk an pencarian

memasuk an foto y ang sudah ditentuk an k e

dan memasuk an foto k e dalam project.

dalam project. 2. Cancel: Merupak an tombol untuk k embali k e lay ar sebelumny a. Durasi: Sound: Tidak ada Text A ttribute: Tahoma dengan size 10

135 3.4.3.2.17 Layar Coordinate Selector

Coordinate Selector - left click anywhere on the picture to get the coordinate Left click and drag to move the picture. Shift + left click to get the coordinate. X = 1123 Y=213

Picture

Cancel

Gambar 3.74 Layar Coordinate Selector Navigasi:

Deskripsi:

1. Cancel: Merupak an tombol untuk menutup

Merupak an lay ar y ang berfungsi untuk

lay ar Coordinate Selector dan k embali k e lay ar

membantu

sebelumny a

menentuk an kordinat pada foto.

2. Shift + left click: Merupak an kombinasi untuk menentuk an posisi sesuai k ursor mouse pada foto dan mengirimk an kordinat k e lay ar sebelumny a. Durasi: Sound: Tidak ada Text A ttribute: Tahoma dengan size 10

pengembang

dalam

136 3.4.4 Database 3.4.4.1 Entity Realtionship Diagram (ERD)

0..1

MsConfig PK

project_id

FK1

target_node_id logo_path logo_time logo_bg_color

0..*

MsHotspot

MsNode

0..1

1..1

PK

FK1

PK

node_id node_name image_path is_map node_map node_info

1..1 0..1

hotspot_id hotspot_name

0..* FK1 node_id 0..*

FK2 FK3

1..1

x y target_node_id target_multihs_id x_target_focus y_target_focus

0..* 0..* MsChildMultiHotspot PK FK2 FK1

0..1

childhs_id childhs_name multihs_id x_target_focus y_target_focus target_node_id

Gambar 3.75 ERD

0..*

1..1

MsMultiHotspot PK

multihs_id multihs_name

137 3.4.4.2 Kamus Data Perancangan database digunakan untuk merancang suatu tempat penampungan data. Data-data tersebut akan dapat ditambah dan diupdate melalui aplikasi back-end side. Berikut adalah rancangan database yang digunakan: 3.4.4.2.1 Tabel MsConfig Tabel ini digunakan untuk menampung data-data mengenai global properties dari suatu project. Tabel 3.16 Keterangan Tabel Database “MsConfig” Nama Field

Tipe

Panjang

Data

Primary Foreign Key

Keterangan

Key

project_id

Number

4

target_node_id

Number

4

TRUE MsNode.node_id

Untuk

menentuk an

node y ang pertama k ali dipanggil saat program VRP dijalank an. logo_path

Varchar

255

Untuk

menampung

lok asi

peny impanan

gambar

y ang

ditampilk an logo

ak an sebagai

dalam

splash

screen. logo_time

Number

4

Untuk durasi

menampung dari

tampilan

logo (dalam milisecond) logo_bg_color

Char

6

Untuk

menampung

warna backgroun d saat logo ditampilk an

138 3.4.4.2.2 Tabel MsNode Untuk menampung node-node dalam VRP. Node akan terbagi menjadi 2 tipe (panorama dan map) yang ditentukan oleh field is_map. Tabel 3.17 Keterangan Tabel Database “MsNode” Nama Field

Tipe

Panjang

Data

Primary Foreign Key

Keterangan

Key

node_id

Number

4

node_name

Varchar

50

Primary Key

TRUE

Untuk

menampung

nama dari node. image_path

Varchar

255

Untuk

menampung

lok asi

peny impanan

gambar

y ang

ak an

ditampilk an pada v irtual tour. is_map

Boolean

Untuk menentuk an tipe dari node. A pabila node bertipe

panorama,

is_map

ak an

FA LSE.

Apabila

bertipe

map ,

bernilai

node is_map

ak an bernilai TRUE. node_map

Number

4

MsNode.node_id

Untuk menentuk an map tempat

panorama

berada. Field ini hany a ak an digunak an untuk

node

y ang

bertipe

panorama, untuk node y ang bertipe map , field ini ak an bernilai NULL. node_info

Varchar

255

Untuk menampung info dari node. Field ini ak an bernilai

NULL

pada

node y ang bertipe map .

139 3.4.4.2.3 Tabel MsHotspot Tabel ini digunakan untuk menampung data-data dari hotspot. Hotspot adalah penghubung dari satu node ke node lainnya, atau dari node ke multi hotspot. Tabel 3.18 Keterangan Tabel Database “MsHotspot” Nama Field

Tipe

Panjang

Data

Primary Foreign Key

Keterangan

Key

hotspot_id

Number

4

hotspot_name

Varchar

50

Primary Key

TRUE

Untuk menampung nama dari

hotspot. node_id

Number

4

MsNode.node_id

Untuk menentuk an

node tempat hotspot berada. x

Number

4

Untuk menampung posisi hotspot di

node berdasark an sumbu x. y

Number

4

Untuk menampung posisi hotspot di

node berdasark an sumbu y . target_node_id

Number

4

MsNode.node_id

Untuk menampung node y ang menjadi target dari hotspot. A pabila field ini

140 memilik i nilai (tidak NULL) mak a field target_multihs_id ak an bernilai NULL. target_multihs_id

Number

4

MsMultiHotspot.multihs_id

Untuk menampung

multi hotspo t y ang menjadi target dari hotspot. A pabila

field ini memilik i nilai (tidak NULL) mak a field target_node_id ak an bernilai NULL. x_target_focus

Number

4

Untuk menampung posisi tampilan awal node y ang ditunjuk hotspot berdasark an sumbu x.

y _ target_focus

Number

4

Untuk menampung posisi tampilan awal node y ang ditunjuk hotspot berdasark an sumbu y .

141 3.4.4.2.4 Tabel MsMultiHotspot MsM ultiHotspot digunakan untuk menampung data multi hotspot. Setiap multi hotspot akan memiliki 0 (nol) atau lebih child multi hotspot. Tabel 3.19 Keterangan Tabel Database “MsMultiHospot” Nama Field

Tipe

Panjang

Data

Primary Foreign Key

multihs_id

Number

4

multihs_name

Varchar

50

Keterangan

Key

Primary Key

TRUE

Untuk menampung nama dari multi hotspot.

3.4.4.2.5 Tabel MsChildHotspot MsChildM ultiHotspot digunakan untuk menampung data child multi hotspot. Child multi hotspot adalah penghubung dari multi hotspot ke node. Tabel 3.20 Keterangan Tabel Database “MsChildHotspot” Nama Field

Tipe

Panjang

Data

Primary Foreign Key

Keterangan

Key

childhs_id

Number

4

childhs_name

Varchar

50

Primary Key

TRUE

Untuk menampung nama dari child

multi hotspot. multihs_id

Number

4

MsMultihotspot.multihs_id

Untuk menentuk an

multi hotspot tempat child

multi hotspot berada.

142

x_target_focus

Number

4

Untuk menampung posisi tampilan awal node y ang ditunjuk child

multi hotspot berdasark an sumbu x. x_target_focus

Number

4

Untuk menampung posisi tampilan awal node y ang ditunjuk child

multi hotspot berdasark an sumbu y . target_node_id

Number

4

MsNode.node_id

Untuk menampung node y ang menjadi target dari child multi

hotspot.

143 3.4.5 Perancangan XML 3.4.5.1 XML Configuration Tabel 3.21 Keterangan Tabel XML “Configuration” Nama

Deskripsi

mov e

Merupak an elemen untuk menentuk an lok asi XML y ang ak an di panggil pertama k ali (foto panorama pertama y ang muncul dalam tour ).

logo

Merupak an elemen untuk menentuk an gambar

splash screen awal pada saat virtual tour dijalank an. bgcolor

Merupak an elemen untuk menentuk an warna

background pada saat splash screen tour muncul. logo-timer

Merupak an elemen untuk menentuk an berapa lama delay dari splash screen k etik a virtual

tour dijalank an (dalam satuan millisecond) map-list

Merupak an elemen untuk menentuk an lok asi XML y ang meny impan daftar XML map y ang ada dalam tour.

3.4.5.2 XML Panorama Tabel 3.22 Keterangan Tabel XML “Panorama” Nama

Deskripsi

panorama

Merupak an elemen y ang menentuk an jenis atau tipe dari x ml y ang ak an diproses oleh VRP

Player . (tipe map atau panorama) name

Merupak an elemen untuk menentuk an nama lok asi dari foto panorama y ang ditampilk an.

image-path

Merupak an elemen untuk menentuk an di mana lok asi

peny impanan

gambar

ditampilk an pada v irtual tour.

y ang

ak an

144

map

Merupak an elemen untuk menentuk an di XML

map manak ah foto panorama atau lok asi y ang ditunjuk XML ini berada. info

Merupak an

elemen

y ang

berguna

untuk

meny impan informasi lok asi.

hotspot

Merupak an

elemen

mengelompok an

y ang berfungsi untuk

detail

data

pada

suatu

hotspot. Bagian dari elemen hotspot berupa x, y , xfoc, y foc, name, mov e, dan multi) (hotspot)x

Merupak an bagian dari elemen hotspot y ang berfungsi untuk menentuk an posisi hotspot di foto panorama berdasark an sumbu X (dalam ukuran pixel)

(hotspot)y

Merupak an bagian dari elemen hotspot y ang berfungsi untuk menentuk an posisi hotspot di foto panorama berdasark an sumbu Y (dalam ukuran pixel)

(hotspot)xfoc

Merupak an bagian dari elemen hotspot y ang berfungsi untuk menentuk an posisi tampilan awal foto panorama y ang ditunjuk hotspot berdasark an sumbu X (dalam uk uran pixel).

(hotspot)y foc

Merupak an bagian dari elemen hotspot y ang berfungsi untuk menentuk an posisi tampilan awal foto panorama y ang ditunjuk hotspot berdasark an sumbu Y (dalam uk uran pixel).

(hotspot)name

Merupak an bagian dari elemen hotspot y ang berfungsi untuk menentuk an nama hotspot

(hotspot)mov e

Merupak an bagian dari elemen hotspot y ang berfungsi untuk menentuk an lok asi XML y ang ak an dipanggil saat hotspot dipilih.

(hotspot)multi

Merupak an bagian dari elemen hotspot y ang berfungsi untuk menentuk an apak ah suatu

hotspot dapat menuju k e berbagai hotspot lain

145 3.4.5.3 XML Map Tabel 3.23 Keterangan Tabel XML “Map” Nama

Deskripsi

Map

Merupak an elemen y ang menentuk an jenis atau tipe dari x ml y ang ak an diproses oleh VRP

Player . (tipe map atau panorama) name

Merupak an elemen untuk menentuk an nama map y ang ditampilk an.

image-path

Merupak an elemen untuk menentuk an dimana lok asi peny impanan gambar map y ang ak an ditampilk an pada v irtual tour.

hotspot

Merupak an

elemen

mengelompok an


detail

data

pada

suatu

hotspot. Bagian dari elemen hotspot berupa x, y , name, dan mov e. (hotspot)x

Merupak an bagian dari elemen hotspot y ang berfungsi untuk menentuk an posisi hotspot di

map berdasark an sumbu X (dalam uk uran pixel) (hotspot)y

Merupak an bagian dari elemen hotspot y ang berfungsi untuk menentuk an posisi hotspot di

map berdasark an sumbu Y (dalam uk uran pixel) (hotspot)name


(hotspot)mov e


146 3.4.5.4 XML Maplist Tabel 3.24 Keterangan Tabel XML “Maplist” Nama

Deskripsi

map-path

Menentuk an lok asi XML y ang berupa map

3.4.5.5 XML Multi Tabel 3.25 Keterangan Tabel XML “Multi” Nama

Deskripsi

hotspot

Merupak an

elemen

mengelompok an

hotspot.

Bagian


detail dari

data

pada

elemen

suatu

hotspot

berupa(name, mov e, xfoc, y foc) (hotspot)name


(hotspot)mov e


(hotspot)xfoc

Merupak an bagian dari elemen hotspot y ang berfungsi untuk menentuk an posisi tampilan awal foto panorama y ang ditunjuk hotspot berdasark an sumbu X (dalam uk uran pixel).

(hotspot)y foc

Merupak an bagian dari elemen hotspot y ang berfungsi untuk menentuk an posisi tampilan awal foto panorama y ang ditunjuk hotspot berdasark an sumbu Y (dalam uk uran pixel).

147 3.4.6 Arsitektur Aplikasi Back-End dan Front-End

Back- End

Front- End

Cont ainer

Images Import

VRP Project

Virtual Tour

Images

Images

Create or Edit

VRP Editor (Developer)

Read

Publish into

Database

XML

VRP Player (From User Mobile Phone)

Gambar 3.76 Arsitektur Aplikasi Back-End dan Front-End

Gambar di atas menunjukkan arsitektur aplikasi Back-End dan Front-End. Pada arsitektur tersebut bagian Back-End berfungsi untuk membuat dan merubah VRP Project yang berfungsi sebagai container (penampung file gambar dan database), kemudian file project tersebut di-publish menjadi file virtual tour. Sedangkan bagian Front-End yang berada pada mobile phone pengguna berfungsi untuk membaca file virtual tour. Pada saat proses mem-publish VRP Project data dalam database diubah ke dalam XM L dan dibungkus bersama gambar-gambar menjadi file virtual tour yang memiliki extension *.vrp.

BAB 3 ANALISIS DAN PERANCANGAN APLIKASI. 3.1 Latar Belakang Studi Kasus ( BINUS UNIVERSITY )

Recommend Documents