A. PURE Player
3.4 Perancangan Aplikasi
3.4.2 State Transition Diagram (STD) .1 Aplikasi Front-End
3.4.2.1.1 S TD Layar Main Menu
Main Menu
Exit File
Browser
Tekan tombol Exit
Keluar dari aplikasi Tampil layar File BrowserTekan tombol Browse
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
File Browser
Main Menu Photo View
Tekan tombol Close
Tampil Layar Main Menu Tampil Layar Photo ViewTekan t ombol Open
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.
3.4.2.1.3 S TD Layar Photo View
Photo View Photo Menu
Pilih VRP Menu Tampil Layar Photo Menu Tekan Tombol Move To
Tampil layar Hotspot List Photo View Hotspot List
(Photo View)
Main Menu
Pilih Quit Tampil layar Main Menu
Multi Hotspot Pilih Hotspot Khusus Tampil Layar 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
3.4.2.1.4 S TD Layar Photo Menu
Photo Menu Map
Photo View
Info
Help About
Pilih Hide or Show Hotspot Tampil Layar Photo View dengan atau
tanpa hostpot
Pilih Show Map Tampil Layar Map
Pilih About Tampil Layar About Pilih Help
Tampil Layar Help
Pilih Info Tampil Layar Info Photo View Tampil Layar Photo ViewTekan tombol Back
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
3.4.2.1.5 S TD Layar Hotspot List (Photo View)
Hotspot List (Photo View)
Photo View Tekan tombol Back Photo View
Tampil Layar Photo View sebelumnya
Tekan tombol Select Tampil Layar Photo View sesuai
dengan hotspot yang di pilih
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
Map
Photo View Map Menu
Tekan tombol Back
Tampil Layar Photo View Tampil Layar Map MenuTekan tombol 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.
3.4.2.1.7 S TD Layar Map Menu
Map Menu Hotspot List
(Map) Map List
Map Pilih Move To
Menuju ke layar Hotspot List Map
Pilih Change Map Tampil Layar Map List Tekan tombol Back
Tampil Layar 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)
Hotspot List (Map)
Map Menu Map
Tekan tombol Back Tampil Map Menu
Tekan tombol Select Tampil Layar Map sesuai dengan
hotspot yang di pilih
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
3.4.2.1.9 S TD Layar Map List
Map List
Map Menu Map
Tekan tombol Back Tampil Layar Map Menu
Tekan tombol Select Tampil Layar Map sesuai
dengan map yang dipilih
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
Info Photo
Menu
Tekan Tombol Back Tampil Layar Photo Menu
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
3.4.2.1.11 S TD Layar Help
Help Photo
Menu
Tekan Tombol Back Tampil Layar Photo Menu
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
About Photo
Menu
Tekan Tombol Back Tampil Layar Photo Menu
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.
3.4.2.1.13 S TD Layar Multi Hotspot
Mult i Hotspot Photo
View Tekan Tombol Back
Tampil Layar Photo View
Phot o View Tekan Tombol Select
Tampil Layar Photo View sesuai dengan hotspot yang dipilih
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
Menu File Menu Tools Menu Help
Pilih Menu Tools Tampil sub menu T ools
Pilih Menu Help T ampil sub menu
Help Pilih Menu File
Tampil sub menu File
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 Menu File New Virtual Tour Open Virtual Tour Save Project Exit Pilih New Virtual Tour
T ampil Layar New Virtual Tour
Menu Tools
Menu Help
Pilih Open Virtual T our Tampil Layar Open Virtual
T our
Pilih Sav e Project Menyimpan Project
Pilih Exit Keluar dari aplikasi Pilih Menu T ools
Tampil s ub menu Tools
Pilih Menu Help Tampil sub menu
Help
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.
3.4.2.2.3 S TD Menu Tools Menu Tools Project Properties Publish Tour Menu File Menu Help
Pilih Projec t Properties T am pil Layar Projec t
Properties
Pilih Publish Project Tampil Layar Publish
Publish Pilih Menu File
Tampil sub menu File
Pilih Menu Help Tampil s ub m enu
H elp
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.
3.4.2.2.4 S TD Menu About Menu Help Quick Help About Menu File Menu Tools
Pilih Quick Help Tampil Layar Quick Help
Pilih About Tampil Layar About Pilih Menu File
Tampil sub menu File
Pilih Menu Tools Tampil s ub 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.
Skip
Splash Screen 1
3.4.3 Perancangan Layar Storyboard