ANALISIS WEB ACCESSIBILITY PADA PERANCANGAN WEBSITE CHAT SKRIPSI SUBHANSYAH YUSHAN

Transkripsi

1 ANALISIS WEB ACCESSIBILITY PADA PERANCANGAN WEBSITE CHAT SKRIPSI SUBHANSYAH YUSHAN DEPARTEMEN S1 ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010

2 ANALISIS WEB ACCESSIBILITY PADA PERANCANGAN WEBSITE CHAT SKRIPSI Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Sarjana Komputer SUBHANSYAH YUSHAN DEPARTEMEN S1 ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010

3 ii PERSETUJUAN Judul : ANALISIS WEB ACCESSIBILITY PADA PERANCANGAN WEBSITE CHAT Kategori : SKRIPSI Nama : SUBHANSYAH YUSHAN Nomor Induk Mahasiswa : 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 NIP Diketahui/Disetujui oleh Departemen S1 Ilmu Komputer Ketua, Prof. Dr. Muhammad Zarlis NIP

4 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

5 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.

6 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.

7 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.

8 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 Latar belakang Rumusan Masalah Batasan Masalah Tujuan Manfaat Penelitian Metode Penelitian Sistematika Penulisan 4 Bab 2 Landasan Teori Konsep Dasar Teknologi Java J2SE (Java2 Standard Edition) J2EE (Java2 Enterprise Edition) J2ME (Java2 Micro Edition) Komunikasi Komunikasi Verbal Komunikasi Visual Aplikasi Chat Pangkalan Data (Database) Jaringan Komputer Jenis-jenis Jaringan Komputer Jaringan LAN Jaringan WAN Jaringan MAN Client-server Protokol TCP/IP Internet World Wide Web Hypertext Markup Language (HTML) Web Server Apache Interaksi Manusia Komputer Saluran Input-Output Penglihatan Cacat Mata Pendengaran 27

9 viii Sentuhan Alat Input-Output Keyboard (papan ketik) Mouse Layar (Screen) Layar Sentuh (Touch Screen) Alat Cetak (Printer) Pengeras Suara Web Accesibility 33 Bab 3 Analisis dan Perancangan Analisa Masalah Umum Penyelesaian Masalah Analisis Kebutuhan Perangkat Lunak Kebutuhan Fungsional Algoritma Algoritma Server Algoritma Client Data Flow Diagram Perancangan Sistem Flowchart Flowchart Aktifasi Server Web Chat Flowchart Login dan Form Chat User Web Chat Flowchart Form User Web Chat Flowchart Menu Channel Web Chat Flowchart Menu User Web Chat Flowchart Menu Zoom Web Chat Perancangan Interface Perancangan Interface Login Server Perancangan Interface Server Controller Perancangan Interface Client Interaksi Faktor Ekstern Faktor Intern Zoom Navigasi Bersuara 56 Bab 4 Implementasi dan Pengujian Sistem Batasan Implementasi Implementasi Server Loginframe Servercontroller Client 60 Bab 5 Kesimpulan dan Saran Kesimpulan Saran 65 Daftar Pustaka 67

10 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

11 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