APLIKASI CHATTING MENGGUNAKAN JQUERY PADA SISTEM MOBILE

Transkripsi

1 APLIKASI CHATTING MENGGUNAKAN JQUERY PADA SISTEM MOBILE OLEH : Sony Gunawan PROGRAM STUDI TEKNIK ELEKTRO FAKULTAS TEKNOLOGI INDUSTRI UNIVERSITAS KATOLIK SOEGIJAPRANATA SEMARANG 2010 i

2 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 Mengetahui / Menyetujui, Semarang, 2010 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

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

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

5 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, Penulis

6 DAFTAR ISI BAB I... 5 PENDAHULUAN Latar belakang Tujuan Tugas Akhir Manfaat Penulisan Batasan Masalah Metodologi Penelitian Sistematika Penyusunan Laporan Tugas Akhir... 8 BAB II TINJAUAN PUSTAKA Perangkat Mobil Teknologi Wireless Java Gambaran J2ME CLDC CDC JTWI MIDP MIDlet Pemrograman Client server MySQL XAMPP PHP Apache Struktur Syntax PHP Ajax Ajax sebagai sebuah Arsitektur jquery

7 BAB III PERANCANGAN Perancangan program utama Perancangan tampilan pada J2me Perancangan database Perancangan program di server BAB IV ANALISA DAN PEMBAHASAN Proses registrasi Proses login Proses mencari teman operasi chatting Proses logout BAB V KESIMPULAN Kesimpulan Saran

8 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

9 DAFTAR GAMBAR Gambar 2.1: Platform Java Gambar 2.2: Arsitektur J2ME Gambar 2.3: Proses Verifikasi dua tingkat Gambar 2.4: Hirarki koneksi GCF Gambar 2.5: Komponen JTWI Gambar 2.6: Daur hidup MIDlet Gambar 2.7 Cara Kerja pemrograman Client Server Gambar 2.8 database mysql Gambar 2.9 tampilan xampp Gambar 2.10 control panel xampp Gambar 2.11 tampilan php Gambar 3.1: hubungan webserver, system mobile dan database Gambar 3.2 : flowchart program utama system chatting Gambar 3.3 halaman awal Gambar 3.4: Halaman registrasi Gambar 3.5 halaman konfirmasi salah dan benar Gambar 3.6 halaman login Gambar 3.9 hubungan ke enam halaman Gambar 3.10 tabel pada database chat Gambar 3.11 struktur table identitas Gambar 3.12 isi table identitas Gambar 3.13 struktur table pesan Gambar 3.15 flowchart program di server Gambar 4.1 tampilan registrasi Gambar 4.2 tampilan konfirmasi salah dan benar Gambar 4.3 tampilan login Gambar 4.4 Pemilihan teman Gambar 4.5 tampilan chatting Gambar 4.6 tampilan awal yang ada logout