APLIKASI GRUPCHAT DI ANDROID MENGGUNAKAN Aplikasi Grupchat di Android Menggunakan Websocket.
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
2015
ii
iii
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)
Dendam Sebagai Pemacu semangat MU
“Penulis”
iv
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
smua.
v
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 satupersatu.
vi
vii
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
melayani dan memberikan fasilitas bagi kelancaran studi.
viii
ix
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.
Kata Kunci : Android, Chatting, Websocket.
x
DAFTAR ISI
Halaman Judul ………..…………………………………………………
i
Halaman Persetujuan ……………………………………………………
ii
Halaman Pengesahan …………………………….……………………..
iii
Motto dan Persembahan ……………………….………………………..
iv
Daftar Kontribusi ….……………………………………………………
vii
Kata Pengantar ………………………………………………………….
viii
Abstrak ………………………………………………………………….
x
Daftar Isi …………………….………………………………………….
xi
Daftar Tabel ………………………………………………….................
xiii
Daftar Gambar ………………………………………………………….
xiv
Daftar Lampiran.. ………………………………………………….........
Xvi
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 I
BAB II
TINJAUAN PUSTAKA …………………………………..
5
2.1 Telaah Penelitian …..……………………………………………….
4
2.2 Landasan Teori ……………………………………………………..
6
METODE PENELITIAN ………………………………...
21
3.1 Waktu dan Tempat Penelitian ……………….…………………….
21
BAB III
xi
3.2 Alur Penelitian ……………………………………………………..
21
3.3 Analisa Kebutuhan …………………………………........................
23
3.4 Perancangan dan Desain Aplikasi …………………………………..
25
3.4.1
Perancangan Aplikasi…………………………………….…
25
3.4.2
Desain Aplikasi…………..……………………………...….
27
3.4.3
Rancangan WebsocketServer dan WebsocketClient..……...
33
3.4.3.1 Rancangan WebsocketServer……………………….
33
3.4.3.2 Rancangan WebsocketClient……………………….
35
3.5 Langkah Pembuatan ……………………………….………………..
37
3.5.1
Pembuatan WebsocketServer ………………………………
37
3.5.2
Pembuatan WebsocketClient….……...…………………….
44
BAB IV HASIL DAN PEMBAHASAN ……………………………..
53
4.1 Hasil Penelitian …….……………………………………………….
53
4.2 Uji Coba Aplikasi …………………………..……………………...
58
4.3 Pengujian Kuisoner ………………………………………………...
61
PENUTUP ………………………………………………….
64
BAB V
1.1 Kesimpulan ………………………………………….......................
64
1.2 Saran ……………………………………………….........................
64
DAFTAR PUSTAKA …………………………………………………
65
Lampiran ………………………………………………………………..
65
xii
DAFTAR TABEL
Tabel 4.1
Uji Coba Aplikasi……………………………………..…….
59
Tabel 4.2
Jumlah skor 10 responden ………………...………………...
62
xiii
DAFTAR GAMBAR
Gambar 3.1
Flowchart Penelitian.…………………………….…..……...
22
Gambar 3.2
Gambaran system aplikasi .………...……………………….
25
Gambar 3.3
Use case diagram aplikasi grupchat …….………………….
26
Gambar 3.4
Activity diagram aplikasi grup chat ………………………...
27
Gambar 3.5
Desain Splash …………………….........................................
28
Gambar 3.6
Desain tampilan utama ……………………………………...
29
Gambar 3.7
Tampilan Menginput Nama …………………...……………
30
Gambar 3.8
Tampilan Saat Bergabung...………..………………………..
30
Gambar 3.9
Tampilan penulisan Pesan ………… ………..……………...
31
Gambar 3.10 Tampilan Jendela Obrolan ………….………………………
32
Gambar 3.11 Tampilan Saat Teman Keluar Dari Grup ………...…………
32
Gambar 3.12 Tampilan Saat keluar Dari Grup …….…...…………………
33
Gambar 3.13 Flowchart Diagram WebsocketServer …..………...……......
34
Gambar 3.14 Flowchart diagram WebsocketClient..………………………
36
Gambar 3.15 Instalasi Plugin Untuk Server ……………………………….
37
Gambar 3.16 Menampilkan Plugin Server di Eclipse.……………………..
38
Gambar 3.17 Menginstal tomcat server pada eclipse..……………………..
39
Gambar 3.18 Membuat Dynamic Web Project..…………………………...
40
Gambar 3.19 Membuat package baru.……………………………………..
41
Gambar 3.20 JSON flag content …………………………………………..
42
Gambar 3.21 Membuat project android …………………………………...
45
Gambar 3.22 Kode colors.xml …………………………………………….
45
Gambar 3.23 Kode string.xml ….………………………………………….
46
xiv
Gambar 3.24 Edit style.xml ………….…………..………………………..
46
Gambar 3.25 membuat file xml pada layout.………………………..……..
47
Gambar 3.26 Sourcecode AndroidManifest.xml ….…….………………...
48
Gambar 3.27 Sourcecode WsConfig .………….…………………………..
49
Gambar 3.28 Import Library..…………………….………………………..
50
Gambar 4.1
Tampilan Utama Aplikasi Websocket pada emulator…...…..
53
Gambar 4.2
Tampilan Aplikasi saat pengguna bergabung dalam grup......
54
Gambar 4.3
Aplikasi pada saat ada anggota baru bergabung dalam grup..
55
Gambar 4.4
Obrolan websocketGroupChat …..………………………….
56
Gambar 4.5
Saat teman keluar dari obrolan …..………...………………..
57
Gambar 4.6
Saat keluar dari grup...………………………………..……..
58
Gambar 4.7
Screenshot pada smartphone android...……………….……..
60
Gambar 4.8
Rekaman server dari Aktivitas client ……………………….
61
xv
DAFTAR LAMPIRAN
Lampiran I
Source Code program
Lampiran II
Kuesioner
xvi
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
2015
ii
iii
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)
Dendam Sebagai Pemacu semangat MU
“Penulis”
iv
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
smua.
v
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 satupersatu.
vi
vii
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
melayani dan memberikan fasilitas bagi kelancaran studi.
viii
ix
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.
Kata Kunci : Android, Chatting, Websocket.
x
DAFTAR ISI
Halaman Judul ………..…………………………………………………
i
Halaman Persetujuan ……………………………………………………
ii
Halaman Pengesahan …………………………….……………………..
iii
Motto dan Persembahan ……………………….………………………..
iv
Daftar Kontribusi ….……………………………………………………
vii
Kata Pengantar ………………………………………………………….
viii
Abstrak ………………………………………………………………….
x
Daftar Isi …………………….………………………………………….
xi
Daftar Tabel ………………………………………………….................
xiii
Daftar Gambar ………………………………………………………….
xiv
Daftar Lampiran.. ………………………………………………….........
Xvi
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 I
BAB II
TINJAUAN PUSTAKA …………………………………..
5
2.1 Telaah Penelitian …..……………………………………………….
4
2.2 Landasan Teori ……………………………………………………..
6
METODE PENELITIAN ………………………………...
21
3.1 Waktu dan Tempat Penelitian ……………….…………………….
21
BAB III
xi
3.2 Alur Penelitian ……………………………………………………..
21
3.3 Analisa Kebutuhan …………………………………........................
23
3.4 Perancangan dan Desain Aplikasi …………………………………..
25
3.4.1
Perancangan Aplikasi…………………………………….…
25
3.4.2
Desain Aplikasi…………..……………………………...….
27
3.4.3
Rancangan WebsocketServer dan WebsocketClient..……...
33
3.4.3.1 Rancangan WebsocketServer……………………….
33
3.4.3.2 Rancangan WebsocketClient……………………….
35
3.5 Langkah Pembuatan ……………………………….………………..
37
3.5.1
Pembuatan WebsocketServer ………………………………
37
3.5.2
Pembuatan WebsocketClient….……...…………………….
44
BAB IV HASIL DAN PEMBAHASAN ……………………………..
53
4.1 Hasil Penelitian …….……………………………………………….
53
4.2 Uji Coba Aplikasi …………………………..……………………...
58
4.3 Pengujian Kuisoner ………………………………………………...
61
PENUTUP ………………………………………………….
64
BAB V
1.1 Kesimpulan ………………………………………….......................
64
1.2 Saran ……………………………………………….........................
64
DAFTAR PUSTAKA …………………………………………………
65
Lampiran ………………………………………………………………..
65
xii
DAFTAR TABEL
Tabel 4.1
Uji Coba Aplikasi……………………………………..…….
59
Tabel 4.2
Jumlah skor 10 responden ………………...………………...
62
xiii
DAFTAR GAMBAR
Gambar 3.1
Flowchart Penelitian.…………………………….…..……...
22
Gambar 3.2
Gambaran system aplikasi .………...……………………….
25
Gambar 3.3
Use case diagram aplikasi grupchat …….………………….
26
Gambar 3.4
Activity diagram aplikasi grup chat ………………………...
27
Gambar 3.5
Desain Splash …………………….........................................
28
Gambar 3.6
Desain tampilan utama ……………………………………...
29
Gambar 3.7
Tampilan Menginput Nama …………………...……………
30
Gambar 3.8
Tampilan Saat Bergabung...………..………………………..
30
Gambar 3.9
Tampilan penulisan Pesan ………… ………..……………...
31
Gambar 3.10 Tampilan Jendela Obrolan ………….………………………
32
Gambar 3.11 Tampilan Saat Teman Keluar Dari Grup ………...…………
32
Gambar 3.12 Tampilan Saat keluar Dari Grup …….…...…………………
33
Gambar 3.13 Flowchart Diagram WebsocketServer …..………...……......
34
Gambar 3.14 Flowchart diagram WebsocketClient..………………………
36
Gambar 3.15 Instalasi Plugin Untuk Server ……………………………….
37
Gambar 3.16 Menampilkan Plugin Server di Eclipse.……………………..
38
Gambar 3.17 Menginstal tomcat server pada eclipse..……………………..
39
Gambar 3.18 Membuat Dynamic Web Project..…………………………...
40
Gambar 3.19 Membuat package baru.……………………………………..
41
Gambar 3.20 JSON flag content …………………………………………..
42
Gambar 3.21 Membuat project android …………………………………...
45
Gambar 3.22 Kode colors.xml …………………………………………….
45
Gambar 3.23 Kode string.xml ….………………………………………….
46
xiv
Gambar 3.24 Edit style.xml ………….…………..………………………..
46
Gambar 3.25 membuat file xml pada layout.………………………..……..
47
Gambar 3.26 Sourcecode AndroidManifest.xml ….…….………………...
48
Gambar 3.27 Sourcecode WsConfig .………….…………………………..
49
Gambar 3.28 Import Library..…………………….………………………..
50
Gambar 4.1
Tampilan Utama Aplikasi Websocket pada emulator…...…..
53
Gambar 4.2
Tampilan Aplikasi saat pengguna bergabung dalam grup......
54
Gambar 4.3
Aplikasi pada saat ada anggota baru bergabung dalam grup..
55
Gambar 4.4
Obrolan websocketGroupChat …..………………………….
56
Gambar 4.5
Saat teman keluar dari obrolan …..………...………………..
57
Gambar 4.6
Saat keluar dari grup...………………………………..……..
58
Gambar 4.7
Screenshot pada smartphone android...……………….……..
60
Gambar 4.8
Rekaman server dari Aktivitas client ……………………….
61
xv
DAFTAR LAMPIRAN
Lampiran I
Source Code program
Lampiran II
Kuesioner
xvi