PERBANDINGAN KINERJA BROWSER PADA PEMANFAATAN ANIMASI SVG (SCALABLE VECTOR GRAPHIC)

IC-Tech Pub Date : 2022-10-30 DOI:10.47775/ictech.v17i2.243
Ichwan Kurniawan, Much. Rifqi Maulana, Christian Yulianto Rusli
{"title":"PERBANDINGAN KINERJA BROWSER PADA PEMANFAATAN ANIMASI SVG (SCALABLE VECTOR GRAPHIC)","authors":"Ichwan Kurniawan, Much. Rifqi Maulana, Christian Yulianto Rusli","doi":"10.47775/ictech.v17i2.243","DOIUrl":null,"url":null,"abstract":"Penggunaan Motion Graphic (MG) tidak hanya dugunakan sebagai sarana media seni, namun perkembanganya MG dapat dimanfaatakan di berbagai bidang. Baik bidang pendidikan, periklanan, hukum dan sebagainya. Pemanfaatan MG dalam proses pembelajaran dapat digunakan sebagai media pembelajaran, melalui MG diharapkan pengguna dapat memahami materi pembelajaran dengan baik. Animasi menjadi bagian yang  terpenting dalam pembuatan MG, Salah satu metode untuk menghemat waktu rendering dengan mengurangi detail gerakan, hal ini akan sedikit mempeharuhi hasil akhir animasi. Selain mengurangi kompleksitas gerakan terdapat metode lain untuk menghemat waktu render, yaitu menggunakan pemrograman komputer. Salah satu pemrograman komputer yang dapat digunakan untuk membuat animasi adalah dengan memanfaatkan Scalable Vector Graphic (SVG), SVG menggunakan bahasa markup yang berjalan pada browser. Hal ini memungkinkan dapat meminimalkan waktu render tanpa mengurangi kualitas hasil render, dan dapat membuat animasi dengan presisi nilai yang sesuai dengan kenyataannya. Tujuan dari penelitian ini adalah apakah terdapat perbedaan kinerja browser pada pemanfaatan animasi SVG dengan perbedaan atribut durasi dalam perbedaan garakan. Hasil dari perbandingan kinerja browser pada pemanfaatan animasi SVG dengan menambah atribut durasi dan perbedaan garakan. Hasil dari Perbandingan Kinerja Browser pada Pemanfaatan Animasi SVG (Scalable Vector Graphic) adalah bahwa Perbandingan Kinerja Browser Pada Pemanfaatan Animasi SVG (Scalable Vector Graphic), bahwa tidak terdapat perbandingan kenerja browser yang menonjol dan animasi  SVG dapat ditampilkan dan dijalankan dalam lingkungan browser dengan normal. Dapat dilihat pada kinerja rendering dan painting. Keseluruhan durasi animasi rata-rata lama waktu pada kenerja render sebanyak 245ms atau 4,78% dan rata-rata lama waktu pada kinerja painting sebanyak 161ms atau 3.14%. Kemudian Jika dilihat dari lama waktu GPU tidak bekerja dalam browser, tiap durasi memiliki lama waktu yang berbeda-beda. Waktu tercepat terdapat pada durasi 4.55s dengan waktu 4849ms dan waktu terlama terdapat pada durasi 0.05s dan 1.55s dengan waktu 4921ms. Artinya bahwa durasi animasi SVG tidak mempengaruhi kinerja browser dalam menjalankan animasi SVG. Hal ini dikarenakan bahwa dokumen SVG yang dijalankan melalui browser dijalankan dalam perintah (values animation) yang sama, jadi browser hanya menjalankan perintah yang sama sera berulang-ulang. Jika terjadi selisih kinerja browser kemungkinan dikarenakan karena terdapat pekerjaan yang lain yang dilakukan oleh perangkat pemproses dalam satu kegiatan.","PeriodicalId":235658,"journal":{"name":"IC-Tech","volume":"152 1","pages":"0"},"PeriodicalIF":0.0000,"publicationDate":"2022-10-30","publicationTypes":"Journal Article","fieldsOfStudy":null,"isOpenAccess":false,"openAccessPdf":"","citationCount":"0","resultStr":null,"platform":"Semanticscholar","paperid":null,"PeriodicalName":"IC-Tech","FirstCategoryId":"1085","ListUrlMain":"https://doi.org/10.47775/ictech.v17i2.243","RegionNum":0,"RegionCategory":null,"ArticlePicture":[],"TitleCN":null,"AbstractTextCN":null,"PMCID":null,"EPubDate":"","PubModel":"","JCR":"","JCRName":"","Score":null,"Total":0}
引用次数: 0

Abstract

Penggunaan Motion Graphic (MG) tidak hanya dugunakan sebagai sarana media seni, namun perkembanganya MG dapat dimanfaatakan di berbagai bidang. Baik bidang pendidikan, periklanan, hukum dan sebagainya. Pemanfaatan MG dalam proses pembelajaran dapat digunakan sebagai media pembelajaran, melalui MG diharapkan pengguna dapat memahami materi pembelajaran dengan baik. Animasi menjadi bagian yang  terpenting dalam pembuatan MG, Salah satu metode untuk menghemat waktu rendering dengan mengurangi detail gerakan, hal ini akan sedikit mempeharuhi hasil akhir animasi. Selain mengurangi kompleksitas gerakan terdapat metode lain untuk menghemat waktu render, yaitu menggunakan pemrograman komputer. Salah satu pemrograman komputer yang dapat digunakan untuk membuat animasi adalah dengan memanfaatkan Scalable Vector Graphic (SVG), SVG menggunakan bahasa markup yang berjalan pada browser. Hal ini memungkinkan dapat meminimalkan waktu render tanpa mengurangi kualitas hasil render, dan dapat membuat animasi dengan presisi nilai yang sesuai dengan kenyataannya. Tujuan dari penelitian ini adalah apakah terdapat perbedaan kinerja browser pada pemanfaatan animasi SVG dengan perbedaan atribut durasi dalam perbedaan garakan. Hasil dari perbandingan kinerja browser pada pemanfaatan animasi SVG dengan menambah atribut durasi dan perbedaan garakan. Hasil dari Perbandingan Kinerja Browser pada Pemanfaatan Animasi SVG (Scalable Vector Graphic) adalah bahwa Perbandingan Kinerja Browser Pada Pemanfaatan Animasi SVG (Scalable Vector Graphic), bahwa tidak terdapat perbandingan kenerja browser yang menonjol dan animasi  SVG dapat ditampilkan dan dijalankan dalam lingkungan browser dengan normal. Dapat dilihat pada kinerja rendering dan painting. Keseluruhan durasi animasi rata-rata lama waktu pada kenerja render sebanyak 245ms atau 4,78% dan rata-rata lama waktu pada kinerja painting sebanyak 161ms atau 3.14%. Kemudian Jika dilihat dari lama waktu GPU tidak bekerja dalam browser, tiap durasi memiliki lama waktu yang berbeda-beda. Waktu tercepat terdapat pada durasi 4.55s dengan waktu 4849ms dan waktu terlama terdapat pada durasi 0.05s dan 1.55s dengan waktu 4921ms. Artinya bahwa durasi animasi SVG tidak mempengaruhi kinerja browser dalam menjalankan animasi SVG. Hal ini dikarenakan bahwa dokumen SVG yang dijalankan melalui browser dijalankan dalam perintah (values animation) yang sama, jadi browser hanya menjalankan perintah yang sama sera berulang-ulang. Jika terjadi selisih kinerja browser kemungkinan dikarenakan karena terdapat pekerjaan yang lain yang dilakukan oleh perangkat pemproses dalam satu kegiatan.
MG的使用不仅仅是作为一种艺术媒体工具,它还可以在许多领域发挥作用。教育、广告、法律等等。MG在学习过程中的应用可以作为学习媒介,通过MG期望用户能够很好地理解学习材料。动画是MG的关键组成部分,这是一种通过减少运动细节来节省时间的方法,它将对动画的最终结果有所贡献。除了降低运动的复杂性,还有另一种方法来节省渲染时间,即使用计算机编程。可以用来制作动画的计算机程序之一是利用Scalable Vector图形(SVG), SVG使用在浏览器上运行的标记语言。它允许在不损害渲染结果质量的情况下最小化渲染时间,并可以创建一个具有现实价值精度的动画。本研究的目的是,在SVG动画的使用中,浏览器的性能是否存在差异,在不同的笔画中存在持续时间属性的差异。web比较SVG动画使用的结果,添加持续时间属性和garakan差异。对SVG动画使用的浏览器表现比较的结果是,对SVG动画使用的浏览器表现比较没有突出的kenerja和SVG动画动画可以在普通浏览器环境中显示和运行。可以在渲染表演和绘画中看到。kenerja渲染中的平均持续时间长短为245ms或4.78%,平均持续时间为161ms或3.14%。然后,如果GPU在浏览器中不工作的时间长短,那么每次持续时间都有不同的长短。最快的时间是4.55s的4849ms时间,最长的时间是0.05s和1.55s的时间是4921ms。这意味着SVG动画的持续时间不会影响SVG动画运行中的浏览器性能。这是因为通过浏览器运行的SVG文档是在相同的命令下运行的,所以浏览器只是重复执行相同的命令塞拉。如果浏览器性能的差异可能是由于配置设备在一个活动中执行的另一项工作。
本文章由计算机程序翻译,如有差异,请以英文原文为准。
求助全文
约1分钟内获得全文 求助全文
来源期刊
自引率
0.00%
发文量
0
×
引用
GB/T 7714-2015
复制
MLA
复制
APA
复制
导出至
BibTeX EndNote RefMan NoteFirst NoteExpress
×
提示
您的信息不完整,为了账户安全,请先补充。
现在去补充
×
提示
您因"违规操作"
具体请查看互助需知
我知道了
×
提示
确定
请完成安全验证×
copy
已复制链接
快去分享给好友吧!
我知道了
右上角分享
点击右上角分享
0
联系我们:info@booksci.cn Book学术提供免费学术资源搜索服务,方便国内外学者检索中英文文献。致力于提供最便捷和优质的服务体验。 Copyright © 2023 布克学术 All rights reserved.
京ICP备2023020795号-1
ghs 京公网安备 11010802042870号
Book学术文献互助
Book学术文献互助群
群 号:481959085
Book学术官方微信