Multimedia Data Mining

MYSQL DAN XML SEBAGAI
FORMAT PENYIMPANAN DATA UNTUK
CONTENT MANAGEMENT SYSTEM BERBASIS
WIRELESS APPLICATION PROTOCOL
Mohammad Chandra
G64051101
Pembimbing :
Endang Purnama Giri, S.Kom., M.Kom.
Latar Belakang
Kebutuhan akan
kemudahan mengakses
informasi melalui
mobile device
Umumnya CMS yang
dikembangkan berbasis
desktop
Kesulitan menentukan
format penyimpanan
data dalam
mengembangkan CMS
berbasis WAP
Latar Belakang
Adaptasi E-learning pada Sisi Server untuk Aplikasi M-learning
(Dwi Annisa Salanah 2008)
Pembuatan dan pengembangan CMS berbasis WAP
yang dinamis dan mudah digunakan
Tujuan Penelitian
 Mengembangkan CMS berbasis WAP.
 Mengimplementasikan CMS berbasis WAP dalam
pembuatan mobile website Departemen Ilmu Komputer.
 Mengimplementasikan teknologi XML & MySQL sebagai
format penyimpanan data bagi CMS berbasis WAP.
 Membandingkan response time yang diperlukan user saat
melakukan request, yang akan diujikan pada XML dan
MySQL.
Ruang Lingkup
 Content dari CMS ini adalah mobile website Departemen
Ilmu Komputer.
 Fitur – fitur minimum yang tersedia dalam CMS antara
lain: manajemen modul, manajemen user, profil, berita,
agenda, pengumuman, staff pengajar, kontak dan katalog.
 Pengujian response time hanya dilakukan pada sisi format
penyimpanan data yang digunakan.
 CMS hanya diujikan atau dapat diimplementasikan pada
mobile device yang mendukung GPRS, WAP, dan WML
atau XHTML MP.
Manfat Penelitian
 Hasil dari penelitian ini diharapkan dapat memudahkan
dan meminimalkan kebutuhan dari web developer dalam
mengembangkan mobile website.
 Web developer dapat menentukan format penyimpanan
data yang baik digunakan dalam mengembangkan mobile
website.
Tinjauan Pustaka
Content Management System
(CMS)
 Sistem yang memberikan kemudahan kepada para
penggunanya dalam mengelola dan mengadakan
perubahan isi sebuah website dinamis.
 CMS memisahkan antara isi dan desain, konsistensi
tampilan dapat dijaga dengan baik.
 Mendukung alur kerja dan hak akses yang jelas kepada para
penggunanya (akuntabilitas).
(Antonius 2003)
Wireless Application Protocol
(WAP)
 Merupakan layanan selular yang menyediakan kemudahan
komunikasi internet dan layanan lainnya pada mobile
devices. Arsitektur koneksi WAP 2.0 (WAP Forum 2008)
pada Gambar 1.
Gambar 1 Arsitektur Koneksi WAP 2.0
eXtensible Markup Language
(XML)
 Merupakan sebuah markup language seperti HTML.
 Sintaks lebih luwes atau bebas.
 Berfungsi untuk penyimpanan dan pengiriman informasi
pada World Wide Web (WWW).
(Young 2000)
Wireless Markup Language
(WML)
 WML merupakan markup language yang berdasarkan
XML.
 Dipergunakan pada mobile device yang mempunyai
keterbatasan. Keterbatasan pada mobile device yaitu:
 Tampilan layar yang kecil.
 Fasilitas masukan yang terbatas.
 Koneksi jaringan yang sempit.
 Memori yang kecil
 Kemampuan penghitungan yang terbatas
(WAP Forum 2008)
eXtensible HTML for Mobile
Profile (XHTML -MP)
 XHTML-MP merupakan
mengandung unsur HTML.
bagian
dari
XML
yang
 Pengembangan dari WML yang dapat membuat tampilan
mobile website lebih menarik.
 Dapat didukung oleh berbagai jenis browser pada
komputer atau mobile device.
 XHTML-MP biasa digunakan pada mobile device dengan
ukuran layar sedang seperti smart phone dan PDA.
(WAP Forum 2008)
Response Time
 Waktu yang diperlukan pada saat user melakukan
request sampai server memberikan response
(Menasce & Almeida 2002)
MetodeWhite Box
 Metode pengujian yang menggunakan struktur kontrol dari
perancangan prosedural untuk mendapatkan test case.
(Pressman 2001)
Metodologi Penelitian
Pengembangan Sistem
Plan Phase
Use Phase
Implementation
Phase
Analysis Phase
Design Phase
Gambar 2 Alur Proses SDLC (Mcleod 2004).
Perencanaan
Tujuan Sistem
Identifikasi
Kendala Sistem
Identifikasi
Pengguna
Analisis
 Content
 Modul
 Kategori perangkat client
 Proses adaptasi web
Desain Sistem
Desain proses
• Context
Diagram
• Data Flow
Diagram
Desain
Database
• XML &
MySQL
Desain Input
• Interface
Sistem
Desain Output
• Feedback from
input
Implementasi
Software
Hardware
• Sistem Operasi :
Microsoft Windows
Vista Ultimate
• Server : XAMPP
Version 1.6.6
• Notepad++ v5.0.3
• Openwave SDK
v7.0.107
• Mozilla Firefox v3.07
• Opera Mini v4.2
• Intel Pentium Core 2
Duo 1.4 Ghz
• Memory 2.5 GB
• Media penyimpanan
80 GB
XML &
MySQL
PHP
WML &
XHTML
CMS
Pengujian
Skenario 1
Data berita, jumlah record 10, posisi record
Skenario 2
Pengujian
Performance :
Pengujian
DataWhite-box
katalog, jumlah record 370,
posisi
record
• Waktu
adaptasi
• Waktu pencarian (search)
Skenario 3
Data XML, jumlah record 3000, posisi record
Hasil dan Pembahasan
Pengguna Sistem
Member
Pengguna
Admin
Umum
Data Flow Diagram Level 1
Admin
Manajemen data
untuk admin
1.
Olah data
akademik
Informasi
Dep.Ilkom
Data
Dep.Ilkom
•Manajemen User
•Manajemen Modul
•Manajemen Staff
•Manajemen Profil
•Manajamen Berita
•Manajemen Agenda
•Manajemen Pengumuman
•Manajemen Banner/Link
•Manajemen Katalog
•Manajemen Pesan
•Manajemen Themes
Perubahan
data ilkom
Database web
Dep.Ilkom
Manajemen data
untuk member
Informasi
Dep.Ilkom
Member
•Manajamen Berita
•Manajemen Agenda
•Manajemen Pengumuman
Data
Dep.Ilkom
2.
Menampilkan
informasi Dep.
Ilkom
Permintaan informasi
Informasi Dep.Ilkom
Untuk umum
Umum
Desain Database
MySQL
XML
<dbmedia>
•Tabel User
<katalog> 
child node
•Tabel
Modul
<id_katalog>
… </id_katalog>
•Tabel
Berita
Dokumen
TabelXML
Data
XML
•Tabel
<isbn> … </isbn>
Struktur
11DBMS
tabel
Elemen Node
Agenda
•Tabel Pengumuman
<pengarang> … </pengarang>
•Tabel
Staff
MySQL
Sub child
<judul> … •Tabel
</judul> Katalog
node
Hubungi
<penerbit>•Tabel
… </penerbit>
•Tabel Warna
<kode> … </kode>
•Tabel Theme
</katalog> 
child node
•Tabel
Banner
</dbmedia>
Proses Adaptasi Mobile Website
Deteksi Perangkat Client
Client
user agent string pada
HTTP header device
index.php
Handheld/
WAP
device?
Tidak
Content
Adaptation for
Desktop
XHTML
Pengiriman content
dgn stylesheet XHTML
ke client
Ya
Content
Adaptation for
Handheld
XHTML/
WML?
WML
Pengiriman content
dgn stylesheet WML
ke client
Web Content Adaptation
 Content diadaptasi dalam 2 stylesheet :
 XHTML-MP untuk (smartphone atau PDA) dan
desktop
 WML untuk (ponsel dengan kemampuan yang sangat
terbatas)
Web Content Adaptation…
 Masing-masing stylesheet memiliki tipe MIME (Multipurpose
Internet Mail Extension) yang berbeda.
Stylesheet
MIME-type
XHTML-MP
application/vnd.wap.xhtml+xml,
application/xhtml+xml
WML
text/vnd.wap.wml
Web Content Adaptation…
XHTML-MP
WML
Pengujian Performance
Waktu Adaptasi
0.00094
0.00092
detik
0.0009
0.00088
XML
0.00086
MySQL
0.00084
0.00082
0.0008
i1
i2
i3
i4
i5
i6
Iterasi
i7
i8
i9
i10
Pengujian Performance…
Waktu Searching
0.0025
0.002
detik
0.0015
MySQL
0.001
XML
0.0005
0
p1
p2
p3
p4
p5
p6
Posisi
p7
p8
p9
p10
Pengujian Performance…
Waktu Searching
0.007
0.006
detik
0.005
0.004
MySQL
0.003
XML
0.002
0.001
0
p1
p30
p60
p90
p120 p150
Posisi
p180
p210
p240
p270
Pengujian Performance…
Grafik Waktu Searching
0.12
0.1
detik
0.08
0.06
XML
0.04
0.02
0
p300
p600
p900 p1200 p1500 p1800 p2100 p2400 p2700 p3000
XML 0.0559 0.06149 0.07019 0.07291 0.07483 0.07512 0.07685 0.08481 0.08709 0.09538
posisi
Pengujian…
URL –
http://lionheart.netau.net/cmswap
atau
http://lionheart.netau.net/cmsxml
Kesimpulan
 CMS berbasis WAP dengan mengimplementasikan database
MySQL dan teknologi XML berhasil dikembangkan.
 CMS berbasis WAP berhasil diimplementasikan pada
website mobile Departemen Ilmu Komputer dan berjalan
dengan baik.
 Database MySQL mempunyai performance yang cepat dan
stabil dibandingkan teknologi XML.
 Perkembangan mobile device saat ini sudah jarang
menggunakan WAP 1.0 sebagai protokolnya dengan bahasa
pemrograman WML.
Saran
 Penambahan warna desain untuk theme agar tampilan
desain lebih beragam.
 Penambahan konfigurasi untuk mengatur lebar tampilan
website atau resolusi disesuaikan dengan ukuran layar dari
perangkat client.
 Penggunaan Xquery untuk pencarian suatu data dalam
dokumen XML agar proses pencarian lebih optimal.
 Penggunaan Wireless Universal Resource File (WURFL) agar
proses pendeteksian perangkat yang digunakan client lebih
lengkap.
TERIMA KASIH