ANALISIS WEB ACCESSIBILITY PADA PERANCANGAN WEBSITE CHAT SKRIPSI SUBHANSYAH YUSHAN 041401049 DEPARTEMEN S1 ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010
ANALISIS WEB ACCESSIBILITY PADA PERANCANGAN WEBSITE CHAT SKRIPSI Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Sarjana Komputer SUBHANSYAH YUSHAN 041401049 DEPARTEMEN S1 ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010
ii PERSETUJUAN Judul : ANALISIS WEB ACCESSIBILITY PADA PERANCANGAN WEBSITE CHAT Kategori : SKRIPSI Nama : SUBHANSYAH YUSHAN Nomor Induk Mahasiswa : 041401049 Program Studi : SARJANA (S1) ILMU KOMPUTER Departemen : ILMU KOMPUTER Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA Komisi Pembimbing : Diluluskan di Medan, 24 Maret 2010 Pembimbing 2 Pembimbing 1 Ir. Arman Sani, MT Drs. Partano Siagian, MSc NIP 131 945 349 NIP 130 877 994 Diketahui/Disetujui oleh Departemen S1 Ilmu Komputer Ketua, Prof. Dr. Muhammad Zarlis NIP 195707011986011003
iii PERNYATAAN ANALISIS WEB ACCESSIBILITY PADA PERNCANGAN WEBSITE CHAT SKRIPSI Saya mengakui bahwa skripsi ini adalah hasil karya saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya. Medan, 24 Maret 2010 SUBHANSYAH YUSHAN 041401049
iv PENGHARGAAN Puji dan syukur penulis panjatkan kehadirat Allah SWT, atas berkat, rahmat dan karunia yang diberikan-nya kepada penulis, sehingga penulis dapat menyelesaikan Tugas Akhir ini dalam waktu yang telah ditetapkan. Ucapan terima kasih saya sampaikan kepada Bapak Drs. Partano Siagian, MSc selaku pembimbing pertama dan Bapak Ir. Arman Sani, MT selaku pembimbing kedua pada penyelesaian skripsi ini yang telah memberikan panduan dan penuh kepercayaan kepada saya untuk menyempurnakan skripsi ini. Panduan ringkas dan padat dan profesional telah diberikan kepada saya agar penulis dapat menyelesaikan tugas ini. Ucapan terima kasih juga ditunjukkan kepada Ketua dan Sekretaris Departemen S1 Ilmu Komputer Bapak Prof. Dr. Muhammad Zarlis dan Bapak Syahriol Sitorus, SSi, MIT, Dekan dan pembantu Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam, semua dosen pada Departemen Ilmu Komputer FMIPA USU serta pegawai di FMIPA USU dan rekan-rekan kuliah. Akhirnya tidak terlupakan kepada Ayahanda Muhamad Yusni dan Ibunda Chadijah Siregar serta Bang Ashadi Yushan yang telah menjadi motivator bagi penulis untuk segera menyelesaikan skripsi ini. Juga saya ucapkan terima kasih kepada Echo Wahana, ST, Faridah Amalia dan seluruh keluarga besar Imilkom USU yang selalu setia menemani, memberikan masukan dan kritikan. Semoga Allah SWT akan membalasnya.
v ABSTRAK Chat adalah suatu aplikasi populer dimana pengguna dapat melakukan komunikasi antara satu dengan lainnya dengan menggunakan teks. Di dunia internet kini banyak web yang menyediakan aplikasi chat, seperti Instant Messaging, Yahoo Messanger, dan lain sebagainya. Tetapi pada saat ini website penyedia layanan tersebut tidak mengakomodasi pengguna yang memiliki keterbatasan, terutama pengguna dengan keterbatasan penglihatan. Situasi ini membuat proses komunikasi menjadi sulit, dimana tingkat aksesibilitas pemberian dan penerimaan informasi menjadi rendah. Dalam perancangan website chat ini digunakan bahasa pemrograman Java. Sebagai bahasa pemrograman berorientasi objek Java dapat mendukung perancangan suatu perangkat aksesibilitas, sehingga nantinya pengguna dengan keterbatasan penglihatan dapat terbantu dalam berkomunikasi menggunakan web chat ini.
vi WEB ACCESSIBILITY ANALYSIS FOR DESIGNING WEBSITE CHAT ABSTRACT Chat is a popular application where one user can communicate to another using text. Nowadays in the internet, many websites provide chat applications, such as Instant Messaging, Yahoo Messanger, and etc. Website which provides chat application cannot accomodate users who have any dissabilities, especialy users with visual disabilities. This situation makes communication process more complicated, where accessibility level of sending and receiving information has became low. The web chat is designed using Java programing language. As an object oriented programing language, Java is able to support designing accessibility tools, so user with visual disabilities may be helped while communicating using web chat.
vii DAFTAR ISI Persetujuan Pernyataan Penghargaan Abstrak Abstract Daftar Isi Daftar Tabel Daftar Gambar Halaman ii iii iv v vi vii ix x Bab 1 Pendahuluan 1 1.1 Latar belakang 1 1.2 Rumusan Masalah 2 1.3 Batasan Masalah 2 1.4 Tujuan 3 1.5 Manfaat Penelitian 3 1.6 Metode Penelitian 3 1.7 Sistematika Penulisan 4 Bab 2 Landasan Teori 6 2.1 Konsep Dasar 6 2.2 Teknologi Java 7 2.2.1 J2SE (Java2 Standard Edition) 7 2.2.2 J2EE (Java2 Enterprise Edition) 8 2.2.3 J2ME (Java2 Micro Edition) 9 2.3 Komunikasi 9 2.3.1 Komunikasi Verbal 9 2.3.2 Komunikasi Visual 10 2.4 Aplikasi Chat 10 2.5 Pangkalan Data (Database) 11 2.6 Jaringan Komputer 12 2.6.1 Jenis-jenis Jaringan Komputer 13 2.6.1.1 Jaringan LAN 13 2.6.1.2 Jaringan WAN 14 2.6.1.3 Jaringan MAN 15 2.6.2 Client-server 15 2.6.3 Protokol TCP/IP 17 2.7 Internet 17 2.7.1 World Wide Web 18 2.7.2 Hypertext Markup Language (HTML) 18 2.7.3 Web Server Apache 18 2.8 Interaksi Manusia Komputer 19 2.8.1 Saluran Input-Output 20 2.8.1.1 Penglihatan 21 2.8.1.2 Cacat Mata 26 2.8.1.3 Pendengaran 27
viii 2.8.1.4 Sentuhan 28 2.8.2 Alat Input-Output 28 2.8.2.1 Keyboard (papan ketik) 29 2.8.2.2 Mouse 30 2.8.2.3 Layar (Screen) 32 2.8.2.3 Layar Sentuh (Touch Screen) 32 2.8.2.5 Alat Cetak (Printer) 33 2.8.2.6 Pengeras Suara 33 2.9 Web Accesibility 33 Bab 3 Analisis dan Perancangan 36 3.1 Analisa Masalah Umum 36 3.2 Penyelesaian Masalah 37 3.3 Analisis Kebutuhan Perangkat Lunak 38 3.3.1 Kebutuhan Fungsional 38 3.3.2 Algoritma 40 3.3.2.1 Algoritma Server 40 3.3.2.2 Algoritma Client 41 3.4 Data Flow Diagram Perancangan Sistem 41 3.5 Flowchart 43 3.5.1 Flowchart Aktifasi Server Web Chat 43 3.5.2 Flowchart Login dan Form Chat User Web Chat 44 3.5.3 Flowchart Form User Web Chat 45 3.5.4 Flowchart Menu Channel Web Chat 46 3.5.5 Flowchart Menu User Web Chat 48 3.5.6 Flowchart Menu Zoom Web Chat 49 3.6 Perancangan Interface 50 3.6.1 Perancangan Interface Login Server 50 3.6.2 Perancangan Interface Server Controller 51 3.6.3 Perancangan Interface Client 52 3.7 Interaksi 55 3.7.1 Faktor Ekstern 55 3.7.2 Faktor Intern 56 3.7.2.1 Zoom 56 3.7.2.2 Navigasi Bersuara 56 Bab 4 Implementasi dan Pengujian Sistem 58 4.1 Batasan Implementasi 58 4.2 Implementasi 58 4.2.1 Server 58 4.2.1.1 Loginframe 59 4.2.1.2 Servercontroller 59 4.2.2 Client 60 Bab 5 Kesimpulan dan Saran 65 5.1 Kesimpulan 65 5.2 Saran 65 Daftar Pustaka 67
ix DAFTAR TABEL Halaman Tabel 2.1 Kombinasi Warna Baik 13 Tabel 2.2 Kombinasi Warna Buruk 13 Tabel 3.1 Kebutuhan fungsional Server 39 Tabel 3.2 Kebutuhan fungsional Client 39 Tabel 3.2 Kebutuhan fungsional Client Lanjutan 40
x DAFTAR GAMBAR Halaman Gambar 2.1 Jaringan LAN 13 Gambar 2.2 Jaringan WAN 14 Gambar 2.3 Model TCP/IP 16 Gambar 2.4 Fungsi TCP/IP 17 Gambar 2.5 Proses Penerimaan Informasi Melalui Indra Penglihatan 21 Gambar 2.6 Kisi-kisi Hermann 22 Gambar 2.7 Sudut Penglihatan Manusia 23 Gambar 2.8 Keyboard Layout QWERTY 29 Gambar 2.9 Keyboard Layout Alfabetik 30 Gambar 2.10 Keyboard Layout Dvorak 30 Gambar 2.11 Mouse 31 Gambar 2.12 Monitor CRT 32 Gambar 3.1 Data Flow Diagram level 0 Web Chat 41 Gambar 3.2 Data Flow Diagram level 1 Web Chat 42 Gambar 3.3 Flowchart Aktifasi Server Web Chat 44 Gambar 3.4 Flowchart Login dan Form Chat User Web Chat 45 Gambar 3.5 Flowchart Form User Web Chat 46 Gambar 3.6 Flowchart Menu Channel Web Chat 47 Gambar 3.7 Flowchart Menu User Web Chat 48 Gambar 3.8 Flowchart Menu Zoom Web Chat 49 Gambar 3.9 Layout Login Server 50 Gambar 3.10 Layout Server Controller 51 Gambar 3.11 Layout Interface Client 53 Gambar 4.1 Loginframe 59 Gambar 4.2 Servercontroller 60 Gambar 4.3 Client 61 Gambar 4.4 Normal 62 Gambar 4.5 Zoom 2x 62 Gambar 4.6 Zoom 3x 63 Gambar 4.7 Zoom 4x 63