Papan Informasi Digital dengan Aplikasi Xibo

1.      Masuk Ke Xibo

Buka Web Browser lalu masukkan IP Address 192.168.0.161/xibo setelah itu tekan enter, maka akan muncul tampilan seperti di bawah ini:

Gambar 3.1 Halaman Login Xibo

Setelah Login maka akan muncul tampilan seperti di bawah, setelah itu klik Layout

Gambar 3.2 Halaman Utama Xibo

Setelah masuk ke Layout maka akan masuk kehalaman seperti dibawah:

Gambar 3.3 Halaman Daftar Layout

Klik  di Layout milik anda untuk masug ke halaman Design Layout sperti gambar dibawah ini:

Gambar 3.4 Halaman Design

2.      Design Layout

Klik pada  untuk mengganti background layout. Setelah anda meng-Klik ‘Backgroud’ tersebut maka akan muncul seperti tampilan di bawah ini :

Gambar 3.5 Mengganti Background

Lalu tekan pada tombol  untuk menambahkan Gambar baru, selain gambar yang sudah ada library.

Gambar 3.6 Menambahkan Gambar Baru

Klik tombol  untuk mengupload gambar yang diinginkan dara computer.

Gambar 3.7 Memilih Gambar yang ingin Ditambahkan

Masukkan gambar untuk di jadikan background. Tekan ‘Open’. Lalu masukkan Nama untuk gambar yang di upload.

Gambar 3.8 Isi Kolom Nama

Isikan nama pada kolom nama. Setelah itu inputkan durasinya. Setelah selesai meng-input lalu save. Maka hasilnya seperti gambar berikut :

Gambar 3.9 Background

Lalu Klik kanan untuk menambahkan region untuk mengisi layout. 

Gambar 3.10 Penambahan Region

Gambar 3.11 Region

Sesuaikan ukuran region dengan yang diinginkan atau dibutuhkan.

Gambar 3.12 Timeline

Klik kanan untuk masuk ke Region Timeline.

Gambar 3.13 Region Timeline

Klik paka Button Webpage untuk menambahkan Jadwal Keberangkatan ke dalam Display.

Gambar 3.14 Menambahkan Link

Masukkan Link http://www.syamsudinnoor-airport.com/the-fids/departure.php di kolom Link, untuk menampilkan jadwal keberangkatan  Lalu masukkan 20 pada kolom durasi. Dan isikan 0 di Offset Top, Offset Left,dan Scale percentage. Setelah Itu tekan ‘Save’. Lakukan hal yang sama untuk menampilkan untuk menampilkan jadwal kedatangan dengan memasukkan link http://www.syamsudinnoor-airport.com/the-fids/arrival.php. Seperti gambar dibawah ini :

Gambar 3.15 Arrival Webpage

Selanjutnya penulis akan menambahkan logo di tampilan. File logo yang digunakan adalah file flash. Logo dapat ditemukan di library Xibo

Gambar 3.16 Xibo Library

Untuk mempermudah pencarian ketik kan ‘logo’ pada kolom nama dan pilih ‘Flash’ untuk Type. Setelah itu simpan dan hasilnya akan muncul seperti dibawah :

Gambar 3.17 Tampilan Flash di halaman Design

Setelah itu penulis akan menambahkan 3 photo rancangan terminal baru Bandar Udara Syamsudin Noor. Klik kanan untuk menambahkan region – region baru. Sesuaikan besar Region lalu klik kanan lagi di dalam Region untuk masuk ke Timeline Region.

Gambar 3.18 Menambahkan Photo baru

Klik browse untuk mencari photo dari komputer.

Gambar 3.19 Pencarian Photo

Pilih photo yang dimaksud lalu beri nama pada kolom ‘Nama’. Beri nama ‘PHOTO1’ pada Photo pertama, ‘PHOTO2’ pada photo ke 2, dan ‘PHOTO 3’ pada photo ke 3.

Gambar 3.20 Contoh pemberian nama

Kemudian klik kanan lagi pada background untuk menambahkan region baru, untuk menampilkan logo 50 tahun Angkasa Pura. Klik kanan pada region dan klik timeline untuk masuk ke timeline region. Klik button image di timeline. Maka akan muncul seperti gambar di bawah :

Gambar 3.21 Menambahkan Logo 50 tahun Angkasa Pura

Kemudian tekan save maka tampilan di halaman design  akan seperti gambar berikut :

Gambar 3.22 Logo 50 Angkasa Pura

Klik kanan lagi untuk menambahkan region. Untuk menampilkan poster pengumuman. Karena poster sudah dalam bentuk gambar, maka yang perlu dilakukan selanjutnya adalah masuk ke timeline region dan klik button image. Klik browse untuk menambahkan poster. Lalu isikan ‘Poster’ ke dalam kolom nama.

Gambar 3.23 Image Poster

Kemudian tekan save. Selanjutnya penulis akan menambahkan file berjenis flash lainnya. File ini merupakan animasi yang menggambar kegiatan penerbangan di Bandar Udara Syamsudin Noor Banjarmasin. Seperti sebelumnya klik kanan untuk menambahkan region kemudian mauk ke timeline region dan tekan button flash. File flash ini sudah ada di Library Xibo, sehingga kita hanya perlu mengetik kan ‘Airport’ pada kolom nama sebagai keyword dan memilih Flash sebagai Type untuk melakukan pencarian. Setelah di temukan tekan save. Maka akan muncul tampilan seperti gambar berikut :

Gambar 3.24 Image flash di halaman Design.

Setelah ini anda dapat me-Reboot komputer anda untuk menampilkan layout ini. Atau anda dapat masuk ke Xibo client untuk melihat hasilnya.

Gambar 3.25 Hasil Akhir.