Rancangan Aplikasi Publikasi Digital menggunakan media Video dan Animasi Teks menggunakan JavaFX

Transkripsi

1 Rancangan Aplikasi Publikasi Digital menggunakan media dan Animasi menggunakan JavaFX Marly Kapriati 1, Abdi Wahab 2 Jurusan Teknik Informatika, Fakultas Ilmu Komputer, Universitas Mercu Buana 1,2 Jl. Raya Meruya Selatan, Kembangan, Jakarta, marly.kapriaty@gmail.com 1, nangdul56@gmail.com 2 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 memberikan tambahan informasi. Sedangkan membuatnya diperlukan beberapa perangkat pendukung. Akan lebih mudah dan murah jika dibangun sebuah aplikasi 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 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 video berformat mp4. Akan lebih baik jika aplikasi publikasi digital dikembangkan 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 masingmasing 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 gambar bergerak yang disertai suara, dan sesekali disertai teks yang berjalan yang berfungsi memberi informasi dan menyediakan berita memperingatkan kita akan bahaya yang mungkin terjadi, misalnya saja seperti kondisi cuaca yang ekstrem, gempa, dan berita yang lainnya. Proses 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 suatu visual, misalnya 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

2 tampil dengan adanya teks yang berjalan dibawahnya secara berkala dan bergantian. Dengan komplikasinya proses yang terjadi pada sebuah perangkat suatu video dengan disertai teks berjalan dibawahnya, maka hal tersebut membuat penulis 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 suatu video dan teks berjalan bersamaan dengan menggunakan satu aplikasi saja. Sehingga tujuan dari penelitian ini adalah 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. at 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 membuat aplikasi video client yang dapat terhubung dengan server 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. menjadi pilihan penulis karena dalam proses pengembangan aplikasi publikasi digital dengan video dan animasi text ini, perlu analisis dari tahaptahap 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 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. II. METODOLOGI PENELITIAN Metodologi penelitian yang penulis pakai dalam penelitian ini adalah metode waterfall. Metode ini

3 System Atur Atur 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 jam. Sedangkan activity diagram pada aplikasi video dan running text akan digambarkan pada Gambar 4 berikut. User System User Mainkan dan Buka Aplikasi Tampilkan aplikasi awal Tekan Play Cek ketersediaan video & teks pada hari ini Gambar 1. Usecase aplikasi video dan running text Ya Tidak 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 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 diperan 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 menyediakan para developer java sebuah platform yang baru, ringan, dengan performa yang tinggi. Tujuannya adalah ingin mengantikan swing membangun aplikasi GUI [3]. Penggunaan JavaFX pada aplikasi ini juga membantu dalam penyediaan codec yang digunakan 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 Tekan ESC dan Button keluar Tampilkan player video & teks Tampilkan pesan kesalahan tidak ketersediaan video 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 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 modul Play video dan text berjalan digambarkan pada Gambar 5 berikut.

4 User Buka Aplikasi Tampil Player tabel yang bawah 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 menjalankan video. Penyeleksian hari di dalam aplikasi disesuaikan dengan hari pada komputer atau laptop. digambarkan pada Gambar 7. Tekan Play Cek & Kirim video & 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 memainkan dan memproses input yang berupa video dan teks dari form awal. 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. tambah teks digambarkan pada Gambar 8 berikut. III. HASIL DAN PEMBAHASAN Hasil dari rancangan tampilan form aplikasi publikasi digital video dan text berjalan terdapat pada Gambar 6 berikut. Gambar 8 Tampilan form menambah teks dan hari teks Gambar 4 Tampilan aplikasi publikasi digital Aplikasi publikasi digital ini terdiri dari dua buah tabel, tabel yang atas menangani video, dan 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.

5 Edit edit edit Hapus menghapus list teks yang dipilih. konfirmasi hapus. 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. 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 fungsifungsi yang ada di dalam aplikasi. Untuk itu skenario yang ditampilkan melakukan pengujian menggunakan metode black box akan ditampilkan pada Tabel 1 berikut. Antar muka yang diuji Tabel 1. Skenario Pengujian Bagian antarmuk a yang duji Play Edit Hapus Skenario Pengujian video player dan teks berjalan. tambah edit menghapus list video yang dipilih. tambah Hasil yang diharapkan Muncul video player dan teks berjalan. Muncul tambah video. edit video konfirmasi hapus video. Muncul tambah teks. Antar muka yang diuji Tabel 2. Hasil Pengujian Bagian antarmuka yang duji Play Edit Hapus Edit Hapus Hasil yang diharapkan Muncul video player dan teks berjalan. Muncul tambah video. edit video konfirmasi hapus video. Muncul tambah teks. edit konfirmasi hapus. Hasil 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 tampilan dari video. Dengan kata lain, pengaturan video dan teks yang digunakan harus sama, baru bisa terjadi penggabungan dan video yang disertai dengan text berjalan dibawahnya, jika salah satu berbeda maka video player tidak akan muncul.

6 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. [1] Yue-xin, Y., Lian-san, S 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 JavaFX: Creating Transitions and Timeline Animation in JavaFX, release 2.1. Oracle and/or it affiliates. [3] JavaFx, 2013 [online], available: overview/index.html [4] PremKumar, L., Mohan, P Beginning JavaFX. New York: Apress. Sedangkan saran yang dapat diusulkan pada penelitian ini adalah sebagai berikut. at 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. 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