IMPLEMENTASI APLIKASI MULTIMEDIA INTERAKTIF SEBAGAI PROFIL SEKOLAH SMA NEGERI 57 JAKARTA BARAT DALAM BENTUK CD INTERAKTIF
Angga Priya Utama 1) , Mohamad Salman Alfarisi 2)
Manajemen Informatika, Fakultas Teknologi Informasi, Universitas Budi Luhur Jl. Raya Ciledug, Petukangan Utara, Kebayoran Lama, Jakarta Selatan 12260 E-mail: donniangga717@gmail.com 1) , mohamad.salman.alfarisi@gmail.com 2)

## Abstrak
Multimedia interaktif merupakan sebuah media yang terdiri dari banyak komponen atau kumpulan media yang saling berhubungan satu sama lain dan mampu berinteraksi. Saat ini multimedia interaktif banyak sekali fungsi dan  penggunaannya  khususnya  dalam  bidang  akademis  terutama  dalam  pengenalan  profil  sekolah  sebagai salah  satu  alternatif media  promosi. SMA Negeri  57 Jakarta  Barat  sampai saat  ini belum mempunyai  sebuah media  promosi  baru  dalam  memperkenalkan  profil  instansinya  kepada  masyarakat  luas  dikarenakan sebelumnya,  metode  promosi  dari  mulut  ke  mulut  dan  belum  mandiri  untuk  membuat  media  promosi  sendiri. Dari beberapa masalah tersebut penulis mempunyai ide dan gagasan baru dalam mempromosikan SMA Negeri 57 Jakarta Barat dalam bentuk multimedia interaktif yang dikemas dalam sebuah CD interaktif  yang menarik dan kreatif baik dalam segi tampilan dan juga penyampaian program-program yang disajikan SMA Negeri 57 Jakarta  Barat  kepada  masyarakat  luas  sehingga  terjalin  interaksi  satu  sama  lain.  Metode  yang  diterapkan penulis  dalam  mengumpulan  informasi  pada  pembuatan  CD  interaktif    SMA  Negeri  57  Jakarta  Barat  adalah dengan  mewawancarai  beberapa  narasumber,  melakukan  observasi  pada  lingkungan  dan  kegiatan    sekolah sampai  kepada  menentukan  konsep  dasar  perancangan  aplikasi  interaktifnya. CD  interaktif  ini  dibuat menggunakan  software  Adobe  Flash,  Adobe  Photoshop,  dan  Adobe  Illustrator.  Penulis  juga  mengembangkan rancangan merchandise berupa hardcover CD, poster dan stiker.
Kata kunci: Company Profile, Multimedia, Interaktif

## 1. PENDAHULUAN
Perkembangan teknologi pada era  modern saat ini  sudah  berkembang  dengan  pesat  dan  bahkan sudah ada beberapa yang diterapkan dan direalisasikan  oleh  sejumlah  kalangan  tertentu khususnya  dalam  bidang  akademis.  Penerapan  pada sebuah multimedia interaktif media  promosi mempunyai  beberapa  kegunaan  terutama  dalam penyampaian  informasi  seputar  sejarah  sampai dengan  lokasi  dari  instansi  tersebut.  Kebanyakan universitas sering menggunakan teknologi informasi jenis  ini  dalam  mempromosikan  profil  instansi mereka  kepada  masyarakat  umum,  sedangkan lembaga-lembaga  tertentu  seperti  sekolah  masih banyak  yang  belum  memamfaatkan  media  aplikasi interaktif  dalam  mempromosikan  informasi  umum pada  instansinya.  Berdasarkan  wawancara  penulis kepada narasumber dari pihak sekolah, SMA Negeri 57  Jakarta  Barat  belum  mempunyai  sebuah  media promosi berupa aplikasi multimedia interaktif dalam mempromosikan  sekolahnya,  Oleh  karena  itu penulis selaku mahasiswa bidang  peminatan multimedia  graphic universitas  budi  luhur  memiliki sebuah  ide  untuk  membuat  aplikasi  multimedia interaktif  sebagai  media  promosi  sekolah  tersebut kedalam  bentuk  CD  dengan  tujuan  agar  dapat memberikan  sebuah  inovasi  baru  dan  juga  alternatif lain  dalam  mempromosikan  instansi  mereka  kepada masyarakat luas.
Penulis juga berencana untuk membuat konsep ajuan desain baru dalam bentuk merchandise kepada
sekolah  tersebut  sesuai  dengan  pengalaman  penulis dalam  pembelajaran  multimedia  interaktif  di universitas.  Dalam  proses  pembuatan  CD  interaktif profil SMA Negeri 57 Jakarta, penulis menggunakan perangkat lunak ( software ) Adobe Flash CS6, Adobe Illustrator CC 2015 , dan Adobe Photoshop CS6 .
2. METODOLOGI PENELITIAN
2.1. Objek Penelitian
SMA  Negeri  57  Jakarta  Barat  sampai  saat  ini belum  pernah  mempromosikan  instansi  mereka dengan  menggunakan  metode  alternatif  lain  berupa aplikasi  multimedia  interaktif  baik  dalam  bentuk fisik  maupun  digital,  pada  kasus  tersebut  penulis mempunyai  ide  untuk  membuat  aplikasi  interaktif untuk  sekolah  tersebut  dan  menganjurkan  kepada pihak  dari  SMA  Negeri  57  Jakarta  Barat  untuk mempromosikan  sekolah  mereka  dengan  media alternatif  lain  yang  lebih  modern  yaitu  dengan menyampaiakan  informasi  umum  sekolah  tersebut dari  sejarah  berdirinya  instansi  sampai  dengan informasi  alamat  yang  dapat  dikunjungi  dengan menggunakan metode aplikasi multimedia interaktif. Penulis  membuat  tampilan  multimedia  interaktif tersebut  ke  dalam  bentuk  fisik  ( Hardcopy )  berupa CD  maupun  digital  ( Softcopy )  untuk  di  unggah kedalam  halaman  website  resmi  SMA  Negeri  57 Jakarta Barat [1].
2.2. Analisa Objek
Dalam pembuatan aplikasi multimedia interaktif,  penulis  melakukan  beberapa  metode penelitian berupa wawancara, observasi dan menentukan  konsep  dasar  terlebih  dahulu.  Tujuan dari  pembuatan  aplikasi  interaktif  ini  adalah  untuk memberikan gaya baru dalam mempromosikan SMA Negeri 57 Jakarta Barat kepada masyarakat luas agar terlihat  lebih  kreatif,  professional  dan  juga  sebagai pembeda  dengan  sekolah-sekolah  lainnya.  Metode ini  juga  bisa  meningkatkan  akreditasi  sekolah tersebut  sehingga  mempunyai  citra  positif  dalam pandangan masyarakat umum.
Hambatan  yang  dihadapi  dalam  pembuatan aplikasi  multimedia  interaktif  ini  pertama  adalah keterbatasan  dalam  pembuatan  sebuah  rancangan desainnya, dikarenakan ada beberapa hal  yang tidak boleh  di  ubah  seperti  bentuk  logo  instansi  dan komposisi  warna  yang  tidak  boleh  diganggu  gugat oleh  pihak lain  sehingga membuat  penulis mengalami  kesulitan  dalam  merancang  desain aplikasinya.  Hambatan  kedua  adalah  sulitnya  untuk menentukan  format  yang  sesuai  dengan  tempat penelitian sehingga dapat di terima oleh  masyarakat umum,  oleh  sebab  itu  penulis  dituntut  harus membuat  format  yang  semenarik  mungkin  yang membuat  orang  -  orang  tertarik  untuk  mengunjungi SMA Negeri 57 Jakarta Barat.
Di  samping  hambatan  pembuatan  aplikasi multimedia  interaktif  ini,  ada  keunggulan  yang dicapai diantaranya adalah pencarian informasi yang diinginkan  menjadi  lebih  mudah  diakses  dan  lebih fleksibel  sehingga  terjadi  interaksi  pengunjung dengan sekolah.
Penulis membuat  desain alternatif lain merchandise berupa hardcover CD, poster dan stiker yang  khusus  mempromosikan  aplikasi  multimedia interkatif SMA Negeri 57 Jakarta Barat.

## 2.3. Konsep Desain
Dalam  perancangan  pembuatan  CD  interaktif untuk  SMA  Negeri  57  Jakarta  Barat,  penulis melakukan  beberapa  batasan  dalam  pembuatan aplikasi  multimedia  interaktif  ini  terlebih  dahulu seperti  media  pembelajaran  dan  promosi  dengan diterapkan hanya berupa informasi –  informasi yang terkait  keorganisasian  dan  kegiatan  pada  SMA Negeri  57  Jakarta  Barat  saja,  dan  hasil  dari multimedia  interaktif  tersebut  hanya  dikemas  dalam bentuk CD interaktif beserta sampulnya ( Hardcover )  serta  merchandise  yang  dibuat  hanya berupa poster dan stiker [2].
Tujuan  dan  uraian  yang  dituju  dari  aktivitas penelitian  ini  hanya  melakukan  bentuk  multimedia interaktif dengan satu tema analisis sebagai contoh:

## 2.4. Metodologi
1. Bentuk
Desain  mulai  dari  pembuatan  aplikasi  hingga pada  tahap  perancangan  merchandise  menggunakan
desain  asli  dari  logo  instansi.  Dengan  tambahan elemen - elemen gambar berformat vektor sebagai 2. Logo
Logo  asli  pada  SMA  Negeri  57  Jakarta  Barat sudah  menjadi  ciri  khas  dari  instansi  itu  sendiri, sehingga  tidak  bisa  diganti  dengan  yang  baru walaupun mempunyai kekurangan yaitu bentuk logo desain yang terkesan kuno dan kurang cocok dengan era teknologi modern saat ini,
3. Warna Warna  yang  dimiliki  oleh  Logo  asli  memiliki kesan  yang  sederhana  dan  tidak  terlalu  banyak warna  walaupun  mempunyai  kekurangan  yaitu hanya  mempunyai  tiga  komposisi  warna  saja  yakni (merah,biru dan putih) 4. Desain Layout
Desain  layout  yang  diterapkan  pada  aplikasi multimedia  interaktif  ini  disamakan  dengan  desain dan  warna  dari  logo  instansi  dengan  menggunakan adobe Illustrator CC.
5. Animasi dan Script
Sebagian  besar  animasi  yang  diterapkan  pada aplikasi  interaktif  ini  menggunakan software  adobe flash CS6 dengan menggunakan actionscript 2.0.

## 2.5. Rancangan Layar

## Gambar 1. Rancangan Layar Halaman Utama Aplikasi Interaktif SMA Negeri 57 Jakarta Barat
Pada  gambar  1  menjelaskan  Halaman  utama pada  aplikasi  interaktif  di  atas  dibuat  pada software abobe  flash dengan  ukuran  1034  –  768  px  ( Pixel ) dengan latar berwarna putih.
Gambar 2. Rancangan Desain Ikon Aplikasi Interaktif SMA Negeri 57 Jakarta Barat
Pada gambar 2 menjelaskan ikon yang terdapat pada  halaman  utama  di  desain  sesuai  dengan informasi yang ingin disampaikan kepada pengguna.
Gambar 3. Rancangan Layar Intro Aplikasi Interaktif SMA Negeri 57 Jakarta Barat.
Pada  gambar  3  menjelaskan  Tampilan  di  atas adalah  tampilan  intro  aplikasi  interaktif.  Pada tampilan intro tersebut  disisipkan  logo  asli  instansi di tengah bawah,
Gambar 4. Rancangan Layar Halaman profil Aplikasi Interaktif

## SMA Negeri 57 Jakarta Barat
Pada  gambar  4  menjelaskan  Halaman  ini menunjukan  tampilan  dari  profil  SMA  Negeri  57 Jakarta  Barat  yang  didalamnya  terdapat  informasi mengenai sejarah,visi misi dan kondisi siswa.
Gambar 5. Rancangan Layar Halaman Kurikulum Aplikasi Interaktif SMA Negeri 57 Jakarta Barat
Pada  gambar  5  menjelaskan  Halaman  ini menunjukan  tampilan  dari  kurikulum  SMA  Negeri 57 Jakarta Barat yang didalamnya terdapat informasi mengenai kenaikan kelas,penjurusan dan tata tertib.

## Gambar 6. Rancangan Layar Halaman Materi Aplikasi Interaktif SMA Negeri 57 Jakarta Barat
Pada  gambar  6  menjelaskan  Halaman  ini menunjukan  tampilan  dari  materi  SMA  Negeri  57 Jakarta Barat yang didalamnya terdapat tombol yang menginstruksikan user /pengguna  dapat  membuka informasi mengenai muatan lokal dan pengembangan diri.

## Gambar 7. Rancangan Layar Halaman Ekstrakulikuler Aplikasi Interaktif SMA Negeri 57 Jakarta Barat
Pada  gambar  7  menjelaskan  Halaman  ini menunjukan  tampilan  dari  ekstrakulikuler  yang didalamnya  berisi  informasi  seputar  ekstrakulikuler SMA Negeri 57 Jakarta Barat.

## Gambar 8. Rancangan Layar Halaman Prestasi Aplikasi
Interaktif SMA Negeri 57 Jakarta Barat.
Pada  gambar  8  menjelaskan  Halaman  ini menunjukan tampilan dari Prestasi yang didalamnya berisi  informasi  seputar  prestasi-prestasi  yang pernah dicapai oleh SMA Negeri 57 Jakarta Barat.
Gambar 9. Rancangan Layar Halaman Fasilitas Aplikasi
Interaktif SMA Negeri 57 Jakarta Barat
Pada  gambar  9  menjelaskan  Halaman  ini menunjukan  tampilan  dari  fasilitas  SMA  Negeri  57 Jakarta  Barat  yang  didalamnya  terdapat  tombol- tombol  yang  menginstruksikan user /pengguna dapat membuka album dan video sekolah.
Gambar 10. Draft Hardcover CD Interaktif SMA Negeri 57

## Jakarta Barat
Pada  gambar  10  menjelaskan  Gambar  di  atas adalah draft dari  desain hardcover CD  interaktif SMA  Negeri 57  Jakarta Barat. Konsep desain  ini  di rancang  sesuai  dengan  isi  dari  aplikasi  interaktif  itu sendiri beserta tampilan logo asli instansi dan warna yang sama seperti yang ada di dalam aplikasi.
Gambar 11. Draft Cover Stiker CD Interaktif SMA Negeri 57 Jakarta Barat
Pada  gambar  11  menjelaskan  Gambar  di  atas adalah draft stiker cover CD  interaktif SMA Negeri
57 Jakarta Barat, yang disisipkan bersamaan dengan hardcover .  Desain  dari  stiker cover CD  ini  tidak jauh berbeda dari desain hardcover sebelumnya.
Gambar 12. Draft Poster CD Interaktif SMA Negeri 57 Jakarta Barat
Pada  gambar  12  menjelaskan  Gambar  di  atas adalah draft poster  dari  CD  interaktif  SMA  Negeri 57  Jakarta  Barat.  Desain  poster  ini  tidak  jauh berbeda  dari  desain  stiker  cover  CD  dan hardcover CD.
Gambar 13. Draft Stiker CD Interaktif SMA Negeri 57 Jakarta Barat.
Pada  gambar  13  menjelaskan  Gambar  di  atas adalah draft stiker dari CD interaktif SMA Negeri 57 Jakarta Barat. Desain stiker ini diambil dari tipografi yang ada di poster, stiker, cover dan hardcover CD.
3. HASIL DAN PEMBAHASAN
3.1. Tampilan Aplikasi
Pada gambar 14  menjelaskan  Tampilan  Utama dari  CD  Interaktif  SMA  Negeri  57  Jakarta  Barat. Pada halaman  ini  menampilkan 6  menu utama  yang dapat  diakses  oleh  penggguna  yaitu  pada  profil sekolah, kurikulum, materi pelajaran, ekstrakulikuler, prestasi dan fasilitas.
Gambar 15. Tampilan Layar Halaman Profil Sekolah SMA Negeri 57 Jakarta Barat
Pada  gambar  15  menjelaskan  Tampilan  dari menu profil  yang didalamnya terdapat 3 tombol sub menu yaitu Sejarah,Visi misi dan Kondisi siswa.
Gambar 16. Tampilan Layar Halaman Kurikulum SMA Negeri 57

## Jakarta Barat
Pada  gambar  16  menjelaskan  Tampilan  dari halaman  sub  menu  kurikulum  yang  didalamnya terdapat  3  sub  menu  yang  terdiri  dari  tombol kenaikan  kelas,  tombol  penjurusan  dan  tombol  tata tertib guru dan siswa.
Gambar 17. Tampilan Layar Halaman Materi Pembelajaran SMA Negeri 57 Jakarta Barat
Pada gambar 17 menjelaskan tampilan halaman sub  menu  yang  berisikan  seputar  materi  pelajaran. Pada halaman ini terdapat dua tombol interaktif yang
dapat  diakses  yaitu  tombol  sub  menu  muatan  lokal dan tombol sub menu pengembangan diri.

## Gambar 18. Tampilan Layar Halaman Ekstrakulikuler SMA Negeri 57 Jakarta Barat
Pada  gambar  18  menjelaskan  Tampilan halaman  mengenai  Ekstrakulikuler  yang  terdapat pada instansi.
Gambar 19. Tampilan Layar Halaman Prestasi SMA Negeri 57 Jakarta Barat.
Pada  gambar  19  menjelaskan  Tampilan Halaman  Prestasi  yang  pernah  dicapai  oleh  instansi tersebut, sama seperti halaman menu ekstrakulikuler yang  mana  tidak  terdapat  tombol  sub  menu interaktif.

## Gambar 20. Tampilan Layar Halaman Fasilitas SMA Negeri 57 Jakarta Barat
Pada  gambar  20  menjelaskan  Tampilan halaman  fasilitas  pada  tombol  menu  terakhir aplikasi.  Pada  halaman  ini  terdapat  dua  tombol  sub menu  yang  mengarah  ke  halaman  album  galleri sekolah dan juga video sekolah.

## Gambar 21. Tampilan Layar Halaman Album Galleri SMA Negeri 57 Jakarta Barat
Pada  gambar  21  menjelaskan  Tampilan halaman  album  galleri  pada  menu  fasilitas.  Pada halaman ini terdapat tombol interaktif yang mengacu pada gambar.
Gambar 22.  Tampilan Layar Halaman Video Sekolah SMA Negeri 57 Jakarta
Pada  gambar  22  menjelaskan  Tampilan Halaman  Video  Sekolah  yang  berisikan  sebuah video  mengenai  kegiatan  yang  terjadi  di  sekolah tersebut.
Gambar 23. Tampilan  Halaman Perintah Keluar dari Aplikasi Interaktif SMA Negeri 57
Pada gambar 23 menjelaskan Tombol tampilan keluar  dari  aplikasi  interaktif  SMA  Negeri  57 Jakarta barat. Pada halaman  ini terdapat dua tombol notifikasi tambahan untuk pengguna memilih apakah yakin  untuk  keluar  dari  aplikasi  atau  tetap  dalam aplikasinya,

## Gambar 24. Stiker CD Interaktif SMA Negeri 57 Jakarta Barat
Pada  gambar  24  menjelaskan  Tampilan  dari bentuk  stiker  untuk  merchandise  SMA  Negeri  57 Jakarta  Barat.  Dicetak  dengan  kertas  stiker transparan  agar  terlihat  mudah  di  tempel  khususnya pada bahan kaca.
Gambar 25. Hardcover CD Interaktif SMA Negeri 57 Jakarta Barat
Pada gambar 25 menjelaskan  Tampilan  bentuk fisik  dari  hardcover  CD  interaktif  SMA  Negeri  57 Jakarta  Barat.  Desain hardcover dibuat  persis  sama dengan bentuk poster dan dicetak dengan menggunakan  bahan  kertas art  carton  vynil berlaminating doff sehingga  terkesan  licin  namun agak kasar
Gambar 26. Stiker Cover CD Interaktif SMA Negeri 57 Jakarta Barat
Pada  gambar  26  Menjelaskan  tampilan  dari stiker  untuk  sampul  kepingan  CD  Interaktif  SMA
Negeri  57  Jakarta  Barat.  Bentuk  desain  dirancang sama persis dengan desain hardcover .

## 4. KESIMPULAN
Penelitian  ini  dapat  disimpulkan  bahwa  Media Informasi  merupakan  salah  satu  aspek  terpenting dalam  penunjang  media  pemasaran,  maka  dari  itu penulis  mengajukan  pembuatan    CD  Interaktif  ini sebagai  bagian  dari  media  informasi,  dan  juga sebagai media alternatif lain dalam mempromosikan SMA  Negri  57  Jakarta  Barat,  Fungsi  dari  CD interaktif  ini  adalah  sebagai  nuansa  baru  dalam memperkenalkan  sekolah  tersebut  kepada  publik untuk  membangun  citra  positif  dan  professional, Konsep  dalam  perancangan  CD  interaktif  ini sangatlah penting dalam media promosi dikarenakan harus  dapat  membuat  masyarakat  tertarik  untuk melihat  informasi  sekolah  tersebut.  Penulis  juga akan memberikan bentuk fisik dari CD interaktif ini kepada  pihak  sekolah  agar  dapat  di  unggah  dalam web  sekolah  tersebut  sebagai  media  promosi alternatif  lain.  Penulis  juga  menyerahkan  desain merchandise berupa poster dan stiker sebagai bonus.

## DAFTAR PUSTAKA
[1] Budiman. “ Company Profile Jakarta” . Jakarta: Universitas Gunadharma, 2008.
[2] Kriyantono, Rachmat, “ Public Relations
Writing  Edisi  II” .  Jakarta:  Kencana  Prenada
Media, 2014.
[3] Wibowo,  Ibnu  Teguh,  “ Belajar  Design”
Graphic . Yogyakarta: Buku Pintar.