48 Program Studi Pendidikan Matematika Universitas PGRI Semarang 48 BAB 6 PEMBUATAN HOTSPOT PROJECT UPGRIS TOUR Menghubungkan panorama 1 dan 2 dengan hotspot. Lihat jendela 3sixty ada menu hotspot di sebelah kiri, klik menu hotspot sehingga tampil jendela seperti berikut Perhatikan panorama 1 dengan nama testpanorama jpg dan panorama 2 dengan nama gedungU.jpg. ingat pada kondisi anda harus
49 Program Studi Pendidikan Matematika Universitas PGRI Semarang 49 memperhatikan panorama yang muncul diawal screen. Dalam kasus ini saya menggunakan gedungU sebagai panorama yang muncul diawal screen. Sehingga kita klik panorama gedungU.jpg bagian add new hotspot Lokasi hotspot yang akan di gunakan untuk gerbang antar panorama. Disarankan gerbang hotspot daerah pintu, jendela atau sebuah tempat istimewa. Disini saya pilih lantai 2 ruang dosen matematika sebagai gerbang hotspot. Klik tombol kontrol pada keyboard dan klik dengan mouse tempat hotspot secara bersamaan.
50 Program Studi Pendidikan Matematika Universitas PGRI Semarang 50 Beri nama hotspot sesuai dengan panorama tujuan agar mudah dikenali. Disini kita berinama ruang dosen matematika. Setelah diberinama klik add sehingga tampil jendela berikut
51 Program Studi Pendidikan Matematika Universitas PGRI Semarang 51 Selanjutnya buat action di panorama gedungU dengan cara klik add action
52 Program Studi Pendidikan Matematika Universitas PGRI Semarang 52 Tampil action pilihan pada select action. Silahkan pilih action dengan kilik choose one, maka ada beberapa action yang bisa kita gunakan.
53 Program Studi Pendidikan Matematika Universitas PGRI Semarang 53 Pilihan yang tersedia adalah 1. Open panorama untuk membuka pilihan panorama yang sudah dibuat 2. Show image untuk membuka pilihan gambar yang sudah ada di 3sixty kita 3. Play a video untuk membuka pilihan play video yang kita pilih pada video yang ada pada 3 sixty kita
54 Program Studi Pendidikan Matematika Universitas PGRI Semarang 54 4. Play an audio untuk membuka pilihan play audio yang ada pada 3 sixty kita 5. Open a pdf file untuk membuka file pdf kita di 3 sixty 6. Open URL untuk membuka sebuah website 7. Execute javascript code untuk action menjalankan file javascript Karena kita akan pergi kegerbang panorama yang lain maka anda pilih open panorama
55 Program Studi Pendidikan Matematika Universitas PGRI Semarang 55
56 Program Studi Pendidikan Matematika Universitas PGRI Semarang 56 Pilih panorama yang akan dibuka pada destination panorama klik di click to choose Pilih panorama dengan nama ruangdosenmatematika.jpg. maka tampilan hotspot setelah diberi action sebagai berikut
57 Program Studi Pendidikan Matematika Universitas PGRI Semarang 57 Agar nanti bisa bolak-balik gerbangnya maka tambahkan hotspot pada panorama ruangdosenmatematika.jpg agar dihubungkan dengan panorama lain, misalkan gedungU.jpg. klik add new hotspot pada panorama ruangdosenmatematika.jpg, sehingga tampil
58 Program Studi Pendidikan Matematika Universitas PGRI Semarang 58 Setelah klik add new hotspot Maka akan muncul jendela panorama ruangdosenmatematika.jpg. pilih lokasi hotspot yang akan di gunakan untuk gerbang balik ke gedungU.jpg. Kita pilih spot di pintu depan lift seperti gambat dibawah
59 Program Studi Pendidikan Matematika Universitas PGRI Semarang 59 Klik kontrol dan mouse kiri secara bersamaan di pintu tersebut, sehingga tampil jendela berikut Berinama ke gedung U pada give the hotspot a name, kemudian klik add
60 Program Studi Pendidikan Matematika Universitas PGRI Semarang 60 Klik add action
61 Program Studi Pendidikan Matematika Universitas PGRI Semarang 61 Pilih action pada select action Pilih open panorama pada choose one
62 Program Studi Pendidikan Matematika Universitas PGRI Semarang 62 Pilih panorama tujuan pada destination panorama klik pada click to choose Klik panorama gedungU.jpg maka akan tampil jendela berikut
63 Program Studi Pendidikan Matematika Universitas PGRI Semarang 63 Action telah berhasil ditambahkan pada test panorama. Kemudian silahkan buatlah hostspot pada masing masing panorama yang anda buat minimal satu panorama terdapat hotspot sejumlah panorama yang dimiliki UJICOBA HOTSPOT YANG TELAH DI BUAT Silahkan Kembali ketampilan 3 sixty, perhatikan tombol play pada kanan atas
64 Program Studi Pendidikan Matematika Universitas PGRI Semarang 64 Klik tombol play pada kanan atas Panorama depan akan muncul perhatikan sebuah lingkatan hijau, itulah tanda hotspot yang bisa digunakan untuk gerbang ke panorama lainnya. Klik lingkaran hijau tersebut maka akan tampil panorama tujuan. Seperti berikut
65 Program Studi Pendidikan Matematika Universitas PGRI Semarang 65 Panorama tujuan ada hotspot yang terlihat dengan tanda lingkaran hijau. Nah anda bisa klik lingkaran tersebut untuk kembali ke panorama depan tadi. TUGAS 1 Buatlah minimal 20 hotspot yang bisa menghubungkan 10 panorama yang telah dibuat
66 Program Studi Pendidikan Matematika Universitas PGRI Semarang 66 BAB 7 IMAGE ASSET PROJECT UPGRIS TOUR Gambar panorama dapat kita putar sebagai bentuk lingkungan nyata(gambar 360). gambar panorama berbeda dengan gambar image. Dimana gambar image berbentuk biasa selayaknya gambar yang anda punyai pada handphone. Tetapi gambar apapun (gambar standar dan 360 ) juga bisa masuk di gambar panorama dang ambar image aset hanya saja kegunaannya berbeda. Berikut perbedaan gambar penorama dan gambar image asset Gambar panorama gambar image asset Kembali ke software 3sixty perhatikan menu sebelah kiri ada menu image asset
67 Program Studi Pendidikan Matematika Universitas PGRI Semarang 67 Klik menu image asset selanjutnya bisa klik tanda + untuk menambah gambar
68 Program Studi Pendidikan Matematika Universitas PGRI Semarang 68 Pilih gambar yang akan anda gunakan dan klik open Gambar sudah masuk dalam image asset. Selanjutnya anda bisa menambahkan hotspot ke gambar tersebut. Rencananya panorama gedungU akan digunakan untuk gerbang hotspot ke gambar tersebut.
69 Program Studi Pendidikan Matematika Universitas PGRI Semarang 69
70 Program Studi Pendidikan Matematika Universitas PGRI Semarang 70 Pada hotspot pilih panorama rumahdosenmatematika.jpg klik add new hotspot dengan cara klik kontrol pada keyboard dan klik kiri mouse dilokasi jendela yang mengarah ke depan gedung U. Putar gambar dan cari tempat yang anda inginkan untuk menampilkan gambar gedungU tadi. Saya pilih dilokasi jendela yang mengarah ke depan gedung U tersebut untuk menampilkan gerbang hotspot sehingga pencet kontrol pada keyboard dan klik lokasi dengan mouse bersamaan. Sehingga tampil jendela permintaan nama untuk hotspot baru seperti berikut
71 Program Studi Pendidikan Matematika Universitas PGRI Semarang 71 Ketik nama ke gambar U, kemudian klik add Klik add action kemudian pilih action
72 Program Studi Pendidikan Matematika Universitas PGRI Semarang 72 Klik choose one sehingga tampil menu action
73 Program Studi Pendidikan Matematika Universitas PGRI Semarang 73 Klik show image sehingga anda bisa memilih gambar yang akan ditampilkan Pada bagian image to open pilih click to choose. Sehingga anda akan melihat gambar yang sudah ada di dalam image assets
74 Program Studi Pendidikan Matematika Universitas PGRI Semarang 74 Sehingga tampilan hotspot di ruangdosenmatematika sudah ada 2 Coba anda jalankan proyek UPGRIS Tour, tampilan awal dari gedung U kemudian masuk ke ruangdosenmatematika. Klik hotspot yang kegambar (ingat bukan ke panorama) maka akan tampil gambar gedung U biasa yang tidak bisa diputar. Gambar ini tidak bisa diberi hotspot, jadi setelah gambar ini tampil anda harus close akan bisa kembali ke panorama ruangdosenmatematika. Cara close nya anda klik tanda silang di kanan atas.
75 Program Studi Pendidikan Matematika Universitas PGRI Semarang 75 TUGAS 3 Buatlah 10 image asset sesuai dengan jumlah 10 panorama yang telah dibuat
76 Program Studi Pendidikan Matematika Universitas PGRI Semarang 76 BAB 8 MENGATUR VIDEO FILE PADA UPGRIS TOUR Video files terdapat pada menu kiri atas nomor 4. Anda dapat melihat memasukan asset video berupa file MP4. Siapkan sebuah file mp4 yang menarik, difolder tour upgris sudah disiapkan video profile upgris bertipe MP4. Jika file video yang anda punyai tidak terlihat jenis ekstensinya maka bisa klik properties pada file video tersebut. Caranya pilih file video kemudian klik kanan pilih properties.
77 Program Studi Pendidikan Matematika Universitas PGRI Semarang 77 Masuk kembali ke proyek UPGRIS tour. Lihat pada menu video files kemudian klik add new file
78 Program Studi Pendidikan Matematika Universitas PGRI Semarang 78 Carilah lokasi tempat video profile upgris yang anda simpan di laptop/komputer anda Jika sudah ditemukan kemudian pilih/select video profile upgris terus klik open
79 Program Studi Pendidikan Matematika Universitas PGRI Semarang 79 Video yang sudah ada dalam video files dapat anda gunakan sebagai action tampilan dipanorama tertentu dengan cara pemanggilan melalui hostpot seperti memanggil image assets. Sekarang kita kembali ke menu hotspot untuk melakukan pemanggilan video pada panorama gedung U.
80 Program Studi Pendidikan Matematika Universitas PGRI Semarang 80 Klik add new hotspot untuk menambah hotspot
81 Program Studi Pendidikan Matematika Universitas PGRI Semarang 81 Selanjutnya pilih titik hotspot yang akan dijadikan gerbang menuju video. Kita pilih di tulisan Universitas PGRI Semarang. Caranya klik kontrol pada keyboard dan klik kiri mouse pada tulisan Universitas PGRI Semarang secara bersamaan. Titik hotspot yang telah kita pilih selanjutnya kita namai dengan nama video profile upgris. Selanjutnya klik add
82 Program Studi Pendidikan Matematika Universitas PGRI Semarang 82 Terlihat pada gedung u sudah terdapat hotspot yang siap ditambahi action. Klik action pada video profile upgris Klik choose one kemudian anda pilih play video sesuai dengan rencana kita akan menampilkan video profile upgris.
83 Program Studi Pendidikan Matematika Universitas PGRI Semarang 83 Selanjutnya kita pilih video dengan cara click to choose pada bagian bawah video to play Selanjutnya akan tampil asset video yang kita punya. Kita pilih video yang kita akan tampilkan yaitu profile upgris.
84 Program Studi Pendidikan Matematika Universitas PGRI Semarang 84 Sekarang anda periksa di hotspot gedung u pastikan sudah ada 2 hotspot yang salah satunya adalah video profile upgris Anda play/jalankan tour upgris kemudian cari posisi hotspot yang telah dibuat tadi Klik hotspot yang mengarah ke video profile upgris di posisi atas tulisan Universitas PGRI Semarang.
85 Program Studi Pendidikan Matematika Universitas PGRI Semarang 85 Video akan dapat berputar, kita bisa mengatur play dan stopnya serta suaranya. Untuk menutup video ini anda bisa klik silang merah dikanan atas. TUGAS 4 Carilah 10 video mp4 tentang UPGRIS untuk dimasukan dalam asset video. Kemudian dibuat hotspot ke masing-masing panorama
86 Program Studi Pendidikan Matematika Universitas PGRI Semarang 86 BAB 9 AUDIO ASSET PROJECT UPGRIS TOUR Pengelolaan audio asset pada 3sixty ada pada audio files yang terletak pada menu sebelah kiri nomor 5. Anda dapat menambah audio untuk keperluan proyek virtual reality. Anda dapat menggunakan audio yang sudah dipersiapkan dalam folder tour upgris dengan nama himne upgris. Jika anda akan menggunakan file audio maka pastikan terlebih dahulu file tersebut berekstensi mp3. Kembali lagi ke software 3sixty, pilih menu audio files
87 Program Studi Pendidikan Matematika Universitas PGRI Semarang 87 Untuk menambah video anda klik add new file pada menu audios Pilih audio mp3 yang telah kita siapkan tadi. Sekarang kita telah mempunyai aset audio berupa lagu himne upgris
88 Program Studi Pendidikan Matematika Universitas PGRI Semarang 88 Selanjutnya kita membuat hotspot untuk memanggil mp3 yang telah kita masukan dalam asset audio. Caranya kita klik menu hotspot kemudian klik add new hotspot pada panorama gedung u
89 Program Studi Pendidikan Matematika Universitas PGRI Semarang 89 Pilih titik hotspot pada panorama gedung u. caranya klik tombol kontrol dan klik kiri mouse bersamaan pada lokasi tulisan dekanat. Namai hotspot dengan nama lagu himne upgris, kemudian klik add Sekarang sudah ada 3 hotspot pada panorama gedung U
90 Program Studi Pendidikan Matematika Universitas PGRI Semarang 90 Fokus pada hotspot lagu himne upgris yang belum ditambahi action. Klik add action pada lagu himne upgris. Klik choose one pada select action. Pada action kali ini kita akan membuat hotspot untuk lagu sehingga pilih play an audio
91 Program Studi Pendidikan Matematika Universitas PGRI Semarang 91 Kita pilih lagu yang telah kita siapkan di asset audio. Klik to choose pada audio play. Setelah diklik to choose maka akan tampil asset audio yang telah kita miliki. Pada kesempatan kali ini kita akan menambah audio himne upgris. Sehingga pilih audio himne upgris yang telah kita miliki di asset audio
92 Program Studi Pendidikan Matematika Universitas PGRI Semarang 92 Sekarang 3 hotspot yang telah kita miliki mempunyai action masingmasing Coba anda play untuk memeriksa hasil audio yang telah kita masukan pada panorama gedung U. caranya kli play pada tombol kanan atas.
93 Program Studi Pendidikan Matematika Universitas PGRI Semarang 93 Klik hotspot yang ada pada tulisan dekanat yang telah tadi kita buat. Audio yang telah ada pada himne uprgis sudah tampil. Tetapi tidak langsung play otomatis. Sehingga kita klik play bagian kiri garis panjang track. Saat sudah kita play maka audio akan berjalan dan suara akan berbunyi. Tanda play pada bagian kiri akan berubah menjadi tanda pause
94 Program Studi Pendidikan Matematika Universitas PGRI Semarang 94 TUGAS 5 Tambahkan 10 file mp3 untuk dimasukan dalam asset audio kemudian buatlah hotspot untuk dibuka pada tiap panorama
95 Program Studi Pendidikan Matematika Universitas PGRI Semarang 95 BAB 10 PENGELOLAANN FILE PDF PADA PROYEK UPGRIS TOUR File pdf yang kita punyai dapat kita tampilkan pada proyek Tour UPGRIS. Asset file pdf ada pada menu sebelah kiri bagian nomor 6. Kita bisa menambah file pdf yang kita butuhkan pada jendela ini. Untuk menambah file pdf anda klik pdf documents selanjutnya di jendela sebelah kanan ada tombol add new file. Klik tombol tersebut untuk menambah document pdf
96 Program Studi Pendidikan Matematika Universitas PGRI Semarang 96 Anda bisa memilih file pdf profile Universitas PGRI Semarang yang telah disiapkan dalam folder proyek tour UPGRIS Nanti Anda bisa menambah file pdf lainnya yang telah anda miliki. Kita kembali ke jendela 3sixty pada add document pdf.
97 Program Studi Pendidikan Matematika Universitas PGRI Semarang 97 Pilih file profile UPGRIS yang telah kita miliki difolder tour UPGRIS. Kemudian klik open Sekarang kita telah mempunyai asset file pdf dengan nama profile