PERANCANGAN DAN IMPLEMENTASI SISTEM

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