Pembimbing : Endang Purnama Giri, S.Kom., M.Kom. 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

Adaptasi E-learning pada Sisi Server untuk Aplikasi M-learning Latar Belakang Adaptasi E-learning pada Sisi Server untuk Aplikasi M-learning (Dwi Annisa Salanah 2008) Solusi?? 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 bagian dari XML yang mengandung unsur HTML. 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

Gambar 2 Alur Proses SDLC (Mcleod 2004). Pengembangan Sistem Plan Phase Analysis Phase Design Phase Implementation Phase Use Phase Gambar 2 Alur Proses SDLC (Mcleod 2004).

Identifikasi Kendala Sistem Identifikasi Pengguna 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 Sistem Operasi : Microsoft Windows Vista Ultimate PHP XML & MySQL WML & XHTML CMS Software 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 Hardware Intel Pentium Core 2 Duo 1.4 Ghz Memory 2.5 GB Media penyimpanan 80 GB

Pengujian Skenario 1 Data berita, jumlah record 10, posisi record Data katalog, jumlah record 370, posisi record Skenario 3 Data XML, jumlah record 3000, posisi record Pengujian White-box Pengujian Performance : Waktu adaptasi Waktu pencarian (search)

Hasil dan Pembahasan

Pengguna Sistem Pengguna Member Umum Admin

Data Flow Diagram Level 1 Manajamen Berita Manajemen Agenda Manajemen Pengumuman Manajemen User Manajemen Modul Manajemen Staff Manajemen Profil Manajamen Berita Manajemen Agenda Manajemen Pengumuman Manajemen Banner/Link Manajemen Katalog Manajemen Pesan Manajemen Themes

Desain Database Dokumen XML Tabel Data 11 tabel Struktur Elemen Node MySQL XML DBMS XML MySQL Tabel User Tabel Modul Tabel Berita Tabel Agenda Tabel Pengumuman Tabel Staff Tabel Katalog Tabel Hubungi Tabel Warna Tabel Theme Tabel Banner <dbmedia> <katalog>  child node <id_katalog> … </id_katalog> <isbn> … </isbn> <pengarang> … </pengarang> <judul> … </judul> <penerbit> … </penerbit> <kode> … </kode> </katalog>  child node </dbmedia> Sub child node Dokumen XML Tabel Data Struktur Elemen Node 11 tabel

Proses Adaptasi Mobile Website

Deteksi Perangkat Client user agent string pada HTTP header device index.php Handheld/ WAP device? Tidak Ya Content Adaptation for Desktop Content Adaptation for Handheld XHTML/ WML? XHTML WML Pengiriman content dgn stylesheet XHTML ke client 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… WML XHTML-MP

Pengujian Performance Waktu Adaptasi MySQL 0.000875 detik XML 0.000883 detik

Pengujian Performance… Waktu Searching skenario 1 MySQL 0.000277 detik XML 0.002123 detik

Pengujian Performance… Waktu Searching skenario 2 MySQL 0.000624 detik XML 0.005309 detik

Pengujian Performance… Waktu Searching skenario 3

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