RANCANG BANGUN PERANGKAT LUNAK APLIKASI : VISUALISASI KAMUS/ENSIKLOPEDIA ELEKTRONIK BERBASIS MULTIMEDIA Hayet Laggoune, Sarifuddin Madenda dan Teddy Gunawan*
ABSTRAK RANCANG BANGUN PERANGKAT LUNAK APLIKASI: VISUALISASI KAMUS/ENSIKLOPEDIA ELEKTRONIK BERBASIS MULTIMEDIA. Makalah ini menguraikan tentang metode pembuatan Program Visualisasi Kamus/Ensiklopedia berbasis multimedia. Program ini dapat digunakan untuk membuat kamus/ensiklopedia elektronik melalui media komputer. Program ini mengorganisasikan berbagai jenis file (file : teks, suara, gambar dan video) yang digunakan oleh setiap kata yang terdapat dalam kamus. Setiap data file tersebut dihubungkan dengan kata kunci sesuai dengan kata yang terdapat dalam kamus tersebut. Perangkat lunak ini dapat memvisualisasikan kata-kata yang terdapat dalam kamus tersebut dalam bentuk teks, gambar, suara dan video. Perangkat lunak ini juga didesain sedemikian rupa sehingga mudah digunakan oleh semua orang khususnya dalam pencarian, penambahan, pengeditan dan penghapusan data dalam kamus. Kata Kunci : Ensiklopedia, Multimedia.
ABSTRACT This paper discusses a multimedia program which visualizes an electronic dictionary / encyclopedia. This program uses different types of files such as text, sound, graphic and video. These files are related to each corresponding word as defined in the dictionary. This software is easy to use and allow searching, adding, editing or deleting data from the dictionary. It can also visualizes the word contain as text, graphic, sound or video.
PENDAHULUAN Semakin berkembangnya ilmu dan teknologi dapat menyebabkan munculnya istilah-istilah baru yang dapat memperkaya bahasa yang digunakan. Hal ini dapat dilihat dari banyaknya kata-kata atau istilah-istilah yang muncul dan digunakan dalam kehidupan manusia. Karena jumlah kata-kata tersebut cukup banyak dan akan terus bertambah, menyebabkan seseorang akan sulit untuk menguasai semua kata-kata *
Lab. Multimedia dan Image Processing Universitas Gunadarma Jl. Margonda Raya 100 – Depok Email :
[email protected]
tersebut. Untuk mengatasi hal tersebut maka disusunlah kata-kata atau istilah-istilah tersebut dalam suatu kamus. Kamus-kamus yang dibuat pun sudah banyak jenisnya seperti kamus yang memuat kata-kata yang bersifat umum, kamus yang memuat katakata dan istilah-istilah yang khusus digunakan untuk bidang tertentu dan lain sebagainya. Dengan bertambahnya kata-kata atau istilah-istilah yang digunakan dapat menyebabkan data-data yang terdapat dalam kamus harus selalu diperbaharui. Namun Pembaharuan kamus tidak mungkin dapat dilakukan setap saat. Untuk mengatasi hal tersebut diatas maka makalah ini akan menyajikan suatu alternatif pembuatan kamus Visualisasi berbasis multimedia. Diharapkan dengan program kamus visual ini pengguna dapat mengisi sendiri kamus yang diinginkan dengan memanfaatkan fasilitas penambahan teks, gambar, suara dan video.
RANCANGAN TAMPILAN SISTEM VISUALISASI KAMUS Dalam pembuatan program aplikasi berbasis visual, hal yang paling utama adalah perancangan model visualisasi atau disebut dengan peta navigasi. Berdasarkan peta inilah algoritma dan program diimplementasikan. Rancangan dari peta navigasi program Visualisasi Kamus yang dibuat diperlihatkan pada gambar(1). Halaman pertama adalah menu utama program visualisasi kamus yang berisikan gambar latar belakang dan 3 tombol pilihan, yaitu : pilihan Data Kamus, pilihan Buka Kamus dan Pilihan Keluar Program. Ketiga pilihan ini masing-masing menjadi halaman turunan dari menu utama. Bagian Data Kamus merupakan bagian yang mengolah data-data yang digunakan dalam suatu kamus, bagian ini terdiri dari bagian yang mengolah konfigurasi kamus (nama kamus, font, dan direktory kamus) dan bagian yang mengolah isi dari kamus tersebut. Pada bagian yang mengolah konfigurasi kamus terdiri dari menambah, menghapus dan mengedit kamus. Sedangkan pada bagian isi kamus terdiri dari menampilkan daftar kata, menambah, mengedit , dan menghapus kata, serta bagian yang mengolah data-data mengenai file-file yang digunakan oleh suatu kata. Bagian Buka Kamus merupakan bagian yang menampilkan data-data kamus yang terdapat dalam program seperti daftar kamus, daftar kata, dan file-file yang digunakan oleh setiap kata (teks, gambar, suara dan video).
Gambar 1. Rancangan peta navigasi program Visualisasi Kamus.
ALGORITMA PROGRAM Dalam pembuatan program aplikasi Visualisasi Kamus, masing-masing bagian yang telah disebutkan di atas memiliki algoritma sendiri-sendiri. Pada bagian ini akan dijelaskan beberapa algoritma penting dari proses yang terdapat dalam program Visualisasi Kamus.
Algoritma Untuk Menampilkan Daftar Kamus Algoritma ini menunjukan logika kerja untuk menampilkan jenis-jenis Kamus yang telah dibuat. 1. 2. 3. 4.
Cari File Kamus.ini dalam direktory program Jika file kamus ini ada lanjutkan ke 3, jika tidak proses selesai Buka file kamus ini dan baca data-datanya. Tampilkan seluruh nama kamus dalam daftar
Berikut ini adalah diagram alur dari proses menampilkan daftar kamus.
Gambar 2. Diagram alur proses menampilkan daftar kamus.
Algoritma Untuk Menambah Jenis Kamus Algoritma ini memungkinkan pengguna untuk membuat jenis kamus yang baru sesuai dengan keinginan dan tujuannya. 1. 2. 3. 4. 5. 6. 7. 8. 9.
Masukan data kamus ( nama kamus, font yang digunakan dan direktory kamus). Periksa apakah data yang dimasukan lengkap. Jika tidak proses selesai. Periksa nama kamus. Jika Nama Kamus sudah ada dalam daftar proses selesai Periksa font kamus ada dalam daftar font. Jika tidak proses selesai Periksa direktory kamus. Jika direktory kamus sudah ada proses selesai. Buat direktory kamus. Jika direktory kamus gagal dibuat proses tambah kamus selesai Simpan data kamus dalam file kamus.ini. Jika penyimpanan data kamus berhasil proses dilanjutkan ke langkah 10, jika tidak proses selesai. 10. Masukan nama kamus dalam daftar kamus. Proses selesai.
Berikut ini adalah diagram alur dari proses tambah kamus.
Gambar 3. Diagram alur proses tambah kamus. Algoritma Untuk Edit Kamus • • • • • • • • • • • •
Pilih nama kamus dalam daftar kamus. cari data kamus dalam file kamus.ini. Tampilkan data kamus yang dipilih. Masukan data baru kamus. Periksa apakah data baru yang dimasukan sudah benar. Jika tida, selesai. Periksa apakah data baru sama dengan data lama. Jika ya proses selesai. Jika Nama kamus diganti lanjutkan ke – 8, jika tidak langsung ke-9. Periksa apakah nama kamus sudah ada dalam daftar. Jika sudah ada selesai. Periksa font kamus. Jika tidak ada dalam daftar font proses selesai. Jika direktory kamus diganti lanjutkan ke –11, jika tidak langsung ke 16. Periksa apakah direktory baru sudah dipakai kamus lain, jika ya proses selesai. Buat direktory baru.
• • • • • • • • •
Jika direktory baru gagal dibuat proses selesai. Salin file-file data dari direktory lama ke direktory baru Jika penyalinan file gagal proses selesai Simpan data baru kamus di kamus.ini dan hapus data lama. Jika penyimpanan data kamus berhasil lanjutkan ke langkah 18, jika tidak proses selesai. Jika nama kamus diganti lanjutkan ke langkah 19, jika tidak lanjutkan ke 20. Ganti nama kamus pada daftar kamus dengan nama kamus yang baru. Jika direktory diganti, hapus file-file data direktory lama, jika tidak, selesai. Hapus direktory lama. Berikut ini adalah diagram alur dari edit kamus :
Gambar 4. Diagram alur proses edit kamus.
Algoritma Untuk Menampilkan Daftar Kata Algoritma ini memungkinkan bagi pengguna untuk melihat semua daftar kata dalam kamus menurut abjad. • • • • •
Pilih kamus dalam daftar kamus cari data kamus dalam kamus.ini Jika font kamus ada gunakan font kamus jika tidak gunakan font program Cari file index.dat dalam direktory kamus Jika File Index.dat ada maka tampilkan semua kata dalam daftar kata. Berikut ini adalah diagram alur dari proses menampilkan daftar kata.
Gambar 5. Diagram alur untuk menampilkan daftar kata.
Algoritma Untuk membaca kata dalam Kamus Algoritma ini (gambar 6) memungkinkan pengguna untuk mencari makna kata yang diinginkan. Setiap kata yang dipili akan terhubung dengan file-file yang berhubungan dengan kata tesebut seperti file teks, gambar, suara dan lainnya. • Tampilkan daftar kamus • Pilih kamus dalam daftar • Tampilkan daftar kata dari kamus yang dipilih • Pilih kata dari daftar kata • Cari file-file yang digunakan kata yang dipilih • Jika file ada baca data dalam file tersebut. • Jika tidak ada kesalahan pembacaan data tampilkan data dari file tersebut Algoritma Untuk Menambah Kata Algoritma ini akan memungkinkan pengguna untuk menambahkan kata-kata baru kedalam setiap kamus yang dipilih (Gambar 7). • Masukan kata baru • Cek apakah kata baru ada dalam daftar kata, jika ada proses dihentikan • Masukan kata baru dalam daftar • Simpan daftar kata baru ke dalam file index.dat • Jika penyimpanan kata yang baru tidak berhasil, hapus kata tersebut.
ORGANISASI PENYIMPAN FILE DATA Untuk menyimpan data konfigurasi kamus digunakan file kamus.ini, informasi yang tersimpan adalah sebagai berikut : [nama kamus], Font = nama font, Directory = nama directory Untuk mengolah file kamus.ini digunakan fungsi dan prosedur yang terdapat dalam kelas TiniFile. Untuk kata-kata yang digunakan kamus disimpan dalam file index.dat, Untuk data file-file teks yang digunakan disimpan dalam file teks.dat Untuk data file-file gambar yang digunakan disimpan dalam file gambar.dat Untuk data file-file Video yang digunakan disimpan dalam file Video.dat Untuk data file-file suara yang digunakan, disimpan dalam file suara.dat Semua file ini bertipe teks. Untuk mengoperasikannya digunakan operasioperasi string seperti Pos untuk mencari posisi, Copy untuk mengcopy string, dan Length untuk menghitung panjang string. Dibantu dengan beberapa method dari kelas TStringList. Informasi yang tersimpan dalam File teks.dat,file gambar.dat, file video.dat dan file suara.dat berbentuk seperti berikut : kata[
]nama file, Untuk mengolah file Contoh : Ayam[]c:\Ayam.bmp, berarti kata ayam memliki file gambar ayam.bmp. String ‘[]’ digunakan sebagai tanda pembatas antara kata dan nama file yang digunakan. Untuk mencari data file yang digunakan sebuah kata dilakukan dengan cara sebagai berikut : • • • • • •
Cari posisi dari tanda string “[]” dengan operasi pos(‘[]’,data string) Hitung panjang dari seluruh data dengan operasi length(data string). copy kata kunci dari data dengan operasi : copy(data string, 1 , posisi-1) Bandingkan kata yang dipilih dengan kata kunci Bila kata yang dibandingkan sama dilanjutkan dengan mengambil data filenya dengan operasi : copy(data string, posisi+1, (panjang data string) – (posisi)).
Data – data yang dimiliki oleh suatu kamus untuk memvisualisasikan kata-kata yang terdapat di dalamnya dapat berupa file teks, file gambar, file suara dan file video. Berikut ini akan dijelaskan cara menampilkan file-file tersebut.
File Teks Untuk file teks datanya ditampilkan pada komponen richedit dengan menggunakan method richedit.lines.loadfromfile(nama file teks). Jenis file teks yang digunakan adalah rich text format (*.rtf) dan text (*.txt). Untuk mengkosongkan richedit tersebut digunakan method richedit.lines.clear.
File Gambar Untuk File gambar datanya ditampilkan pada komponen image dengan method Image.Picture.LoadFromFile(nama file gambar). Jenis file-file gambar yang digunakan adalah : bmp, ico, wmf, emf, dan jpeg. Agar data gambar ditampilkan sesuai ukuran komponen image maka properti stretch dari image diisi nilai true. Agar data gambar ditampilkan sesuai ukuran aslinya maka pada komponen image harus dirubah beberapa propertinya sebagai berikut : Image.stretch := false Image.Height := Image.Picture.Height ( tinggi gambar) Image.Width := Image.Picture.Width ( lebar gambar). Untuk menampilkan gambar bertipe jpeg dapat digunakan kelas TjpegImage yang terdapat dalam unit jpeg dan menghubungkannya dengan komponen image dengan cara : Var Jpeg : TjpegImage Begin Jpeg := TjpegImage.Create; {buat objek jpeg ) Jpeg.loadfromFile( nama file gambar bertipe jpg); Image.picture.bitmap.assign(Jpeg); {hubungkan dengan komponen image} Jpeg.Free; {hapus objek jpeg } End;
File Suara dan File Video Untuk file suara dan file video untuk menampilkan datanya digunakan komponen mediaplayer dengan cara : • Isi properti FileName dengan nama file yang akan dimainkan dengan cara : • MediaPlayer.FileName := nama-file; • Untuk file video bertipe mov dan avi, sedangkan untuk file suara bertipe wav dan mid. • Kemudian Buka file tersebut dengan cara : MediaPlayer.Open;
•
Kemudian jalankan file tersebut dengan cara : MediaPlayer.Play; Untuk file video agar tampilannya sesuai dengan yang dikehendaki dapat dilakukan dengan memainkan file video tersebut pada suatu komponen yang sesuai contohnya pada form, panel dan lain sebagainya dengan menggunakan properti : MediaPlayer.Display := nama komponen yang digunakan. Agar ukuran data dari file video tersebut ditampilkan menurut ukuran yang dikehendaki dapat digunakan properti : mediaPlayer.displayRect := (kolom awal, baris awal, kolom akhir, baris akhir)
HASIL IMPLEMENTASI PROGRAM Sesuai dengan rancangan peta navigasi, pada awal program akan ditampilkan menu utama dengan pilihan Data Kamus, Buka Kamus dan keluar. Tombol Data Kamus digunakan untuk pengisian data, sedang tombol Buka Kamus untuk melihat isi kamus yang sudah ada. Gambar(8) memperlihatkan menu utama program Visualisasi Kamus. Gambar(9) memperlihatkan contoh pencarian kata dalam daftar kata. Kata yang dipilih adalah Harimau, kata ini akan mencari semua file yang berhubungan dengannya untuk ditampilkan.
Gambar 8. Tampilan Awal Program
Gambar 9. Tampilan Buka Kamus bila ada kata yang dipilih.
KESIMPULAN • • • •
Perangkat lunak aplikasi yang dibuat dapat digunakan untuk pembuatan Kamus atau Ensiklopedia baru dengan memanfaatkan fasilitas penambahan, penghapusan, penyimpanan dan pengeditan data yang telah disimpan. Setiap kata dalam kamus atau ensiklopedia yang dibuat, dapat ditampilkan dalam bentuk visualisasi multimedia berupa teks, gambar, suara maupun video. Perangkat lunak ini dapat dioperasikan dengan mudah oleh stiap penguna. Untuk setiap data kamus yang menggunakan suara ataupun video, maka untuk menjalankannya pada komputer harus dilengkapi Sound Card dan VGA card.
DAFTAR PUSTAKA 1.
ANTONY PRANATA, Tip dan Trik Pemrograman Delphi, Penerbit ANDI Yogyakarta, (1997)
HOME
2.
BORLAND, Borland Delphi for Windows User’s Guide, Borland International, Scotts Valley, CA, (1995)
3.
CANTU, MARCO, Mastering Delphi 3 Second Edition, SYBEX, Alameda, CA, (1997)
4.
DJOKO PRAMONO, Mudah Menguasai Delphi 2.0 Jilid 1, Penerbit PT Elex Media Komputindo, Jakarta, (1998)
5.
HASSAN SHADILY dan JOHN M. ECHOLS, Kamus Inggris – Indonesia, Penerbit PT Gramedia, Jakarta, (1978)
6.
MATCHO, JOHN dan DAVID R FAULKNER, Edisi Khusus Panduan Penggunaan Delphi, Penerbit ANDI, Yogyakarta, (1997)
KOMPUTASI DALAM SAINS DAN TEKNOLOGI NUKLIR XII
