Penampil Informasi pada Layar Jarak Jauh melalui Jaringan 3G dengan Masukan dari Web Browser

63 ISSN 1979-2867 (print) Electrical Engineering Journal Vol. 5 (2015) No. 2, pp. 63-87 Penampil Informasi pada Layar Jarak Jauh melalui Jaringan 3G dengan Masukan dari Web Browser Antonius Heru Wibowo dan Daniel Setiadikarunia Jurusan Teknik Elektro, Universitas Kristen Maranatha, Bandung Jl. Suria Sumantri 65, Bandung 40164, Indonesia cervec_v@yahoo.com; daniel.sk@ieee.org Abstrak: Informasi telah menjadi hal yang penting bagi kehidupan manusia modern. Papan iklan (billboard) merupakan salah satu sarana penyampai informasi yang sering dijumpai di tempat umum. Saat ini papan iklan elektronik semakin banyak digunakan untuk sarana penyampai informasi, karena lebih praktis dan fleksibel dalam mengganti atau memperbarui informasi yang akan disampaikan. Namun demikian agar mudah dan praktis dalam mengubah atau memperbarui informasi yang ditampilkan dalam papan iklan elektronik, perubahan atau pembaruan informasi harus dapat dilakukan dari mana dan kapan saja. Dalam artikel ini dibahas perancangan dan realisasi sistem yang dapat mengubah tampilan informasi pada layar jarak jauh menggunakan Raspberry Pi dengan masukan informasi dari web browser melalui jaringan 3G. Penggunaan jaringan 3G dan web browser bertujuan agar client dapat mengubah tampilan pada layar dari jarak jauh selama client terkoneksi dengan jaringan Internet. Hasil uji coba menunjukkan bahwa sistem yang direalisasikan dapat mengubah dan menampilkan tampilan informasi dengan baik. Sistem dapat mengubah tampilan informasi berupa gambar, slideshow, dan video dengan baik pada layar dari jarak jauh. Kata kunci: Raspberry Pi, Web Browser, Jaringan 3G, Virtual Private Network Abstract: Information has become an important thing for modern human life. Billboard is one of means which conveys information that often be found in public area. Nowadays, more and more electronic billboard used as a mean which convey information, because it is more practical and flexible in changing or updating information that will be conveyed. But, in order to be easy and practical to change or update the information which displayed on electronic billboard, information changing or updating must be able to be done anywhere and anytime. In this paper is discussed the design and realization of a system that able to change information display on remote screen using Raspberry Pi with information input from web browser via 3G network. The use of 3G network and web browser has purpose in order that client can change the display on the screen remotely as long as the client is connected to Internet network. The test results show that the realized system can change and display the information well. The system can change the display of information in the form of pictures, slideshows, and videos on remote screen properly. Keywords: Raspberry Pi, Web Browser, 3G Networks, Virtual Private Network

64 ELECTRICAL ENGINEERING JOURNAL, VOL. 5, NO. 2, APRIL 2015 I. PENDAHULUAN Di era globalisasi, informasi merupakan hal yang penting bagi setiap orang. Banyak cara yang dapat digunakan untuk menyampaikan informasi kepada masyarakat. Beberapa diantaranya adalah menggunakan media cetak, menggunakan papan pengumuman/iklan (billboard), dll. Billboard merupakan salah satu penyampai informasi yang sering dijumpai ditempat umum. [1] Informasi pada billboard dapat diperbarui sesuai dengan kebutuhan. Papan iklan terdiri dari 2 macam yaitu papan iklan non elektronik dan papan iklan elektronik. Untuk memperbaharui informasi pada papan iklan non elektronik, diperlukan beberapa orang untuk mengganti informasi pada papan iklan. Selain itu dibutuhkan juga alat khusus berupa tangga untuk memanjat papan iklan dalam penggantian informasi sehingga dapat membahayakan keselamatan. Faktor cuaca yang buruk juga dapat membahayakan keselamatan dalam proses penggantian informasi pada papan iklan non elektronik. Untuk papan iklan elektronik, pembaruan informasi lebih mudah, yaitu dengan datang ke tempat papan iklan berada dan mengganti informasinya secara elektronik. [2] Pembaruan informasi dapat lebih mudah dan praktis, jika dapat dilakukan di mana saja dan kapan saja. Hal ini dapat tercapai jika papan iklan tersebut terkoneksi dengan jaringan Internet dan ada sistem yang menangani proses pembaruan tersebut dari jarak jauh. Salah satu cara untuk merealisasikan hal tersebut adalah papan iklan elektronik dihubungkan dengan web server yang terhubung ke Internet yang berperan untuk mengatur perubahan dan pembaruan informasi, dan web browser pada sisi client berperan untuk memasukkan informasi yang akan ditampilkan dari jarak jauh. Raspberry Pi merupakan suatu terobosan teknologi baru yang sedang berkembang saat ini. Raspberry Pi adalah sebuah komputer single board yang menggunakan sistem operasi Raspbian yang berbasis Linux. [3] Raspberry Pi sebagai sebuah komputer single board dapat dijadikan web server [4] untuk mengatur perubahan dan pembaruan informasi pada layar jarak jauh. Dalam artikel ini dibahas perancangan dan realisasi sistem penampil informasi pada layar jarak jauh melalui jaringan 3G dengan memanfaatkan Raspberry Pi sebagai web server dan dengan masukan informasi dari client melalui web browser, sehingga tampilan pada layar jarak jauh dapat diubah dari mana saja dan kapan saja. II. PERANCANGAN SISTEM Diagram blok sistem yang dirancang yaitu sistem penampil informasi pada layar jarak jauh melalui jaringan 3G dengan masukan informasi menggunakan web browser ditunjukkan pada Gambar 1. Web Browser MODEM 3G Raspberry Pi Layar/Monitor Gambar 1. Diagram Blok Sistem Berdasarkan diagram blok pada Gambar 1, client melalui web browser akan mengunggah file gambar/gambar slideshow/video ke Raspberry Pi yang berperan sebagai web server dan memasukkan nama dan lokasi file gambar/gambar slideshow/video ke dalam database

PENAMPIL INFORMASI PADA LAYAR JARAK JAUH MELALUI JARINGAN 3G... 65 Raspberry Pi. Modem 3G digunakan untuk koneksi Raspberry Pi dengan jaringan Internet secara wireless. Informasi berupa gambar, gambar slideshow, atau video yang sudah diterima oleh web server akan disimpan dan ditampilkan pada layar/monitor. Sebelum client masuk ke halaman utama, client harus mengisi username dan password yang benar pada halaman login sehingga tidak sembarang orang dapat mengakses web server. II.1. Perancangan Program pada Web Server Program yang dirancang untuk web server adalah program yang digunakan untuk mengatur tampilan dan pembaruan tampilan pada layar jarak jauh. Diagram alir dari program utama halaman web yang dirancang ditunjukkan pada Gambar 2. Bila client melalui web browser memanggil halaman web yang dirancang yang ada pada web server, maka file halaman web tersebut akan dikirimkan ke web browser untuk ditampilkan dan akan masuk ke halaman login. Gambar 2. Diagram alir program utama halaman web

66 ELECTRICAL ENGINEERING JOURNAL, VOL. 5, NO. 2, APRIL 2015 A. Halaman Login Halaman login digunakan sebagai penunjang keamanan sehingga tidak sebarang orang dapat mengakses website ini. Client dapat mengakses halaman pemilihan jenis informasi dengan memasukkan username dan password yang benar pada halaman login. Gambar 3 adalah tampilan halaman login. Halaman login menampilkan box untuk mengisikan username dan password dan tombol Submit untuk mengeksekusi. Penampil Informasi pada Layar Jarak Jauh melalui Jaringan 3G dengan Masukan dari Web Browser Gambar 3. Tampilan Halaman Login Gambar 4 adalah tabel database yang digunakan pada halaman login. Tabel database tersebut bernama member dan digunakan untuk menampung username dan password yang akan digunakan dalam halaman login. Gambar 4. Tabel database member untuk halaman login B. Halaman Pemilihan Jenis Informasi Dari diagram alir pada Gambar 2 dapat dilihat bahwa setelah halaman login diisi dengan benar, maka selanjutnya masuk ke dalam halaman pemilihan jenis informasi. Pada halaman ini berisi pilihan jenis informasi yang akan ditampilkan pada layar. Pilihan tersebut berupa gambar, slideshow, video, dan history. Client akan memilih jenis informasi yang akan ditampilkan pada layar. Setelah client memilih pilihan jenis informasi, sistem akan membaca pilihan jenis informasi yang dipilih. Bila pilihan jenis informasi adalah gambar, maka sistem akan menjalankan subrutin pilihan gambar. Bila pilihan jenis informasi adalah slideshow, maka sistem akan menjalankan subrutin pilihan slideshow. Bila pilihan jenis informasi adalah video, maka sistem akan menjalankan subrutin pilihan video. Bila pilihan jenis informasi adalah history, maka sistem akan menjalankan subrutin pilihan history. Gambar 5 adalah tampilan dari halaman pemilihan jenis informasi.

PENAMPIL INFORMASI PADA LAYAR JARAK JAUH MELALUI JARINGAN 3G... 67 Penampil Informasi pada Layar Jarak Jauh melalui Jaringan 3G dengan Masukan dari Web Browser Gambar 5. Tampilan halaman pemilihan jenis informasi C. Halaman Pemilihan Gambar Bila client memilih jenis informasi berupa gambar, maka subrutin pilihan gambar akan dijalankan, sehingga masuk ke halaman pemilihan gambar. Gambar 6. Diagram alir subrutin Pilihan Gambar

68 ELECTRICAL ENGINEERING JOURNAL, VOL. 5, NO. 2, APRIL 2015 Gambar 6 menunjukkan diagram alir dari subrutin pilihan gambar. Diagram alir pada Gambar 6 menunjukan bahwa client memilih file gambar yang akan ditampilkan pada layar, lalu menekan tombol upload. Setelah tombol ditekan, maka sistem akan mengunggah file gambar ke Raspberry Pi dan sistem akan memperbarui (update) isi database tabeldata. Setelah itu, sistem akan mengeksekusi perintah exec( python/home/pi/clientx.py ) untuk memberi trigger ke program server.py agar gambar ditampilkan. Gambar 7 menunjukkan tampilan halaman pemilihan gambar. Penampil Informasi pada Layar Jarak Jauh melalui Jaringan 3G dengan Masukan dari Web Browser Gambar 7. Tampilan halaman pemilihan gambar Tabel database yang digunakan dalam halaman pemilihan gambar adalah tabel database yang bernama tabeldata. Setelah client memilih file gambar, data pada tabel database akan diperbarui dengan data yang baru berupa tipe, nama gambar, dan lokasi gambar. Gambar 8 adalah tabel database tabeldata yang dipakai dalam halaman pemilihan gambar. Gambar 8. Tabel database tabeldata setelah dimasukkan data gambar D. Halaman Pemilihan Gambar Slideshow Halaman pemilihan gambar slideshow dapat diakses bila client memilih jenis informasi berupa slideshow. Halaman pemilihan gambar slideshow berisi pilihan jumlah gambar yang akan dijadikan slideshow. Pilihan jumlah gambar tersebut adalah 2 gambar, 3 gambar, 4 gambar, dan 5 gambar. Bila client memilih 2 gambar, maka client akan menuju ke halaman slideshow 2 gambar. Bila client memilih 3 gambar, maka client akan menuju ke halaman slideshow 3 gambar. Bila client memilih 4 gambar, maka client akan menuju ke halaman slideshow 4 gambar dan bila client memilih 5 gambar, maka client akan menuju ke halaman slideshow 5 gambar. Gambar 9 memperlihatkan diagram alir subrutin pilihan slideshow.

PENAMPIL INFORMASI PADA LAYAR JARAK JAUH MELALUI JARINGAN 3G... 69 Gambar 9. Diagram alir subrutin Pilihan Slideshow Diagram alir pada Gambar 9 menunjukan bahwa client harus memilih jumlah gambar slideshow, lalu sistem akan membaca pilihan jumlah gambar slideshow. Jika yang dipilih adalah 2 gambar, maka client akan menuju ke halaman 2 gambar slideshow. Halaman 2 gambar slideshow berisi 2 box untuk memilih gambar yang akan dijadikan slideshow dan tombol untuk mengeksekusi. Jika tombol ditekan, sistem akan upload file gambar dan akan memperbaharui data pada database slideshow. Lalu sistem akan mengeksekusi perintah exec( python/home/pi/clientx.py ) untuk memberi trigger pada program python utama yaitu server.py agar ditampilkan. Gambar adalah tampilan halaman slideshow 2 gambar. Penampil Informasi pada Layar Jarak Jauh melalui Jaringan 3G dengan Masukan dari Web Browser Gambar. Tampilan halaman Slideshow 2 gambar

70 ELECTRICAL ENGINEERING JOURNAL, VOL. 5, NO. 2, APRIL 2015 Tabel database yang digunakan pada halaman slideshow 2 gambar adalah tabel slideshow. Gambar 11 adalah tabel database slideshow. Gambar 11. Tabel database slideshow setelah dimasukkan 2 gambar Data pada tabel database slideshow akan diperbaharui oleh data 2 gambar yang baru. Data yang diperbaharui berupa tipe, gambar1, dan gambar2 yang nantinya akan dibaca oleh sistem untuk ditampilkan sebagai slideshow. Jika yang dipilih adalah 3 gambar, maka client akan menuju ke halaman 3 gambar slideshow seperti ditunjukkan pada Gambar 12, kemudian langkah berikutnya sama seperti yang telah dijelaskan untuk pilihan 2 gambar. Tabel database slideshow yang telah diperbarui oleh data 3 gambar yang baru ditunjukkan pada Gambar 13. Penampil Informasi pada Layar Jarak Jauh melalui Jaringan 3G dengan Masukan dari Web Browser Gambar 12. Tampilan halaman Slideshow 3 gambar Gambar 13 Tabel database slideshow setelah dimasukkan 3 gambar Gambar 14 memperlihatkan tampilan halaman 4 gambar slideshow dan tabel database slideshow yang telah diperbarui oleh data 4 gambar yang baru, ditunjukkan pada Gambar 15. Gambar 16 memperlihatkan tampilan halaman 5 gambar slideshow dan tabel database slideshow yang telah diperbarui oleh data 5 gambar yang baru, ditunjukkan pada Gambar 17.

PENAMPIL INFORMASI PADA LAYAR JARAK JAUH MELALUI JARINGAN 3G... 71 Penampil Informasi pada Layar Jarak Jauh melalui Jaringan 3G dengan Masukan dari Web Browser Gambar 14. Tampilan halaman Slideshow 4 gambar Gambar 15 Tabel database slideshow setelah dimasukkan 4 gambar Penampil Informasi pada Layar Jarak Jauh melalui Jaringan 3G dengan Masukan dari Web Browser Gambar 16. Tampilan halaman Slideshow 5 gambar Gambar 17 Tabel database slideshow setelah dimasukkan 5 gambar E. Halaman Pemilihan Video Bila client memilih jenis informasi berupa video, maka halaman pemilihan video akan diakses. Pada halaman video terdapat box untuk memilih file video yang akan dipilih dan

72 ELECTRICAL ENGINEERING JOURNAL, VOL. 5, NO. 2, APRIL 2015 tombol untuk mengeksekusi seperti ditunjukkan pada Gambar 18. Diagram alir subrutin pilihan video pada Gambar 19 menunjukkan bahwa sistem akan berjalan setelah client memasukkan file video yang dipilih ke dalam box yang sudah disediakan dan menekan tombol untuk mengeksekusi. Sistem akan melakukan upload file video dan memperbarui isi tabel database tabeldata. Lalu sistem akan mengeksekusi perintah exec( python/home/pi/clientx.py ) untuk memberi trigger ke program python utama yaitu server.py untuk ditampilkan. Penampil Informasi pada Layar Jarak Jauh melalui Jaringan 3G dengan Masukan dari Web Browser Gambar 18. Tampilan halaman Pemilihan Video Gambar 19. Diagram alir subrutin Pilihan Video Tabel database halaman pemilihan video adalah table database tabeldata. Setelah client mengeksekusi file video, data pada tabel database tabeldata akan diperbarui dengan data yang baru berupa tipe, nama video, dan lokasi video. Gambar 20 menunjukkan tabel database tabeldata yang telah dimasukkan file video 1.MP4.

PENAMPIL INFORMASI PADA LAYAR JARAK JAUH MELALUI JARINGAN 3G... 73 Gambar 20. Tabel database tabeldata setelah dimasukkan data video F. Halaman History Halaman history dapat diakses bila client memilih jenis informasi berupa history. Pada halaman history terdapat tabel yang berisi data gambar/video yang sudah pernah di-upload ke dalam sistem dan tombol pada masing-masing data untuk menampilkannya kembali. Gambar 21 Diagram alir subrutin Pilihan History Diagram alir pada Gambar 21 menunjukkan bahwa sistem akan memilih semua data dari tabel database history dan akan menampilkannya ke dalam sebuah tabel. Client dapat memilih data mana yang akan ditampilkan kembali dengan cara menekan tombol Tampil. Setelah tombol Tampil ditekan, sistem akan membaca id data dan isi database tabeldata akan diperbarui, lalu perintah exec( python/home/pi/clientx.py ) dieksekusi sehingga data yang dipilih segera ditampilkan. Jika client menekan tombol Hapus, maka

74 ELECTRICAL ENGINEERING JOURNAL, VOL. 5, NO. 2, APRIL 2015 sistem akan membaca id data dan data tersebut akan dihapus pada tabel database history. Gambar 22 menunjukkan tampilan halaman history. Penampil Informasi pada Layar Jarak Jauh melalui Jaringan 3G dengan Masukan dari Web Browser Gambar 22. Tampilan halaman history Tabel database yang digunakan dalam halaman history adalah tabel database history. Setelah client memilih data mana yang akan ditampilkan kembali, sistem akan memperbarui tabel database tabeldata dengan data baru yang berupa tipe, nama file, dan lokasi file. Tabel database history yang digunakan dalam halaman history ditunjukkan pada Gambar 23. Gambar 23. Tabel database history II.2. Perancangan Program pada Raspberry Pi Program python yang bekerja dalam sistem ada 2 yaitu clientx.py dan server.py. Clientx.py merupakan program python yang berfungsi sebagai pemberi trigger dan server.py merupakan program python utama yang berfungsi sebagai penampil gambar/gambar slideshow/video/history. Proses yang berlangsung dalam Raspberry Pi ditunjukkan dengan diagram alir pada Gambar 24.

PENAMPIL INFORMASI PADA LAYAR JARAK JAUH MELALUI JARINGAN 3G... 75 Gambar 24. Diagram alir proses pada Raspberry Pi Proses yang ditunjukkan pada diagram alir Gambar 24 adalah server.py akan selalu menunggu hingga clientx.py tereksekusi. Jika clientx.py sudah tereksekusi, server.py akan mengikat hubungan antara server.py dan clientx.py. Setelah server.py dan clientx.py sudah terhubung, server.py akan mengecek trigger yang didapat dari clientx.py. Bila server.py mendapat trigger berupa huruf a, maka server.py akan membaca isi tabel database tabeldata pada kolom tipe untuk mengetahui jenis informasi yang akan ditampilkan. Jika pada kolom tipe pada tabel database tabeldata terbaca img, sistem akan menjalankan proses pada subrutin Tampil Gambar. Jika pada kolom tipe pada tabel database tabeldata terbaca slideshow, sistem akan menjalankan proses pada subrutin Tampil Slideshow. Jika pada kolom tipe pada tabel database tabeldata terbaca vdo, sistem akan menjalankan proses pada subrutin Tampil Video. Untuk history, setelah client memilih data mana yang akan ditampilkan kembali, sistem akan memperbarui tabel database tabeldata dengan data baru yang berupa tipe, nama file, dan lokasi file. Berdasarkan isi dari kolom tipe pada tabeldata yang dibaca oleh server.py, maka proses akan menjalankan subrutin yang sesuai, berupa Tampil Gambar, Tampil Slideshow, atau Tampil Video.

76 ELECTRICAL ENGINEERING JOURNAL, VOL. 5, NO. 2, APRIL 2015 A. Proses Tampil Gambar Jika pada kolom tipe pada tabel database tabeldata berisi img, maka sistem akan menjalankan proses pada subrutin Tampil Gambar. Gambar 25 menunjukkan diagram alir subrutin Tampil Gambar. Gambar 25. Diagram alir subrutin Tampil Gambar Diagram alir pada Gambar 25 menunjukkan bahwa sistem akan membaca isi database tabeldata. Kemudian sistem akan mencari lokasi file gambar yang akan ditampilkan sesuai dengan informasi dari kolom lokasi pada tabeldata. Setelah ditemukan, maka sistem akan menampilkan gambarnya. B. Proses Tampil Video Jika pada kolom tipe pada tabel database tabeldata berisi vdo, maka sistem akan menjalankan proses pada subrutin Tampil Video. Gambar 26 menunjukkan diagram alir subrutin Tampil Video. Gambar 26. Diagram alir subrutin Tampil Video

PENAMPIL INFORMASI PADA LAYAR JARAK JAUH MELALUI JARINGAN 3G... 77 Diagram alir pada Gambar 26 menunjukkan bahwa sistem akan membaca isi tabel database tabeldata. Kemudian sistem akan mencari lokasi file video yang akan ditampilkan sesuai dengan informasi dari kolom lokasi pada tabeldata. Setelah ditemukan, maka sistem akan menampilkan videonya. C. Proses Tampil Slideshow Jika pada kolom tipe pada tabel database berisi slide2, slide3, slide4, atau slide5, maka sistem akan menjalankan proses pada subrutin Tampil Slideshow. Gambar 27 menunjukkan diagram alir subrutin Tampil Slideshow. Gambar 27. Diagram alir subrutin Tampil Slideshow Diagram alir pada Gambar 27 menunjukkan bahwa sistem akan membaca isi tabel database slideshow untuk mengetahui jumlah gambar yang ingin dijadikan slideshow. Jika pada kolom tipe yang terbaca adalah slide2, maka sistem akan membaca isi tabel database slideshow untuk mengetahui lokasi gambar 1 dan gambar 2 lalu sistem akan menampilkan slideshow. Jika pada kolom tipe yang terbaca adalah slide3, maka sistem akan membaca isi tabel database slideshow untuk mengetahui lokasi gambar 1, gambar 2, dan gambar 3 lalu sistem akan menampilkan slideshow. Jika pada kolom tipe yang terbaca adalah slide4, maka sistem akan membaca isi tabel database slideshow untuk mengetahui lokasi gambar 1, gambar 2, gambar 3, dan gambar 4 lalu sistem akan menampilkan slideshow. Jika pada kolom tipe yang terbaca adalah slide5, maka sistem akan membaca isi tabel database slideshow untuk mengetahui lokasi gambar 1, gambar 2, gambar 3, gambar 4, dan gambar 5 lalu sistem akan menampilkan slideshow.

78 ELECTRICAL ENGINEERING JOURNAL, VOL. 5, NO. 2, APRIL 2015 II.3. VPN (Virtual Private Network) Hamachi VPN Hamachi [5] digunakan untuk membuat sistem dapat bekerja secara online dan membuat IP dynamic dari modem menjadi static. Langkah-langkah yang harus dilakukan agar jaringan VPN dengan menggunakan Hamachi dapat terbentuk adalah Aplikasi Hamachi harus diinstalasi pada komputer client dan Raspberry Pi, kemudian masukkan username, password, dan nama device yang akan digunakan. Komputer client dan Raspberry Pi harus terhubung pada jaringan Internet. Lalu jalankan aplikasi Hamachi pada komputer client. Gambar 28 adalah tampilan aplikasi Hamachi pada komputer client. Kolom cervec adalah nama network yang beranggotakan komputer client yang bernama darto-pc dan Raspberry Pi yang bernama pi. Gambar 28. Aplikasi Hamachi pada komputer client Akses website http://logmein.com untuk pemberian izin atas permintaan bergabung dari Raspberry Pi agar komputer client dan Raspberry Pi dapat memulai koneksi. Gambar 29 adalah tampilan website http://logmein.com. Jaringan yang dibuat bernama cervec memiliki topologi mesh dan beranggotakan komputer client yang bernama darto-pc dan Raspberry Pi yang bernama pi. Komputer client mendapatkan virtual IP 25.33.230. dan Raspberry Pi mendapatkan virtual IP 25.29.99.238. Gambar 29. Tampilan website logmein.com pada jaringan cervec

PENAMPIL INFORMASI PADA LAYAR JARAK JAUH MELALUI JARINGAN 3G... 79 III. HASIL UJI COBA Uji coba dilakukan dengan menghubungkan client dengan jaringan Internet melalui jaringan Fastnet, sedangkan koneksi Raspberry Pi dengan jaringan Internet melalui jaringan 3G Telkomsel. III.1. Pengujian Penampil Gambar Pengujian untuk menampilkan gambar pada layar jarak jauh dilakukan dengan cara client memilih file gambar yang akan ditampilkan dan setelah itu tombol upload ditekan untuk mengeksekusi. Gambar 30 adalah hasil pengujian tampilan gambar pada televisi/monitor. Pengujian dilakukan sebanyak kali dan hasilnya ditunjukkan pada Tabel 1. Gambar 30. Hasil pengujian penampil gambar pada layar televisi/monitor Gambar TABEL 1. HASIL PENGUJIAN PENAMPIL SATU GAMBAR Ukuran Gambar 235KB Uji ke- Jam Pengambilan Data Durasi Upload Tampilan 1 19: 36,22detik Berhasil 2 19:11 33,51detik Berhasil 3 19:13 35,13detik Berhasil 4 19:14 34,87detik Berhasil 5 19:15 34,68detik Berhasil 6 19:16 34,95detik Berhasil 7 19:18 35,12detik Berhasil 8 19:19 35,33detik Berhasil 9 19:20 36,65detik Berhasil 19:21 35,64detik Berhasil Rata-rata durasi upload gambar : 36,22 + 33,51 + 35,13 + 34,87 + 34,68 + 34,95 + 35,12 + 35,33 + 36,65 + 35,64 Persentase keberhasilan menampilkan gambar : 0% = 0% = 35,21 detik

80 ELECTRICAL ENGINEERING JOURNAL, VOL. 5, NO. 2, APRIL 2015 III.2. Pengujian Penampil Slideshow Sistem penampil informasi akan diuji untuk menampilkan beberapa gambar secara berurutan dalam bentuk slideshow. Dalam pengujian ini akan diuji penampil slideshow yang terdiri dari 2, 3, 4, dan 5 gambar. A. Pengujian Penampil Slideshow 2 Gambar Pengambilan data dilakukan dengan cara client memilih 2 file gambar yang akan dijadikan slideshow dan setelah itu tombol upload ditekan untuk mengeksekusi. Gambar 31 adalah hasil pengujian tampilan slideshow 2 gambar pada televisi/monitor. Pengujian dilakukan sebanyak kali dan hasilnya ditunjukkan pada Tabel 2. (a) (b) Gambar 31. (a) Hasil pengujian penampil slideshow gambar pertama pada layar televisi/monitor, (b) Hasil pengujian penampil slideshow gambar kedua pada layar televisi/monitor Gambar TABEL 2. HASIL PENGUJIAN PENAMPIL SLIDESHOW 2 GAMBAR Ukuran Gambar Uji ke- Jam Pengambilan Data Durasi Upload Tampilan 1 19:29 39,77detik Berhasil 2 19:30 39,84detik Berhasil 235KB 3 19:31 40,08detik Berhasil 4 19:32 39,62detik Berhasil 5 19:33 39,97detik Berhasil 6 19:34 40,11detik Berhasil 20,4KB 7 19:35 39,92detik Berhasil 8 19:36 39,78detik Berhasil 9 19:37 40,26detik Berhasil 19:38 41,detik Berhasil Rata-rata durasi upload slideshow 2 gambar :

PENAMPIL INFORMASI PADA LAYAR JARAK JAUH MELALUI JARINGAN 3G... 81 39,77 + 39,84 + 40,08 + 39,62 + 39,97 + 40,11 + 39,92 + 39,78 + 40,26 + 41,1 = 40,045detik Persentase keberhasilan menampilkan slideshow 2 gambar : 0% = 0% B. Pengujian Penampil Slideshow 3 Gambar Pengambilan data dilakukan dengan cara client memilih 3 file gambar yang akan dijadikan slideshow dan setelah itu tombol upload ditekan untuk mengeksekusi. Gambar 32 adalah hasil pengujian tampilan slideshow 3 gambar pada televisi/monitor. Pengujian dilakukan sebanyak kali dan hasilnya ditunjukkan pada Tabel 3. (a) (b) (c) Gambar 32. (a) Hasil pengujian penampil slideshow gambar pertama pada layar televisi/monitor, (b) Hasil pengujian penampil slideshow gambar kedua pada layar televisi/monitor, (c) Hasil pengujian penampil slideshow gambar ketiga pada layar televisi/monitor Gambar TABEL 3. HASIL PENGUJIAN PENAMPIL SLIDESHOW 3 GAMBAR Ukuran Gambar Uji ke- Jam Pengambilan Data Durasi Upload Tampilan 1 19:51 69,23detik Berhasil 235KB 2 19:52 69,45detik Berhasil 3 19:53 69,78detik Berhasil 4 19:54 69,89detik Berhasil 20,4KB 5 19:55 70,11detik Berhasil 6 19:56 70,04detik Berhasil 7 19:57 69,78detik Berhasil 81,34KB 8 19:58 70,20detik Berhasil 9 19:59 71,52detik Berhasil 20:00 72,18detik Berhasil Rata-rata durasi upload slideshow 3 gambar :

82 ELECTRICAL ENGINEERING JOURNAL, VOL. 5, NO. 2, APRIL 2015 69,23 + 69,45 + 69,78 + 69,89 + 70,11 + 70,04 + 69,78 + 70,20 + 71,52 + 72,18 Persentase keberhasilan menampilkan slideshow 3 gambar : 0% = 0% C. Pengujian Penampil Slideshow 4 Gambar = 70,218 detik Pengambilan data dilakukan dengan cara client memilih 4 file gambar yang akan dijadikan slideshow dan setelah itu tombol upload ditekan untuk mengeksekusi. Gambar 33 adalah hasil pengujian tampilan slideshow 4 gambar pada televisi/monitor. Pengujian dilakukan sebanyak kali dan hasilnya ditunjukkan pada Tabel 4. (a) (b) (c) (d) Gambar 33. (a) Hasil pengujian penampil slideshow gambar pertama pada layar televisi/monitor, (b) Hasil pengujian penampil slideshow gambar kedua pada layar televisi/monitor, (c) Hasil pengujian penampil slideshow gambar ketiga pada layar televisi/monitor, (d) Hasil pengujian penampil slideshow gambar keempat pada layar televisi/monitor

PENAMPIL INFORMASI PADA LAYAR JARAK JAUH MELALUI JARINGAN 3G... 83 Gambar TABEL 4. HASIL PENGUJIAN PENAMPIL SLIDESHOW 4 GAMBAR Ukuran Gambar Uji ke- Jam Pengambilan Data Durasi Upload Tampilan 1 21:07 74,51detik Berhasil 235KB 2 21:09 74,78detik Berhasil 3 21:11 74,72detik Berhasil 20,4KB 4 21:13 76,61detik Berhasil 5 21:15 77,18detik Berhasil 6 21:17 77,26detik Berhasil 81,34KB 7 21:19 77,15detik Berhasil 8 21:21 77,32detik Berhasil 16,7KB 9 21:23 77,54detik Berhasil 21:25 76,17detik Berhasil Rata-rata durasi upload slideshow 4 gambar : 74,51 + 74,78 + 74,72 + 76,61 + 77,18 + 77,26 + 77,15 + 77,32 + 77,54 + 76,17 Persentase keberhasilan menampilkan slideshow 4 gambar : 0% = 0% D. Pengujian Penampil Slideshow 5 Gambar = 76,324detik Pengambilan data dilakukan dengan cara client memilih 5 file gambar yang akan dijadikan slideshow dan setelah itu tombol upload ditekan untuk mengeksekusi. Gambar 34 adalah hasil pengujian tampilan slideshow 5 gambar pada televisi/monitor. Pengujian dilakukan sebanyak kali dan hasilnya ditunjukkan pada Tabel 5. (a) (b) (c)

84 ELECTRICAL ENGINEERING JOURNAL, VOL. 5, NO. 2, APRIL 2015 (d) (e) Gambar 34. (a) Hasil pengujian penampil slideshow gambar pertama pada layar televisi/monitor, (b) Hasil pengujian penampil slideshow gambar kedua pada layar televisi/monitor, (c) Hasil pengujian penampil slideshow gambar ketiga pada layar televisi/monitor, (d) Hasil pengujian penampil slideshow gambar keempat pada layar televisi/monitor, (e) Hasil pengujian penampil slideshow gambar kelima pada layar televisi/monitor Gambar TABEL 5. HASIL PENGUJIAN PENAMPIL SLIDESHOW 5 GAMBAR Ukuran Gambar Uji ke- Jam Pengambilan Data Durasi Upload Tampilan 235KB 1 21:31 92,18detik Berhasil 2 21:33 92,62detik Berhasil 20,4KB 3 21:34 91,59detik Berhasil 4 21:36 91,81detik Berhasil 81,34KB 5 21:38 93,11detik Berhasil 6 21:40 92,58detik Berhasil 16,7KB 7 21:42 92,17detik Berhasil 8 21:44 92,08detik Berhasil 130KB 9 21:46 91,52detik Berhasil 21:48 92,78detik Berhasil Rata-rata durasi upload slideshow 5 gambar :

PENAMPIL INFORMASI PADA LAYAR JARAK JAUH MELALUI JARINGAN 3G... 85 92,18 + 92,62 + 91,59 + 91,81 + 93,11 + 92,58 + 92,17 + 92,08 + 91,52 + 92,78 Persentase keberhasilan menampilkan slideshow 5 gambar : 0% = 0% III.3. Pengujian Penampil Video = 92,244detik Pengambilan data dilakukan dengan cara client memasukkan file video yang akan ditampilkan dan setelah itu tombol upload ditekan untuk mengeksekusi. Gambar 35 adalah hasil pengujian tampilan video pada televisi/monitor. Pengujian dilakukan sebanyak kali dan hasilnya ditunjukkan pada Tabel 6. Gambar 35. Hasil pengujian penampil video pada televisi/monitor Video TABEL 6. HASIL PENGUJIAN PENAMPIL VIDEO Ukuran Video 175KB Uji ke- Jam Pengambilan Data Durasi Upload Tampilan 1 21:52 40,55detik Berhasil 2 21:54 40,87detik Berhasil 3 21:56 39,15detik Berhasil 4 21:58 39,59detik Berhasil 5 22:00 39,74detik Berhasil 6 22:04 39,08detik Berhasil 7 22:06 39,52detik Berhasil 8 22:08 41,85detik Berhasil 9 22: 42,12detik Berhasil 22:12 40,58detik Berhasil Rata-rata durasi upload video 1.MP4: 40,55 + 40,87 + 39,15 + 39,59 + 39,74 + 39,08 + 39,52 + 41,85 + 42,12 + 40,58 = 40,305detik

86 ELECTRICAL ENGINEERING JOURNAL, VOL. 5, NO. 2, APRIL 2015 Persentase keberhasilan menampilkan video : 0% = 0% III.4. Pengujian Penampil Gambar dan Video dari History Pengambilan data dilakukan dengan cara client memilih file gambar atau video yang akan ditampilkan dari tabel history dan setelah itu klik Tampil untuk mengeksekusi. Tabel 7 menunjukkan hasil pengujian yang dilakukan sebanyak kali untuk menampilkan file gambar dari history, sedangkan Tabel 8 untuk menampilkan file video dari history. Gambar dalam History TABEL 7. HASIL PENGUJIAN PENAMPIL GAMBAR DARI HISTORY Ukuran Gambar 118KB Uji ke- Jam Pengambilan Data Durasi Eksekusi Tampilan 1 22:15 2,06detik Berhasil 2 22:16 2,62detik Berhasil 3 22:17 3,41detik Berhasil 4 22:18 3,64detik Berhasil 5 22:20 4,57detik Berhasil 6 22:21 4,51detik Berhasil 7 22:23 3,42detik Berhasil 8 22:24 5,detik Berhasil 9 22:25 4,57detik Berhasil 22:26 3,02detik Berhasil Rata-rata durasi eksekusi menampilkan gambar dari history: 2,06 + 2,62 + 3,41 + 3,64 + 4,57 + 4,51 + 3,42 + 5, + 4,57 + 3,02 = 3,692detik Persentase keberhasilan menampilkan gambar dari history: 0% = 0% Video dalam History TABEL 8. HASIL PENGUJIAN PENAMPIL VIDEO DARI HISTORY Ukuran Video 236KB Uji ke- Jam Pengambilan Data Durasi Eksekusi Tampilan 1 22:31 3,41detik Berhasil 2 22:33 2,52detik Berhasil 3 22:35 3,67detik Berhasil 4 22:37 3,1detik Berhasil 5 22:39 4,81detik Berhasil 6 22:41 3,5detik Berhasil 7 22:44 3,86detik Berhasil 8 22:47 4,16detik Berhasil 9 22:49 3,92detik Berhasil 22:51 3,12detik Berhasil

PENAMPIL INFORMASI PADA LAYAR JARAK JAUH MELALUI JARINGAN 3G... 87 Rata-rata durasi eksekusi menampilkan video dari history: 3,41 + 2,52 + 3,67 + 3,1 + 4,81 + 3,5 + 3,86 + 4,16 + 3,92 + 3,12 = 3,607detik Persentase keberhasilan menampilkan video dari history: 0% = 0% Berdasarkan hasil pengujian yang telah dilakukan, sistem penampil yang direalisasikan dapat menampilkan dan mengubah informasi yang ditampilkan pada layar/monitor jarak jauh sesuai dengan informasi yang dimasukkan melalui web browser. Sistem dapat menampilkan gambar, urutan gambar (slideshow), dan video pada layar jarak jauh dengan benar. Sistem penampil juga dapat menampilkan kembali dengan benar gambar, urutan gambar (slideshow), dan video yang pernah ditampilkan dengan perintah Tampil pada tabel history melalui web browser, sehingga tidak perlu dilakukan proses upload ulang. Waktu rata-rata upload informasi dipengaruhi oleh bandwidth dan traffic jaringan dari client (web browser) sampai ke Raspberry Pi. Client dapat mengubah tampilan pada layar/monitor jarak jauh dari mana saja dan kapan saja, asal client tersambung dengan Internet. IV. KESIMPULAN Penampil informasi berupa gambar, slideshow, dan video pada layar jarak jauh dapat bekerja dengan baik. Dari hasil uji coba, persentase keberhasilan menampilkan informasi adalah 0%. Tampilan pada layar/monitor jarak jauh dapat diubah dari mana saja dan kapan saja oleh client (web browser), asal client tersambung dengan Internet. Sistem penampil juga dapat menampilkan kembali gambar, urutan gambar (slideshow), dan video yang pernah ditampilkan dengan persentase keberhasilan 0%, tanpa perlu dilakukan proses upload ulang. DAFTAR REFERENSI [1] Optecmedia, About Digital Billboard Technology, http://www.optecmedia.com/digital_billboard_fact_sheet.pdf, diakses 8 Juni 2015 [2] Digi International Inc., Update Electronic Billboard Content Remotely, http://www.digi.com/learningcenter/stories/update-electronic-billboard-content-remotely, diakses 9 Juni 2015 [3], Raspbian - operating system based on Debian optimized for the Raspberry Pi hardware, http://www.raspbian.org, diakses 25 Juli 2015 [4] http://cs.smith.edu/dftwiki/index.php/tutorial:_client/server_on_the_raspberry_pi, diakses 5 Agustus 2014 [5] LogMeIn Inc., Create Virtual Private Networks on-demand, https://secure.logmein.com/products/hamachi, diakses 20 Agustus 2014