BAB 3 PERANCANGAN DAN IMPLEMENTASI SISTEM
Dalam bab ini akan dibahas perancangan sistem informasi yang dapat mengatur penayangan sebuah konten informasi pada media-media digital. Sistem
yang akan kita bangun memiliki dua bagian, yaitu frontend dan backend, pada pembahasan selanjutnya frontend akan disebut sebagai client dan backend akan
disebut sebagai serveradmin. Gambar 3. 1 berikut ini merupakan blok diagram dari sistem yang akan dibangun.
ServerKonten Multimedia
Router
Internet Admin
Display 1 Display2
Display 3
Gambar 3. 1 Blok diagram sistem
Pada Gambar diatas dapat kita lihat bahwa sistem yang akan dibangun terdiri dari server, client, dan administrator yang tentunya saling terhubung dalam sebuah jaringan.
Administrator bekerja dibelakang layar untuk mengatur kerja dari sistem, baik itu
Universitas Sumatera Utara
penambahan konten, penjadwalan, dan sebagainya. Client mendapatkan peran utama dalam sistem ini, karena clientlah yang bertugas untuk menampilkan konten yang telah ditetapkan
oleh administrator.
3.1 Spesifikasi Sistem
Adapun spesifikasi dari sistem yang akan dibangun pada tugas akhir ini adalah sebagai berikut.
1. Sistem dapat mengatur penayangan iklan dengan baik
Dengan sistem ini kita dapat melakukan penataan layout iklan, menambah atau mengurangi isi iklan, serta melakukan penjadwalan. Layout adalah
tampilan penuh yang akan ditayangkan pada penampil elektronik. Layout dapat dibagi menjadi beberapa bagian region yang masing-masing dapat
diisi dengan konten multimedia yang berbeda-beda seperti video, gambar, maupun teks. Dengan sistem ini kita juga dapat membuat jadwal
penayangan layout untuk sebulan kedepan. 2.
Sistem dapat menampilkan layout iklan secara terjadwal dan teratur Sistem ini mampu menampilkan layout secara teratur sesuai dengan jadwal
yang telah ditentukan sebelumnya. Sistem yang terdiri dari empat buah tampilan elektronik ini mampu menampilkan layout yang berbeda-beda.
Penampil akan mengunduh layout beserta konten yang akan ditampilkan dari server terlebih dahulu sebelum ditampilkan. Untuk mengetahui ada
tidaknya jadwal baru, client, yaitu media penampil, akan melakukan request jadwal terhadap server setiap rentang waktu tertentu.
Universitas Sumatera Utara
3. Sistem dapat menampilkan konten multimedia dalam berbagai format.
Sistem ini dapat menampilkan berbagai jenis format konten multimedia, seperti video, gambar, teks diam maupun bergerak, embbeded HTML,
halaman sebuah web, flash, dan powerpoint. 4.
Sistem yang dibangun berbasis TCPIP Sistem terdiri dari satu buah server dan empat buah client, dimana server
berfungsi sebagai sumber dari konten multimedia dan client adalah penampil konten multimedia tersebut. Server dan client berkomunikasi
dengan memanfaatkan TCPIP sebagai protokolnya. Server dan client terhubung dalam satu jaringan serta memiliki alamat IP nya masing-masing.
5. Sistem menggunakan aplikasi open source
Sistem ini menggunakan aplikasi Xibo Server dan Xibo Client yang bersifat open source.
3.2 Perancangan Sistem
Dalam tahap perancangan sistem, diperlukan prosedur kerja yang dilakukan secara bertahap agar dapat berjalan dengan baik. Prosedur kerja yang dilakukan
meliputi konfigurasi, perencanaan, dan implementasi.
3.2.1 Konfigurasi server
Langkah pertama yang harus dilakukan adalah menginstal aplikasi xampp dan Xibo server pada perangkat yang akan kita gunakan sebagai server. Setelah itu,
dilakukan beberapa hal yang diperlukan berikut ini:
Universitas Sumatera Utara
a. Memberikan sandi pada root MySQL agar database server lebih aman,
b. Membuat database baru dengan menggunakan MySQL yang akan
digunakan oleh Xibo server, c.
Menentukan sandi untuk server dimana sandi ini akan digunakan oleh client untuk dapat terhubung dengan server,
d. Menentukan lokasi penyimpanan konten yang akan ditampilkan pada client
dan diunggah ke server, e.
Membuat akun administrator atau super user pada Xibo server yang berfungsi sebagai pengendali penuh pada sistem.
3.2.2 Konfigurasi Client
Setelah selesai mengkonfigurasi server, selanjutnya kita beralih keperangkat client. Sama halnya pada server, langkah pertama yang harus dilakukan adalah
menginstal aplikasi Xibo client yang dibutuhkan. Setelah selesai menginstal aplikasi Xibo client, dilakukan beberapa hal berikut ini :
a. Menentukan lokasi penyimpanan konten yang diunduh oleh client,
b. Menetapkan interval waktu untuk client melakukan request ke server untuk
mendapatkan informasi baru, baik itu jadwal maupun konten, c.
Mendaftarkan client ke server, alamat server diisikan pada client dan juga kata sandi yang server yang telah ditetapkan sebelumnya. Kemudian client
mengirimkan sinyal ke alamat yang tertera dengan membawa sandi server sebagai syarat masuk ke server. Jika server telah menerima dan memberikan
lisensi pada client, maka client siap digunakan sebagai penampil.
Universitas Sumatera Utara
3.2.3 Konfigurasi jaringan Seluruh perangkat dihubungkan dengan menggunakan sebuah router. Dalam
tugas akhir ini router yang digunakan adalah TP-LINK TD-8840T dengan kabel UTP Cat.5E. Perangkat terhubung dalam jaringan lokal LAN dengan topologi
seperti pada Gambar 3. 2. Alamat IP dari router adalah 192.168.1.1, sedangkan alamat IP dari perangkat yang terhubung adalah sebagai berikut.
Tabel 3.1 Alamat IP dari masing-masing perangkat
Perangkat Alamat IP
L1 192.168.1.100
L2 192.168.1.124
L3 192.168.1.158
L4 192.168.1.147
L1 L2
L3
L4 Router
Gambar 3. 2 Topologi Sistem
Universitas Sumatera Utara
3.3 Perancangan Konten Iklan Tahapan yang dikerjakan dalam perencanaan konten iklan adalah
pendesainan layout, penambahan konten, dan penjadwalan. Tahapan ini harus dilakukan secara berurutan agar proses menampilkan konten berjalan baik.
Dalam pendesainan layout, dilakukan berbagai hal untuk membuat tampilan lebih menarik. Mengubah gambar latar belakang agar lebih menarik, menambahkan
region atau layar kecil untuk menampilkan konten, menyusun posisi region, dan menentukan besar resolusi tampilan. Semua langkah-langkah tersebut dikerjakan
pada tahapan mendesain layout. Gambar 3. 3 menunjukkan contoh layout yang telah selesai didesain.
Gambar 3. 3 Sebuah layout yang telah diberi Gambar latar belakang dan ditambahkan beberapa region yang masih kosong atau tanpa konten
Setelah selesai mendesain layout, selanjutnya ditambahkan konten yang sesuai pada region yang telah dibuat sebelumnya. Dalam tahap ini, semua konten
yang akan digunakan terlebih dahulu akan diunggah ke dalam server. Setelah itu
Universitas Sumatera Utara
barulah ditetapkan konten mana yang akan ditayangkan dalam sebuah region. Gambar 3. 4 menunjukkan proses pengunggahan gambar ke dalam server.
Gambar 3. 4 Proses pengunggahan konten ke server
Setelah kedua tahap sebelumnya selesai dikerjakan, selanjutnya tinggal melakukan tahap penjadwalan. Pada tahap ini, ditetapkan kapan sebuah layout itu
ditayangkan serta lamanya layout tersebut akan tayang. Disamping itu juga, pada tahap ini akan ditentukan display mana yang akan menayangkan layout, baik itu
individu maupun grup. Gambar 3. 5 menunjukkan parameter yang harus diisikan dalam penjadwalan.
Gambar 3. 5 Proses Penjadwalan
Universitas Sumatera Utara
3.4 Implementasi Sistem Setelah menyelesaikan konfigurasi dan perencanaan pada sistem, maka
sistem sudah siap untuk berjalan. Jika server, client, dan jaringan bekerja dengan baik maka layout akan ditampilkan dengan baik. Server tidak akan langsung
mengirimkan setiap jadwal baru ke client, melainkan menunggu client melakukan request terlebih dahulu.
Menunggu klien melakukan request
Klien melakukan request
Ada Jadwal Baru ? Melakukan request ke
server setiap interval waktu tertentu
Server dan klien terhubung dalam sebuah jaringan
SERVER KLIEN
Mengunduh jadwal beserta tampilan dan
konten Tidak
Tidak Ya
Ya Menayangkan konten
sesuai jadwal
Gambar 3. 6 Aliran proses kerja dari system Client akan melakukan request terhadap server setiap interval waktu tertentu
sesuai dengan yang telah ditetapkan pada konfigurasi client. Hal ini dilakukan untuk mengetahui ada tidaknya perubahan ataupun jadwal baru yang disediakan
oleh server bagi client tersebut. Jika terdapat jadwal baru, client akan melakukan
Universitas Sumatera Utara
penyesusaian sesuai dengan perubahan yang ada pada server. Gambar 3. 6 menunjukkan aliran proses kerja dari sistem.
Xibo memberikan kalender kerja untuk melakukan penjadwalan per bulan, sehingga kita dapat membuat jadwal untuk sebulan penuh. Client akan mengunduh
jadwal terlebih dahulu dari server, kemudian mengunduh konten sesuai dengan jadwal tersebut. Jadwal yang kita buat bukan hanya berisi tanggal penayangan
namun juga layout dan konten-konten yang akan ditampilkan serta alamat dari konten tersebut berada. Konten bisa tidak berasal dari satu server saja, namun server
untuk jadwal hanya ada satu. Misalnya dalam satu layout terdapat konten teks dan gambar yang berasal dari server utama, namun ada juga konten video yang berasal
dari server website video streaming seperti youtube. Jika kita sudah membuat jadwal untuk sebulan penuh, maka aplikasi xibo
yang ada pada client akan mengunduh seluruh jadwal tersebut kemudian juga mengunduh konten yang akan ditayangkannya, setelah itu barulah konten akan
ditayangkan. Kita juga dapat melakukan perubahan jadwal jika diperlukan dan client yang melakukan request terhadap server setiap interval waktu tertentu akan
menyesuaikannya. Client akan tetap mengunduh jadwal dan konten yang telah disediakan
untuknya pada saat request walaupun belum waktunya untuk menayangkan. Sehingga sekalipun client terputus dengan server, client akan tetap menampilkan
layout sesuai jadwal yang telah di terimanya pada setiap request yang dilakukannya sebelum terputus dengan server.
Universitas Sumatera Utara
BAB 4 PENGUJIAN DAN ANALISIS SISTEM