UNIVERSITAS BINA NUSANTARA. Sekolah Ilmu Komputer Program Teknik Informatika Skripsi Sarjana Komputer Semester Genap 2014/2015

Transkripsi

1 UNIVERSITAS BINA NUSANTARA Sekolah Ilmu Komputer Program Teknik Informatika Skripsi Sarjana Komputer Semester Genap 2014/2015 APLIKASI INSTANT MESSAGING MENGGUNAKAN WEBSOCKET DAN NODE.JS PADA JARINGAN WLAN PT INDONESIA COMNETS PLUS Fadli Febriansyah Deka Putra Mahardika Muhamad Nugroho Purnomo Kelas / Kelompok : LA01 / 02 ABSTRAK Tujuan penelitian ini ialah membangun aplikasi instant messaging berbasis web browser menggunakan Node.js pada jaringan WLAN PT Indonesia Comnets Plus. Pembuatan aplikasi instant messaging ini menggunakan metode pengembangan aplikasi waterfall. Metode penelitian yang dilakukan yaitu wawancara dan kuisioner. Wawancara dilakukan untuk melakukan identifikasi masalah sedangkan kuesioner dilakukan untuk mengevaluasi aplikasi. Komunikasi dengan perusahaan dilakukan secara intensif karena penelitian yang dilakukan tidak berakhir ketika aplikasi telah dibangun, namun penelitian dilanjutkan dengan dilakukannya survey kepada para pengguna yang telah menggunakan aplikasi ini dan dilakukan evaluasi dari hasil kuesioner yang telah disebar kepada para pengguna. Hasil yang dicapai dengan dibuatnya aplikasi ini, yaitu diharapkan komunikasi dan pengiriman data soft copy antar end user di jaringan lokal PT Indonesia Comnets Plus lebih efektif, karena seringkali komunikasi dan pengiriman data antar meja end user pada PT Indonesia Comnets Plus mengalami hambatan yang menyebabkan komunikasi antar end user kurang efektif. Kata Kunci: Instant Messaging, Node.js, Websocket, WLAN. i

2 ABSTRACT The main interest of this research is building an instant messaging application based on web browser using Node.js to WLAN PT Indonesia Comnets Plus network. Creating this instant messaging application is using Waterfall development application method. research method we are using is interview and questionaire, interview used to identify issue whereas using questionaire to evaluate the application. Communication with the company carried out intensively, because the following research doesn t end when the application was established yet the research continue by doing survey to users whom already using this application and doing evaluation from questionaire results which had distributed to users. By manufacturing this application as our target result, communication and sending softcopy data between end user in PT Indonesia Comnets Plus local network runs more effective, since communication and data transfer between end user in PT Indonesia Comnets Plus come into obstacle softenly, causing communication between end user runs less effective. ii

3 PRAKATA Puji dan syukur penulis panjatkan kehadirat Tuhan Yang Maha Esa karena berkat, rahmat, dan karunia-nya serta seluruh kemampuan yang telah diberikan kepada penulis sehingga dapat menyelesaikan penyusunan skripsi dengan judul APLIKASI INSTANT MESSAGING MENGGUNAKAN WEBSOCKET DAN NODE.JS PADA JARINGAN WLAN PT. INDONESIA COMNETS PLUS. Tujuan ini dibuat sebagai salah satu syarat dalam menyelesaikan jenjang studi Strata- 1 di Bina Nusantara University, Jakarta. Dalam menyelesaikan skripsi ini penulis telah menerima begitu banyak bantuan baik itu berupa kritik, saran dan dorongan serta bimbingan dan berbagai pihak secara langsung maupun tidak langsung. Oleh karena itu, melalui kesempatan ini penulis ingin menyampaikan terima kasih kepada : 1. Bapak Prof. Dr. Ir. Harjanto Prabowo, M.M., selaku Rektor Universitas Bina Nusantara. 2. Bapak Fredy Purnomo, S.Kom, M.Kom., selaku Dean of School of Computer Science Universitas Bina Nusantara. 3. Ibu Yen Lina Prasetio,S.Kom., McompSc., selaku Head of Computer Science School Program Universitas Bina Nusantara. 4. Ibu Meiliana, S.Kom., M.Sc., selaku Deputy Head of Computer Science School Academic & Operation dan Deputy Head of Computer Science School Student & Alumni Universitas Bina Nusantara. 5. Bapak Rudi Tjiptadi, M.Eng., selaku dosen pembimbing yang telah memberikan bimbingan, saran dan pengarahan kepada penulis dalam penyusunan skripsi ini. 6. Bapak Purnamajati, Manager SDM PT Indonesia Comnets Plus yang telah membantu memberikan izin dalam pengambilan data perusahaan. 7. Bapak Bayu Sukmanto, selaku kepala Divisi SIK PT Indonesia Comnets Plus yang telah memberikan bimbingan dalam pembuatan aplikasi. 8. Segenap staff pengajar Binus University yang telah memberikan pengajaran dan bimbingan kepada penulis sejak awal perkuliahan. iii

4 9. Segenap staff dan karyawan PT Indonesia Comnets Plus yang telah membantu dalam partisipasi pengumpulan data. 10. Orang Tua dan keluarga yang telah banyak memberikan dukungan, bantuan, dan doa kepada penulis baik dalam bentuk moral maupun materil. 11. Sahabat-sahabat yang telah memberikan dukungan, doa, dorongan, bantuan, serta semangat dalam menyelesaikan penulisan skripsi ini. Akhir kata dengan segala keterbatasan dan kekurangan yang dimiliki oleh penulis, penulis mengucapkan terima kasih dan mengharapkan semoga skripsi ini bisa bermanfaat bagi pihak yang membutuhkannya. Jakarta, Juni 2015 Fadli Febriansyah Deka Putra Mahardika Muhamad Nugroho Purnomo iv

5 DAFTAR ISI Abstrak... i Prakata... iv Daftar Isi... vi Daftar Gambar... ix Daftar Tabel... xi Daftar Lampiran... xi BAB 1 PENDAHULUAN 1.1 Latar Belakang Rumusan Masalah Ruang Lingkup Tujuan dan Manfaat Metode Penelitian Sistematika Penulisan... 4 BAB 2 TINJAUAN PUSTAKA 2.1 Teori Umum Jaringan Komputer Jenis-Jenis Network Pengertian Local Area Network Pengertian Metropolitan Area Network Pengertian Wide Area Network Media Transimisi Data... 8 a. Media Tembaga Twisted Pair Coaxial Serat Optik Perangkat Jaringan Komputer Ethernet Card Hub dan Switch Repeater Router Modem v

6 6 Access Point Kriptografi Sejarah Kriptografi Tujuan Kroptografi Confidentiality Integrity Avaliability Authentication Access Control Waterfall Model Server Web Browxer Web Development HTML CSS Javascript Instant Messaging Teori Khusus Node.js Node Packet Manager Express.js Operasi I/O SynchronousI/O AsynchronousI/O Websocket Socket.io Hypertext Transfer Protocol (HTTP) Hasil Penelitian Sebelumnya BAB 3 METODOLOGI 3.1 Metodologi Analisis Analisis Sistem yang Berjalan Sejarah Perusahaan vi

7 Sekilas Tentang ICON Topologi Jaringan ICON Struktur Organisasi ICON Analisis Permasalahan atau Kebutuhan Usulan Pemecahan Masalah Perancangan Use Case Diagram Activity Diagram Deskripsi Aplikasi Fitur-fitur Aplikasi Kebutuhan Teknologi BAB 4 HASIL DAN PEMBAHASAN 4.1 Spesifikasi Sistem Kebutuhan Perangkat Keras Kebutuhan Perangkat Lunak Prosedur Instalasi Aplikasi Prosedur Penggunaan Aplikasi Prosedur penggunaan pada server Prosedur penggunaan pada client Evaluasi Evaluasi Antar Muka Pengguna Lima Faktor Manusia Terukur Delapan Aturan Emas Evaluasi Teknikal Evaluasi Perngguna BAB 5 SIMPULAN DAN SARAN 5.1 Simpulan Saran DAFTAR PUSTAKA... LAMPIRAN-LAMPIRAN... L1 RIWAYAT HIDUP SURAT SURVEY vii

8 DAFTAR TABEL Tabel 2.1 Perbandingan HTTP dengan Websocket Tabel 4.1 CPU Usage Aplikasi Instant Messaging pada saat idle Tabel 4.2 CPU Usage Aplikasi Instant Messaging pada saat server berjalan DAFTAR GAMBAR Gambar 2.1 Local Area Network... 7 Gambar 2.2 Metropolitan Area Network... 7 Gambar 2.3 Wide Area Network... 8 Gambar 2.4 UTP dan STP... 9 Gambar 2.5 Coaxial... 9 Gambar 2.6 Serat Optik Gambar 2.7 Ethernet Card Gambar 2.8 Switch Gambar 2.9 Reapeater Gambar 2.10 Router Gambar 2.11 Modem Gambar 2.12 Proses Enkripsi dan Dekripsi Gambar 2.13 Tulisan Hieroglyph Gambar 2.14 Proses Pengembangan Perangkat Lunak Waterfall Gambar 2.15 Proses Synchronous dan Asynchronous I/O Gambar 2.16 Polling send http request Gambar 2.17 Polling vs Websocket Gambar 2.18 Representasi Visual Socket.io Gambar 2.19 Websocket Protocol Gambar 3.1 Metodologi Gambar 3.2 Topologi Jaringan ICON Gambar 3.3 Struktur Organisasi ICON viii

9 Gambar 3.4 Rancangan Layar Halaman Index Gambar 3.5 Rancangan Layar Halaman Utama Gambar 3.6 Rancangan Fitur Time Stamp Gambar 3.7 Rancangan Fitur Emoticon Gambar 3.8 Rancangan Fitur Notifikasi Pesan Gambar 3.9 Use Case Diagram Gambar 3.10 Do Login Gambar 3.11 Join Room Gambar 3.12 Leave Room Gambar 3.13 Chat Gambar 3.14 File Sharing Gambar 3.15 Do Logout Gambar 4.1 Halaman Download Node.js Gambar 4.2 Halaman Awal Instalasi Node.js Gambar 4.3 Halaman Persutujuan Node.js Gambar 4.4 Halaman Penentuan Direktori Gambar 4.5 Halaman Penentuan Komponen Node.js Gambar 4.6 Halaman Sebelum Install Node.js Gambar 4.7 Proses Instalasi Node.js Gambar 4.8 Halaman Selesai Instalasi Node.js Gambar 4.9 Halaman Download Pada Website XAMPP Gambar 4.10 Halaman Pemilihan Bahasa Gambar 4.11 Halaman Peringatan UAC Gambar 4.12 Halaman Instalasi Awal XAMPP Gambar 4.13 Halaman Penentuan Direktori XAMPP Gambar 4.14 Halaman Penentuan Service XAMPP Gambar 4.15 Proses Instalasi XAMPP Gambar 4.16 Halaman Selesai Instalasi XAMPP Gambar 4.17 Direktori Aplikasi Server Gambar 4.18 Konfigurasi Direktori Server Gambar 4.19 Konfigurasi Server Gambar 4.20 Konfigurasi Server Selesai Gambar 4.21 Tampilan Halaman Index ix

10 Gambar 4.22 Tampilan Halaman Utama Gambar 4.23 Tampilan Private Chat Gambar 4.24 Tampilan Fitur Emoticon Gambar 4.25 Tampilan Upload File Gambar 4.26 Hasil Upload File Yang Tersimpan Gambar 4.27 Tampilan Download File Gambar 4.28 Contoh Peletakan Tombol Gambar 4.29 Informasi Selected File Pada Search Box Gambar 4.30 Dialog Penutupan Upload Gambar 4.31 Dialog Pesan Kesalahan Gambar 4.32 Pengguna Meninggalkan Chat Gambar 4.33 Screenshot Proses Chat Gambar 4.34 Screenshot Proses Upload File Gambar 4.35 Screenshot Proses Mengirim Fitur Emoticon Gambar 4.36 Diagram Pie Kuesioner Pertanyaan Ke Gambar 4.37 Diagram Pie Kuesioner Pertanyaan Ke Gambar 4.38 Diagram Pie Kuesioner Pertanyaan Ke Gambar 4.39 Diagram Pie Kuesioner Pertanyaan Ke Gambar 4.40 Diagram Pie Kuesioner Pertanyaan Ke Gambar 4.41 Diagram Pie Kuesioner Pertanyaan Ke Gambar 4.42 Diagram Pie Kuesioner Pertanyaan Ke Gambar 4.43 Diagram Pie Kuesioner Pertanyaan Ke Gambar 4.44 Diagram Pie Kuesioner Pertanyaan Ke Gambar 4.45 Diagram Pie Kuesioner Pertanyaan Ke Gambar 4.46 Diagram Pie Kuesioner Pertanyaan Ke x

11 DAFTAR LAMPIRAN Hasil Wawancara... L1 Resepsionis Kantor... L2 Narasumber Wawancara... L3 Ruangan Tempat Implementasi ICON Chat... L4 Ruangan Meeting PT Indonesia Comnets Plus... L5 Uji Coba Aplikasi ICON Chat... L6 xi