APLIKASI JEJARING ANIMASI BERBAHASA INDONESIA MENGGUNAKAN HTML5 UNTUK MEMBANTU PROSES PEMBELAJARAN JARINGAN KOMPUTER. Oleh: Daniel Yulian

APLIKASI JEJARING ANIMASI BERBAHASA INDONESIA MENGGUNAKAN HTML5 UNTUK MEMBANTU PROSES PEMBELAJARAN JARINGAN KOMPUTER

Oleh: Daniel Yulian NIM: 622007008

Skripsi Untuk melengkapi salah satu syarat memperoleh Gelar Sarjana Teknik Program Studi Sistem Komputer Fakultas Teknik Elektronika dan Komputer Universitas Kristen Satya Wacana Salatiga

Oktober 2013

INTISARI

Jaringan Komputer merupakan mata kuliah dasar bagi mahasiswa elektronika dan komputer. Di dalamnya terdapat materi-materi yang menjelaskan bagaimana hubungan koneksi antar komputer. Materi di dalam mata kuliah ini tidak mudah dipahami dan membutuhkan visualisasi gambar dan animasi untuk membantu pemahamannya. Sudah banyak sumber di berbagai jejaring (web) yang menawarkan metode pembelajaran dengan animasi tetapi kebanyakan menggunakan bahasa asing, sehingga disamping pemahaman materi mahasiswa membutuhkan pemahaman bahasa asing tersebut. Oleh karena itu, pada skripsi ini dibuat sebuah jejaring (web) dengan animasi menggunakan bahasa Indonesia sebagai salah satu sumber bagi mahasiswa di Indonesia untuk mata kuliah Jaringan Komputer. Jejaring (web) ini terdiri dari 12 bab materi. Acuan materi yang digunakan menggunakan buku “Data Communications and Networking” karya Behrouz Forouzan. Jejaring ini masih bersifat offline. Jejaring (web) ini telah melalui pengujian terhadap 40 mahasiswa. 20 mahasiswa yang sudah mengambil mata kuliah Jaringan Komputer dan 20 mahasiswa belum mengambil mata kuliah Jaringan Komputer. Pengujian dilakukan melalui pengisian kuesioner yang dilanjutkan dengan uji validalitas, uji hipotesis, uji T dan uji Mann-Whitney. Hasil dari uji validalitas adalah semua pernyataan (100%) yang terdapat dalam kuesioner dinyatakan valid. Hasil dari uji hipotesis adalah sebanyak 16 dari 20 (80%) responden dari kelompok yang sudah mengambil menyatakan puas. Sedangkan 19 dari 20 (90%) responden dari kelompok yang belum ambil menyatakan puas. Hasil dari uji T melalui tabel Levene’s Test. menunjukan bahwa responden berasal dari latar belakang sama yaitu mahasiswa. Hasil dari uji Mann-Whitney menyatakan hanya 30% presentase keterbantuan mahasiswa akan aplikasi jejaring animasi ini..

i

ABSTRACT

Computer network is a basic course for students of electronics and computers . In this course there are materials that explain how the relationship between computer connection. The material in this course is not easily understood and require visualization of images and animation to help the understanding. There have been many sources at various web that offers a method of learning with animations but most use a foreign language, so that in addition to understand the material, students need to understand the foreign language. Therefore, in this thesis made a web with animation using Indonesian as a resource for students in Indonesia for Computer Network courses . This web is composed of 12 chapters material. Reference materials used to use the book " Data Communications and Networking " by Behrouz Forouzan. This network is still offline. This web has been through the testing of 40 students. 20 students who are taking courses in Computer Networks and 20 students do not take courses in Computer Networks. Tests conducted by filling out the questionnaire, followed by validity test, hypothesis testing , T test and Mann - Whitney test . Validity of the test results are all statements ( 100 % ) contained in the questionnaire declared valid. Results of hypothesis testing are as many as 16 of the 20 ( 80 % ) of respondents who had taken the group said they were satisfied . Whereas 19 of 20 ( 90 % ) of respondents who have taken the group said they were satisfied . Results of the test T through Levene 's Test table. shows that the respondents came from the same background as students. Results of Mann - Whitney test reveals only 30 % the percentage of students will helped by this animation networking applications.

ii

KATA PENGANTAR

Puji Syukur ke hadirat Tuhan Yang Maha Esa, atas segala berkat dan karunia-Nya sehingga penulis dapat menyelesaikan studi dan skripsi di Fakultas Teknik Elektronika dan Komputer Universitas Kristen Satya Wacana. Penulis ingin mengucapkan terima kasih sebesar-besarnya kepada: 1. Tuhan Yesus Kristus yang telah mencurahkan rahmat-Nya sehingga penulis dapat menyelesaikan skripsi ini. 2. Papa Hendro Sudiono, mama Yulianti, adik Cindy Novita, Ester Ivone Juanita yang telah memberikan dukungan materiil dan moril selama penulis menjalani kuliah di FTEK UKSW. 3. Bapak Hartanto K.W selaku pembimbing I. 4. Bapak Saptadi Nugroho selaku pembimbing II. 5. Semua teman-teman yang membantu dalam pengujian, Satya Kurnia, dan temanteman mahasiswa sistem komputer, terima kasih atas semua dukungan dan bantuan selama pengujian skripsi. 6. Teman-teman LTC , Ibu Johanna Likumahuwa, Ibu Dian, Mba Anis, Pak Suryoto, Pak Suparmin, Dono, Mas Indra, Cheppy, Anyak dan semua teman-teman yang pernah belajar bahasa Indonesia di LTC yang tidak bisa penulis sebutkan satu per satu. 7. Teman-teman Siskom 07, Dwi, Tama, Vincentius, Rhino, Albert, dan semua teman -teman Elektro 07 yang tidak bisa penulis sebutkan satu per satu. 8. Semua teman-teman peserta kelas jaringan komputer. 9. Teman seperjuangan di Dipo 38, Antonio G, Harold Sumual, Stanley D D. Walaupun masih banyak kekurangan dalam pembuatan skripsi ini, penulis berharap skripsi ini dapat berguna dan dapat disempurnakan suatu hari kelak. Salatiga, 1 Oktober 2013 Penulis, Daniel Yulian

iii

DAFTAR ISI INTISARI .................................................................................................................... ..........i ABSTRACT ..........................................................................................................................ii KATA PENGANTAR.........................................................................................................iii DAFTAR ISI ....................................................................................................................... iv DAFTAR GAMBAR........................................................................................................... vi DAFTAR TABEL .............................................................................................................viii DAFTAR SINGKATAN..................................................................................................... ix BAB I PENDAHULUAN..................................................................................................... 1 1.1. Tujuan ........................................................................................................................ 1 1.2. Latar Belakang Masalah............................................................................................. 1 1.3. Spesifikasi .................................................................................................................. 3 1.4. Sistematika Penulisan ................................................................................................ 6 BAB II DASAR TEORI ...................................................................................................... 7 2.1. Jaringan Komputer ..................................................................................................... 7 2.2. CorelDraw X4 ............................................................................................................ 8 2.3. HTML5 ...................................................................................................................... 8 2.4. Statistika Uji T ........................................................................................................... 9 2.5. Statistika Uji Mann-Whitney ................................................................................... 10 2.6. Statistika Uji Skala Likert ........................................................................................ 10 BAB III PERANCANGAN ............................................................................................... 11 3.1. Teknologi Sistem ..................................................................................................... 11 3.2. Halaman Utama........................................................................................................ 11 3.3. Halaman Topik Pembelajaran .................................................................................. 13 A. Fakultas Teknik ................................................................................................... 13 B. Perpustakaan ....................................................................................................... 21 C. Gedung Administrasi Pusat ................................................................................. 21 3.4. Animasi Penunjang .................................................................................................. 22 A. Materi bab 1 : Aliran Data .................................................................................. 22 B. Materi bab 1 : Tipe Koneksi................................................................................ 24 C. Materi bab 1 : Topologi....................................................................................... 26 D. Materi bab 2 : Pengiriman Surat ......................................................................... 30 iv

E. Materi bab 2 : Pengiriman Data OSI Model ........................................................ 31 F. Materi bab 2 : TCP/IP Model .............................................................................. 33 G. Materi bab 4 : Line Coding ................................................................................. 35 H. Materi bab 4 : Pulse Control Modulation (PCM) ............................................... 38 I. Materi bab 4 : Delta Modulation ......................................................................... 41 J. Materi bab 4 : Transmisi Paralel ......................................................................... 42 K. Materi bab 4 : Transmisi Serial ........................................................................... 43 L. Materi bab 6 : Multiplexing ............................................................................... 44 M. Materi bab 6 : Time Division Multiplexing ....................................................... 45 N. Materi bab 7 : Pengkabelan Cross dan Straight................................................. 48 O. Materi bab 7 : Propagation ............................................................................ ....49 P. Materi bab 8 : Circuit Switch .............................................................................. 51 Q. Materi bab 8 : Datagram..................................................................................... 53 R. Materi bab 8 : Virtual Circuit............................................................................. 54 S. Materi bab IP : Classfull Addressing ................................................................... 55 T. Materi bab IP : Classless Addressing .................................................................. 57 U. Materi bab IP : Perbandingan Header IPv4 dan IPv6......................................... 59 V. Materi bab IP : Perbandingan Penulisan Alamat IPv4 dan IPv6 ........................ 61 3.5. Halaman Kuis ........................................................................................................... 62 3.6. Rancangan Pengujian ............................................................................................... 63 BAB IV PENGUJIAN PEDOMAN .................................................................................. 65 4.1. Pengujian oleh Dosen............................................................................................... 65 4.2. Pengujian oleh mahasiswa ....................................................................................... 65 4.2.1. Uji Validalitas Pernyataan ................................................................................ 65 4.2.2. Uji Hipotesis ..................................................................................................... 70 4.2.3. Uji T .................................................................................................................. 73 4.2.3. Uji Mann-Whitney ............................................................................................ 75 BAB V KESIMPULAN DAN SARAN ............................................................................. 77 5.1. Kesimpulan .............................................................................................................. 77 5.2. Saran Pengembangan ............................................................................................... 77 DAFTAR PUSTAKA ......................................................................................................... 79

v

DAFTAR GAMBAR Gambar 3.1. Halaman Beranda Utama dan Gedung Perpustakaan ............................ .........12 Gambar 3.2. Halaman Fakultas Teknik dan Halaman gedung administrasi pusat .............. 12 Gambar 3.3. Animasi Simplex ............................................................................................. 23 Gambar 3.4. Animasi Half-Duplex ...................................................................................... 24 Gambar 3.5. Animasi Point to Point.................................................................................... 25 Gambar 3.6. Animasi Multipoint ......................................................................................... 26 Gambar 3.7. Animasi Topologi Mesh .................................................................................. 27 Gambar 3.8. Animasi Topologi Star .................................................................................... 28 Gambar 3.9. Animasi Topologi Bus .................................................................................... 29 Gambar 3.10. Animasi Topologi Ring ................................................................................. 30 Gambar 3.11. Animasi Pengguna, Pembawa dan Penerima ................................................ 31 Gambar 3.12. Animasi Pengiriman Data OSI Model .......................................................... 33 Gambar 3.13. Animasi Protokol TCP/IP ............................................................................. 35 Gambar 3.14. Animasi Perbandingan NRZ, NRZ-I, NRZ-L............................................... 37 Gambar 3.15. Animasi Perbandingan Differential Manchester dan Manchester ................ 38 Gambar 3.16. Animasi Ideal Sampling ................................................................................ 39 Gambar 3.17. Animasi Natural Sampling............................................................................ 40 Gambar 3.18. Animasi Flat-Top Sampling .......................................................................... 41 Gambar 3.19. Animasi Delta Modulation............................................................................ 42 Gambar 3.20. Animasi Transmisi Paralel ............................................................................ 43 Gambar 3.21. Animasi Transmisi Serial .............................................................................. 44 Gambar 3.22. Animasi Frequency Division Multiplexing ................................................... 45 Gambar 3.23. Animasi Time Division Multiplexing ............................................................ 45 Gambar 3.24. Animasi Synchronous Time Division Multiplexing ...................................... 47 Gambar 3.25. Animasi Asynchronous Time Division Multiplexing .................................... 48 Gambar 3.26. Animasi Pengkabelan Straight ...................................................................... 49 Gambar 3.27. Animasi Pengkabelan Crossover .................................................................. 49 Gambar 3.28. Animasi Ground Propagation ...................................................................... 50 Gambar 3.29. Animasi Animasi Sky Propagation ............................................................... 51 Gambar 3.30. Animasi Line-of-Sight Propagation .............................................................. 51 Gambar 3.31. Animasi Circuit Switch ................................................................................. 53 vi

Gambar 3.32. Animasi Datagram Switch ............................................................................ 54 Gambar 3.33. Animasi Virtual Circuit Switch ..................................................................... 55 Gambar 3.34. Animasi Classfull Addressing ....................................................................... 57 Gambar 3.35. Animasi Classless Addressing ...................................................................... 59 Gambar 3.36. Animasi Perbandingan Header IPv4 dan IPv6 ............................................. 60 Gambar 3.37. Animasi Perbandingan Penulisan Alamat IPv4 dan IPv6 ............................. 61 Gambar 3.38. Animasi Kuis................................................................................................. 63

vii

DAFTAR TABEL Tabel 4.1. Pernyataan Kuesioner Jejaring Animasi .................................................... .........66 Tabel 4.2. Perhitungan Korelasi Produk Moment Jejaring Animasi ................................... 67 Tabel 4.3. Perhitungan Korelasi Produk Moment Pernyataan Nomor 1 ............................. 69 Tabel 4.4. Hasil Uji Validalitas pernyataan kuesioner ........................................................ 70 Tabel 4.5. Kepuasan peserta yang sudah mengambil mata kuliah Jaringan Komputer ....... 71 Tabel 4.6. Kepuasan peserta yang belum mengambil mata kuliah Jaringan Komputer ...... 72 Tabel 4.7. Uji Normalitas..................................................................................................... 73 Tabel 4.8. Tabel Independent Samples Test......................................................................... 75 Tabel 4.9. Uji Mann-Whitney .............................................................................................. 76

viii

DAFTAR SINGKATAN Singkatan ADSL BB 5 BS 10 CM CMTS DEMUX DOCSIS HDSL HTML IPv4 IPv6 LATA MUX NRZ NRZ-I NRZ-L OSI RJ45 SDSL TCP/IP UKSW UTP VDSL

Kepanjangan Asymmetric Digital Subscribe Line Bawah Barat 5 Bawah Selatan 10 Cable Modem Cable Modem Transmission System Demultiplexer Data Over Cable System Interface Specification High-bit-rate Digital Subscribe Line Hyper Text Markup Language Internet Protocol version 4 Internet Protocol version 6 Local Access Transport Area Multiplexer Non-Return-to-Zero Non-Return-to-Zero Invert Non-Return-to-Zero Level Open Systems Interconnection Registered Jack 45 Symmetric Digital Subscribe Line Transmission Control Protocol Universitas Kristen Satya Wacana Unshielded Twisted-Pair Very high-bit-rate Digital Subscribe Line

ix