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)
Dendam Sebagai Pemacu semangat MU “Penulis”
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 smua.
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 satu-persatu.
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 melayani dan memberikan fasilitas bagi kelancaran studi.
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.4 Perancangan dan Desain Aplikasi ……….. 3.4.1 Perancangan Aplikasi……….… 3.4.2 Desain Aplikasi…………..………...…. 3.4.3 Rancangan WebsocketServer dan WebsocketClient..……... 3.4.3.1 Rancangan WebsocketServer………. 3.4.3.2 Rancangan WebsocketClient………. 25 25 27 33 33 35 3.5 Langkah Pembuatan ……….……….. 37 3.5.1 Pembuatan WebsocketServer ……… 3.5.2 Pembuatan WebsocketClient….……...………. 37 44 BAB IV HASIL DAN PEMBAHASAN ……….. 53
4.1 Hasil Penelitian …….………. 53
4.2 Uji Coba Aplikasi ………..………... 58
4.3 Pengujian Kuisoner ………... 61 BAB V PENUTUP ………. 64 1.1 Kesimpulan ………... 64 1.2 Saran ………... 64 DAFTAR PUSTAKA ……… 65 Lampiran ……….. 65
xiii
DAFTAR TABEL
Tabel 4.1 Uji Coba Aplikasi………..……. Tabel 4.2 Jumlah skor 10 responden ………...………...
59 62
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 ………. Gambar 3.23 Kode string.xml ….……….
22 25 26 27 28 29 30 30 31 32 32 33 34 36 37 38 39 40 41 42 45 45 46
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...……….…….. Gambar 4.8 Rekaman server dari Aktivitas client ……….
46 47 48 49 50 53 54 55 56 57 58 60 61
xvi
DAFTAR LAMPIRAN
Lampiran I Source Code program
