Perancangan Sistem Informasi Penampil Iklan Multimedia Secara Digital Berbasis Ip
LAMPIRAN A
Installasi Xibo Server
Untuk melakukan instalasi server, buka folder tempat kita menyimpan data
instalan pada folder htdocs dengan mengakses alamat http://localhost/Xibo melalui
web browser dan akan muncul tampilan seperti pada Gambar 1.
Gambar 1
Kemudian tekan tombol next untuk melakukan pemeriksaan apakah
kebutuhan agar aplikasi Xibo server ini dapat berjalan terpenuhi, jika telah
terpenuhi maka semua kebutuhan akan di centang berwarna hijau seperti Gambar
2, jika tidak maka akan diberi tanda silang berwarna merah. Jika kebutuhan belum
terpenuhi, lakukan beberapa hal agar terpenuhi kemudian lakukan retest.
40
Universitas Sumatera Utara
41
Gambar 2
Langkah selanjutnya adalah membuat sebuah database, kita dapat
menggunakan database yang telah ada tetapi kali ini kita akan membuat yang baru.
Isi kolom-kolom yang disediakan (Gambar 3) oleh installer secara lengkap dan buat
catatan untuk mengingat username serta password database dan admin mysql.
Universitas Sumatera Utara
42
Gambar 3
Host digunakan sebagai hostname dari instalasi mysql. Admin username dan
admin password digunakan sebagai root untuk instalasi mysql, digunakan jika kita
hendak menginstal database yang baru nantinya. Kolom ini diisi sesuai dengan akun
root serta password pada mysql yang telah kita buat sebelumnya melalui
phpmyadmin. Database name adalah nama database yang digunakan untuk CMS.
Database usernama dan password digunakan untuk menghubungkan CMS dengan
databasenya.
Setelah selesai dalam pembuatan database, selanjutnya adalah membuat
password untuk user admin agar dapat mengakses CMS. User admin adalah akun
yang pertama kali mengakses sistem dan juga yang menjadi administrator dari
sistem. Selanjutnya kita akan diminta untuk menentukan lokasi penyimpanan media
yang kita upload (Gambar 4). Kemudian kita diminta untuk membuat server key
yang akan digunakan oleh client agar dapat mengakses server.
Universitas Sumatera Utara
43
Gambar 4
Setelah semua proses diatas berhasil dilaksanakan, maka kita akan masuk ke
dalam halaman masuk seperti Gambar 5. Setelah login maka kita akan masuk
kedalam halaman dashboard seperti pada Gambar 6. Server telah siap digunakan
untuk menjalankan sistem.
Gambar 5
Universitas Sumatera Utara
44
Gambar 6
Universitas Sumatera Utara
LAMPIRAN B
Instalasi Xibo Client
Pada tahap ini, dilakukan beberapa settingan pada Xibo client option. Agar
perangkat client dapat terhubung ke server dan dapat berjalan sesuai dengan yang
diinginkan. Adapun settingan umum yang harus dilakukan adalah seperti pada
Gambar 7.
Gambar 7
Keterangan :
Server Address, bagian ini diisi dengan alamat dari Xibo server kita.
Jika client menggunakan perangkat yang sama dengan server, maka
isi dengan http://localhost/Xibo. Jika menggunakan perangkat yang
berbeda, isi dengan alamat IP atau hostname dari perangkat tempat
Xibo server terinstal.
Server key, bagian ini adalah kunci agar kita bisa mengakses server.
Server key dibuat pada saat instalasi server.
45
Universitas Sumatera Utara
46
Local library location, alamat tempat penyimpanan data-data yang
diunduh dari server. Tidak boleh menggunakan lokasi yang sama
dengan library server.
The collection interval for content, interval waktu dalam detik
dimana client akan melakukan polling terhadap server untuk konten
baru.
The unique key for this server, penanda yang unik untuk perangkat
client. Ini dihasilkan dari perpaduan penanda sistem windows dan
perangkat.
Scroll step amount (px), jumlah dari pixel teks berjalan akan menaik
setiap saat konten teks berjalan diperintahkan untuk berpindah.
Enable powerpoint, centang jika menggunakan powerpoint dan
pastikan powerpoint terinstal pada perangkat.
Enable statistic, centang jika kita menginginkan Xibo client
mengirimkan statistic ke Xibo server.
Universitas Sumatera Utara
LAMPIRAN C
Menghubungkan Client Ke Server
Untuk menghubungkan client ke server, dilakukan registrasi client ke server
melalui menu registrasi pada Xibo client option yang kita gunakan sebelumnya.
Gambar 8 berikut menunjukkan tampilan dari menu registrasi :
Gambar 8
Tetapi sebelumnya, kita harus memastikan bahwa perangkat server dan
perangkat client saling terhubung melalui koneksi jaringan. Jika perangkat sudah
saling terhubung, maka kita tinggal menekan tombol registrasi pada menu. Jika
muncul tulisan “Display addedand is waiting licensing approval from an
Administrator” , maka proses registrasi berhasil dan menunggu konfirmasi dari
server.
Untuk mengkonfirmasi client, buka menu displays → displays pada server,
maka akan tampak ada registrasi client baru yang menunggu konfirmasi seperti
47
Universitas Sumatera Utara
48
ditunjukkan pada Gambar 9. Kemudian pilih menu action → edit , lalu ubah license
display menjadi yes.
Gambar 9
Dengan demikian Xibo client telah terhubung ke server dan siap untuk
digunakan. Sebagai bukti bahwa client telah terhubung ke server, client akan
mengunduh default layout dari server dan menampilkannya pada Xibo player
seperti Gambar 10 berikut.
Gambar 10
Universitas Sumatera Utara
LAMPIRAN D
Beberapa Masalah Dalam Instalasi Server
1. phpMyAdmin tidak dapat diakses
Hal ini terjadi setelah kita memberikan password root pada MySQL. Untuk
mengatasinya kita harus menambahkan password yang kita buat kedalam file
config.inc yang terdapat dalam folder phpMyAdmin. Tambahkan password yang
kita buat pada baris password di antara tanda petik satu.
Gambar 11
2. Allow PHP to open external URLs disilang pada saat penginstalan server.
Masalah ini dapat diatasi dengan menghapus tanda titik koma (;) dibelakang
extension=php_fileinfo.dll yang ada pada file php.ini yang terdapat pada folder
php seperti yang ditunjukkan pada Gambar 12.
Gambar 12
49
Universitas Sumatera Utara
LAMPIRAN E
Kendala Yang Dialami Penulis Pada Saat Menggunakan Aplikasi Xibo Pada
Sistem Operasi Windows
1. Client tidak dapat menampilkan dua konten yang sama pada satu layout dan
teks berjalan muncul dari tengah. Untuk mengatasinya ubah decimal symbol
pada control panel dari tanda koma (,) menjadi tanda titik (.) .
2. Client tidak melakukan pembaharuan jadwal meskipun sudah waktunya.
Untuk mengatasinya restart aplikasi client.
3. Client tidak menampilkan Gambar dari sebuah video namun suaranya tetap
terdengar. Untuk mengatasinya restart aplikasi client.
50
Universitas Sumatera Utara
Installasi Xibo Server
Untuk melakukan instalasi server, buka folder tempat kita menyimpan data
instalan pada folder htdocs dengan mengakses alamat http://localhost/Xibo melalui
web browser dan akan muncul tampilan seperti pada Gambar 1.
Gambar 1
Kemudian tekan tombol next untuk melakukan pemeriksaan apakah
kebutuhan agar aplikasi Xibo server ini dapat berjalan terpenuhi, jika telah
terpenuhi maka semua kebutuhan akan di centang berwarna hijau seperti Gambar
2, jika tidak maka akan diberi tanda silang berwarna merah. Jika kebutuhan belum
terpenuhi, lakukan beberapa hal agar terpenuhi kemudian lakukan retest.
40
Universitas Sumatera Utara
41
Gambar 2
Langkah selanjutnya adalah membuat sebuah database, kita dapat
menggunakan database yang telah ada tetapi kali ini kita akan membuat yang baru.
Isi kolom-kolom yang disediakan (Gambar 3) oleh installer secara lengkap dan buat
catatan untuk mengingat username serta password database dan admin mysql.
Universitas Sumatera Utara
42
Gambar 3
Host digunakan sebagai hostname dari instalasi mysql. Admin username dan
admin password digunakan sebagai root untuk instalasi mysql, digunakan jika kita
hendak menginstal database yang baru nantinya. Kolom ini diisi sesuai dengan akun
root serta password pada mysql yang telah kita buat sebelumnya melalui
phpmyadmin. Database name adalah nama database yang digunakan untuk CMS.
Database usernama dan password digunakan untuk menghubungkan CMS dengan
databasenya.
Setelah selesai dalam pembuatan database, selanjutnya adalah membuat
password untuk user admin agar dapat mengakses CMS. User admin adalah akun
yang pertama kali mengakses sistem dan juga yang menjadi administrator dari
sistem. Selanjutnya kita akan diminta untuk menentukan lokasi penyimpanan media
yang kita upload (Gambar 4). Kemudian kita diminta untuk membuat server key
yang akan digunakan oleh client agar dapat mengakses server.
Universitas Sumatera Utara
43
Gambar 4
Setelah semua proses diatas berhasil dilaksanakan, maka kita akan masuk ke
dalam halaman masuk seperti Gambar 5. Setelah login maka kita akan masuk
kedalam halaman dashboard seperti pada Gambar 6. Server telah siap digunakan
untuk menjalankan sistem.
Gambar 5
Universitas Sumatera Utara
44
Gambar 6
Universitas Sumatera Utara
LAMPIRAN B
Instalasi Xibo Client
Pada tahap ini, dilakukan beberapa settingan pada Xibo client option. Agar
perangkat client dapat terhubung ke server dan dapat berjalan sesuai dengan yang
diinginkan. Adapun settingan umum yang harus dilakukan adalah seperti pada
Gambar 7.
Gambar 7
Keterangan :
Server Address, bagian ini diisi dengan alamat dari Xibo server kita.
Jika client menggunakan perangkat yang sama dengan server, maka
isi dengan http://localhost/Xibo. Jika menggunakan perangkat yang
berbeda, isi dengan alamat IP atau hostname dari perangkat tempat
Xibo server terinstal.
Server key, bagian ini adalah kunci agar kita bisa mengakses server.
Server key dibuat pada saat instalasi server.
45
Universitas Sumatera Utara
46
Local library location, alamat tempat penyimpanan data-data yang
diunduh dari server. Tidak boleh menggunakan lokasi yang sama
dengan library server.
The collection interval for content, interval waktu dalam detik
dimana client akan melakukan polling terhadap server untuk konten
baru.
The unique key for this server, penanda yang unik untuk perangkat
client. Ini dihasilkan dari perpaduan penanda sistem windows dan
perangkat.
Scroll step amount (px), jumlah dari pixel teks berjalan akan menaik
setiap saat konten teks berjalan diperintahkan untuk berpindah.
Enable powerpoint, centang jika menggunakan powerpoint dan
pastikan powerpoint terinstal pada perangkat.
Enable statistic, centang jika kita menginginkan Xibo client
mengirimkan statistic ke Xibo server.
Universitas Sumatera Utara
LAMPIRAN C
Menghubungkan Client Ke Server
Untuk menghubungkan client ke server, dilakukan registrasi client ke server
melalui menu registrasi pada Xibo client option yang kita gunakan sebelumnya.
Gambar 8 berikut menunjukkan tampilan dari menu registrasi :
Gambar 8
Tetapi sebelumnya, kita harus memastikan bahwa perangkat server dan
perangkat client saling terhubung melalui koneksi jaringan. Jika perangkat sudah
saling terhubung, maka kita tinggal menekan tombol registrasi pada menu. Jika
muncul tulisan “Display addedand is waiting licensing approval from an
Administrator” , maka proses registrasi berhasil dan menunggu konfirmasi dari
server.
Untuk mengkonfirmasi client, buka menu displays → displays pada server,
maka akan tampak ada registrasi client baru yang menunggu konfirmasi seperti
47
Universitas Sumatera Utara
48
ditunjukkan pada Gambar 9. Kemudian pilih menu action → edit , lalu ubah license
display menjadi yes.
Gambar 9
Dengan demikian Xibo client telah terhubung ke server dan siap untuk
digunakan. Sebagai bukti bahwa client telah terhubung ke server, client akan
mengunduh default layout dari server dan menampilkannya pada Xibo player
seperti Gambar 10 berikut.
Gambar 10
Universitas Sumatera Utara
LAMPIRAN D
Beberapa Masalah Dalam Instalasi Server
1. phpMyAdmin tidak dapat diakses
Hal ini terjadi setelah kita memberikan password root pada MySQL. Untuk
mengatasinya kita harus menambahkan password yang kita buat kedalam file
config.inc yang terdapat dalam folder phpMyAdmin. Tambahkan password yang
kita buat pada baris password di antara tanda petik satu.
Gambar 11
2. Allow PHP to open external URLs disilang pada saat penginstalan server.
Masalah ini dapat diatasi dengan menghapus tanda titik koma (;) dibelakang
extension=php_fileinfo.dll yang ada pada file php.ini yang terdapat pada folder
php seperti yang ditunjukkan pada Gambar 12.
Gambar 12
49
Universitas Sumatera Utara
LAMPIRAN E
Kendala Yang Dialami Penulis Pada Saat Menggunakan Aplikasi Xibo Pada
Sistem Operasi Windows
1. Client tidak dapat menampilkan dua konten yang sama pada satu layout dan
teks berjalan muncul dari tengah. Untuk mengatasinya ubah decimal symbol
pada control panel dari tanda koma (,) menjadi tanda titik (.) .
2. Client tidak melakukan pembaharuan jadwal meskipun sudah waktunya.
Untuk mengatasinya restart aplikasi client.
3. Client tidak menampilkan Gambar dari sebuah video namun suaranya tetap
terdengar. Untuk mengatasinya restart aplikasi client.
50
Universitas Sumatera Utara