Perancangan dan Implementasi Perangkat Lunak Kamus ...ftiuksw.org/ejournal/assets/pdf/575334e582df866fefe2ba3bcd383f2a.pdf · adalah bahasa yang asing mereka dengar, sehingga kurang

163

Perancangan dan Implementasi Perangkat LunakKamus Binomial Nomenclature Zoologi dan Botanidengan Menggunakan Teknologi Extensible Markup

Language (XML) dan Synchronized MultimediaIntegration Language (SMIL)

1)Raymond Octhario, 2) M. A. Ineke Pakereng,3) Yos Richard Beeh

Fakultas Teknologi InformasiUniversitas Kristen Satya Wacana Salatiga

Jl. Diponegoro 52-60, Salatiga 50711, Indonesia.Email : 1) [email protected], 2) [email protected],

3) [email protected]

Abstrack

The formal system of naming species is called binominalnomenclature, or binary nomenclature. The essence of it is that eachspecies name is in Latin and has two parts. But now, the media that canhelp for people can know the nomenclature very limited. XML is a markuplanguage for documents containing structured information. This researchwill make an online dictionary with Extensible Markup Language (XML)as database. This application can translate from Indonesia Language toLatin language or from Latin language to Indonesia language and canview visualisation such as picture with Synchronized Multimedia IntegrationLanguage (SMIL). The Synchronized Multimedia Integration Language(SMIL) is a recommendation from the World Wide Web Consortium(W3C) that allows for the creation of time-based multimedia deliveryover the web.

Keywords : XML, SMIL , Dictionary, Nomenclature

1. Pendahuluan

Nama ilmiah dari makhluk hidup terutama hewan dan tumbuhan merupakansalah satu hal yang pada dasarnya sangat menarik untukdipelajari dan diketahui,karena nama ilmiah makhluk hidup memberikan peran penting, antara lain, dengannama ilmiah maka akan dengan mudah mengetahui ciri-ciri, hubungan kekerabatan,dan interaksi makhluk hidup di lingkungan. Tetapi pada umumnya masyarakatterutama bagi mereka yang sedang mempelajari nama ilmiah hewan dan tumbuhanmengalami kesulitan dalam mempelajari nama ilmiah tersebut karena semuamenggunakan Bahasa Latin atau bahasa biologi. Bagi masyarakat, Bahasa Latin

Jurnal Teknologi Informasi-Aiti, Vol. 8. No.2, Agustus 2011 : 101 - 200

164

adalah bahasa yang asing mereka dengar, sehingga kurang mengerti apa arti BahasaLatin atau bahasa ilmiah dari nama-nama hewan dan tumbuhan. Dalam mempelajaritentang nama ilmiah hampir semua masyarakat tidak menggunakan media bantu,karena memang media yang tersedia kebanyakan hanya berupa buku dan itu tidaksemua orang mempunyai buku tersebut. Dan ketidaktersediaan media teknologiinformasi yang dapat dengan cepat memberikan informasi tentang nama ilmiah hewanatau tumbuhan membuat masyarakat semakin sulit dalam mempelajari nama ilmiahtersebut. Kekurangan lainnya dalam mempelajari nama ilmiah hewan ataupuntumbuhan adalah tidak adanya gambar-gambar hewan dan tumbuhan beserta tatanamanya. Tidak adanya media yang mendukung inilah semakin membuat masyarakatkesulitan untuk mempelajari nama ilmiah hewan dan tumbuhan dan memperolehinformasi tentang bahasa ilmiah dari hewan dan tumbuhan secara cepat dan akurat.Dari beberapa masalah yang telah dikemukakan tersebut, maka diambil beberapamasalah utama yang melatarbelakangi penelitian ini yaitu mengenai kesulitanmempelajari nama ilmiah makhluk hidup terutama dalam mengenal Bahasa Latintumbuhan dan hewan, karena bagi masyarakat, Bahasa Latin adalah bahasa yangasing mereka dengar dan keterbatasan media untuk menginformasikan bahasa ilmiahdari hewan dan tumbuhan secara cepat. Untuk mengantisipasi masalah tersebut makaakan dirancang sebuah perangkat lunak Kamus Binomial Nomenclature ZoologiDan Botani berbasis web dengan memanfaatkan teknologi Extensible Mark UpLanguage (XML) dan Synchronized Multimedia Integration Language (SMIL)yang diharapkan dapat mempermudah dalam pemberian informasi tentang bahasailmiah atau Bahasa Latin atau bahasa biologi dari hewan ataupun tumbuhan.

2. Kajian Pustaka

Binomial Nomenclature atau tanaman binomial adalah suatu aturanpenulisan nama spesies. Tata nama dalam biologi telah mengalami perubahan berkali-kali semenjak manusia mencatat berbagai jenis organisme. Plinius dari masaKekaisaran Romawi telah menulis sejumlah nama tumbuhan dan hewan dalamensiklopedia yang dibuatnya dalam Bahasa Latin. Sistem penamaan organismeselanjutnya selalu menggunakan Bahasa Latin dalam tradisi pencatatan Eropa. Hinggasekarang sukar dijumpai sistem penulisan nama organisme yang dipakai dalam tradisiArab atau Tiongkok. Kemungkinan dalam tradisi ini penulisan nama menggunakannama setempat (nama lokal). Keadaan berubah setelah cara penamaan yang lebihsistematik diperkenalkan oleh Carolus Linnaeus dalam kitab yang ditulisnya, SystemaNaturae (“Sistematika Alamiah”).Adapun aturan penulisan dalam tatanama binomialadalah [1] Aturan penulisan dalam tatanama binomial selalu menempatkan nama(“epitet” dari epithet) genus di awal dan nama (“epitet”) spesies mengikutinya; Namagenus selalu diawali dengan huruf kapital (huruf besar, uppercase) dan nama spesiesselalu diawali dengan huruf biasa (huruf kecil, lowercase); Nama ilmiah ditulis lengkapapabila disebutkan pertama kali. Penyebutan selanjutnya cukup dengan mengambilhuruf awal nama genus dan diberi titik lalu nama spesies secara lengkap;Singkatan“sp.” (zoologi) atau “spec.” (botani) digunakan jika nama spesies tidak dapat atautidak perlu dijelaskan. Singkatan “spp.” (zoologi dan botani) merupakan bentuk

165

jamak. Keunggulan binomial nomenklatur adalah memudahkan dalam menunjuk suatuspesies tanpa harus menerjemahkannya ke dalam bahasa lain. Nama ilmiah berlakudi seluruh dunia. Misalnya, jika menyebut kata “ayam”, mungkin orang Inggris tidakakan mengerti. Tetapi bila menyebut ayam dengan nama ilmiahnya, yaitu Gallusgallus, maka orang Inggris akan mengerti bahwa yang dimaksud itu adalah “chicken”.Untuk mencari data suatu spesies di internet, juga lebih mudah menggunakan namailmiah. Contoh nama ilmiah dari beberapa spesies: Platypus (Ornithorhynchusanatinus), Ayam (Gallus gallus), Tapir Asia (Tapirus indicus), Padi (Oryza sativa),Jagung (Zea mays), Kacang tanah (Arachis hypogaea), Kembang sepatu (Hibiscusrosa-sinensis), Teratai (Nymphaea lotus) dan lain-lain.

XML (eXtended Markup Language) adalah bahasa markup yangdigunakan untuk menyimpan data (tidak ada program) dan tidak tergantung dengantools tertentu (seperti editor, dbms, compiler dan sebagainya). Bahasa markupadalah sekumpulan aturan-aturan yang mendefinisikan suatu sintaks yang digunakanuntuk menjelaskan, dan mendeskripsikan teks atau data dalam sebuah dokumenmelalui penggunaan tag. Bahasa markup lain yang populer seperti HTML,menggambarkan kepada browser web tentang bagaimana menampilkan format teks,data, dan grafik ke layar komputer ketika sedang mengunjungi sebuah situs web.XML adalah bahasa untuk mengolah meta data (informasi tentang data) yangmenggambarkan struktur dan maksud /tujuan data yang terdapat dalam dokumenXML, namun bukan menggambarkan format tampilan data tersebut. XMLmerupakan sebuah standar sederhana yang digunakan untuk medeskripsikan datateks dengan cara self-describing (deskripsi diri). XML juga dapat digunakan untukmendefinisikan domain tertentu lainnya, seperti musik, matematika, keuangan danlain-lain yang menggunakan bahasa markup terstruktur. XML dikembangkan mulaitahun 1996 dan mendapatkan pengakuan dari W3C pada bulan Februari 1998.Seperti halnya HTML, XML juga menggunakan elemen yang ditandai dengan tagpembuka (diawali dengan ‘<’ dan diakhiri dengan ‘>’), tag penutup (diawali dengan‘</ ‘diakhiri ‘>’) dan atribut elemen (parameter yang dinyatakan dalam tag pembukamisal <form name=”isidata”>). Hanya bedanya, HTML medefinisikan dari awaltag dan atribut yang dipakai didalamnya, sedangkan pada XML bisa digunakan tagdan atribut sesuai kehendak pembuat. Struktur penulisan dokumen XML dapatdilihat pada Kode Program 1.

Kode Program 1 Struktur Penulisan XML

<?xml version=”1.0" encoding=”iso-8859-1"?><data><nama> Raymond Octhario </nama><nim> 672006093 </nim></data>

Baris pertama pada Kode Program 1 adalah deklarasi standar header yangmendefinisikan versi XML dan karakter encoding yang digunakan dalam dokumenXML. Dalam dokumen ini, XML mengacu pada versi 1.0 dan menggunakan standarencoding karakter set ISO-8859-1 (Latin-1/West European). Baris selanjutnya

Perancangan (Octhorio, dkk)


166

menggambarkan elemen induk (root) dokumen “<data>..</datal>”, sebagaimanadisebutkan bahwa “dokumen ini adalah sebuah data”. Kemudian baris ketiga dankeempat menggambarkan elemen anak (child) dari elemen induk dokumen. Tagpada dokumen XML bersifat case sensitif di mana tag pembuka dan tag penutupharus ekuivalen. Seperti contoh tag pembuka “<data>” harus ditutup dengan tag“</data>”.

SMIL/Synchronized Multimedia Integration Language merupakan bahasauntuk mensinkronisasikan multimedia. Synchronized pada SMIL adalah mengenaisinkronisasi pewaktuan. Multimedia berarti SMIL tidak hanya berlaku untuk teksdan grafik tapi untuk semua multimedia. Integration berarti menggabungkan semuasumber daya jaringan. SMIL didesain untuk menyajikan multimedia seperti teks,grafik, video dan audio secara real time. Walaupun HTML biasa bisa menyajikansemua itu tapi mustahil untuk HTML mengontrol interaksi antar komponen-komponentersebut. SMIL mempunyai fitur-fitur untuk mengatur interaksi antar komponen-komponen multimedia dan informasi lainnya. SMIL adalah markup language sepertiHTML jadi sangat mudah untuk dipelajari dan juga membuat halaman SMIL menjadimudah karena tidak diperlukan program atau alat khusus. SMIL disebut membawabentuk penyajian televisi ke dalam jaringan [2]. SMIL mulai didesain pada Desmber1995 yaitu SMIL 1.0 samapi pada Agustus 2001 W3C merekomendasikan SMIL2.0, SMIL didukung oleh Real Networks dan Macromedia Flash.

3. Metode Penelitian dan Perancangan

Perangkat lunak ini dikembangkan dengan menggunakan metode yang disebutmodel Waterfall yaitu sebuah metode pengembangan software yang bersifatsekuensial dan terdiri dari lima tahap yang saling terkait dan mempengaruhi sepertiterlihat pada Gambar 1 [3]. Tahapan model waterfall adalah sebagai berikut :1. Requirement Definition. Pada tahap ini dilakukan pengumpulan kebutuhan

elemen perangkat lunak. Proses pengumpulan kebutuhan diintensifkan keperangkat lunak. Pada sistem yang sedang dibuat didefinisikan kebutuhan yangdiperlukan antara lain : kebutuhan perangkat keras, kebutuhan perangkat lunak,kebutuhan bahasa pemrograman, dan kebutuhan data

2. System and Software Design. Pada tahap ini akan mengubah kebutuhan-kebutuhan menjadi bentuk karakteristik yang dimengerti oleh perangkat lunaksebelum dilakukan penulisan program. Dalam hal ini sistem yang sedang dibuatmenggunakan UML dalam perancangan desain sistem.

3. Implementation and Testing adalah tahap yang termasuk dalam penulisan kodeprogram yang merupakan tahap penerjemahan desain sistem yang telah dibuatke dalam bentuk perintah-perintah yang dimengerti komputer denganmempergunakan bahasa pemrograman, middleware dan database tertentu diatas platform yang menjadi standar. Dalam hal pembuatan perangkat lunak inimaka digunakan bahasa pemrograman PHP untuk pembuatan software dalamkategori Web Application. Database yang digunakan adalah XML dan visualisasiyang digunakan adalah berupa SMIL. Berbeda dengan dua tahap sebelumnya,pada tahap penulisan kode program ini keterlibatan pengguna tidaklah terlalu

167

besar.4. Integration and System Testing. Pengujian perangkat lunak dilakukan untuk

memastikan bahwa perangkat lunak yang dibuat telah sesuai dengan desainnyadan semua fungsi dapat dipergunakan dengan baik tanpa ada kesalahan.Pengujian perangkat lunak biasanya dilakukan dalam dua tahap yang salingindependen, yaitu : pengujian oleh internal pembuat dan pengujian oleh penggunadari perangkat lunak. Dalam tahap ini, pengguna harus memastikan bahwakerangka atau skenario pengujian perangkat lunak dibuat dengan lengkap meliputisemua proses, kebutuhan dan pengendalian yang ada di dalam dokumen analisakebutuhan dan desain sistem.

5. Operation and Maintenance. Penerapan program merupakan tahap dimanapengguna menerapkan atau menggunakan perangkat lunak yang telah selesaidibuat dan diuji ke dalam lingkungannya dan juga dapat melakukan pemeliharaan,seperti penyesuaian atau perubahan karena adaptasi dengan situasi sebenarnya.

Use case diagram untuk pengguna dapat terlihat pada Gambar 2.

Menerjemahkan

Melihat Data

Melihat Gambar

Melihat Bantuan

User

Melihat Tentang

Gambar 2 Use Case Diagram Pengguna

Perancangan proses untuk perangkat lunak menggunakan UML. UML(Unified Modeling Language) adalah sebuah bahasa yang berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan, membangun, danpendokumentasian dari sebuah sistem pengembangan software berbasis Object-Oriented. UML terdiri dari use case diagram, activity diagram, sequence diagram,collaboration diagram, dan class diagram. Use case diagram menggambarkanfungsionalitas yang diharapkan dari sebuah sistem. Yang ditekankan adalah “apa”yang diperbuat sistem, dan bukan “bagaimana”. Sebuah use case merepresentasikansebuah interaksi antara aktor dengan sistem. Use case diagram yang dapat dibuatdari perancangan perangkat lunak ini terbagi menjadi dua yaitu use case diagramuntuk pengguna dan use case diagram untuk administrator. Use case diagramuntuk administrator dapat terlihat pada Gambar 3.



168

Edit Data

Hapus Data

Edit Data UserHapus Data User

Login

Menambah Data Kamus

Melihat Data Kamus

Menambah Data User

Melihat UserMelihat Gambar

Menambah Data Gambar

Menghapus Data Gambar Administrator

Logout

<<extend>>

<<extend>>

<<extend>>

<<extend>>

Gambar 3 Use Case Diagram Administrator

Activity diagram atau diagram aktivitas menggambarkan berbagai alir aktivitasdalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decisionyang mungkin terjadi, dan bagaimana berakhir. Activity diagram juga dapatmenggambarkan prosesparalel yang mungkin terjadi pada beberapa eksekusi.Diagram aktivitas yang dapat dibentuk terdiri dari dua buah diagram aktivitas, yaitudiagram aktivitas pengguna dan diagram aktivitas administrator.

Class diagram menggambarkan struktur dan deskripsi class, packagedan objek beserta hubungan satu sama lain seperti containment, pewarisan, asosiasi,dan lain-lain. Class diagram sistem yang dibuat dengan PHP dapat dilihat padaGambar 4.

XMLTagnameIdXMLBukuFilename

GetBuku()SetName()XML()DeleteById()AddData()SelectWhereId()UpdateWhereId()ContructXMLString()GetMoreId()PrepareContent()Read_Beetwen_tags()Read_beetwen_Tags2()Save()WrapXMLContent()

Gambar 4 Diagram Kelas

169

4. Hasil dan Pembahasan

Gambar 5 menjelaskan tampilan utama awal sistem, bahwa ada beberapalink yang tersedia di dalam sistem yaitu, Home, link untuk menuju ke halamanutama dari sistem, Login Administrator, sebuah tampilan untuk administrator agardapat login untuk masuk ke halaman content management system, menerjemahkan,link untuk pengguna agar dapat melakukan penerjemahan kata baik itu dari BahasaIndonesia ataupun dari Bahasa Ilmiah, Lihat Data Kamus, link untuk pengguna agardapat melihat data apa saja yang tersedia di dalam sistem, Lihat Gambar, link untukpengguna agar dapat melihat daftar nama hewan atau tumbuhan apa saja yang tersediagambarnya dan ketika terpilih maka visualisasi gambar akan ditampilkan di layar,Bantuan, link untuk pengguna agar dapat melihat panduan dalam memanfaatkansistem, tentang, link untuk pengguna agar dapat melihat identitas pembuat sistem.

Gambar 5 Tampilan Antarmuka

Gambar 6 menunjukkan tampilan untuk melakukan penerjemahan terhadapkata yang diinputkan yang dapat dijelaskan sebagai berikut. Dalam antarmukatersebut terdapat enam link, satu textbox dan satu tombol, yaitu: Home, link untukmenuju ke halaman utama dari sistem, Menerjemahkan, link untuk pengguna agardapat melakukan penerjemahan kata baik itu dari Bahasa Indonesia ataupun dariBahasa Ilmiah, Lihat Data Kamus, link untuk pengguna agar dapat melihat data apasaja yang tersedia di dalam sistem, Lihat Gambar, link untuk pengguna agar dapatmelihat daftar nama hewan atau tumbuhan apa saja yang tersedia gambarnya danketika terpilih maka visualisasi gambar akan ditampilkan di layar, Bantuan, link untukpengguna agar dapat melihat panduan dalam memanfaatkan sistem, Tentang, linkuntuk pengguna agar dapat melihat identitas pembuat sistem, Textbox, tempat dimanapengguna memasukkan kata yang ingin diterjemahkan, Tombol Cari, tombol untukpengguna dapat melihat hasil dari pencarian.

Gambar 6 Tampilan Form Penerjemahan



170

Cara penggunaan sistem sangat mudah, pengguna hanya memasukkan kata yangingin dicari ke dalam textbox yang tersedia. Untuk melakukan apakah ingin datahewan atau data tumbuhan, hal itu dilakukan sebelum masuk ke form penerjemahan.Setelah memasukkan kata, maka pengguna harus mengklik tombol cari dan kemudiansistem akan menampilkan hasilnya.Untuk dapat melihat tampilan gambar hewanataupun tumbuhan maka pengguna harus masuk ke menu lihat gambar kemudianmemilih dari daftar gambar yang tersedia di dalam sistem. Setelah memilih, penggunahanya mengklik nama tersebut dan hasilnya akan ditampilkan, seperti terlihat dalamGambar 7, Gambar 8, Gambar 9 dan Gambar 10. Detik pertama tampilan SMILterlihat pada Gambar 7.

Gambar 7 Tampilan Form SMIL Detik Pertama

Detik kedua tampilan SMIL terlihat pada Gambar 8.

Gambar 8 Tampilan Form SMIL Detik Kedua

Detik ketiga tampilan SMIL terlihat pada Gambar 9.

Gambar 9 Tampilan Form SMIL Detik Ketiga

Detik keempat tampilan SMIL terlihat pada Gambar 10.

171

Gambar 10 Tampilan Form SMIL Detik Keempat

Gambar 11 menunjukkan tampilan awal dari sistem untuk administrator yangdapat dijelaskan sebagai berikut.

Gambar 11 Tampilan Form Administrator

Dalam antarmuka tersebut terdapat sepuluh link yaitu, Home, link untuk menuju kehalaman utama CMS, Tambah Data Kamus, link untuk menuju ke halaman dimanaadministrator dapat melakukan penambahan data kamus, Manajemen Data Kamus,link untuk menuju di mana administrator dapat melakukan edit data dan hapusdata, Lihat Data Kamus, link untuk menuju ke halaman dimana administrator dapatmelihat kata apa saja yang tersedia di dalam sistem, Tambah Data User, link untukadministrator dapat melakukan penambahan data user yang dapat masuk ke dalamCMS, Manajemen Data User, link untuk menuju di mana administrator dapatmelakukan edit data dan hapus data user, Lihat Gambar, link untuk administratordapat melihat data gambar apa saja yang tersedia di dalam sistem, Tambah DataGambar, link untuk melakukan penambahan data gambar ke dalam sistem, HapusData Gambar, link untuk melakukan penghapusan terhadap data gambar yangtersedia di dalam sistem, Logout, link untuk administrator keluar dari halamanCMS.

Tampilan dalam penambahan data XML terlihat pada Gambar 12. Dalammengisi data, administrator memilih apakah akan menambah data hewan atautumbuhan. Setelah itu, sistem akan menampilkan tampilan seperti terlihat padaGambar 12. Kemudian, administrator memasukkan kata dan mengklik tomboltambah. Ketika tombol tambah telah diklik maka data yang dimasukkan akanditambahkan.



172

Gambar 12 Tampilan Form Menambah Data

Tampilan dalam penghapusan dan pengubahan data terlihat pada Gambar13. Untuk mengubah atau menghapus data maka administrator masuk ke menulihat data kemudian memilih tombol edit atau hapus maka akan tertampil form untukmengubah data dan ketika diklik tombol edit maka data XML akan berubah. Danakan langsung terhapus ketika tombol hapus diklik.

Gambar 13 Tampilan Form Menghapus dan Ubah Data

Tampilan dalam penambahan data gambar terlihat pada Gambar 14. Untukmenambah data SMIL, seorang administrator harus masuk ke halaman Contentmanagement system kemudian memilih menu tambah gambar. Karena konsep SMILyang digunakan adalah SMIL in HTML maka konsep penambahan data SMILdigunakan konsep upload gambar dan upload halaman HTML dari SMIL. Ketikaadministrator menekan tombol Submit maka data SMIL baik itu gambar danhalaman web SMIL akan bertambah.

Gambar 14 Tampilan Form Menambah Data Gambar

173

Gambar 15 Tampilan Form Menghapus Data Gambar

Tampilan dalam penghapusan data gambar terlihat pada Gambar 15. Untukmenghapus data maka administrator masuk ke menu hapus data gambar kemudianmemilih data gambar atau SMIL mana yang ingin dihapus. Ketika ditekan tombolsubmit maka data gambar akan terhapus.

Analisis Proses PenerjemahanAda dua kekuatan utama dari XML yang diwujudkan dalam sistem, pertama

adalah faktor skalabilitas yang diwujudkan dengan mekanisme pemisahan antaracontent dan style. Mekanisme ini diimplementasikan dengan cara menuliskan datadalam dokumen XML, dan menuliskan instruksi tentang bagaimana menampilkandata-data tersebut dengan XSLT (Extensible Stylesheet Language). Yang keduaadalah integritas data dalam XML. Data XML tetap terintegrasi meskipun telahdikirimkan. Hal ini berarti walaupun data telah sampai ke browser, data tetap takberubah jenis maupun strukturnya. Dengan demikian, browser dapat mengolah data-data tersebut lebih lanjut, termasuk di antaranya melakukan proses pencarian data.Faktor ini menyebabkan dapat dilakukan Client Side Processing, atau pemrosesandata di sisi klien, terhadap data-data tersebut. Kemampuan ini sangat berguna karenadengan Client Side Processing, server tak akan terberati oleh beban tugas yangharus dijalankan. Berdasarkan hasil implementasi sistem terhadap prosespenerjemahan, menunjukkan bahwa proses penerjemahan yang terdapat di dalamsistem dapat berjalan dengan baik. Hal ini dibuktikan dengan tertampilnya hasilterjemahan berdasarkan masukkan kata dari pengguna, baik itu masukkan berupaBahasa Indonesia ataupun berupa bahasa ilmiah. Hal yang terpenting dalam prosespenerjemahan adalah sintaks yang merujuk kepada dokumen XMl. Berikut adalahcontoh sintaks tersebut

<XML ID=”dsoXmlL” SRC=”XmlL.xml”></XML>

Sintaks tersebut akan menunjukkan bahwa source dokumen XML mana yang akandigunakan dalam proses penerjemahan. Proses penerjemahan sendiri dilakukandengan melakukan pencocokan data berdasarkan text yang berada di dalamtagname tertentu. Sebagai contoh :

<data><zoologi>

<indonesia>singa</indonesia>



174

<ilmiah>Panthera Leo</ilmiah></zoologi></data>

Pada contoh tersebut, proses pencarian data dilakukan dengan mendeklarasikanpencarian berdasarkan text yang terdapat di dalam tagname indonesia dan kemudianuntuk hasilnya sistem akan melakukan pencocokan data untuk kemudianmenampilkan kata yang terdapat di dalam elemen ilmiah. Seperti halnya aturanpenulisan XML, dalam proses pencarian data, maka penulisan setiap tagnamemenjadi hal yang sangat penting karena tagname bersifat case sensitive.

Analisis SMILProses visualisasi gambar dengan menggunakan media SMIL sangat

bergantung pada tempat dimana gambar disimpan, durasi waktu dan ukuran gambaryang akan ditampilkan. Berikut adalah sintaks SMIL

<img class=”t” src=”/skripsi/angka1.jpg” dur=”1s”width=”500" height=”500" />

SRC menunjuk pada Source gambar akan menunjukkan bahwa gambar yang inginditampilkan kepada pengguna berasal darimana, jika tidak diketahui maka SMILtidak akan bisa menampilkan visualisasi gambar. Durasi menunjuk pada durasi waktumenunjukkan bahwa SMIL bersifat dinamis dan dapat menciptakan tampilan yangmenarik. Durasi waktu setiap gambarnya dapat menunjukkan arti synchronizedpada kata SMIL. Width dan Height menunjuk pada ukuran image dalam SMIL.Durasi waktu antar gambar diberi satu detik dan untuk gambar terakhir durasinya20 detik. Untuk ukuran gambar dapat berpengaruh akan hasil tampilan. SMIL akanmenampilkan ukuran sesuai dengan apa yang dideklarasikan di sourse SMIL, jadimisalkan gambar yang tersedia berukuran 200 x 200 pixel dan di SMIL dideklarasikan 400 x 400 pixel, maka visualisasi yang tertampil akan menjadi 400 x400 pixel dan mengakibatkan hasil visualisasi menjadi tidak baik. Oleh karena itu,penentuan ukuran sangat berpengaruh dalam menentukan kuailtas hasil visualisasi.Kesamaan antara ukuran gambar dan ukuran yang dideklarasikan di kode SMILakan menciptakan tampilan visualisasi SMIL yang maksimal. Seperti halnya yangtelah dijelaskan digunakan SMIL in HTML. Hal ini menggunakan FrameworkHTML + Time yang dimiliki oleh Internet Explorer. 6.0. Oleh karena itu, dalampenelitian ini, pengguna diharuskan menggunakan web browser. Dan SMIL yangdigunakan menggunakan ektensi .html, dalam file HTML, akan diimport namespacetime sehingga dapat dilakukan penulisan elemen SMIL di dalam dokumen HTML.Proses import tersebut adalah sebagai berikut

<?import namespace=”t” implementation=”#default#time2"?> <style>.t {behavior: url(#default#time2)

Sedangkan elemen yang digunakan dalam adalah <par>, <seq> danrepeatCount. <par> berfungsi agar dua buah jenis multimedia dapat berjalan secarabersamaan, <seq> berfungsi agar tampilan gambar dapat berjalan secara berurutan

175

sesuai dengan urutan waktu yang telah ditentukan, dan repeatCount berfungsi agartampilan SMIL yang telah ditampilkan sesuai dengan waktunya akan berulang kembali.

Analisis Proses Manajemen DataSeperti halnya database relasional yang memiliki Database Management

System, dengan menggunakan XML, dapat pula dilakukan manajemen data denganmemanfaatkan setiap tagname yang terdapat di dalam dokumen XML. Di dalamsistem, penambahan data XML dilakukan dengan mendeklarasikan di kode programsetiap tagname yang diperlukan di dalam dokumen XML, sehingga tagname akantercipta secara otomatis dan yang dibutuhkan selanjutnya hanya kode bagaimanamem-parser input-an yang dilakukan oleh administrator ke dalam setiap tagnamedan menjadi text di dalam tagname tersebut. Untuk penghapusan data XMLdilakukan dengan memanfaatkan tagname nomor yang ada di setiap dokumen XML,sistem akan mengecek data berdasarkan tagname nomor dan kemudian akanmelakukan penghapusan data. Sedangkan proses pengubahan data juga dilakukandengan memanfaatkan tagname nomor, untuk kemudian diambil data text yangterdapat didalam nomor tersebut dan dimasukkan ke dalam form edit danadministrator akan melakukan perubahan data dan kemudian disimpan sebagaidata baru.Manajemen data SMIL dilakukan dengan melakukan upload halamanSMIL yang dibuat dengan ekstensi .html. penambahan ini menggunakan konsepupload dimana yang harus diketahui dalam proses upload adalah source dimanahalaman berasal dan dimana file tersebut akan ditempatkan. Di dalam sistem, untukmenambah data SMIL, administrator akan mengambil data di resource mana pundan menempatkannya di dalam file server. Begitu pula dengan penghapusan dataSMIL. Oleh karena itu, dalam penambahan dan penghapusan data SMIL sangatbergantung pada letak file disimpan di server.

5. Simpulan

Berdasarkan implementasi, pembahasan dan analisis yang telah dilakukan,maka dapat diambil beberapa kesimpulan yaitu, aplikasi mampu melakukan prosespenerjemahan dengan memanfaatkan proses pencarian data XML berdasarkan textdi dalam tagname. Selain itu, akses data dari aplikasi XML ke dokumen XMLtidak membebani server karena dilakukan client side processing. Aplikasi yangdibuat menggunakan XML sebagai basis data utama kamus. Hal ini menjadikanXML dapat digunakan sebagai basis data alternatif yang dapat digunakan untukmembuat sebuah aplikasi terutama jika data yang dimiliki berbasis teks.Hal yangsangat penting dalam sebuah aplikasi adalah fasilitas di mana seorang administratordapat melakukan manajemen data untuk keperluan sistem. Manajemen data sepertimenambah, mengubah dan menghapus data yang ada di dalam sistem dapat dilakukandi dalam XML.Aplikasi yang dibangun tidak hanya memberikan informasi berupadata namun juga memberikan tampilan visualisasi. Penggunaan SMIL di dalam sistemtelah menciptakan suatu tampilan yang dinamis setiap waktunya. Hal ini dapatdijadikan sebagai salah satu cara untuk menampilkan bentuk tampilan visualisasi disebuah web.



176

6. Daftar Pustaka

[1] Wikipedia. 2008. Tatanama Biologi, www.id.wiki.detik.com/. Diakses tanggal6 Maret 2008

[2] W3school. 2006. Introduction to SMIL. www.w3school.com. Diakses tanggal8 Januari 2006.

[3] Yuhilda. 2009. Proses-Proses Perangkat Lunak. www.dosen.amikom.ac.id/Diakses tanggal 5 Mei 2009.

Documents

Perancangan dan Implementasi Perangkat Lunak Kamus ...ftiuksw.org/ejournal/assets/pdf/575334e582df866fefe2ba3bcd383f2a.pdf · adalah bahasa yang asing mereka dengar, sehingga kurang