PENGUMPULAN DATA DAN ANALISIS

Transkripsi

1 PENGUMPULAN DATA DAN ANALISIS Pengumpulan data dibuat dalam dua kelompok utama. Pertama, pengumpulan data besar file yang dihasilkan dan yang kedua adalah pengumpulan data terhadap waktu yang diperlukan untuk mengakses aplikasi yang ada.. Pengumpulan data besar file hanyalah dengan menghitung besar dari masingmasing komponen Gambar yang dihasilkan format JPG dan GIF serta yang dihasilkan oleh format SVG. Hasilnya kemudian akan dikomparasikan satu dengan yang lainnya. A. Pengumpulan Data Besar File dan Komparasi 1. Modul Kuliah Mikrobiologi mikro_modul5.htm Penelitian terhadap besarnya file yang dihasilkan dari metode dengan format Gambar JPG dan GIF dan metode SVG pada Mata Kuliah Mikrobiologi modul kuliah mikro_modul5.htm dapat dilihat pada Tabel 6 dan 7. Tabel 6 Besar file mikro_modul5.htm yang dihasilkan dalam format SVG No Nama File Besar File (bytes) Size Size on disk Dimensi Keterangan 1 Mikro_modul5.htm HTML Document 2 blank_logo.jpg x 123 JPG Image 3 mm_dashed_line.gif x 3 GIF Image 4 mm_spacer.gif x 1 GIF Image 5 nabkgnd.jpg x 150 JPG Image 6 btn_menu.svg SVG Document 7 glikolisis.svg SVG Document 8 gliserol.svg SVG Document 9 krebs.svg SVG Document 10 protein.svg SVG Document 11 Trigliserida.svg SVG Document 12 mikrobiologi.css CSS Document T O T A L

2 39 Tabel 7 Besar file mikro_modul5.htm yang dihasilkan dalam format JPG dan GIF No Besar File (bytes) Nama File size Size on disk Dimensi Keterangan 1 mikro_modul5.htm HTML Document 2 blank_logo.jpg x 123 JPG Image 3 mm_dashed_line.gif x 3 GIF Image 4 mm_spacer.gif x 1 GIF Image 5 nabkgnd.jpg x 150 JPG Image 6 btn_menu.jpg x 325 JPG Image 7 glikolisis.jpg x 42 JPG Image 8 Gliserol.jpg x 34 JPG Image 9 krebs.jpg x 35 JPG Image 10 Protein.jpg x 29 JPG Image 11 trigliserida.jpg x 28 JPG Image 12 mikrobiologi.css CSS Document T O T A L Dari Tabel 6 dan Tabel 7 tampak bahwa seluruh file SVG memiliki ukuran yang jauh lebih kecil dibandingkan dengan file-file JPG. Terlihat dari file btn_menu.svg dengan file btn_menu.jpg. File btn_menu.jpg memiliki ukuran hampir tujuh kali lebih besar dibandingkan dengan file btn_menu.svg. Begitu juga dengan file-file yang membentuk persamaanpersamaan reaksi kimia (glikolisis.svg vs glikolisis.jpg, gliserol.svg vs gliserol.jpg, krebs.svg vs krebs.jpg, protein.svg vs protein.jpg, dan trigliserida.svg vs trigliserida.jpg) semua file SVG memiliki ukuran yang jauh lebih kecil. Hal ini dikarenakan seluruh file SVG yang ada pada modul kuliah Mikrobiologi pada halaman mikro_modul5.htm dibuat dengan pemrograman script secara manual dan bukan dengan cara mengkonversi file JPG yang sudah ada kedalam format SVG. Akan tetapi saat penulis mencoba melakukan konversi dari format GIF atau JPG ke format SVG (vectorizing), menggunakan aplikasi Adobe Illustrator dan GIMP, akan diperoleh file SVG yang lebih besar. Jika diamati dari script yang dihasilkan saat melakukan konversi, Adobe Illustrator maupun GIMP akan menciptakan banyak sekali titik koordinat untuk membuat bentuk-bentuk yang diinginkan. Sementara

3 40 melalui pemrograman manual, titik koordinat yang dibuat hanya sebanyak titik yang diperlukan saja. 1. Modul Kuliah Matematika semigrup.htm Penelitian terhadap besarnya file yang dihasilkan dari metode dengan format Gambar JPG dan GIF dan metode SVG pada Mata Kuliah Matematika modul kuliah semigrup.htm dapat dilihat pada Tabel 8 dan 9. Tabel 8 Besar file semigrup.htm yang dihasilkan dengan format SVG No Nama File Besar File (bytes) Size Size on disk Dimensi Keterangan 1 semigrup.htm HTML Document 2 banner-aljabar.jpg x 65 JPG Image 3 G11line22.gif x 128 GIF Image 4 equa000.svg SVG Document 5 equa001.svg SVG Document 6 equa002.svg SVG Document 7 equa003.svg SVG Document 8 equa004.svg SVG Document 9 equa005.svg SVG Document 10 equa006.svg SVG Document 11 equa007.svg SVG Document 12 equa008.svg SVG Document 13 equa009.svg SVG Document 14 equa010.svg SVG Document 15 equa011.svg SVG Document 16 equa012.svg SVG Document 17 equa013.svg SVG Document 18 equa014.svg SVG Document 19 equa015.svg SVG Document 20 equa016.svg SVG Document 21 equa017.svg SVG Document 22 equa018.svg SVG Document 23 equa019.svg SVG Document 24 equa020.svg SVG Document 25 equa021.svg SVG Document 26 equa022.svg SVG Document 27 equa023.svg SVG Document 28 equa024.svg SVG Document 29 Equation.css CSS Ducument 30 up_menu.svg SVG Document 31 spacer.gif x 1 GIF Image T O T A L

4 41 Tabel 9 Besar file semigrup.htm yang dihasilkan dengan format JPG dan GIF No Nama File Besar File (bytes) Size size on disk Dimensi Keterangan 1 semigrup.htm HTML Document 2 banner-aljabar.jpg x 65 JPG Image 3 g11line22.gif x 128 GIF Image 4 icon1.jpg x 16 JPG Image 5 icon2.jpg x 16 JPG Image 6 icon3.jpg x 16 JPG Image 7 icon4.jpg x 16 JPG Image 8 icon5.jpg x 16 JPG Image 9 equa000.gif x 21 GIF Image 10 equa001.gif x 21 GIF Image 11 equa002.gif x 18 GIF Image 12 equa003.gif x 26 GIF Image 13 equa004.gif x 21 GIF Image 14 equa005.gif x 26 GIF Image 15 equa006.gif x 22 GIF Image 16 equa007.gif x 24 GIF Image 17 equa008.gif x 18 GIF Image 18 equa009.gif x 21 GIF Image 19 equa010.gif x 21 GIF Image 20 equa011.gif x 142 GIF Image 21 equa012.gif x 21 GIF Image 22 equa013.gif x 109 GIF Image 23 equa014.gif x 21 GIF Image 24 equa015.gif x 266 GIF Image 25 equa016.gif x 391 GIF Image 26 equa017.gif x 21 GIF Image 27 equa018.gif x 18 GIF Image 28 equa019.gif x 68 GIF Image 29 equa020.gif x 30 GIF Image 30 equa021.gif x 22 GIF Image 31 equa022.gif x 473 GIF Image 32 equa023.gif x 110 GIF Image 33 equa024.gif x 74 GIF Image 34 spacer.gif x 1 GIF Image T O T A L Dari kedua Tabel diatas (Tabel 8 dan Tabel 9) terlihat bahwa seluruh file SVG yang membentuk persamaan matematika memiliki besar file yang lebih besar daripada persamaan matematik aslinya yang berformat GIF. Hal ini dikarenakan persamaan matematik yang berformat SVG diciptakan dengan bantuan software smarth dan bukan dibuat secara manual. Hal

5 42 disebabkan karena aplikasi smarth menghasilkan script yang lebih panjang. smarth akan menghasilkan script yang mendefinisikan setiap elemen persamaan sebagai satu elemen SVG yang kemudian disatukan satu dengan yang lain hingga menjadi persamaan matematik lengkap. Koordinat tiap elemen persamaan ditentukan perelemen. Sementara pada pemrograman manual, penentuan koordinat awal hanya dilakukan satu kali saja yaitu di awal persamaan. Akan tetapi file SVG up_menu.svg yang merupakan gabungan dari 5 buah file JPG yaitu icon1.jpg, icon2.jpg, icon3.jpg, icon4.jpg, dan icon5.jpg memberikan besar file yang jauh lebih kecil yaitu menjadi hanya sekitar 10% dari gabungan kelima file JPG tersebut. Hal ini dikarenakan file up_menu.svg dibuat dengan cara melakukan pemrograman script secara manual. Pada akhirnya, file SVG yang dibuat dengan bantuan software smarth pada semigrup.htm akan menghasilkan total besar file yang lebih besar dibandingkan dengan file semigrup.htm yang masih menggunakan Gambar-Gambar berformat JPG dan GIF. Sementara file SVG yang dibuat secara manual dengan pemrograman script pada file mikro_modul5.htm akan menghasilkan besar file yang jauh lebih kecil dibandingkan dengan dalam format JPG. Perbandingan antara total besar file pada kedua mata kuliah antara format SVG terhadap format JPG dan GIF tampak pada Tabel 10 dan 11. Tabel 10 Komparasi total besar file semigrup.htm No Nama File (Format) Total Besar File (bytes) Actual Size Size on Disk 1 Semigrup.htm (SVG format) Semigrup.htm (JPG & GIF format) Tabel 11 Komparasi total besar file mikro_modul5.htm No Nama File (Format) Total Besar File (bytes) Actual Size Size on Disk 1 mikro_modul5.htm (SVG format) mikro_modul5.htm (JPG & GIF format)

6 43 B. Pengumpulan Data terhadap Waktu Akses Pengumpulan data terhadap waktu yang dibutuhkan untuk mengakses aplikasi juga dilakukan dalam dua metode, yaitu pengumpulan data secara online (terhubung langsung ke internet) dan pengumpulan secara offline (dijalankan melalui local webserver). Proses pengumpulan data ini pada dasarnya adalah menghitung total waktu yang dibutuhkan dalam proses download sebuah halaman Web. Proses ini dilakukan sebanyak 20 kali sesuai dengan banyaknya iterasi yang dilakukan pada tiap proses (satu kali iterasi hingga duapuluh kali iterasi). Software yang digunakan pada proses ini adalah inetbench (Internet Bechmark) versi 1.8 (dapat di download di Gambar 19 InetBench ver 1.8 Software ini sebenarnya lebih diperuntukkan untuk mengetahui kualitas dari jalur koneksi yang di uji. Akan tetapi software ini juga memiliki kemampuan untuk menghitung waktu yang di perlukan oleh sebuah aplikasi saat aplikasi tersebut di download. Sehingga dirasakan cukup mewakili tujuan penelitian. Software ini memiliki kemampuan untuk menghitung total waktu yang diperlukan untuk mengakses sebuah halaman Web. Dan jika pengaksesan dilakukan berulang kali (membentuk sebuah iterasi), maka selain dapat menunjukkan total besar file yang di download, total waktu yang diperlukan selama proses download berjalan, dan juga akan diperoleh rata-rata waktu proses download. Akses halaman Web yang hendak diuji dapat dilakukan secara online

7 44 maupun offline. Namun akses secara offline hanya dapat dilakukan asalkan halaman Web yang hendak diakses secara offline diletakkan didalam Webserver lokal. Software ini juga mendukung konten berupa Gambar dan suara. Dan selain itu, juga menyediakan file log yang dapat menginformasikan banyak hal. Seperti waktu saat sebuah halaman Web diakses olehnya, file-file apa saja yang di download selama proses berikut alamat lengkap dari file tersebut dan besarnya, waktu yang dibutuhkan untuk melakukan download terhadap file-file tersebut serta summary dari proses pengujian beserta kesalahan-kesalahan (errors) yang terjadi. Bentuk log file yang dihasilkan dari software ini terlihat pada Lampiran 7 sampai 14. Meskipun tujuan utama hanya untuk menghitung waktu yang diperlukan untuk mengakses sebuah halaman Web antara dua aplikasi yang menggunakan Gambar-Gambar berformat SVG dan yang menggunakan JPG dan GIF, namun penulis merasa perlu untuk menampilkan data besar throughput yang didapat saat pengambilan data. Hal ini untuk menjaga subjektifitas pengumpulan data. Yaitu data hanya dapat dikomparasikan juga memiliki nilai throughput yang relatif sama antar kedua format. Sebab dengan nilai throughput yang selalu berubah secara langsung akan mempengaruhi besarnya data yang dapat dilewatkan melalui Internet. Akan tetapi jika bisa didapatkan nilai throughput yang sama atau mendekati, dianggap besarnya data yang dapat dilewatkan juga akan sama atau mendekati. 1. Pengumpulan Data Secara Online dan Analisis Data Terhadap Halaman semigrup.htm Alamat yang dituju pada proses ini adalah untuk aplikasi yang komponen-komponen Gambar didalamnya telah dimigrasikan ke dalam format SVG. Sementara alamat untuk aplikasi yang masih menggunakan komponen Gambar dengan format lama

8 45 (JPG dan GIF). Sementara koneksi yang digunakan adalah Telkomnet Instan. a. Rentang Waktu Pengambilan Data Pukul 07:00-17:00 Pengumpulan data secara online yang dilakukan terhadap halaman semigrup.htm yang dilakukan pada tanggal 18 Juli 2007 dengan kecepatan maksimum yang diperoleh saat terkoneksi 28,8 Kbps akan memberikan hasil seperti terlihat pada Tabel 12. Tabel 12 Pengumpulan data terhadap file semigrup.htm (07:00 17:00) No Jml Troughput (Kbps) Tot. Waktu (dtk) Rataan Waktu (dtk) Iterasi SVG HTML SVG HTML SVG HTML ,70 62,70 26,80 13,00 26,80 13, ,10 76,30 70,40 31,90 35,20 15, ,30 89,70 94,30 40,40 31,50 13, ,30 64,10 107,30 48,10 26,80 12, ,20 62,40 192,70 98,40 38,50 19, ,90 66,10 221,70 106,20 36,90 17, ,60 68,10 256,00 125,70 36,60 18, ,90 65,40 290,70 137,00 36,40 17, ,70 65,60 344,10 151,90 38,20 16, ,10 65,60 374,00 164,90 48,00 16, ,50 61,50 402,30 183,60 36,60 16, ,60 89,30 429,10 196,70 35,80 16, ,50 63,10 479,70 235,90 36,90 18, ,60 64,00 528,50 251,70 37,80 18, ,30 64,90 574,70 285,10 38,30 19, ,10 66,30 610,60 292,30 38,20 18, ,10 65,50 647,90 309,20 38,10 18, ,40 62,60 702,60 324,10 39,00 18, ,00 62,20 738,70 352,80 38,90 18, ,40 65,90 769,70 369,10 38,50 18,50 Rata-rata 65,06 66,35 37,44 17,70 36,65 17,01 Dengan rata-rata nilai throughput yang hampir sama antara aplikasi yang menggunakan format SVG dan format GIF san JPG, tampak bahwa pada setiap pengambilan data mulai dari satu kali iterasi hingga duapuluh kali iterasi, aplikasi yang menggunakan format SVG berjalan lebih lambat (memiliki waktu akses yang lebih besar). Hal ini terkait langsung dengan besar file yang di peroleh antara kedua format tersebut. Dimana file yang lebih besar akan lebih lama dilewatkan pada jalur Internet.

9 46 800,00 700,00 600,00 Total Waktu (detik) 500,00 400,00 300,00 200,00 SVG Files HTML Files 100,00 0, Jumlah Iterasi Gambar 20 Grafik file semigrup.htm (07:00 17:00) Dari grafik pada Gambar 20 juga terlihat bahwa file semigrup.htm yang komponen-komponen Gambarnya telah diubah menjadi format SVG (kurva berwarna biru) memiliki kemiringan yang lebih besar gradiennya dibandingkan dengan file asli yang menggunakan image berformat JPG dan GIF (kurva berwarna merah). Hal ini menunjukkan bahwa format SVG untuk modul kuliah semigrup.htm memiliki waktu akses yang lebih lama dibanding format JPG dan GIF.

10 47 b. Rentang Waktu Pengambilan Data Pukul 17:00-23:00 Pengumpulan data secara online yang dilakukan terhadap halaman semigrup.htm yang dilakukan pada tanggal 18 Juli 2007 dengan kecepatan maksimum yang diperoleh saat terkoneksi 52 Kbps akan memberikan hasil seperti terlihat pada Tabel 13 dan Gambar 21. Tabel 13 Pengumpulan data terhadap file semigrup.htm (17:00 23:00) No Jml Troughput (Kbps) Tot. Waktu (dtk) Rataan Waktu (dtk) Iterasi SVG HTML SVG HTML SVG HTML ,30 104,00 21,60 7,00 21,60 7, ,20 103,90 42,90 13,80 21,40 6, ,80 104,00 63,30 20,40 21,10 6, ,00 101,30 84,20 27,20 21,10 6, ,90 103,90 105,40 34,00 21,10 6, ,80 101,30 125,40 40,50 20,90 6, ,50 105,30 151,00 48,70 21,60 7, ,30 104,00 171,40 55,30 21,40 6, ,80 104,00 189,90 61,30 21,10 6, ,30 105,30 208,00 67,10 20,80 6, ,20 101,30 215,40 69,50 21,50 6, ,90 103,90 236,00 75,90 21,50 6, ,20 105,30 253,20 81,60 20,80 6, ,50 102,30 273,70 88,40 20,10 6, ,20 103,90 295,10 95,20 21,50 6, ,90 103,90 313,50 101,30 21,10 6, ,00 104,00 345,10 111,30 20,20 6, ,50 105,30 364,20 117,50 20,70 6, ,00 101,30 379,80 122,60 20,10 6, ,20 105,30 395,20 127,50 21,90 6,40 Rata-rata 102,99 103,77 20,16 6,51 21,08 6,61 Dari data yang diperoleh di Tabel 13, dengan rata-rata nilai throughput yang hampir sama antara aplikasi yang menggunakan format SVG dan format GIF san JPG, tampak bahwa pada setiap pengambilan data mulai dari satu kali iterasi hingga duapuluh kali iterasi, aplikasi yang menggunakan format SVG berjalan lebih lambat (memiliki waktu akses yang lebih besar). Hal ini terkait langsung dengan besar file yang di peroleh antara kedua format tersebut. Dimana file yang lebih besar akan lebih lama dilewatkan pada jalur Internet.

11 48 400,00 350,00 300,00 Total Waktu (detik) 250,00 200,00 150,00 100,00 SVG Files HTML Files 50,00 0, Jumlah Iterasi Gambar 21 Grafik file semigrup.htm (17:00 23:00) Dari grafik pada Gambar 22 juga tampak bahwa file semigrup.htm yang komponen-komponen Gambarnya telah diubah menjadi format SVG (kurva berwarna biru) memiliki kemiringan yang lebih besar gradiennya dibandingkan dengan file asli yang menggunakan image berformat JPG dan GIF (kurva berwarna merah). Hal ini menunjukkan bahwa format SVG untuk modul kuliah semigrup.htm memiliki waktu akses yang lebih lama dibanding format JPG dan GIF.

12 49 c. Rentang Waktu Pengambilan Data Pukul 23:00-07:00 Pengumpulan data secara online terhadap halaman semigrup.htm dilakukan pada tanggal 28 Juni Kecepatan maksimum yang diperoleh saat terkoneksi adalah 48 Kbps. Data yang diperoleh memberikan hasil seperti terlihat pada Tabel 14 dan Gambar 23. Tabel 14 Pengumpulan data terhadap file semigrup.htm (23:00 07:00) No Jml Troughput (Kbps) Tot. Waktu (dtk) Rataan Waktu (dtk) Iterasi SVG HTML SVG HTML SVG HTML ,50 100,30 15,30 7,40 15,30 7, ,00 122,00 40,20 18,20 20,10 9, ,00 143,50 53,90 23,10 18,00 7, ,90 102,50 61,30 27,50 15,30 6, ,50 99,80 110,10 56,20 22,00 11, ,80 105,70 126,70 60,70 21,10 10, ,90 109,00 146,30 71,80 20,90 10, ,50 104,60 166,10 78,30 20,80 9, ,30 104,90 196,60 86,80 21,80 9, ,50 104,90 213,70 94,20 27,40 9, ,80 98,40 229,90 104,90 20,90 9, ,90 142,90 245,20 112,40 20,43 9, ,40 100,90 274,10 134,80 21,08 10, ,20 102,40 302,00 143,80 21,57 10, ,10 103,80 328,40 162,90 21,89 10, ,90 106,10 348,90 167,00 21,81 10, ,70 104,80 370,20 176,70 21,78 10, ,80 100,20 401,50 185,20 22,31 10, ,40 99,50 422,10 201,60 22,22 10, ,60 105,50 439,80 210,90 21,99 10,55 Rata-rata 104,08 106,16 21,39 10,12 20,93 9,71 Dari data pada Tabel 14, dengan rata-rata nilai throughput yang hampir sama antara aplikasi yang menggunakan format SVG dan format GIF san JPG, tampak bahwa pada setiap pengambilan data mulai dari satu kali iterasi hingga duapuluh kali iterasi, aplikasi yang menggunakan format SVG berjalan lebih lambat (memiliki waktu akses yang lebih besar). Hal ini terkait langsung dengan besar file yang di peroleh antara kedua format tersebut. Dimana file yang lebih besar akan lebih lama dilewatkan pada jalur Internet.

13 50 500,00 450,00 400,00 350,00 Total Waktu (detik) 300,00 250,00 200,00 150,00 SVG Files HTML Files 100,00 50,00 0, Jumlah Iterasi Gambar 22 Grafik file semigrup.htm (23:00 07:00) Dari grafik pada Gambar 22 juga tampak bahwa file semigrup.htm yang komponen-komponen Gambarnya telah diubah menjadi format SVG (kurva berwarna biru) memiliki kemiringan yang lebih besar gradiennya dibandingkan dengan file asli yang menggunakan image berformat JPG dan GIF (kurva berwarna merah). Hal ini menunjukkan bahwa format SVG untuk modul kuliah semigrup.htm memiliki waktu akses yang lebih lama dibanding format JPG dan GIF. 2. Pengumpulan Data Secara Online Dan Analisis Data Terhadap Halaman mikro_modul5.htm Alamat yang dituju pada proses ini adalah untuk aplikasi yang komponen-komponen Gambar didalamnya telah dimigrasi kedalam format SVG. Sementara alamat untuk aplikasi yang masih menggunakan komponen Gambar dengan format lama (JPG dan GIF). Koneksi yang digunakan adalah Telkomnet Instan.

14 51 a. Rentang Waktu Pengambilan Data Pukul 07:00 17:00 Pengumpulan data secara online terhadap halaman mikro_modul5.htm dilakukan pada tanggal 18 Juli Kecepatan maksimum yang diperoleh saat terkoneksi adalah 33,6 Kbps. Data yang diperoleh memberikan hasil seperti terlihat pada Tabel 15 dan Gambar 23. Tabel 15 Pengumpulan data terhadap file mikro_modul5.htm (07:00 17:00) Troughput Rata-rata Waktu Jml Tot. Waktu (dtk) No (Kbps) (dtk) Iterasi SVG HTML SVG HTML SVG HTML ,70 22,30 16,40 57,40 16,40 57, ,40 21,90 33,20 116,90 16,70 58, ,90 21,90 48,60 175,80 16,20 58, ,00 21,70 71,00 235,80 17,80 58, ,90 22,4 80,80 285,60 16,10 57, ,90 21,90 97,20 343,00 16,20 57, ,00 21,90 113,00 408,40 16,10 58, ,10 22,30 128,70 458,50 16,10 57, ,90 21,90 145,60 527,80 16,20 58, ,30 22,10 166,30 579,20 16,70 58, ,60 22,10 189,60 636,90 17,20 58, ,50 22,20 205,90 693,00 17,20 57, ,00 22,3 209,70 747,00 16,10 57, ,90 22,30 227,20 805,10 16,20 57, ,70 22,40 244,90 856,90 16,40 57, ,90 22,30 258,70 920,90 16,10 57, ,60 22,30 279,70 984,10 16,50 57, ,10 22,10 302, ,60 16,80 57, ,00 22,2 306, ,90 16,10 57, ,70 22,10 326, ,30 16,40 57,30 21,58 22,18 16,44 57,89 16,48 57,79 Dari data yang diperoleh di Tabel 15, dengan rata-rata nilai throughput yang hampir sama antara aplikasi yang menggunakan format SVG dan format GIF san JPG, tampak bahwa pada setiap pengambilan data mulai dari satu kali iterasi hingga duapuluh kali iterasi, aplikasi yang menggunakan format SVG berjalan lebih cepat (memiliki waktu akses yang lebih kecil). Hal ini terkait langsung dengan besar file yang di peroleh antara kedua format tersebut. Dimana file yang lebih besar akan lebih lama dilewatkan pada jalur Internet.

15 , ,00 Total Waktu (detik) 800,00 SVG Files 600,00 HTML Files 400,00 200,00 0, Jumlah Iterasi Gambar 23 Grafik file mikro_modul5.htm (07:00 17:00) Dari grafik pada Gambar 23 terlihat bahwa file mikro_modul5.htm yang telah diubah file-file image menjadi format SVG (kurva berwarna biru) memiliki kemiringan yang lebih kecil gradiennya dibandingkan dengan file asli yang menggunakan image berformat JPG dan GIF (kurva berwarna merah). Hal ini menunjukkan bahwa format SVG untuk modul kuliah mikro_modul5.htm memiliki waktu akses yang lebih cepat dibanding format JPG dan GIF.

16 53 b. Rentang Waktu Pengambilan Data Pukul 17:00 23:00 Pengumpulan data secara online yang dilakukan terhadap halaman mikro_modul5.htm dilakukan pada tanggal 18 Juli Kecepatan maksimum yang diperoleh saat terkoneksi 48 Kbps dan akan memberikan hasil seperti terlihat pada Tabel 16 dan Gambar 24 dibawah ini. Tabel 16 Pengumpulan data terhadap file mikro_modul5.htm (17:00 23:00) No Jml Troughput (Kbps) Tot. Waktu (dtk) Rataan Waktu (dtk) Iterasi SVG HTML SVG HTML SVG HTML ,50 38,90 9,30 34,10 9,30 34, ,40 36,50 18,20 72,80 9,10 36, ,90 39,80 27,00 100,00 9,00 33, ,80 39,70 36,00 133,70 9,00 33, ,00 39,7 44,80 167,30 9,00 33, ,80 39,90 56,90 199,50 9,50 33, ,70 39,90 63,20 232,80 9,00 33, ,40 39,40 70,90 269,40 8,90 33, ,80 38,80 80,60 307,50 9,00 34, ,40 39,20 88,80 338,10 8,90 33, ,70 39,90 99,20 366,30 9,00 33, ,40 39,40 106,80 404,40 8,90 33, ,00 39,7 117,50 435,50 9,00 33, ,80 39,90 133,40 466,20 9,50 33, ,90 39,80 144,70 499,50 9,00 33, ,80 39,70 161,50 534,40 9,00 33, ,80 39,90 161,90 566,10 9,50 33, ,70 39,90 161,90 599,50 9,00 33, ,00 39,7 171,60 636,70 9,00 33, ,80 39,90 190,50 666,30 9,50 33,30 Rata-rata 40,40 39,67 9,26 33,48 9,11 33,65 Dari data yang diperoleh di Tabel 16, dengan rata-rata nilai throughput yang hampir sama antara aplikasi yang menggunakan format SVG dan format GIF san JPG, tampak bahwa pada setiap pengambilan data mulai dari satu kali iterasi hingga duapuluh kali iterasi, aplikasi yang menggunakan format SVG berjalan lebih cepat (memiliki waktu akses yang lebih kecil). Hal ini terkait langsung dengan besar file yang di peroleh antara kedua format tersebut. Dimana file yang lebih besar akan lebih lama dilewatkan pada jalur Internet.

17 54 700,00 600,00 Total Waktu (detik) 500,00 400,00 300,00 200,00 SVG Files HTML Files 100,00 0, Jumlah Iterasi Gambar 24 Grafik file mikro_modul5.htm (17:00 23:00) Dari grafik pada Gambar 24 terlihat bahwa file mikro_modul5.htm yang telah diubah file-file image menjadi format SVG (kurva berwarna biru) memiliki kemiringan yang lebih kecil gradiennya dibandingkan dengan file asli yang menggunakan image berformat JPG dan GIF (kurva berwarna merah). Hal ini menunjukkan bahwa format SVG untuk modul kuliah mikro_modul5.htm memiliki waktu akses yang lebih cepat dibanding format JPG dan GIF.

18 55 c. Rentang Waktu Pengambilan Data Pukul 23:00 07:00 Pengumpulan data secara online yang dilakukan terhadap halaman mikro_modul5.htm dilakukan pada tanggal 28 Juni Kecepatan maksimum yang diperoleh saat terkoneksi 40 Kbps dan akan memberikan hasil seperti terlihat pada Tabel 17 dan Gambar 25 dibawah ini. Tabel 17 Pengumpulan data terhadap file mikro_modul5.htm (23:00 07:00) No Jml Troughput (Kbps) Tot. Waktu (dtk) Rataan Waktu (dtk) Iterasi SVG HTML SVG HTML SVG HTML ,40 32,30 11,70 41,00 11,70 41, ,00 31,80 23,70 83,50 11,90 41, ,80 31,70 34,70 125,60 11,60 41, ,00 31,50 50,70 168,40 12,70 42, ,80 32,50 57,70 204,00 11,50 40, ,80 32,50 69,40 245,00 11,60 40, ,90 31,80 80,70 291,70 11,50 41, ,00 32,40 91,90 327,50 11,50 40, ,80 31,70 104,00 377,00 11,60 41, ,90 32,10 118,80 413,70 11,90 41, ,80 32,10 135,40 454,90 12,30 41, ,70 32,20 147,10 495,00 12,30 41, ,90 32,30 149,80 533,60 11,50 41, ,70 32,30 162,30 575,10 11,60 41, ,50 32,50 174,90 612,10 11,70 40, ,80 32,30 184,80 657,80 11,50 40, ,30 32,30 199,80 702,90 11,80 41, ,60 32,10 216,10 747,60 12,00 41, ,90 32,20 218,60 792,10 11,50 41, ,50 32,10 233,20 835,20 11,70 40,90 Rata-rata 31,30 32,19 11,74 41,35 11,77 41,27 Dari data yang diperoleh di Tabel 17, dengan rata-rata nilai throughput yang hampir sama antara aplikasi yang menggunakan format SVG dan format GIF san JPG, tampak bahwa pada setiap pengambilan data mulai dari satu kali iterasi hingga duapuluh kali iterasi, aplikasi yang menggunakan format SVG berjalan lebih cepat (memiliki waktu akses yang lebih kecil). Hal ini terkait langsung dengan besar file yang di peroleh antara kedua format tersebut. Dimana file yang lebih besar akan lebih lama dilewatkan pada jalur Internet.

19 56 900,00 800,00 700,00 Total Waktu (detik) 600,00 500,00 400,00 300,00 SVG Files HTML Files 200,00 100,00 0, Jumlah Iterasi Gambar 25 Grafik file mikro_modul5.htm (23:00 07:00) Dari grafik yang diperoleh terlihat bahwa file mikro_modul5.htm yang telah diubah file-file image menjadi format SVG (kurva berwarna biru) memiliki kemiringan yang lebih kecil gradiennya dibandingkan dengan file asli yang menggunakan image berformat JPG dan GIF (kurva berwarna merah). Hal ini menunjukkan bahwa format SVG mikro_modul5.htm memiliki waktu akses yang lebih cepat dibanding format JPG dan GIF. C. Komparasi Rata-Rata Waktu Akses Pada Tiga Sesi Pengambilan Data Dari tiga sesi pengambilan data, diperoleh perbandingan antara file semigrup.htm yang Gambar-Gambar didalamnya telah dimigrasikan dalam format SVG terhadap file semigrup.htm yang masih menggunakan format lama (GIF dan JPG) sebagai berikut. 1. Halaman semigrup.htm Dari tiga sesi pengambilan data yang dilakukan, dibuat komparasi terhadap rata-rata waktu yang dibutuhkan untuk mengakses halaman semigrup.htm. Hasilnya tampak pada Tabel 18 dan Gambar 26.

20 57 Tabel 18 Komparasi waktu akses semigrup.htm Intrvl Waktu Rata-rata (detik) Rataan Maksimum No Pengambilan Total Waktu Rataan Waktu Throughput (kbps) Speed (kbps) Data SVG HTML SVG HTML SVG HTML 1 07:00 17:00 37,44 17,70 36,65 17,01 65,06 66,35 28,8 2 17:00 23:00 20,16 6,51 21,08 6,61 102,99 103, :00 07:00 21,39 10,12 20,93 9,71 104,08 106, ,00 40,00 37,44 36,65 35,00 Waktu (detik) 30,00 25,00 20,00 17,70 17,01 15,00 21,39 21,08 20,93 20,16 10,00 6,51 6,61 10,12 9,71 5,00 0,00 07:00-17:00 17:00-23:00 Interval Waktu Pengambilan Data 23:00-07:00 Rata-rata Total Waktu (SVG) Rata-rata Total Waktu (HTML) Rata-rata Rataan Waktu (SVG) Rata-rata Rataan Waktu (HTML) Gambar 26 Komparasi rata-rata waktu akses file semigrup.svg Dari Tabel 18 dan Gambar 26, tampak jelas bahwa modul kuliah semigrup.htm dalam tiga sesi pengambilan data tetap menghasilkan rata-rata waktu akses yang lebih besar untuk file yang telah dimigrasikan dalam format SVG. Ini menunjukkan bahwa format SVG yang dicoba diaplikasikan untuk halaman ini tidak memberikan kinerja yang lebih baik dibandingkan file aslinya (yang masih mnggunakan format JPG dan GIF).

21 58 2. Halaman mikro_modul5.htm Dari tiga sesi pengambilan data yang dilakukan, dibuat komparasi terhadap rata-rata waktu yang dibutuhkan untuk mengakses halaman mikro_modul5.htm. Hasilnya dapat dilihat pada Tabel 19 dan Gambar 27. Tabel 19 Komparasi waktu akses mikro_modul5.htm No Intrvl Waktu Pengambilan Data Rata-rata (detik) Total Waktu Rataan Waktu Rataan Throughput (kbps) SVG HTML SVG HTML SVG HTML Maksimum Speed (kbps) 1 07:00 17:00 16,44 57,89 16,48 57,79 21,58 22,18 33,6 2 17:00 23:00 9,26 33,48 9,11 33,65 40,40 39, :00 07:00 11,74 41,35 11,77 41,27 31,30 32, ,89 57,79 Waktu (detik) ,44 16, ,26 9,11 33,48 33,65 11,74 11,77 41,35 41, :00-17:00 17:00-23:00 Interval Waktu Pengambilan Data 23:00-07:00 Rata-rata Total Waktu (SVG) Rata-rata Total Waktu (HTML) Rata-rata Rataan Waktu (SVG) Rata-rata Rataan Waktu (HTML) Gambar 27 Komparasi rata-rata waktu akses file mikro_modul5.svg Dari Tabel 19 dan Gambar 27 tampak jelas bahwa modul kuliah mikro_modul5.htm dalam tiga sesi pengambilan data selalu menghasilkan rata-rata waktu akses yang lebih cepat untuk file yang telah dimigrasikan dalam format SVG. Ini menunjukkan bahwa format SVG yang dicoba diaplikasikan untuk halaman ini berhasil memberikan kinerja yang lebih

22 59 baik dibandingkan file aslinya (yang masih menggunakan format JPG dan GIF). D. Pengumpulan Data Secara Offline Dan Analisis Data 1. Halaman semigrup.htm Pengumpulan data secara offline terhadap halaman semigrup.htm dilakukan pada alamat untuk aplikasi yang telah mengubah format Gambar dari JPG dan atau GIF kedalam format SVG. Sementara alamat untuk aplikasi yang sebelumnya merujuk ke alamat Hasil yang diperoleh dari pengumpulan data ini terlihat pada Tabel 20 dan Gambar 28 dibawah ini. Tabel 20 Pengumpulan data secara offline terhadap file semigrup.htm No Jml Throughput (Kbps) Tot Waktu (detik) Rataan Waktu (det) Iterasi SVG HTML SVG HTML SVG HTML , ,10 0,20 0,30 0,20 0, , ,90 0,40 0,30 0,20 0, , ,70 0,50 0,60 0,20 0, , ,70 0,80 0,60 0,20 0, , ,80 0,90 0,70 0,20 0, , ,40 1,00 0,90 0,20 0, , ,70 1,20 1,00 0,20 0, , ,60 1,20 1,20 0,20 0, , ,60 1,30 1,20 0,10 0, , ,90 1,60 1,50 0,20 0, , ,90 1,60 1,50 0,10 0, , ,10 1,90 1,70 0,20 0, , ,50 2,00 1,80 0,20 0, , ,90 2,10 1,90 0,20 0, , ,40 2,20 2,00 0,10 0, , ,40 2,30 2,10 0,10 0, , ,80 2,50 2,40 0,10 0, , ,80 2,70 2,50 0,10 0, , ,50 2,80 2,60 0,10 0, , ,60 3,00 2,80 0,10 0,10 Rata-rata , ,01 0,15 0,14 0,16 0,12

23 60 3,20 3,00 2,80 2,60 2,40 Total Waktu (detik) 2,20 2,00 1,80 1,60 1,40 1,20 1,00 0,80 0,60 SVG Files HTML Files 0,40 0,20 0, Jumlah Iterasi Gambar 28 Grafik file semigrup.htm (offline test) Dari grafik yang diperoleh terlihat bahwa file semigrup.htm yang telah diubah file-file image menjadi format SVG (kurva berwarna biru) koordinat titik-titik data yang sebagian besar terletak diatas koordinat titik-titik data file asli yang menggunakan image berformat JPG dan GIF (kurva berwarna merah) namun perbedaannya tidak terlalu mencolok. Bahkan pada beberapa titik dimana koordinat kurva biru sama dengan kurva merah dan ada yang lebih dibawah. Hal ini menunjukkan bahwa format SVG untuk modul kuliah semigrup.htm memiliki akses yang sedikit lebih lambat dibanding format JPG dan GIF pada pengujian secara offline. 2. Halaman mikro_modul.htm Pengumpulan data secara offline terhadap halaman semigrup.htm dilakukan pada alamat untuk aplikasi yang telah mengubah format Gambar dari JPG dan atau GIF kedalam format SVG. Sementara alamat untuk aplikasi yang sebelumnya, merujuk ke alamat

24 61 Hasil yang diperoleh dari pengumpulan data ini terlihat pada Tabel 21 dan Gambar 29. Tabel 21 Pengumpulan data secara offline terhadap file mikro_modul5.htm No Jml Throughput (Kbps) Tot. Waktu (dtk) Rataan Waktu (dtk) Iterasi SVG HTML SVG HTML SVG HTML , ,20 0,10 0,10 0,10 0, , ,50 0,30 0,20 0,20 0, , ,70 0,30 0,30 0,10 0, , ,50 0,30 0,30 0,10 0, , ,90 0,20 0,40 0,00 0, , ,10 0,30 0,40 0,10 0, , ,30 0,30 0,40 0,00 0, , ,00 0,40 0,50 0,00 0, , ,80 0,50 0,60 0,10 0, , ,20 0,40 0,60 0,00 0, , ,70 0,50 0,60 0,00 0, , ,70 0,60 0,70 0,10 0, , ,80 0,70 0,80 0,10 0, , ,60 0,60 0,90 0,00 0, , ,30 0,70 0,90 0,00 0, , ,60 0,70 1,00 0,00 0, , ,00 0,70 1,10 0,00 0, , ,00 0,80 1,00 0,00 0, , ,30 0,90 1,20 0,00 0, , ,80 1,00 1,20 0,00 0,10 Rata-rata 7.677, ,35 0,05 0,06 0,05 0,10

25 62 1,40 1,20 1,00 Total Waktu (detik) 0,80 0,60 SVG Files HTML Files 0,40 0,20 0, Banyaknya Iterasi Gambar 29 Grafik file mikro_modul5.htm (offline test) Dari grafik yang diperoleh terlihat bahwa file mikro_modul5.htm yang telah diubah file-file image menjadi format SVG (kurva berwarna biru) ratarata terletak diatas kurva file asli yang menggunakan image berformat JPG dan GIF (kurva berwarna merah). Hal ini menunjukkan bahwa format SVG untuk modul kuliah mikro_modul5.htm memiliki akses yang lebih cepat dibanding format JPG dan GIF pada pengujian secara offline.