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

i

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

ii

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.

iii

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

teman 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

iv

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

v

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

vi

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

vii

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

viii

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

ix

DAFTAR SINGKATAN

Singkatan Kepanjangan

ADSL Asymmetric Digital Subscribe Line

BB 5 Bawah Barat 5

BS 10 Bawah Selatan 10

CM Cable Modem

CMTS Cable Modem Transmission System

DEMUX Demultiplexer

DOCSIS Data Over Cable System Interface Specification

HDSL High-bit-rate Digital Subscribe Line

HTML Hyper Text Markup Language

IPv4 Internet Protocol version 4

IPv6 Internet Protocol version 6

LATA Local Access Transport Area

MUX Multiplexer

NRZ Non-Return-to-Zero

NRZ-I Non-Return-to-Zero Invert

NRZ-L Non-Return-to-Zero Level

OSI Open Systems Interconnection

RJ45 Registered Jack 45

SDSL Symmetric Digital Subscribe Line

TCP/IP Transmission Control Protocol

UKSW Universitas Kristen Satya Wacana

UTP Unshielded Twisted-Pair

VDSL Very high-bit-rate Digital Subscribe Line