Vol.27 No.1, June 2021 ISSN (p): 1693-590x, ISSN (e): 2686-4711
DOI: 10.36309/goi.v27i1.142  33
Pengembangan Digital Signage sebagai Papan Informasi Digital Studi Kasus: STMIK AUB Surakarta
Ernes Cahyo Nugroho* 1 , Erni Widarti 2 , Neira Anjar Pujisusilo 3 , Bayu Adi Catur 4 1,2,3,4 Program Studi Sistem Komputer, STMIK AUB, Surakarta, Indonesia e-mail: * 1 ernes.cahyo@stmik-aub.ac.id , 2 erni.widarti @stmik-aub.ac.id,
3 neira.anjr@gmail.com, 4 syifabayu5@gmail.com

## Abstrak
STMIK  AUB  Surakarta  telah  memanfaatkan  media  website  sebagai  sarana penyampaian  informasi.  Namun  dalam  lingkungan  internal  masih  menggunakan  cara konvensional  dengan  menempel  lembar  pengumuman  pada  papan  informasi  yang  tersedia, masih  banyak  informasi  atau  pengumuman  yang  harus  disampaikan  dengan  cepat,  informatif dan  up  to  date,  seperti  informasi  proses  belajar  mengajar,  agenda  atau  kegiatan  di  jurusan, maupun informasi lainnya yang berhubungan dengan layanan konvensional dan statis melalui papan  pengumuman.  Informasi  yang  diberikan  menggunakan  lembaran  yang  ditempelkan  di papan  informasi  yang  tersedia.  Dengan  cara  ini  tentu  akan  memboroskan  kertas  dan  biaya, karena hanya digunakan sekali saja, setelah pengumuman itu kadaluarsa, lembaran informasi tersebut  tidak  berguna  lagi  dan  dapat  memberikan  kesan  kotor  pada  papan  bekas  tempelan selembaran  kertas  pengumuman  tersebut.  Tujuan  dari  penelitian  ini  adalah  menyampaikan segala informasi tentang STMIK AUB Surakarta secara menarik, informatif, dinamis, dan real time.  Peneliti  memberikan  solusi  dengan  menggunakan  Digital  Signage  sebagai  papan informasi digital yang dapat menyajikan informasi secara up to date, informatif, dinamis, dan menarik.  Hasil  dari  penelitian  ini  adalah  perangkat  Digital  Signage  dengan  menggunakan Android  TV  Box  sebagai  media  pemutar  konten  yang  berupa  gambar,  video,  dan  text,  serta LCD  TV  sebagai  tampilan  layarnya.  Untuk  TV  yang  sudah  Smart  TV  tidak  memerlukan perangkat Android TV Box. Kesimpulan penelitian ini adalah Digital Signage dapat digunakan untuk  menyampaikan  informasi  pada  STMIK  AUB  Surakarta.  Digital  Signage  dapat menyampaikan informasi secara up to date, informatif, dinamis, dan menarik. Digital Signage dapat  menyampaikan  informasi  secara  real  time  tanpa  perlu  menunggu  dalam  jangka  waktu yang lama.
Kata kunci — Digital Signage, Content Management System (CMS), Informasi, STMIK AUB

## Abstract
STMIK  AUB  Surakarta  has  used  website  media  as  a means  of  delivering  information. However,  in  the  internal  environment,  they  still  use  conventional  methods  by  sticking  to  the announcement sheet  on  the  information  boards  available,  there  is  still  a  lot  of  information  or announcements that must be delivered quickly, informative and up to date, such as information on  teaching  and  learning  processes,  agendas  or  activities  in  the  department,  as  well  as  other information  dealing  with  conventional  and  static  services  through  bulletin  boards.  The information  provided  uses  sheets  that  are  posted  on  the  information  boards  provided.  In  this way  it  would  be  a  waste  of  paper  and  costs,  because  it  is  only  used  once,  after  the announcement  has  expired,  the  information  sheet  is  no  longer  useful  and  can  give  a  dirty impression on the old post board of the paper sheet. The purpose of this study is to convey all
information about STMIK AUB Surakarta in an interesting, informative, dynamic and real time manner. Researchers provide solutions by using Digital Signage as a digital information board that  can  present  information  up  to  date,  informative,  dynamic,  and  interesting.  The  results  of this study are Digital Signage devices using Android TV Box as a media player in the form of image content, video, and text, and LCD TV as the screen display. Smart TVs do not require an Android TV Box device. The conclusion of this research is that Digital Signage can be used to convey information at  STMIK AUB Surakarta.  Digital Signage can convey information that  is up  to  date,  informative,  dynamic,  and  interesting.  Digital  Signage  can  convey  information  in real time without the need to wait for a long period of time.
Keywords— Digital Signage, Content Management System (CMS), Information, STMIK AUB

## 1. PENDAHULUAN
Informasi  saat  ini  menjadi  kebutuhan  yang  mendasar  bagi  setiap  individu  maupun institusi.  Persaingan  yang  mengacu  kearah  peningkatan  pelayanan  dan  kepuasan  pelanggan, mengharuskan  para  produsen  atau  intitusi  memadukan  teknologi  digital  kedalam  sistem advertisement.  Perkembangan  teknologi  memberikan  berbagai  macam  kemudahan  bagi  para penggunanya.  Digital  signage  dianggap  memiliki  peranan  penting  dalam  memberikan  layanan informasi.  Dengan  sistem  yang  hanya  terdiri  dari  komposisi  server  atau  PC,  monitor  atau  TV dan  software  menjadikan  digital  signage  ini  lebih  efisien  dalam  segi  waktu,  tenaga  dan  biaya [2,8].
Di  era  digital,  papan  pengumuman  bermigrasi  dari  bentuk  konvensional  ke  bentuk digital,  sehingga  dikenal istilah  digital  signage.  Bentuk digital  signage yang  sering  diterapkan saat  ini  adalah  menggunakan  seperangkat  komputer  yang  dihubungkan  ke  satu  atau  beberapa buah TV Plasma untuk menampilkan informasi. Salah satu perangkat keras digital signage yang mendukung  proses  pembuatan  papan  pengumuman  digital  berbasis  Web  adalah Set  Top  Box (STB)  Android.  Banyak  kelebihan  yang  ditawarkan  oleh  digital  signage  sebagai  media  untuk menyebarkan  informasi  ke  target  penonton  dari  pada  media  konvensional.  Digital  signage bersifat  dinamis,  konten  dapat  diperbaharui  kapanpun  sesuai  kebutuhan  tanpa  harus mengeluarkan biaya lagi untuk percetakan [1].
STMIK  AUB  Surakarta  telah  memanfaatkan  media  website  sebagai  sarana penyampaian  informasi.  Namun  dalam  lingkungan  internal  masih  menggunakan  cara konvensional  dengan  menempel  lembar  pengumuman  pada  papan  informasi  yang  tersedia, masih  banyak  informasi  atau  pengumuman  yang  harus  disampaikan  dengan  cepat,  informatif dan up  to  date ,  seperti  informasi  proses  belajar  mengajar,  agenda  atau  kegiatan  di  jurusan, maupun  informasi  lainnya  yang  berhubungan  dengan  layanan  konvensional  dan  statis  melalui papan  pengumuman.  Informasi  yang  diberikan  menggunakan  lembaran  yang  ditempelkan  di papan  informasi  yang  tersedia.  Dengan  cara  ini  tentu  akan  memboroskan  kertas  dan  biaya, karena  hanya  digunakan  sekali  saja,  setelah  pengumuman  itu  kadaluarsa,  lembaran  informasi tersebut  tidak  berguna  lagi  dan  dapat  memberikan  kesan  kotor  pada  papan  bekas  tempelan selembaran  kertas  pengumuman  tersebut.  sehingga  timbul  beberapa  permasalahan  yaitu  tidak semua calon mahasiswa baru dapat mengetahui informasi yang disampaikan, karena kertas yang ditempel  sudah  hilang.  Informasi  yang  disampaikan  tidak  fleksibel  dan  tidak  menarik.  Sulit untuk  diubah  dalam  waktu  yang  singkat  serta  tidak  dapat  didistribusikan  secara real-time . Materi  publikasi  tidak  bisa  disesuikan  dengan  target audiens .  Tidak  ramah  lingkungan  karena masih menggunakan kertas.
Maka dari itu penulis melakukan penelitian dengan cara membuat papan pengumuman atau Digital  Signage yang  bertujuan  untuk  mengurangi  permasalahan  yang  telah  dipaparkan sebelumnya.  Pada  penelitian  ini,  proses  pembuatan  papan  pengumuman  digital  dilakukan dengan cara membuat sebuah sistem yang terdiri dari komposisi software (Notepad++, MySQL, Web Hosting, dan Internet) dan hardware (STB Android, PC Server, PC Client dan LED TV). Aplikasi  berbasis web menggunakan bahasa pemrograman PHP yang telah dibuat diinstallkan
pada  web  hosting  melalui  PC  Server,  sedangkan  LED  TV  dihubungkan  dengan  STB  Android digunakan  untuk  menampilkan  display  aplikasi  berbasis  web  pada  papan  pengumuman  digital yang  telah  dibuat  agar  terlihat  lebih  tajam,  cerah,  dan  besar  jika  dibandingkan  menggunakan monitor  komputer  biasa. Penerapan aplikasi  berbasis web dimaksudkan agar program dapat di kendalikan melalui PC Client secara online, dimana saja, dan kapan saja oleh admin, sehingga hal  ini  akan  menjadikan  digital  signage  lebih  efektif  dan  efisien  dari  segi  waktu,  tenaga,  dan biaya serta mudah dalam hal pengoperasiannya.
Dengan  adanya  penelitian  dan  pembuatan  desain Digital  signage ini  diharapkan  dapat mengurangi dampak dari penggunaan papan pengumuman konvensional karena Digital Signage merupakan salah satu teknologi yang bisa digunakan untuk memberikan layanan informasi yang mudah, informatif, modern dan lebih efisien dalam segi waktu, tenaga dan biaya.

## 2. METODE PENELITIAN

## 2.1 Metode Pengumpulan Data
a. Observasi
Peneliti  melakukan  pengamatan  terhadap  perangkat  papan  informasi  yang  sudah  ada  untuk membandingkan  kelemahan  dan  kelebihan  masing-masing  agar  sistem  yang  dibuat  oleh peneliti lebih baik dari papan informasi yang sudah ada.
b. Wawancara
Peneliti  melakukan  wawancara  dengan  pihak  kampus  STMIK  AUB  untuk  mendapatkan masukan  mengenai  data  apa  saja  yang  akan  di  proses  pada  papan  informasi.  Berikutnya wawancara  kepada  sumber  yang  memiliki  kompetensi  tentang  bagaimana  merancang  dan membuat rangkaian elektronik sebagai dasar pembuatan Digital Signage .
c. Studi Pustaka
Peneliti  mencari  dan  mengumpulkan  buku  tentang  perangkat  ektronik Digital  Signage , laporan  penelitian  terdahulu  serta  berbagai  jurnal  tentang  perangkat  elektronik  terutama tentang perangkat elektronik berbentuk papan informasi baik nasional maupun internasional.

## 2.2 Metode Pengembangan Sistem
Prosedur    pengembangan    yang    digunakan    pada    aplikasi    ini  adalah  menggunakan prosedur  pengembangan  model Waterfall .  Model  ini  melakukan  pendekatan  secara  sistematis dan urut mulai dari level kebutuhan sistem lalu menuju ke tahap analisis, desain, coding, testing / verification , dan maintenance .  Secara  umum  tahapan  pada  model waterfall dapat  dilihat  pada Gambar 1 berikut.
Gambar 1. Siklus Pengembangan Sistem dengan Model Waterfall
2.3 Flowchart Sistem
Flowchart sistem pada penelitian dapat dilihat pada Gambar 2 berikut.
Gambar 2. Flowchart sistem

## 2.4 Diagram Use case
Usecase diagram  mendiskripsikan  sebuah  interaksi  antar  satu  atau  lebih  aktor  dengan sistem yang akan dibuat. Usecase diagram mendefinisikan fitur dari sistem atau apa yang bisa dilakukan  oleh  sistem.  Berikut  Gambar  3 usecase  Diagram Pengembangan Digital  Signage sebagai Papan Informasi Digital.
Gambar 2. Diagram Use Case
Gambar  2  adapun  aktor  – aktor  yang  terlibat  dalam  sistem  dapat  dilihat  pada  Tabel  1  sebagai berikut.
Tabel 1. Aktor yang terlibat didalam sistem No Term Synonym Description 1 Staff Bagian Administrasi Umum Admin Pihak  yang  berhak  mengelola  segala informasi  yang  akan  ditampilkan  pada papan informasi digital 2 Mahasiswa Pihak yang melihat hasil output sistem berupa papan informasi digital
Usecase Narative adalah suatu fungsi untuk menjelaskan lebih detail mengenai elemen-elemen yang ada di dalam Use Case Diagram detail penjelasan dapat dilihat pada Tabel 2 berikut.
Tabel 2 Usecase admin melakukan login Nama Usecase Login Prioritas Tinggi Tipe Usecase Keamanan Sistem Pelaku Admin Deskripsi Usecase ini  mendeskripsikan  tentang login sistem  yang  di  mana pengguna sistem di wajibkan mengsisi username dan password
Tabel 3. Usecase Admin mengelola data pengguna Nama Usecase Mengelola Data Pengguna Prioritas Tinggi Tipe Usecase Keamanan Sistem Pelaku Admin Deskripsi Usecase ini  mendeskripsikan  tentang  mengelola  data  pengguna meliputi  nama,  jabatan,  username  dan  password  yang  digunakan untuk masuk ke halaman administrator sistem.
Tabel 4. Usecase Admin mengelola data layout Nama Usecase Mengelola Data Layout Prioritas Tinggi Tipe Usecase Keamanan Sistem Pelaku Admin Deskripsi Usecase ini  mendeskripsikan  tentang  mengelola  data layout yang
digunakan sebagai tampilan tata letak papan informasi
Tabel 5. Usecase Admin mengelola data konten Nama Usecase Mengelola Data Konten Prioritas Tinggi Tipe Usecase Keamanan Sistem Pelaku Admin Deskripsi Usecase ini  mendeskripsikan  tentang  mengelola  data  konten  yang meliputi data gambar, data video, dan data text Tabel 6. Usecase Admin mengelola data ploting Nama Usecase Mengelola Data Ploting Prioritas Tinggi Tipe Usecase Keamanan Sistem Pelaku Admin Deskripsi Usecase ini  mendeskripsikan  tentang  mengelola  data ploting yang
meliputi data konten, kolom, waktu mulai dan waktu selesai konten ditampilkan.

## 2.4 Activity Diagram
Activity Diagram menggambarkan aluran proses yang tedapat dalam mulai aktivitas start sampai aktivitas berhenti. Activity Diagram mendeskripsikan aksi-aksi dan hasilnya. Berikut ini adalah Activity diagram pada Gambar 3 sebagai berikut.
Gambar 3. Activity Diagram
Gambar  3 activity diagram  pada  aplikasi Digital  Signage sebagai  Papan  Informasi  Digital, admin  melakukan  login  sesuai username dan password yang  sudah  dimiliki,  jika username password benar maka langsung menuju halaman pilih layout , setelah itu input data konten lalu input ploting. Setelah selesai maka mahasiswa dapat melihat papan informasi pada layar LCD.

## 2.4 Metode PIECES
Untuk  menganalisa  perbandingan  sistem  diperlukan  langkah  untuk  mengidentifikasi sistem yang ada,  maka sebagai landasan penulis menggunakan  metode atau kerangka PIECES yang  terdiri  dari performance , information , economy , control , efficiency dan service .  Metode PIECES dapat dilihat pada Tabel 7 berikut.
Tabel 7. Pembahasan Sistem Analisa Sistem Baru Performance (Kinerja) Dengan  adanya  sistem  baru  semua  bentuk  informasi  dan pengumuman  tersimpan  di  database  yang  bisa  ditampilkan kapan saja secara real time Informasi (Informasi) Proses  penyampaian  informasi  yang  disajikan  dalam berbagai macam konten lebih mudah dipahami secara detail dan menyeluruh Economy (Ekonomi) Tidak  perlu  menggunakan  kertas  dan  dapat  menyampaikan banyak informasi sekaligus dengan sumber daya yang sama Control (Keamanan) Keamanan  data  terjamin,  karena  untuk  mengakses  aplikasi harus melalui login pengguna, serta jika ada perubahan data konten  akan  tercatat  waktu  dan  pengguna  yang  melakukan perubahan data konten Efficiency (Efisiensi) Waktu  yang  diperlukan  sedikit  karena  setelah  informasi dientri saat itu juga informasi bisa disebarkan Service (Layanan) Informasi  yang  disampaikan  bervariatif  mulai  dari  text, gambar  dan   video, serta  dapat  diatur  dari  mana  saja secara online

## 3. HASIL DAN PEMBAHASAN

## 3.1 Hasil Pengujian
Data  hasil  pengujian  fitur  diperoleh  dari  kemampuan Digital  Signage yang  terhubung dengan  server  menampilkan  fitur-fitur  yang  dimiliki,  seperti  menampilkan  informasi  berbasis teks  statis,  teks  dinamis,  gambar  statis,  gambar  dinamis,  dan  video  secara  sempurna    pada  PC client  yang  terhubung  dengan display monitor.  Hasil  pengujian  dapat  dilihat  pada  Tabel  8 berikut.
Tabel 8. Hasil Pengujian Display Keterangan Teks Statis Mampu menampilkan teks statis secara sempurna. Teks Dinamis Hanya mampu menampilkan teks dinamis yang bergerak horizontal dan vertical ( marquee ). Image Statis Mampu secara sempurna menampilkan image statis yang berformat jpg, jpeg, png, dan bmp. Image Dinamis Mampu secara sempurna menampilkan image dinamis yang berformat gif. Video Mampu menampilkan video dengan format mp4 dan avi.

## 4.2 Pembahasan
Berikut  ini  halaman  login  aplikasi Digital Signage dengan  menggunakan  akun  yang sudah terdaftar.
Gambar 4. Halaman login aplikasi
Gambar  4  untuk  menuju  halaman  login  dapat  dilakukan  dengan  masuk  ke  url http://infostmikaub.online lalu  akan  muncul  halaman  administrator  dan  mengisi username dan password yang sudah terdaftar lalu klik tombol Login.
Pada menu konten terdapat tiga tombol  untuk menambahkan konten yang berbeda yaitu Entri  Image , Entri Video,  dan Entri Text.  Tampilan  awal  yang  muncul  dapat  dilihat  pada Gambar 5 berikut.
Gambar 5. Halaman Entri Konten
Gambar  5  untuk  menambahkan  konten  berupa  gambar  klik  tombol Entri  Image ,  untuk menambahkan  konten  berupa  video  klik  tombol Entri Video,  untuk  menambahkan  konten berupa  text  klik  tombol  Entri  Text,  setelah  tombol  e ntri diklik  maka  akan  muncul  modal Gambar 6 berikut.
Gambar 6. Modal Entri Konten
Pada  menu  pengaturan layout akan  muncul  tiga layout yang  berbeda,  masing-masing memiliki  jumlah  kolom  yang  berbeda  yaitu  satu  kolom,  dua  kolom,  dan  tiga  kolom.  Untuk memilih layout yang  akan  digunakan  klik  layout  seperti  Gambar  7 layout lalu  klik  tombol Simpan.
Gambar 7. Halaman Layout Konten
Berikutnya Gambar 8 halaman pengaturan konten digunakan untuk menambah, mengubah, dan menghapus  konten berupa gambar, video, text  dan google slides. Untuk menambahkan konten dilakukan  dengan  cara  klik  tombol  Entri  Image,  Entri  Video,  atau  Entri  Text.  Selanjutnya  isi konten sesuai kebutuhan lalu klik tombol Simpan
Gambar 8. Halaman Pengaturan Konten.
Berikutnya  pada  halaman  ploting  Gambar  9  menampilkan form isian  berupa  konten,  kolom, mulai,  dan  sampai.  Ploting  digunakan  untuk  menempatkan  konten  pada  kolom  tertentu berdasarkan  layout  yang  telah  dipilih.  Untuk  menempatkan  konten  pada layout ,  pilih  konten, lalu pilih kolom, lalu isi jam mulai dan jam selesai, setelah itu klik tombol Simpan.
Gambar 9. Halaman Ploting Konten
Gambar 10. Display Digital Signage pada LED TV
42
Gambar  10  menampilkan  LED  TV  yang  sudah  terhubung  dengan  STB  dan  jaringan  internet mengakses  alamat address  server dan  menampilkan  papan  informasi  digital  sesuai  dengan format layout yang telah diatur pada Gambar 7.

## 4. KESIMPULAN
Berdasarkan    dari    hasil    perancangan    dan    pengujian  alat,    maka  dapat  ditarik kesimpulan  sebagai  berikut.  Penelitian  ini  telah  berhasil  merancang  dan  membangun  papan informasi digital sebagai alat penyampaian informasi di STMIK AUB Surakarta menggunakan bahasa  pemrograman  PHP,  HTML,  CSS  dan  Javascript  dengan database MySQL.  Aplikasi Digital  Signage dapat  menyampaikan  informasi  secara  dinamis  dan  atraktif  tidak  monoton seperti text, gambar dan video serta dapat menyampaikan informasi secara real time .

## 5. SARAN
Papan  informasi  digital  yang  dibuat  masih  jauh  dari  kesempurnaan  maka  dari  itu diperlukan  pengembangan  lebih  lanjut  diantaranya  saat  ini layout terbatas  pada  tiga  tampilan saja  berikutnya  diharapkan  dapat  menambahkan layout yang  lebih  dinamis.  Selanjutnya  pada pengaturan waktu tayang dapat ditambahkan pengaturan per tanggal, bulan dan tahun sehingga dapat disesuaikan perubahan konten dengan waktu tayang.

## DAFTAR PUSTAKA
[1] Suranata,  Wardana.  2014.  Digital  Signage  sebagai  Media  Penyampaian  Informasi Kegiatan  Akademik  Berbasis  Mikrokomputer.  Bali:  Creative  Information  Technology Journal.
[2] Mulyana,  Aria,  2016,  Perancangan  Digital  Signage  Sebagai  Papan  Informasi  Digital, Program  Studi  Sistem  Komputer,  Fakultas  Teknik  dan  Ilmu  Komputer  Universitas Komputer Indonesia.
[3] Nugroho.  2004.  PHP  dan  MySQL  dengan  editor  Dreamweaver  MX.  CV  Andi  Offset. Yogyakarta
[4] Jogiyanto. 2008. Metodologi Penelitian Sistem Informasi. CV Andi Offset. Yogyakarta
[5] Wahana.  2010.  Panduan  Belajar  MySQL  Database  Server.  Jakarta:  Mediakita. Mukhamad,  Masrur  2016.  Pemrograman  Web  Dinamis  menggunakan  Java  Server Pages dengan  Database  Relasional  MYSQL. CV Andi Offset. Yogyakarta
[6] Riyanto. 2014. Kupas Tuntas WEB Responsif. Jakarta: PT. Alex Komputindo.
[7] Rizal    Panuntun,  Adian  Fatchur  Rochim,  Kurniawan  Teguh  Martono,  2012, Perancangan Papan Informasi Digital Berbasis Web pada Raspberry pi, Jurusan Sistem Komputer Fakultas Teknik Universitas Diponegoro.
[8] Yuhefizar, Mooduto. 2009. Cara Mudah Membangun  Website Interaktif Menggunakan Content Management System Joomla (CMS). Jakarta: PT Elex Media Komputindo