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 masing-masing 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
Besar File (bytes)
No Nama File
Size Size on disk Dimensi Keterangan
1 Mikro_modul5.htm 13.360 16.384 - HTML Document
2 blank_logo.jpg 25.241 28.672 257 x 123 JPG Image
3 mm_dashed_line.gif 45 4.096 4 x 3 GIF Image
4 mm_spacer.gif 43 4.096 1 x 1 GIF Image
5 nabkgnd.jpg 2.663 4.096 200 x 150 JPG Image 6 btn_menu.svg 3.281 4.096 - SVG Document 7 glikolisis.svg 1.187 4.096 - SVG Document 8 gliserol.svg 708 4.096 - SVG Document 9 krebs.svg 800 4.096 - SVG Document 10 protein.svg 590 4.096 - SVG Document 11 Trigliserida.svg 675 4.096 - SVG Document 12 mikrobiologi.css 2.506 4.096 - CSS Document T O T A L 51.099 86.016
Tabel 7 Besar file mikro_modul5.htm yang dihasilkan dalam format JPG dan GIF
Besar File (bytes) No
Nama File size Size on disk Dimensi Keterangan
1 mikro_modul5.htm 11.490 12.288 - HTML Document
2 blank_logo.jpg 25.241 28.672 257 x 123 JPG Image
3 mm_dashed_line.gif 45 4.096 4 x 3 GIF Image
4 mm_spacer.gif 43 4.096 1 x 1 GIF Image
5 nabkgnd.jpg 2.663 4.096 200 x 150 JPG Image 6 btn_menu.jpg 21.234 24.567 158 x 325 JPG Image 7 glikolisis.jpg 25.440 28.672 540 x 42 JPG Image 8 Gliserol.jpg 24.975 28.672 590 x 34 JPG Image 9 krebs.jpg 23.715 24.576 584 x 35 JPG Image 10 Protein.jpg 14.112 16.384 278 x 29 JPG Image 11 trigliserida.jpg 19.561 20.480 453 x 28 JPG Image 12 mikrobiologi.css 2.506 4.096 - CSS Document T O T A L 171.025 200.695
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
persamaan-persamaan 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
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
Besar File (bytes)
No Nama File
Size Size on disk Dimensi Keterangan
1 semigrup.htm 29.056 32.768 - HTML Document
2 banner-aljabar.jpg 17.191 20.480 678 x 65 JPG Image
3 G11line22.gif 1.157 4.096 128 x 128 GIF Image
4 equa000.svg 2.024 4.096 - SVG Document 5 equa001.svg 4.086 4.096 - SVG Document 6 equa002.svg 933 4.096 - SVG Document 7 equa003.svg 3.811 4.096 - SVG Document 8 equa004.svg 1.388 4.096 - SVG Document 9 equa005.svg 4.856 8.192 - SVG Document 10 equa006.svg 2.618 4.096 - SVG Document 11 equa007.svg 1.133 4.096 - SVG Document 12 equa008.svg 1.133 4.096 - SVG Document 13 equa009.svg 3.374 4.096 - SVG Document 14 equa010.svg 2.939 4.096 - SVG Document 15 equa011.svg 15.287 16.384 - SVG Document 16 equa012.svg 2.241 4.096 - SVG Document 17 equa013.svg 5.155 8.192 - SVG Document 18 equa014.svg 2.904 4.096 - SVG Document 19 equa015.svg 44.143 45.056 - SVG Document 20 equa016.svg 58.788 61.440 - SVG Document 21 equa017.svg 4.082 4.096 - SVG Document 22 equa018.svg 496 4.096 - SVG Document 23 equa019.svg 4.449 8.192 - SVG Document 24 equa020.svg 7.152 8.192 - SVG Document 25 equa021.svg 2.595 4.096 - SVG Document 26 equa022.svg 39.607 40.960 - SVG Document 27 equa023.svg 7.078 8.192 - SVG Document 28 equa024.svg 4.160 8.192 - SVG Document 29 Equation.css 986 4.096 - CSS Ducument 30 up_menu.svg 1.238 4.096 - SVG Document
31 spacer.gif 43 4.096 1 x 1 GIF Image
Tabel 9 Besar file semigrup.htm yang dihasilkan dengan format JPG dan GIF
Besar File (bytes)
No Nama File
Size size on disk Dimensi Keterangan
1 semigrup.htm 16.335 16.384 - HTML Document
2 banner-aljabar.jpg 17.191 20.480 678 x 65 JPG Image
3 g11line22.gif 1.157 4.096 128 x 128 GIF Image
4 icon1.jpg 3.056 4.096 172 x 16 JPG Image
5 icon2.jpg 3.014 4.096 167 x 16 JPG Image
6 icon3.jpg 2.597 4.096 140 x 16 JPG Image
7 icon4.jpg 2.269 4.096 109 x 16 JPG Image
8 icon5.jpg 1.884 4.096 90 x 16 JPG Image
9 equa000.gif 981 4.096 78 x 21 GIF Image
10 equa001.gif 1.077 4.096 139 x 21 GIF Image
11 equa002.gif 914 4.096 43 x 18 GIF Image
12 equa003.gif 1.139 4.096 134 x 26 GIF Image
13 equa004.gif 919 4.096 37 x 21 GIF Image
14 equa005.gif 1.134 4.096 165 x 26 GIF Image
15 equa006.gif 1.031 4.096 63 x 22 GIF Image
16 equa007.gif 866 4.096 19 x 24 GIF Image
17 equa008.gif 856 4.096 17 x 18 GIF Image
18 equa009.gif 995 4.096 93 x 21 GIF Image
19 equa010.gif 974 4.096 75 x 21 GIF Image
20 equa011.gif 916 4.096 183 x 142 GIF Image
21 equa012.gif 983 4.096 74 x 21 GIF Image
22 equa013.gif 430 4.096 121 x 109 GIF Image
23 equa014.gif 1.000 4.096 87 x 21 GIF Image
24 equa015.gif 3.430 4.096 339 x 266 GIF Image
25 equa016.gif 7.385 8.192 512 x 391 GIF Image
26 equa017.gif 1.085 4.096 129 x 21 GIF Image
27 equa018.gif 865 4.096 17 x 18 GIF Image
28 equa019.gif 837 4.096 185 x 68 GIF Image
29 equa020.gif 1.279 4.096 181 x 30 GIF Image
30 equa021.gif 1.034 4.096 65 x 22 GIF Image
31 equa022.gif 2.433 4.096 210 x 473 GIF Image
32 equa023.gif 1.911 4.096 340 x 110 GIF Image
33 equa024.gif 799 4.096 174 x 74 GIF Image
34 spacer.gif 43 4.096 1 x 1 GIF Image
T O T A L 82.819 172.032
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
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
Total Besar File (bytes)
No Nama File (Format)
Actual Size Size on Disk
1 Semigrup.htm (SVG format) 276.103 344.064
2 Semigrup.htm (JPG & GIF format) 82.819 172.032
Tabel 11 Komparasi total besar file mikro_modul5.htm
Total Besar File (bytes)
No Nama File (Format)
Actual Size Size on Disk
1 mikro_modul5.htm (SVG format) 51.099 86.016
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 http://www.thirdring.net/inetbench).
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
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
http://www.obengkembang.com/tesis/svg/matematika/semigrup.htm untuk
aplikasi yang komponen-komponen Gambar didalamnya telah dimigrasikan ke dalam format SVG. Sementara alamat
http://www.obengkembang.com/tesis/html/matematika/semigrup.htm untuk
(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)
Jml Troughput (Kbps) Tot. Waktu (dtk) Rataan Waktu (dtk)
No Iterasi SVG HTML SVG HTML SVG HTML 1 1 89,70 62,70 26,80 13,00 26,80 13,00 2 2 68,10 76,30 70,40 31,90 35,20 15,90 3 3 76,30 89,70 94,30 40,40 31,50 13,50 4 4 89,30 64,10 107,30 48,10 26,80 12,00 5 5 62,20 62,40 192,70 98,40 38,50 19,70 6 6 64,90 66,10 221,70 106,20 36,90 17,70 7 7 65,60 68,10 256,00 125,70 36,60 18,00 8 8 65,90 65,40 290,70 137,00 36,40 17,10 9 9 62,70 65,60 344,10 151,90 38,20 16,90 10 10 64,10 65,60 374,00 164,90 48,00 16,50 11 11 65,50 61,50 402,30 183,60 36,60 16,70 12 12 65,60 89,30 429,10 196,70 35,80 16,40 13 13 61,50 63,10 479,70 235,90 36,90 18,10 14 14 62,60 64,00 528,50 251,70 37,80 18,00 15 15 66,30 64,90 574,70 285,10 38,30 19,00 16 16 63,10 66,30 610,60 292,30 38,20 18,30 17 17 66,10 65,50 647,90 309,20 38,10 18,20 18 18 62,40 62,60 702,60 324,10 39,00 18,00 19 19 64,00 62,20 738,70 352,80 38,90 18,60 20 20 65,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.
800,00 700,00 600,00 SVG Files 500,00 Total Wa ktu (detik) HTML Files 400,00 300,00 200,00 100,00 0,00 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 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.
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)
Jml Troughput (Kbps) Tot. Waktu (dtk) Rataan Waktu (dtk)
No Iterasi SVG HTML SVG HTML SVG HTML 1 1 101,30 104,00 21,60 7,00 21,60 7,00 2 2 102,20 103,90 42,90 13,80 21,40 6,90 3 3 103,80 104,00 63,30 20,40 21,10 6,80 4 4 104,00 101,30 84,20 27,20 21,10 6,80 5 5 103,90 103,90 105,40 34,00 21,10 6,80 6 6 104,80 101,30 125,40 40,50 20,90 6,80 7 7 101,50 105,30 151,00 48,70 21,60 7,00 8 8 102,30 104,00 171,40 55,30 21,40 6,90 9 9 103,80 104,00 189,90 61,30 21,10 6,80 10 10 105,30 105,30 208,00 67,10 20,80 6,70 11 11 102,20 101,30 215,40 69,50 21,50 6,30 12 12 103,90 103,90 236,00 75,90 21,50 6,30 13 13 102,20 105,30 253,20 81,60 20,80 6,30 14 14 101,50 102,30 273,70 88,40 20,10 6,30 15 15 102,20 103,90 295,10 95,20 21,50 6,30 16 16 103,90 103,90 313,50 101,30 21,10 6,30 17 17 104,00 104,00 345,10 111,30 20,20 6,50 18 18 101,50 105,30 364,20 117,50 20,70 6,50 19 19 104,00 101,30 379,80 122,60 20,10 6,50 20 20 102,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.
400,00 350,00 300,00 SVG Files Total Wa ktu (detik) 250,00 HTML Files 200,00 150,00 100,00 50,00 0,00 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 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.
c. Rentang Waktu Pengambilan Data Pukul 23:00 - 07:00
Pengumpulan data secara online terhadap halaman semigrup.htm dilakukan pada tanggal 28 Juni 2007. 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)
Jml Troughput (Kbps) Tot. Waktu (dtk) Rataan Waktu (dtk)
No Iterasi SVG HTML SVG HTML SVG HTML 1 1 143,50 100,30 15,30 7,40 15,30 7,40 2 2 109,00 122,00 40,20 18,20 20,10 9,10 3 3 122,00 143,50 53,90 23,10 18,00 7,70 4 4 142,90 102,50 61,30 27,50 15,30 6,88 5 5 99,50 99,80 110,10 56,20 22,00 11,24 6 6 103,80 105,70 126,70 60,70 21,10 10,12 7 7 104,90 109,00 146,30 71,80 20,90 10,26 8 8 105,50 104,60 166,10 78,30 20,80 9,79 9 9 100,30 104,90 196,60 86,80 21,80 9,64 10 10 102,50 104,90 213,70 94,20 27,40 9,42 11 11 104,80 98,40 229,90 104,90 20,90 9,54 12 12 104,90 142,90 245,20 112,40 20,43 9,37 13 13 98,40 100,90 274,10 134,80 21,08 10,37 14 14 100,20 102,40 302,00 143,80 21,57 10,27 15 15 106,10 103,80 328,40 162,90 21,89 10,86 16 16 100,90 106,10 348,90 167,00 21,81 10,44 17 17 105,70 104,80 370,20 176,70 21,78 10,39 18 18 99,80 100,20 401,50 185,20 22,31 10,29 19 19 102,40 99,50 422,10 201,60 22,22 10,61 20 20 104,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.
500,00 450,00 400,00 350,00
Total Waktu (deti
k ) SVG Files HTML Files 300,00 250,00 200,00 150,00 100,00 50,00 0,00 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 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
http://www.obengkembang.com/tesis/svg/mikrobiologi/mikro_modul5.htm
untuk aplikasi yang komponen-komponen Gambar didalamnya telah dimigrasi kedalam format SVG. Sementara alamat
http://www.obengkembang.com/tesis/html/mikrobiologi/mikro_modul5.htm
untuk aplikasi yang masih menggunakan komponen Gambar dengan format lama (JPG dan GIF). Koneksi yang digunakan adalah Telkomnet Instan.
a. Rentang Waktu Pengambilan Data Pukul 07:00 – 17:00
Pengumpulan data secara online terhadap halaman mikro_modul5.htm dilakukan pada tanggal 18 Juli 2007. 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)
Jml Troughput (Kbps) Tot. Waktu (dtk) Rata-rata Waktu (dtk) No Iterasi SVG HTML SVG HTML SVG HTML 1 1 21,70 22,30 16,40 57,40 16,40 57,40 2 2 21,40 21,90 33,20 116,90 16,70 58,50 3 3 21,90 21,90 48,60 175,80 16,20 58,70 4 4 20,00 21,70 71,00 235,80 17,80 58,90 5 5 21,90 22,4 80,80 285,60 16,10 57,10 6 6 21,90 21,90 97,20 343,00 16,20 57,10 7 7 22,00 21,90 113,00 408,40 16,10 58,40 8 8 22,10 22,30 128,70 458,50 16,10 57,30 9 9 21,90 21,90 145,60 527,80 16,20 58,70 10 10 21,30 22,10 166,30 579,20 16,70 58,00 11 11 20,60 22,10 189,60 636,90 17,20 58,00 12 12 20,50 22,20 205,90 693,00 17,20 57,70 13 13 22,00 22,3 209,70 747,00 16,10 57,40 14 14 21,90 22,30 227,20 805,10 16,20 57,50 15 15 21,70 22,40 244,90 856,90 16,40 57,10 16 16 21,90 22,30 258,70 920,90 16,10 57,30 17 17 21,60 22,30 279,70 984,10 16,50 57,80 18 18 21,10 22,10 302,50 1.046,60 16,80 57,80 19 19 22,00 22,2 306,00 1.108,90 16,10 57,70 20 20 21,70 22,10 326,50 1.169,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.
1.200,00 1.000,00 800,00 Total Wa ktu (detik) SVG Files 600,00 HTML Files 400,00 200,00 0,00 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 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
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 2007. 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)
Jml Troughput (Kbps) Tot. Waktu (dtk) Rataan Waktu (dtk)
No Iterasi SVG HTML SVG HTML SVG HTML 1 1 39,50 38,90 9,30 34,10 9,30 34,10 2 2 40,40 36,50 18,20 72,80 9,10 36,40 3 3 40,90 39,80 27,00 100,00 9,00 33,30 4 4 40,80 39,70 36,00 133,70 9,00 33,40 5 5 41,00 39,7 44,80 167,30 9,00 33,50 6 6 38,80 39,90 56,90 199,50 9,50 33,30 7 7 40,70 39,90 63,20 232,80 9,00 33,30 8 8 41,40 39,40 70,90 269,40 8,90 33,70 9 9 41,80 38,80 80,60 307,50 9,00 34,20 10 10 41,40 39,20 88,80 338,10 8,90 33,80 11 11 40,70 39,90 99,20 366,30 9,00 33,30 12 12 41,40 39,40 106,80 404,40 8,90 33,70 13 13 41,00 39,7 117,50 435,50 9,00 33,50 14 14 38,80 39,90 133,40 466,20 9,50 33,30 15 15 40,90 39,80 144,70 499,50 9,00 33,30 16 16 40,80 39,70 161,50 534,40 9,00 33,40 17 17 38,80 39,90 161,90 566,10 9,50 33,30 18 18 40,70 39,90 161,90 599,50 9,00 33,30 19 19 41,00 39,7 171,60 636,70 9,00 33,50 20 20 38,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.
700,00 600,00 500,00 Total Wa ktu (detik) SVG Files 400,00 HTML Files 300,00 200,00 100,00 0,00 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 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
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 2007. 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)
Jml Troughput (Kbps) Tot. Waktu (dtk) Rataan Waktu (dtk)
No Iterasi SVG HTML SVG HTML SVG HTML 1 1 31,40 32,30 11,70 41,00 11,70 41,00 2 2 31,00 31,80 23,70 83,50 11,90 41,80 3 3 31,80 31,70 34,70 125,60 11,60 41,90 4 4 29,00 31,50 50,70 168,40 12,70 42,10 5 5 31,80 32,50 57,70 204,00 11,50 40,80 6 6 31,80 32,50 69,40 245,00 11,60 40,80 7 7 31,90 31,80 80,70 291,70 11,50 41,70 8 8 32,00 32,40 91,90 327,50 11,50 40,90 9 9 31,80 31,70 104,00 377,00 11,60 41,90 10 10 30,90 32,10 118,80 413,70 11,90 41,40 11 11 29,80 32,10 135,40 454,90 12,30 41,40 12 12 29,70 32,20 147,10 495,00 12,30 41,20 13 13 31,90 32,30 149,80 533,60 11,50 41,00 14 14 31,70 32,30 162,30 575,10 11,60 41,10 15 15 31,50 32,50 174,90 612,10 11,70 40,80 16 16 31,80 32,30 184,80 657,80 11,50 40,90 17 17 31,30 32,30 199,80 702,90 11,80 41,30 18 18 30,60 32,10 216,10 747,60 12,00 41,30 19 19 31,90 32,20 218,60 792,10 11,50 41,20 20 20 31,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.
900,00 800,00 700,00
Total Waktu (deti
k ) 600,00 500,00 SVG Files 400,00 HTML Files 300,00 200,00 100,00 0,00 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 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
Tabel 18 Komparasi waktu akses semigrup.htm
Rata-rata (detik) Total Waktu Rataan Waktu
Rataan Throughput (kbps) No Intrvl Waktu Pengambilan Data SVG HTML SVG HTML SVG HTML Maksimum Speed (kbps) 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,37 52 3 23:00 – 07:00 21,39 10,12 20,93 9,71 104,08 106,16 48 45,00 40,00 37,44 36,65 35,00 30,00 Wa ktu (d etik) 25,00
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).
Gambar 26 Komparasi rata-rata waktu akses file semigrup.svg 21,39 21,08 20,93 20,16 20,00 17,70 17,01 15,00 10,12 9,71 10,00 6,51 6,61 5,00 0,00 23:00 - 07:00 07:00 - 17:00 17:00 - 23:00
Interval Waktu Pengambilan Data
Rata-rata Total Waktu (SVG) Rata-rata Rataan Waktu (SVG) Rata-rata Total Waktu (HTML) Rata-rata Rataan Waktu (HTML)
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
Rata-rata (detik) Total Waktu Rataan Waktu
Rataan Throughput (kbps) No Intrvl Waktu Pengambilan Data 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,67 48 3 23:00 – 07:00 11,74 41,35 11,77 41,27 31,30 32,19 40 70 60 57,89 57,79 50 Wa ktu (d etik) 41,35 41,27 40 33,65 33,48 30 20 16,4416,48 11,74 11,77 9,26 9,11 10 0 23:00 - 07:00 07:00 - 17:00 17:00 - 23:00
Interval Waktu Pengambilan Data
Rata-rata Total Waktu (SVG) Rata-rata Rataan Waktu (SVG) Rata-rata Total Waktu (HTML) 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
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 http://localhost/tesis/svg/matematika/semigrup.htm untuk aplikasi yang telah mengubah format Gambar dari JPG dan atau GIF kedalam format SVG. Sementara alamat untuk aplikasi yang sebelumnya merujuk ke alamat http://localhost/tesis/html/matematika/semigrup.htm. 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
Jml Throughput (Kbps) Tot Waktu (detik) Rataan Waktu (det)
No Iterasi SVG HTML SVG HTML SVG HTML 1 1 9.404,90 2.086,10 0,20 0,30 0,20 0,30 2 2 11.208,90 4.630,90 0,40 0,30 0,20 0,10 3 3 11.062,40 3.491,70 0,50 0,60 0,20 0,20 4 4 11.208,90 4.518,70 0,80 0,60 0,20 0,10 5 5 12.725,50 4.872,80 0,90 0,70 0,20 0,10 6 6 13.121,80 4.477,40 1,00 0,90 0,20 0,10 7 7 13.269,30 4.498,70 1,20 1,00 0,20 0,10 8 8 14.206,40 4.464,60 1,20 1,20 0,20 0,10 9 9 14.873,30 4.712,60 1,30 1,20 0,10 0,10 10 10 13.756,00 4.408,90 1,60 1,50 0,20 0,10 11 11 14.698,00 4.740,90 1,60 1,50 0,10 0,10 12 12 14.145,30 4.516,10 1,90 1,70 0,20 0,10 13 13 14.116,60 4.643,50 2,00 1,80 0,20 0,10 14 14 14.553,50 4.716,90 2,10 1,90 0,20 0,10 15 15 14.700,40 4.822,40 2,20 2,00 0,10 0,10 16 16 15.575,90 4.909,40 2,30 2,10 0,10 0,10 17 17 14.654,90 4.669,80 2,50 2,40 0,10 0,10 18 18 14.690,50 4.678,80 2,70 2,50 0,10 0,10 19 19 15.107,20 4.823,50 2,80 2,60 0,10 0,10 20 20 14.692,20 4.670,60 3,00 2,80 0,10 0,10 Rata-rata 14.347,67 4.653,01 0,15 0,14 0,16 0,12
3,20 3,00 2,80 2,60 2,40 2,20 T o tal W a ktu (detik) 2,00 1,80 1,60 1,40 1,20 1,00 0,80 SVG Files HTML Files 0,60 0,40 0,20 0,00 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 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
http://localhost/tesis/svg/mikrobiologi/mikro_modul5.htm 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 21 dan Gambar 29.
Tabel 21 Pengumpulan data secara offline terhadap file mikro_modul5.htm
Jml Throughput (Kbps) Tot. Waktu (dtk) Rataan Waktu (dtk)
No Iterasi SVG HTML SVG HTML SVG HTML 1 1 3.340,40 14.267,20 0,10 0,10 0,10 0,10 2 2 2.142,50 16.795,50 0,30 0,20 0,20 0,10 3 3 3.360,70 15.858,70 0,30 0,30 0,10 0,10 4 4 4.467,40 16.902,50 0,30 0,30 0,10 0,10 5 5 7.408,10 17.010,90 0,20 0,40 0,00 0,10 6 6 6.721,50 18.865,10 0,30 0,40 0,10 0,10 7 7 9.120,90 21.957,30 0,30 0,40 0,00 0,10 8 8 7.537,20 21.103,00 0,40 0,50 0,00 0,10 9 9 7.316,30 19.640,80 0,50 0,60 0,10 0,10 10 10 8.686,50 22.375,20 0,40 0,60 0,00 0,10 11 11 7.389,10 26.109,70 0,50 0,60 0,00 0,10 12 12 7.054,80 22.175,70 0,60 0,70 0,10 0,10 13 13 6.942,90 22.606,80 0,70 0,80 0,10 0,10 14 14 8.037,80 19.761,60 0,60 0,90 0,00 0,10 15 15 8.177,40 21.286,30 0,70 0,90 0,00 0,10 16 16 7.998,70 20.276,60 0,70 1,00 0,00 0,10 17 17 9.079,20 20.885,00 0,70 1,10 0,00 0,10 18 18 8.634,40 23.461,00 0,80 1,00 0,00 0,10 19 19 7.450,80 20.921,30 0,90 1,20 0,00 0,10 20 20 7.583,90 22.661,80 1,00 1,20 0,00 0,10 Rata-rata 7.677,03 21.333,35 0,05 0,06 0,05 0,10
1,40 1,20 1,00
Total Waktu (deti
k ) 0,80 SVG Files HTML Files 0,60 0,40 0,20 0,00 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 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) rata-rata 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.
