LAPORAN

LAB DASAR PEMROGRAMAN MOBILE

Latihan Lab 4 Pertemuan 7

DOSEN PENGAMPU : Dr. ARBI HAZA NASUTION, M.IT

DISUSUN OLEH:

Muhammad Rozi 183510763

FAKULTAS TEKNIK

PROGRAM STUDI TEKNIK INFORMATIKA

UNIVERSITAS ISLAM RIAU

2020
 Audio Video

A. Audio
1. Pertama membuat framework aplikasi yang ingin dibuat, disini saya menggunakan port
7777 dengan nama LatihanP7

2. Disini membahas Audio dan Video, dimulai dari Audio dulu, Audio dapat ditemukan di
Kitchen Sink, kemudian copy kodingan yang ada disamping kanan
3. Kemudian buat file baru bernama Audio.js di folder main dan paste kan kodingan yang sudah di
copy tadi di file tersebut
Di line 6 pada file Audio.js ditambahkan xtype berupa myaudio1

4. Kemudian menambahkan lagu untuk ditampilkan pada audio dengan memasukkan lagu ke folder
resources pada framework ini
5. Kemudian mengubah kodingan url dimana letaknya file lagu tadi

6. Kemudian untuk menampilkan audio tersebut, buka Main.js terus tambahkan requires dari
Audio.js tersebut
7. Kemudian tambahkan xtype dari Audio.js tadi di users pada file Main.js

8. Berikut hasilnya :
9. Untuk hasil tampilan mobile :

Kenapa di web dan android berbeda tampilannya? Karna pada kodingan tadi ada tambahan khusus
untuk android sebegai berikut :
10. Kemudian mencoba tampilan android tidak hanya button saja, tapi sama seperti web sebagai
berikut :

Kodingan button sebelumnya dihapus, kemudian enableControls nya diganti menjadi true

11. Hasilnya :

Sama seperti tampilan web

B. Video
1. Selanjutnya masuk ke Video, dapat ditemukan di Kitchen Sink, kemudian copy kodingan
yang ada disamping kanan

2. Kemudian buat file baru bernama Video.js di folder main dan paste kan kodingan yang sudah di
copy tadi di file tersebut
Di line 6 pada file Audio.js ditambahkan xtype berupa myavideo

3. Terus tambahkan file video dan gambar untuk cover nya nanti pada folder resources
4. Kemudian mengubah kodingan url dimana letaknya file video dan cover tadi, posterUrl untuk
menampilkan cover video

5. Kemudian untuk menampilkan audio tersebut, buka Main.js terus tambahkan requires dari
Video.js tersebut
6. Kemudian tambahkan xtype dari Video.js tadi di users pada file Main.js

Hasil