Pembimbing : Endang Purnama Giri, S.Kom., M.Kom.

Presentasi berjudul: "Pembimbing : Endang Purnama Giri, S.Kom., M.Kom."— Transcript presentasi:

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

2 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

3 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

4 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.

5 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.

6 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.

7 Tinjauan Pustaka

8 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)

9 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

10 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)

11 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)

12 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)

13 Response Time Waktu yang diperlukan pada saat user melakukan request sampai server memberikan response (Menasce & Almeida 2002)

14 MetodeWhite Box Metode pengujian yang menggunakan struktur kontrol dari perancangan prosedural untuk mendapatkan test case. (Pressman 2001)

15 Metodologi Penelitian

16 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).

17 Identifikasi Kendala Sistem Identifikasi Pengguna
Perencanaan Tujuan Sistem Identifikasi Kendala Sistem Identifikasi Pengguna

18 Analisis Content Modul Kategori perangkat client Proses adaptasi web

19 Desain Sistem Desain proses Context Diagram Data Flow Diagram
Desain Database XML & MySQL Desain Input Interface Sistem Desain Output Feedback from input

20 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 v 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

21 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)

22 Hasil dan Pembahasan

23 Pengguna Sistem Pengguna Member Umum Admin

24 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

25 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

26 Proses Adaptasi Mobile Website

27 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

28 Web Content Adaptation
Content diadaptasi dalam 2 stylesheet : XHTML-MP untuk (smartphone atau PDA) dan desktop WML untuk (ponsel dengan kemampuan yang sangat terbatas)

29 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

30 Web Content Adaptation…
WML XHTML-MP

31 Pengujian Performance
Waktu Adaptasi MySQL detik XML detik

32 Pengujian Performance…
Waktu Searching skenario 1 MySQL detik XML detik

33 Pengujian Performance…
Waktu Searching skenario 2 MySQL detik XML detik

34 Pengujian Performance…
Waktu Searching skenario 3

35 Pengujian… URL – http://lionheart.netau.net/cmswap atau

36 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.

37 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.

38 TERIMA KASIH