Rancangan Aplikasi Publikasi Digital menggunakan
media Video dan Animasi Teks menggunakan JavaFX
Marly Kapriati1, Abdi Wahab2
Jurusan Teknik Informatika, Fakultas Ilmu Komputer, Universitas Mercu Buana1,2 Jl. Raya Meruya Selatan, Kembangan, Jakarta, 11650
E-mail : marly.kapriaty@gmail.com1, nangdul56@gmail.com2
Abstract – The dissemination of information to the public would be very useful if the information provided in various form of media, for example integrating video with a running text animation. It is already widely seen on tv news today, and quite informative to provide additional information. Meanwhile, to make it needed a few supporting devices. It would be easier and cheaper to built an application to combine video and running text. Using JavaFX technology that support various multimedia content, digital publishing application will be designed in this research. Layer by layer concept is used to run multimedia content, so multimedia contents, both video and running text, can be run concurrently in a single application. The testing result with black box method show that application can run well, although just for mp4 video format. It would be better if digital publishing application developed for running various format of video, and adding a play list.
Key Words: information media, multimedia content, video, text animation
Abstrak - Penyebaran informasi kepada khalayak ramai akan sangat berguna jika informasi yang diberikan dalam berbagai bentuk media, sebagai contoh penggabungan video dengan animasi teks berjalan. Hal ini sudah banyak dilihat di berita TV saat ini, dan cukup informatif untuk memberikan tambahan informasi. Sedangkan untuk membuatnya diperlukan beberapa perangkat pendukung. Akan lebih mudah dan murah jika dibangun sebuah aplikasi untuk menggabungkan video dan teks berjalan. Dengan menggunakan teknologi JavaFX yang mendukung berbagai konten multimedia, aplikasi publikasi digital akan dirancang pada penelitian ini. Konsep layer by layer akan digunakan untuk menjalankan konten multimedia, jadi konten multimedia, baik video dan teks berjalan, dapat dijalankan secara bersamaan dalam sebuah aplikasi. Hasil pengujian menggunakan metode black box menunjukkan bahwa aplikasi berjalan baik, walaupun hanya untuk video berformat mp4. Akan lebih baik jika aplikasi publikasi digital
dikembangkan untuk menjalankan berbagai format video, dan menambahkan play list.
Kata kunci: media informasi, konten multimedia, animasi teks
I. PENDAHULUAN
Adanya kemajuan teknologi di bidang elektronika komunikasi dan komputer sangat mendukung kemajuan dalam teknologi informasi. Sehingga kebutuhan akan informasi dalam kehidupan modern seperti saat ini dapat terpenuhi dengan pemanfaatan produk teknologi informasi. Produk-produk tersebut seperti, telex, facsimile, telepon, radio, televisi, jaringan komputer atau internet dan satelit. Setiap media telekomunikasi memiliki perannya masing-masing dan mempunyai banyak fungsi sesuai dengan kebutuhan penggunanya, tergantung pada jenis sistem politik dan ekonomi dimana media itu berfungsi, tingkat perkembangan masyarakat, dan minat serta kebutuhan individu tertentu.
Salah satu media massa yang lebih memberikan informasi dan komunikasi kepada setiap lapisan masyarakat adalah televisi atau yang sering disebut dengan TV. TV adalah media telekomunikasi yang memberikan informasi lebih interaktif dan lebih mudah diserap oleh masyarakat baik dari kalangan bawah, menengah, hingga atas. TV saat ini dapat menampilkan gambar bergerak yang disertai suara, dan sesekali disertai teks yang berjalan yang berfungsi memberi informasi dan menyediakan berita untuk memperingatkan kita akan bahaya yang mungkin terjadi, misalnya saja seperti kondisi cuaca yang ekstrem, gempa, dan berita yang lainnya.
Proses untuk menyampaikan audio visual pada TV tidak lah praktis dengan hanya menggunakan satu perangkat ( device ) saja, melainkan dengan melalui berbagai perangkat yang akhirnya digabungkan dengan satu arus atau jalur yang akhirnya dipancarkan ke satelit kemudian sampai ke TV pada setiap rumah atau tempat. Begitu pula halnya dengan menampilkan suatu visual, misalnya menampilkan video dengan teks yang berjalan dibawahnya secara bersamaan. Hal tersebut perlu proses penggabungan dari beberapa lapisan ( layer ) yang digabungkan menjadi satu, kemudian jadilah suatu video yang
tampil dengan adanya teks yang berjalan dibawahnya secara berkala dan bergantian.
Dengan komplikasinya proses yang terjadi pada sebuah perangkat untuk menampilkan suatu video dengan disertai teks berjalan dibawahnya, maka hal tersebut membuat penulis untuk mencoba mengangkat topik tentang perancangan aplikasi video dan text berjalan menggunakan pemrograman JavaFX, khususnya berjalan pada sistem operasi Windows. Hal ini dikarenakan masih jarang adanya aplikasi yang bisa menampilkan suatu video dan teks berjalan bersamaan dengan menggunakan satu aplikasi saja. Sehingga tujuan dari penelitian ini adalah untuk menggabungkan video dan teks berjalan hanya dengan satu aplikasi saja menggunakan JavaFX.
Perumusan masalah yang coba diajukan pada penelitian ini adalah sebagai berikut.
• Bagaimana merancang aplikasi yang menggabungkan video dengan teks berjalan menggunakan JavaFX?
• Bagaimana menguji aplikasi yang telah dibuat? Berdasarkan dari perumusan masalah di atas, maka penulis membatasi penelitian ini dalam hal-hal berikut:
• Rancangan aplikasi video dan running text hanya bisa berjalan baik pada sistem operasi Windows yang sudah terinstall Java Runtime Environment versi 1.7.
• Format Video yang bisa digunakan pada aplikasi ini baru format .mp4 saja.
• Aplikasi video dan running text ini akan tertutup (close) secara otomatis jika durasi video telah habis.
• Pembuatan aplikas menggunakan IDE Netbeans 7.2, dan bahasa pemrograman yang dipakai adalah Java, Javafx dan xml.
Penelitian terkait yang sedikit sesuai dengan penelitian ini adalah penelitian dari Yang yue-xin [1]. Pada penelitiannya, dia menggunakan JavaFX sebagai media untuk membuat aplikasi video client yang dapat terhubung dengan server untuk mengontrol dan memonitoring sistem komunikasi yang dibangun.
Publikasi dari Oracle tentang animasi di dalam JavaFX [2], juga sangat membantu dalam studi literatur pembangunan aplikasi publikasi digital ini. Karena di dalamnya terdapat banyak sekali materi yang berhubungan dengan animasi teks yang dapat dijalankan pada JavaFX.
II. METODOLOGI PENELITIAN
Metodologi penelitian yang penulis pakai dalam penelitian ini adalah metode waterfall. Metode ini
menjadi pilihan penulis karena dalam proses pengembangan aplikasi publikasi digital dengan video dan animasi text ini, perlu analisis dari tahap-tahap dasar pengembangan aplikasi. Metode
waterfall digambarkan oleh Pressman (2010) seperti
pada Gambar 1 berikut ini.
Gambar 1. Paradigma Metode Waterfall Sedikit penambahan dari Gambar 1 di atas, bahwa dalam tahapan Analysis penulis menambahkan dengan tahapan studi literatur tentang berbagai kepustakaan yang berhubungan dengan video dan text berjalan, pemrograman menggunakan IDE Netbeans, JavaFX, dan juga xml.
Adapun langkah-langkah yang penulis lakukan untuk mencapai hasil yang diharapkan adalah sebagai berikut:
• Melakukan studi literatur terhadap ilmu-ilmu yang terkait dengan penelitian.
• Analisa pembuatan model aplikasi yang menggabungkan video dengan running text. • Pengujian aplikasi yang dibuat. Jika belum
berhasil maka kembali ke tahapan analisa pembuatan model yang baru dengan umpan balik yang didapat pada model yang telah dibuat sebelumnya.
Pada tahapan analisa dari penelitian ini, penulis mencoba melakukan analisa perancangan terhadap sistem menggunakan diagram usecase. Hasil analisa awal yang telah dilakukan pada penelitian ini akan digambarkan pada gambar di bawah ini.
Atur Video Atur Teks Mainkan Video dan Teks
System
UserGambar 1. Usecase aplikasi video dan running text Gambar 3 di atas adalah usecase dari rancangan aplikasi video dan running text. Proses tersebut menggambarkan tentang setiap alur pada aplikasi secara umum. User bisa mengatur video dan teks yang akan di mainkan menggunakan JavaFX.
JavaFX adalah sebuah platform software untuk membangun sebuah aplikasi rich internet application (RIA) yang bisa berjalan pada berbagai
macam perangkat. Seperti komputer dekstop, web browser di Windows, Linux dan Mac OSX. JavaFX salah satu teknologi dari Java yang diperuntukan untuk membangun atau merancang aplikasi yang kaya dengan konten multimedia seperti, grafis, sound, effect grafis dan video yang diintegrasikan kedalam website dalam jaringan internet maupun intranet. JavaFX dirancang untuk menyediakan para developer java sebuah platform yang baru, ringan, dengan performa yang tinggi. Tujuannya adalah ingin mengantikan swing untuk membangun aplikasi GUI [3].
Penggunaan JavaFX pada aplikasi ini juga membantu dalam penyediaan codec yang digunakan untuk menjalankan video. Beberapat format yang didukung oleh JavaFX adalah mp4, avi, mpg, dan lain.lain. Selain itu, JavaFX sebagaimana yang dijelaskan di atas, mendukung berbagai konten multimedia dalam satu aplikasi. Penggunaan bersama beberapa konten multimedia dalam satu buah aplikasi, dan dijalankan secara bersamaan dapat dilakukan dalam sebuah aplikasi JavaFX. Hal ini karena JavaFX mendukung konsep layer demi layer
untuk tampilan grafis dan juga video dalam sebuah interface.
Sehingga arsitektur dari aplikasi publikasi digital ini memiliki tiga layer, layer pertama adalah layer video, kemudian layer animasi teks berjalan, kemudian layer yang paling atas adalah layer untuk jam.
Sedangkan untuk activity diagram pada aplikasi video dan running text akan digambarkan pada Gambar 4 berikut.
User System
Tekan “Play” Cek ketersediaan video & teks pada hari ini
Tampilkan player video & teks
Tampilkan pesan kesalahan tidak ketersediaan video Tekan “ESC” dan Button keluar
Ya Tidak
Buka Aplikasi Tampilkan aplikasi awal
Gambar 2. Activity Diagram Play pada Aplikasi Publikasi Digital
Pada diagram activity play di atas, proses aplikasi publikasi digital video dan text berjalan dimulai dengan memilih video yang berformat mp4, kemudian memilih hari pada saat itu juga, karena pengaturan hari pada aplikasi harus disesuaikan dengan format hari pada komputer atau laptop. Setelah memilih video dan mengatur teks yang akan ditampilkan, maka pilih tombol “Play” untuk memainkan video. Jika pengguna belum memilih videodan mengatur teks yang akan ditampilkan, maka sistem akan mengeluarkan pesan kesalahan tidak adanya ketersediaan video. Untuk keluar dari aplikasi ini hanya tinggal tekan "ESC" dan button keluar.
Untuk rancangan diagram sequence untuk modul “Play” video dan text berjalan digambarkan pada Gambar 5 berikut.
User
Form Awal Video Player
Buka Aplikasi
Tampil Form Awal
Tekan “Play”
Cek Video & Teks
Kirim video & Teks
Tampilkan video player & running text Tekan ESC & Exit
Aplikasi Selesai
Gambar 3 Diagram sequence play video dan text berjalan
Diagram sequence yang ditunjukkan Gambar 5 di atas terdapat objek user, form awal, dan video player, di mana user adalah pengguna yang menjalankan aplikasi publikasi digital hingga selesai atau diberhentikan (keluar aplikasi). Untuk form awal adalah tampilan aplikasi yang berfungsi menambah, edit, dan hapus video dan teks, sedangkan video player adalah objek JavaFX untuk memainkan dan memproses input yang berupa video dan teks dari form awal.
III. HASIL DAN PEMBAHASAN
Hasil dari rancangan tampilan form aplikasi publikasi digital video dan text berjalan terdapat pada Gambar 6 berikut.
Gambar 4 Tampilan Awal aplikasi publikasi digital Aplikasi publikasi digital ini terdiri dari dua buah tabel, tabel yang atas untuk menangani video, dan
tabel yang bawah untuk menangani teks yang berjalan di aplikasi.
Untuk mengisi data video terdapat form tambah data video di dalamnya harus memilih video dan memilih hari yang diinginkan untuk menjalankan video. Penyeleksian hari di dalam aplikasi disesuaikan dengan hari pada komputer atau laptop. Form Tambah Video digambarkan pada Gambar 7.
Gambar 5 Tampilan form menambah dan memilih video
Pilihan hari pada form memilih dan menambah video player sangat berpengaruh pada jalannya aplikasi. Jika memilih hari yang tidak sesuai dengan hari yang sudah di atur di dalam settingan komputer maka aplikasi tidak bisa memutarkan video dan text.berjalan Begitu juga dengan pengaturan pada form teks, harus sesuai dan sama dengan pengaturan hari pada form memilih video. Form tambah teks digambarkan pada Gambar 8 berikut.
Gambar 8 Tampilan form menambah teks dan hari teks
Berikutnya adalah tampilan video player dan text berjalan pada aplikasi publikasi digital yang disertai dengan keterangan waktu pada sisi kanan bawah layar, digambarkan pada Gambar 9.
Gambar 9 Tampilan video player dan text berjalan pada aplikasi publikasi digital
Selanjutnya adalah pengujian dari aplikasi publikasi digital. Untuk tahapan pengujian pada penelitian ini akan digunakan metode black box. Penulis akan menguji secara fungsional untuk fungsi-fungsi yang ada di dalam aplikasi. Untuk itu skenario yang ditampilkan untuk melakukan pengujian menggunakan metode black box akan ditampilkan pada Tabel 1 berikut.
Tabel 1. Skenario Pengujian Antar muka yang diuji Bagian antarmuk a yang duji Skenario Pengujian Hasil yang diharapkan Form
Awal Tombol “Play” Tekan tombol untuk menampilkan video player dan teks berjalan.
Muncul video player dan teks berjalan.
Form
Awal Tombol Tambah Video Tekan tombol untuk menampilkan Form tambah Video Muncul Form tambah video. Form
Awal Tombol Edit Video
Tekan tombol untuk menampilkan Form edit Video
Muncul form edit video Form Awal Tombol Hapus Video Tekan tombol untuk menghapus list video yang dipilih. Muncul form konfirmasi hapus video. Form Awal Tombol Tambah Teks Tekan tombol untuk menampilkan Form tambah Teks
Muncul Form tambah teks.
Form
Awal Tombol Edit Teks Tekan tombol untuk menampilkan Form edit Teks
Muncul form edit Teks Form Awal Tombol Hapus Teks Tekan tombol untuk menghapus list teks yang dipilih.
Muncul form konfirmasi hapus Teks.
Setelah skenario pengujian, selanjutnya adalah hasil pengujian berdasarkan skenario yang telah dibuat pada Tabel 1. Berikut adalah hasil pengujian yang telah dilakukan pada rancangan aplikasi publikasi digital video dan text berjalan menggunakan JavaFX.
Tabel 2. Hasil Pengujian Antar muka yang diuji Bagian antarmuka yang duji Hasil yang diharapkan Hasil Form Awal Tombol “Play”
Muncul video player dan teks berjalan.
Sukses Form Awal Tombol Tambah Video Muncul Form tambah video. Sukses Form Awal Tombol Edit Video
Muncul form edit video Sukses Form Awal Tombol Hapus Video Muncul form konfirmasi hapus video. Sukses Form
Awal Tombol Tambah Teks
Muncul Form
tambah teks. Sukses Form
Awal
Tombol Edit Teks
Muncul form edit Teks
Sukses Form
Awal Tombol Hapus Teks Muncul form konfirmasi hapus Teks.
Sukses
Hasil pengujian di atas menunjukkan bahwa rancangan aplikasi publikasi digial video dan text berjalan menggunakan JavaFX dapat berjalan dengan baik. Mulai dari pembuatan aplikasi hingga pengaturan video dan teks yang akan tampil. Penggabungan video player dan text berjalan di dalam satu aplikasi tidak ada kesalahan dalam menampilkan tampilan dari video. Dengan kata lain, pengaturan video dan teks yang digunakan harus sama, baru bisa terjadi penggabungan dan menampilkan video yang disertai dengan text berjalan dibawahnya, jika salah satu berbeda maka video player tidak akan muncul.
Permasalahan yang ditemukan ketika dilakukan pengujian terhadap aplikasi ini adalah aplikasi publikasi digital tertutup secara otomatis jika durasi video telah selesai. Tidak ada fungsi pemutar ulang dan berhenti pada aplikasi video saat di mainkan. Oleh karena itu masih perlu adanya pengembangan aplikasi video dan running text lebih dalam lagi agar aplikasi bisa lebih baik.
IV. KESIMPULAN DAN SARAN
Kesimpulan yang dapat diambil dari penelitian ini adalah sebagai berikut:
• Membuat aplikasi video yang digabungkan dengan text berjalan berhasil dibuat menggunakan JavaFX sebagai bahasa pemrogramannya dan menggunakan konsep layer demi layer.
• Hasil dari pengujian menggunakan metode black box menunjukkan rancangan aplikasi yang telah diintegrasikan dengan video dan text berjalan dapat bekerja dengan baik jika format video adalah .mp4.
• Pengaturan hari pada video dan teks yang akan dijalankan harus sama pada hari yang dipilih. Jika berbeda, maka aplikasi video player tidak akan berjalan.
Sedangkan untuk saran yang dapat diusulkan pada penelitian ini adalah sebagai berikut.
• Format video tidak hanya .mp4 saja tetapi lebih beragam seperti .3gp, .flv, .wav, .wmp., dan format video lainnya.
• Adanya fungsi ulangi (repeat) jika video sudah selesai, dan berhenti jika video ingin diberhentikan tanpa keluar dari aplikasi.
• Video yang ditampilkan tidak hanya satu, tetapi bisa lebih dari satu kemudian digabungkan beserta running text nya yang bisa di atur berkala.
• Perbaikan dari kualitas tampilan aplikasi dan fitur-fitur di dalamnya.
V. DAFTAR PUSTAKA
[1] Yue-xin, Y., Lian-san, S. 2013. Remote
monitoring and control system for
Communication Stations based on JavaFX and Web Service. Paper pada International Conference on Systems Engineering and Modeling, Beijing, China.
[2] Kostovaorv, D. et al.2012. JavaFX: Creating
Transitions and Timeline Animation in JavaFX, release 2.1. Oracle and/or it affiliates.
[3] JavaFx, 2013 [online], available:
http://www.oracle.com/technetwork/java/javafx/ overview/index.html
[4] PremKumar, L., Mohan, P. 2010. Beginning
