APLIKASI GRUPCHAT DI ANDROID MENGGUNAKAN
WEBSOCKET
SKRIPSI
Disusun sebagai salah satu syarat menyelesaikan Program Studi
Strata I pada Program Studi Informatika
Fakultas Komunikasi dan Informatika
Universitas Muhammadiyah Surakarta
Oleh:
Fitri Hardianto NIM : L200110002
PROGRAM STUDI INFORMATIKA
FAKULTAS KOMUNIKASI DAN INFORMATIKA UNIVERSITAS MUHAMMADIYAH SURAKARTA
iv
MOTTO DAN PERSEMBAHAN MOTTO :
…tetapi boleh jadi kamu membenci sesuatu, padahal itu baik bagimu, dan boleh jadi
kamu menyukai sesuatu, padahal itu tidak baik bagimu,
ALLAH Maha Mengetahui, sedang kamu tidak mengetahui.
~ Q.S Al Baqarah : 216 ~
jatah sukses orang berbeda beda, tetap berdoa dan berusaha tanpa iri dengan kesuksesan orang
"Ora Et Labora”.terbanglah untuk meraih mimpimu
(Pamsugas)
Tiada kata terlambat untuk belajar, semua menyimpan hikmah dari penyepelehan dan kemalasan.
(F312)
Saat menghadapi kesulitan,.. beberapa orang tumbuh sayap, sedang yang lain mencari tongkat penyangga
(Harold W Ruoff)
Tetaplah merasa bodoh agar kita belajar, tetaplah merasa lapar agar kita berusaha.
(Steve Jobs)
v PERSEMBAHAN :
1. Ayah dan mama tercinta yang selalu membimbing, mendoakan, membiayai, dan
memberikan motivasi serta selalu berharap semoga kelak aku bisa menjadi orang
yang berguna bagi agama, orang tua, bangsa, dan negara.
2. Adik laki-lakiku Elang Febrianto, semoga lulus dengan nilai yang memuaskan
dan masuk di SMP yang diinginkan, serta buat sibungsu Nuri Aprilia Hafsari
selalu belajar yang giat ya, dan jangan nakal tetap jadi princes keluarga yang
slalu bersinar kalian motivsiku untuk tetap berdiri tegak .
3. Om yadi sekeluarga yang memberi aku tempat tinggal, dan membimbingku
disolo, adik ku Melina Dwi pangesti sekolah yang bener ya biar seperti kakak
mu Fitri Karlina yang sukses di pendidikannya, jangan bandel ya dek Esti.
4. Segenap keluarga penulis yang selalu mendoakan dan member semangat supaya
cepat wisuda dan naik kejenjang selanjutnya, terima kasih ya buat dukungannya.
5. Buat Elsa Taphudin yang selalu menyemangati aku saat aku lagi stuck dan
mengingatkan aku untuk ngerjain skripsi dikala aku lagi sibuk dengan pekerjaan
dan aktivitasku, terima kasih ya ninik.
6. Para sahabatku, Doni, Hardi, Ganjar, Pak rifin, bang Jo, dan kipli yang selalu
ada buatku, sabar menghadapiku, dan menemaniku disaat aku bosan dengan
aktivitsku, dan selalu berbagi keceriaan
7. Temen-temen Informatika khususnya angkatan 2011 yang tidak dapat
disebutkan satu-persatu, terima kasih telah bersedia berbagi ilmu dan
pengalamannya.
8. Teman teman ku anak RPL. Terima kasih buat kalian semua yang selalu support
aku dari daerah kalian masing-masing, aku akan menyusul kesuksesan kalian
vi
9. Teman teman seperjuangan Pamsugas, yang selalu memotivasi aku, terutama si
yanto yang selalu buat aku bangkit.
10. Semua pihak yang telah membantuku yang tidak dapat aku sebutkan
viii
KATA PENGANTAR
Puji syukur penulis panjatkan ke hadirat Allah SWT, yang telah
melimpahkan taufik, hidayah dan rahmat-Nya sehingga skripsi dengan judul
“Aplikasi Grupchat di Android menggunakan Websocket” dapat diselesaikan
dengan baik. Skripsi ini dapat terselesaikan berkat bantuan dari berbagai pihak,
oleh karena itu pada kesempatan ini penulis menyampaikan terima kasih dan
penghargaan kepada :
1. Bapak Husni Thamrin, S.T, M.T., Ph.D. selaku Dekan Fakultas Komunikasi
dan Informatika yang telah melayani dan memberikan fasilitas bagi
kelancaran studi.
2. Bapak Dr. Heru Supriyono, M.Sc selaku Kaprodi Informatika yang telah
melayani dan member fasilitas demi kelancaran pembelajaran.
3. Bapak Dr. Ir. Bana Handaga, M.T. selaku Pembimbing yang penuh kesabaran
di sela-sela kesibukannya selalu memberi petunjuk, bimbingan, saran-saran,
serta dorongan bagi penyelesaian skripsi ini.
4. Segenap dosen penguji pada seminar proposal dan pra pendadaran yang telah
memberikan saran dan masukan dalam penyusunan skripsi ini.
5. Bapak dan ibu dosen pengampu mata kuliah pada Program Studi
Informatikan yang telah memberikan bekal ilmu yang sangat bermanfaat bagi
penulis.
6. Segenap Staf / Karyawan pada Program Studi Informatika yang telah
x
ABSTRAKSI
Chatting adalah teknologi dalam sebuah jaringan untuk mengirim dan menerima pesan kepengguna lain yang tersambung dalam suatu jaringan LAN atau internet. Dan sekarang banyak aplikasi chatting yang bermunculan dari berbasis web, desktop maupun mobile. Ada banyak protocol yang digunakan dalam membangun aplikasi chatting seperti IRC, MTProto, YMSG dan yang terbaru websocket. Websocket adalah protocol yang menyediakan saluran komunikasi full-duplex melalui TCP tunggal, websocket dirancang untuk diterapkan dalam web browser, web server dan aplikasi client server, websocket juga support untuk mobile android dan IOS. Websocket sanggat cocok untuk sebuah aplikasi grup chatting, karena dengan fitur dan kelebihan yang dimiliki cocok dengan karakteristik chatting, seperti real time, komunikasi dua arah yang memungkinkan server mendorong data dari client ke client, traffic nya juga tidak berat. Aplikasi grupchat menggunakan websocket di android dibuat dengan menggunakan Eclipse yang terinstal Tomcat 7, Eclipse Java EE Developer Tools, JST Server Adapters, dan JST Server Adapters Extensions, Android SDK.
xi DAFTAR ISI
Halaman Judul ………..……… i
Halaman Persetujuan ……… ii
Halaman Pengesahan ……….……….. iii
Motto dan Persembahan ……….……….. iv
Daftar Kontribusi ….……… vii
Kata Pengantar ………. Abstrak ………. viii x Daftar Isi ……….………. xi
Daftar Tabel ………... xiii
Daftar Gambar ………. xiv
Daftar Lampiran.. ………... Xvi BAB I PENDAHULUAN ……… 1
1.1 Latar Belakang………... 1
1.2 Perumusan Masalah ……….. 2
1.3 Batasan Masalah ………... 2
1.4 Tujuan Penelitian ……….. 2
1.5 Manfaat Penelitian ……… 3
1.6 Sistematika Penulisan……… 3
BAB II TINJAUAN PUSTAKA ……….. 5
2.1 Telaah Penelitian …..………. 4
2.2 Landasan Teori ……….. 6
BAB III METODE PENELITIAN ………... 21
xii
3.2 Alur Penelitian ……….. 21
3.3 Analisa Kebutuhan ………... 23
3.4Perancangan dan Desain Aplikasi ……….. 3.4.1 Perancangan Aplikasi……….… 3.4.2 Desain Aplikasi…………..………...…. 3.4.3 Rancangan WebsocketServer dan WebsocketClient..……... 3.4.3.1Rancangan WebsocketServer……….
3.5.1 Pembuatan WebsocketServer ……… 3.5.2 Pembuatan WebsocketClient….……...………. 37 44 BAB IV HASIL DAN PEMBAHASAN……….. 53
4.1Hasil Penelitian …….………. 53
4.2Uji Coba Aplikasi ………..………... 58
4.3Pengujian Kuisoner ………... 61
BAB V PENUTUP ………. 64
1.1 Kesimpulan ………... 64
1.2 Saran ………... 64
DAFTAR PUSTAKA ……… 65
xiii
DAFTAR TABEL
Tabel 4.1 Uji Coba Aplikasi………..…….
Tabel 4.2 Jumlah skor 10 responden ………...………... 59
xiv
DAFTAR GAMBAR
Gambar 3.1 Flowchart Penelitian.……….…..……...
Gambar 3.2 Gambaran system aplikasi.………...……….
Gambar 3.3 Use case diagram aplikasi grupchat …….……….
Gambar 3.4 Activity diagram aplikasi grup chat ………...
Gambar 3.5 Desain Splash ………...
Gambar 3.6 Desain tampilan utama ………...
Gambar 3.7 Tampilan Menginput Nama ………...………
Gambar 3.8 Tampilan Saat Bergabung...………..………..
Gambar 3.9 Tampilan penulisan Pesan ………… ………..………...
Gambar 3.10 Tampilan Jendela Obrolan ………….………
Gambar 3.11 Tampilan Saat Teman Keluar Dari Grup ………...…………
Gambar 3.12 Tampilan Saat keluar Dari Grup …….…...………
Gambar 3.13 Flowchart Diagram WebsocketServer …..………...……...
Gambar 3.14 Flowchart diagram WebsocketClient..………
Gambar 3.15 Instalasi Plugin Untuk Server ……….
Gambar 3.16 Menampilkan Plugin Server di Eclipse.………..
Gambar 3.17 Menginstal tomcat server pada eclipse..………..
Gambar 3.18 Membuat Dynamic Web Project..………...
Gambar 3.19 Membuat package baru.………..
Gambar 3.20 JSON flag content ………..
Gambar 3.21 Membuat project android ………...
Gambar 3.22 Kode colors.xml ……….
xv
Gambar 3.24 Edit style.xml ………….…………..………..
Gambar 3.25 membuat file xml pada layout.………..……..
Gambar 3.26 Sourcecode AndroidManifest.xml ….…….………...
Gambar 3.27 Sourcecode WsConfig .………….………..
Gambar 3.28 Import Library..……….………..
Gambar 4.1 Tampilan Utama Aplikasi Websocket pada emulator…...…..
Gambar 4.2 Tampilan Aplikasi saat pengguna bergabung dalam grup...
Gambar 4.3 Aplikasi pada saat ada anggota baru bergabung dalam grup..
Gambar 4.4 Obrolan websocketGroupChat …..……….
Gambar 4.5 Saat teman keluar dari obrolan …..………...………..
Gambar 4.6 Saat keluar dari grup...………..……..
Gambar 4.7 Screenshot pada smartphone android...……….……..
xvi
DAFTAR LAMPIRAN
Lampiran I Source Code program