12 SLVPlaylist_Items.push. Setelah itu dari local storage akan dibaca menggunakan
fungsi SLVPlayer_Load. Control Video
Merupakan bagian untuk mengontrol video, seperti play pause, stop, capture, previous, next, volume, dan screen video. Control video ini menggunakan
fungsi JavaScript. Untuk memainkan file MP4 sesuai yang tertera di playlist lakukan klik pada
media playlist atau dengan melakukan click pada tombol play. Proses untuk memutar file MP4 menggunakan Video engine yang disediakan oleh HTML5
adalah mendefinisikan path sumber file MP4 yang dikehendaki ke Video Engine dengan menggunakan perintah SLVPlayer.src = video_path. Sesudah itu file video
yang didefinisikan di video_path dimuatkan ke Video Engine HTML5 dengan menggunakan perintah SLVPlayer.load. Begitu Video Engine sudah dalam
kondisi termuati file, perintah playVideo akan melakukan playback terhadap file MP4 yang dikehendaki. Proses ini ditangani oleh Video Engine HTML5.
Kode Program 4 Source Code Play File MP4
6. Pengujian Sistem
Metode yang digunakan dalam pengujian sitem ini adalah dengan metode Beta testing, yaitu pengujian sistem yang lakukan untuk mengetahui apakah
aplikasi ini sudah sesuai dengan apa yang diharapkan oleh user. Dan sebagai responden sebanyak 30 mahasiswa FTI UKSW.
Tabel 1 Uji coba sistem beradasarkan responden
Hasil uji coba
No Materi uji coba
Sangat setuju
Setuju Tidak tahu
Tidak setuju
Sangat tidak
setuju 1
Tampilan interface 8
13 2
2 5
2 Kemudahan Penggunaan
5 15
- 4
6 3
Fasilitas drag and drop 7
12 1
3 7
4 Pesan eror dalam aplikasi
5 14
3 3
5
1. function playVideo{ 2.
SLVPlayer.play; 3.
document.getElementById“play”.style.display = “none”; 4.
document.getElementById“pause”.style.display = “block”; 5. }
6. function SLV_PlaylistItem_Clickid{ 7.
load_trackid; 8.
playVideo; 9. }
10. function load_trackid { 11.
if id =loaded_index { 12.
highlight.ListItemid; 13.
loaded_index = id; 14.
video_path = SLVPlaylist_Item[id][“path];
Video_title = SLVPlaylist_Item[id][“title”];
13
5 Penggunaan control player
3 17
- 7
3 Persentase
18,67 47,33
4 12,67
17.33
Tabel 1 merupakan hasil pengujian sistem berdasarkan responden. Dan sebagai responden sebanyak 30 mahasiswa FTI UKSW, didapatkan hasil sebagai
berikut: 18,67 sangat setuju bahwa video player ini sudah mudah digunakan.
47,33 setuju bahwa video player ini sudah mudah digunakan. 4 tidak tahu.
12,67 tdak setuju bahwa video player ini mudah digunakan. 17,33 sangat tidak setuju bahwa video player ini mudah digunakan.
Tabel 2 Uji coba sistem berdasarkan browser
No Unit Test
Opera Safari
IE Firefox
Chrome 1
Homepage √
√ √
√ √
2 Control video
- Volume
√ √
√ √
√ -
Next √
√ √
√ √
- Previous
√ √
√ √
√ -
Play -
- -
- √
- Stop
- -
- -
√ -
View video -
- -
- √
3 Canvas
- Capture video frame
√ √
- √
√ 4
Drag and
drop -
Remove Playlist Item
- √
- √
√ -
Control video -
- -
√ √
Dari tabel 2 yang merupakan hasil pengujian sistem berdasarkan browser, didapatkan hasil bahwa Google Chrome merupakan browser yang paling
mendukung aplikasi video player ini.
Tabel 3 Pengujian Validitas Proses Sistem
No Proses Uji Coba
Hasil Uji Coba Valid
InValid 1
Drag and drop remove playlist item √
2 Drag and drop tidak pada area
√ 3
Drag and drop control player √
4 Play lagu
√ 5
Stop lagu √
14
6 Next lagu
√ 7
Previous lagu √
8 Add file
√ 9
Capture √
Sesuai dengan tabel yaitu pengujian validitas proses sistem, dapat disimpulkan bahwa implementasi sistem dapat berjalan dengan baik.
7. Simpulan
