Perpustakaan Unika
APLIKASI CHATTING MENGGUNAKAN JQUERY PADA SISTEM MOBILE
OLEH : Sony Gunawan 04.50.0020
PROGRAM STUDI TEKNIK ELEKTRO FAKULTAS TEKNOLOGI INDUSTRI UNIVERSITAS KATOLIK SOEGIJAPRANATA SEMARANG 2010
i
Perpustakaan Unika
PENGESAHAN
Tugas Akhir dengan judul “ Aplikasi Chatting menggunakan Jquery Pada Sistem Mobile)” diajukan untuk memenuhi persyaratan dalam memperoleh gelar Sarjana Teknik Elektro (Strata-1) pada Program Studi Teknik Elektro di Fakultas Teknologi Industri Universitas Katolik Soegijapranata Semarang. Tugas Akhir ini disetujui pada tanggal…………………2010
Semarang,………………………2010 Mengetahui / Menyetujui,
Pembimbing I
Pembimbing II
(Erdhi Widyarto N., ST, MT)
( Yulianto Tedjo P.,ST,MT )
Dekan Fakultas Teknologi Industri Unika Soegijapranata
(Dr. F. Budi Setiawan ST, MT)
ii
Perpustakaan Unika
KATA PENGANTAR Puji syukur ke hadirat Tuhan Yang Maha Esa karena telah memberikan rahmat dan karunia sehingga penulis dapat menyelesaikan Tugas Akhir ini dengan baik. Tugas Akhir beserta laporannya merupakan persyaratan kelulusan tahap sarjana Strata-1 pada Program Studi Teknik Elektro, Fakultas Teknologi Industri, Universitas Katolik Soegijapranata Semarang. Dalam penyusunan Tugas Akhir ini penulis merasa banyak mendapat bantuan secara moral, pengetahuan dan juga materiil dari berbagai pihak. Pada kesempatan ini, penulis mengucapkan banyak terima kasih yang tak terhingga kepada : 1.
Bapak Dr. F. Budi Setiawan ST, MT selaku Dekan Fakultas Teknologi Industri Universitas Katolik Soegijapranata Semarang. Terima kasih banyak atas bantuannya selama ini dan pendamping peserta tugas akhir di ITS Surabaya dalam acr IES.
2.
Bapak Erdhi Widyarto N., ST, MT selaku Dosen Pembimbing I yang telah banyak memberikan bimbingan dalam penulisan Tugas Akhir ini hingga dapat terselesaikan dengan baik.Terima kasih banyak atas kerjasamanya dalam merintis tugas akhir penulis,walaupun tidur hanya 2jam ,melembur tiap hari demi mensukseskan tugas akhir penulis…..
3.
Bapak Yulianto Tedjo P.,ST, MT selaku Dosen Pembimbing II yang telah banyak memberikan bimbingan dalam penulisan Tugas Akhir ini hingga dapat terselesaikan dengan baik.
4.
Bapak Fx. Hendra Prsetya, ST, MT selaku Wali Dosen angkatan 2004 yang telah banyak memberikan nasehat dan bimbingan dalam penulisan Tugas Akhir ini hingga dapat terselesaikan dengan baik.
Perpustakaan Unika
5.
Bapak Dr. Slamet Riyadi ST, MT selaku PD I dari progdi Teknik Elektro dan mencakupDosen yang telah banyak memberikan nasehat dan bimbingan dalam penulisan Tugas Akhir ini hingga dapat terselesaikan dengan baik.
6.
Bapak Leonardus Heru P.ST,MT; selaku Mantan Dekan serta menjabat sebagai kepala Laborat dan Dosen yang telah banyak memberikan nasehat dan bimbingan dalam penulisan Tugas Akhir ini hingga dapat terselesaikan dengan baik.dan saya mengucapkan banyak terima kasih atas bantuannya selama proses wisuda.
7.
Ibu Rissa Farid C, ST, MT selaku Dosen yang telah banyak memberikan nasehat dan bimbingan dalam penulisan Tugas Akhir ini hingga dapat terselesaikan dengan baik.
8.
Bapak B Harnadi ST, MT ; Ibu T Brenda Chandrawati ,ST MT; selaku dosen yang telah membimbing penulis selama masa perkuliahan
9.
Orang Tua serta keluarga yang selalu mendukung dan memfasilitasi sehingga Tugas Akhir ini dapat Terselesaikan dengan baik.
10.
Bapak Maryono,Ibu Tini selaku staf Tata Usaha Fakultas Teknologi Industri yang telah membantu penulis dalam urusan administrasi.
11.
Bapak Yatno selaku teman serta pemberi dukungan moril kepada penulis yang membuat penulis senantiasa menjadi lebih bersemangat.
12.
Mas Amat dan Mas Agung staf laboratorium Elektro yang telah memberikan banyak wejangan kepada penulis dalam pembuatan Tugas Akhir ini.
13.
Rekan – rekan mahasiswa Teknik Elektro angkatan 2004 yang telah memberi banyak masukan dan dukungan dalam pembuatan Tugas Akhir dan Laporan ini.dan teman2 angkatan elektro yang telah memberikan support telah menemani dalam kondisi susah maupun senang.
Perpustakaan Unika
Semoga Tuhan Yang Maha Esa melimpahkan rahmat dan karunia-Nya kepada semua pihak yang membantu dalam penyusunan Tugas Akhir ini. Akhir kata, besar harapan saya agar buku ini dapat digunakan sebagai penambah ilmu pengetahuan bagi kita semua meskipun saya yakin buku ini masih jauh dari sempurna. Semarang,...........................................2010
Penulis
Perpustakaan Unika
DAFTAR ISI BAB I .............................................................................................................................................................. 5 PENDAHULUAN ............................................................................................................................................. 5 1.1 Latar belakang ..................................................................................................................................... 5 1.2 Tujuan Tugas Akhir .............................................................................................................................. 6 1.3 Manfaat Penulisan ............................................................................................................................. 7 1.4 Batasan Masalah ................................................................................................................................. 7 1.5 Metodologi Penelitian......................................................................................................................... 7 1.6 Sistematika Penyusunan Laporan Tugas Akhir ................................................................................... 8 BAB II ........................................................................................................................................................... 10 TINJAUAN PUSTAKA .................................................................................................................................... 10 2.1
Perangkat Mobil .......................................................................................................................... 10
2.2 Teknologi Wireless Java .................................................................................................................... 11 2.3 Gambaran J2ME ................................................................................................................................ 14 2.4 CLDC .................................................................................................................................................. 17 2.5 CDC .................................................................................................................................................... 19 2.6 JTWI ................................................................................................................................................... 20 2.7 MIDP.................................................................................................................................................. 21 2.8 MIDlet ............................................................................................................................................... 22 2.9 Pemrograman Client server .............................................................................................................. 24 2.10 MySQL ............................................................................................................................................. 26 2.11 XAMPP............................................................................................................................................. 27 2.12 PHP .................................................................................................................................................. 30 2.13 Apache ............................................................................................................................................ 33 2.14 Struktur Syntax PHP ........................................................................................................................ 34 2.15 Ajax.................................................................................................................................................. 37 2.16 Ajax sebagai sebuah Arsitektur ........................................................................................................... 38 2.17 jquery ............................................................................................................................................. 39
1
Perpustakaan Unika
BAB III .......................................................................................................................................................... 42 PERANCANGAN ........................................................................................................................................... 42 3.1 Perancangan program utama ........................................................................................................... 43 3.2 Perancangan tampilan pada J2me ................................................................................................... 44 3.3 Perancangan database ...................................................................................................................... 53 3.4 Perancangan program di server ........................................................................................................ 56 BAB IV.......................................................................................................................................................... 59 ANALISA DAN PEMBAHASAN ...................................................................................................................... 59 4.1 Proses registrasi ................................................................................................................................ 59 4.2 Proses login ....................................................................................................................................... 65 4.3 Proses mencari teman ...................................................................................................................... 70 4.4 operasi chatting ................................................................................................................................ 73 4.5 Proses logout..................................................................................................................................... 78 BAB V........................................................................................................................................................... 80 KESIMPULAN ............................................................................................................................................... 80 5.1 Kesimpulan........................................................................................................................................ 80 5.2 Saran ................................................................................................................................................. 80
2
Perpustakaan Unika
Abstract
Aplikasi chatting berbasis web pada system mobile saat ini dituntut untuk semakin cepat dan data yang dikirim semakin kecil, dengan teknologi ajax (Asynchronous JavaScript and XML) suatu aplikasi chatting dapat bekerja semakin cepat. Aplikasi ajax pada web menimbulkan kerumitan tersendiri pada pemrogramanya. Teknologi Jquery membuat kerumitan tersebut menjadi semakin sederhana. Aplikasi chat memerlukan akses yang cepat dan bandwidth yang tidak besar. Dahulu chatting menggunakan port 194 (IRC), karena port ini sering disalahgunakan maka banyak pada sistem jaringan, port ini ditutup untuk keamanan. Saat ini dipakai aplikasi menggunakan web server berbasis database. Contoh program seperti ini adalah yahoo messenger, facebook chat dll.
3
Perpustakaan Unika
DAFTAR GAMBAR Gambar 2.1: Platform Java.......................................................................................................................... 14 Gambar 2.2: Arsitektur J2ME ...................................................................................................................... 15 Gambar 2.3: Proses Verifikasi dua tingkat .................................................................................................. 18 Gambar 2.4: Hirarki koneksi GCF ................................................................................................................ 19 Gambar 2.5: Komponen JTWI ..................................................................................................................... 21 Gambar 2.6: Daur hidup MIDlet ................................................................................................................. 24 Gambar 2.7 Cara Kerja pemrograman Client Server................................................................................... 25 Gambar 2.8 database mysql ....................................................................................................................... 27 Gambar 2.9 tampilan xampp ...................................................................................................................... 30 Gambar 2.10 control panel xampp ............................................................................................................. 35 Gambar 2.11 tampilan php ......................................................................................................................... 37 Gambar 3.1: hubungan webserver, system mobile dan database ............................................................. 42 Gambar 3.2 : flowchart program utama system chatting .......................................................................... 43 Gambar 3.3 halaman awal ......................................................................................................................... 44 Gambar 3.4: Halaman registrasi ................................................................................................................. 45 Gambar 3.5 halaman konfirmasi salah dan benar ...................................................................................... 45 Gambar 3.6 halaman login .......................................................................................................................... 46 Gambar 3.9 hubungan ke enam halaman................................................................................................... 47 Gambar 3.10 tabel pada database chat ...................................................................................................... 54 Gambar 3.11 struktur table identitas ......................................................................................................... 54 Gambar 3.12 isi table identitas ................................................................................................................... 55 Gambar 3.13 struktur table pesan .............................................................................................................. 55 Gambar 3.15 flowchart program di server ................................................................................................. 57 Gambar 4.1 tampilan registrasi .................................................................................................................. 60 Gambar 4.2 tampilan konfirmasi salah dan benar...................................................................................... 62 Gambar 4.3 tampilan login ......................................................................................................................... 66 Gambar 4.4 Pemilihan teman ..................................................................................................................... 70 Gambar 4.5 tampilan chatting .................................................................................................................... 74 Gambar 4.6 tampilan awal yang ada logout ............................................................................................... 78
4
