Analisislah media interaktif berbasis halaman web (misal : shopee, dll) dan berbasis dekstop (buka web >

ketik
rumah belajar > pilih sumber belajar > pilih sumber belajar 1.0 > pilih SMK > pilih bidang keahlian Seni dan
Industri Kreatif > pilih salah satu media interaktif

Situs 1
Situs 1 Blibli 
URL (alamat) https://www.blibli.com/
Deskripsikan GUI (Graphical User Interface) atau antarmuka tampilan dari web yang diamati
1. Layout / tata letak yang digunakan ? Picture window layout
2. Warna apa saja yang digunakan ? Biru muda,putih
3. Apakah warna yang digunakan sesuai Sesuai, dengan menggunakan dua warna utama, itu
dengan content / isi dari web tersebut ? terlihat elegan dengan perpaduan biru muda dengan
didominasi putih.
4. Elemen navigasi apa yang dimiliki ? horizontal
5. Apakah susunan navigasi yang digunakan Sesuai, karena penempatan setiap barang
sesuai ? dimarketplace tersebut terlihat jelas dan memudahkan
pengguna untuk memilih.
6. Deskripsikan setiap presentasi Blibli memiliki beberapa komponen penting seperti
multimedia dari content / isi yang teks, animasi slide, audio,  gambar , dan video.
ditampilkan
7. Apakah dapat dengan mudah Cukup mudah, karena setiap produk sudah disesuaikan
mermpelajari permasalahan yang dalam kategori.
disampaikan saat menggunakan produk
tersebut ?
8. Konten multimedia apa saja yang teks, gambar, audio, video, dan animasi slide.
digunakan
9. Apakah content / isi yang ditampilkan Untuk saat ini mungkin sudah cukup. 
dapat dikembangkan lagi ?

Multimedia Interaktif 1
Multimedia Interaktif 1 Sumber belajar
URL (alamat) https://sumberbelajar.belajar.kemdikbud.go.id/sumberbelajar/tampi1/Dasar-
Dasar-Kamera-Video-2016/story_html5.html
Deskripsikan GUI (Graphical User Interface) atau antarmuka tampilan dari web yang diamati
1. Layout / tata Axial 
letak yang
digunakan ?
2. Warna apa saja Hijau, kuning, putih, merah,biru
yang
digunakan ?
3. Apakah warna Tidak terlalu cocok.
yang digunakan
sesuai dengan
content / isi
dari web
tersebut ?
4. Elemen navigasi Vertical dan horizontal
apa yang
dimiliki ?
5. Apakah Sesuai, karena cukup simple dan memudahkan pengguna.
susunan
navigasi yang
digunakan
sesuai ?
6. Deskripsikan Sumber belajar dengan judul “Dasar Dasar Kamera Video” menggunakan
 setiap komponen multimedia yaitu teks, gambar, dan animasi
presentasi
multimedia dari
content / isi
yang
ditampilkan
7. Apakah dapat Cukup mudah, setiap penjelasan sudah disertai gambar yang cukup jelas dan
dengan mudah simple.
mermpelajari
permasalahan
yang
disampaikan
saat
menggunakan
produk tersebut
?
8. Konten teks, gambar, dan animasi
multimedia apa
saja yang
digunakan
9. Apakah content Bisa dikembangkan lagi, terutama dibagian dasar dasar kamera video akan lebih
/ isi yang baik jika setiap elemen yang ada diberi contoh jenis jenis kameranya
ditampilkan
dapat
dikembangkan
lagi ?

Situs 2
Situs 2 Twitter
URL (alamat) https://twitter.com/
Deskripsikan GUI (Graphical User Interface) atau antarmuka tampilan dari web yang diamati
10. Layout / tata letak yang digunakan ? Picture window layout
11. Warna apa saja yang digunakan ? Biru, putih
12. Apakah warna yang digunakan sesuai Sesuai karena warna biru memberi kesan untuk
dengan content / isi dari web tersebut menyampaikan kehandalan, dapat dipercaya dan
? komunikasi serta mengekspresikan autoritas dan
organisasi resmi
13. Elemen navigasi apa yang dimiliki ? horizontal
14. Apakah susunan navigasi yang Sesuai, icon icon di twitter juga mudah dipahami tanpa
digunakan sesuai ? harus membuka pengaturan/info
15. Deskripsikan setiap presentasi Twitter menggunakan konten multimedia : teks,
multimedia dari content / isi yang audio, video, animasi, gambar.
ditampilkan
16. Apakah dapat dengan mudah Cukup mudah
mermpelajari permasalahan yang
disampaikan saat menggunakan
produk tersebut ?
17. Konten multimedia apa saja yang teks, audio, video, animasi, gambar.
digunakan
18. Apakah content / isi yang ditampilkan Untuk saat ini mungkin sudah cukup.
dapat dikembangkan lagi ?

Multimedia Interaktif 2
Multimedia Interaktif 2 Sumber belajar
URL (alamat) https://sumberbelajar.belajar.kemdikbud.go.id/sumberbelajar/tampi1/Jenis-
 jenis-Lensa-2016/story_html5.html
Deskripsikan GUI (Graphical User Interface) atau antarmuka tampilan dari web yang diamati
10. Layout / tata axial
letak yang
digunakan ?
11. Warna apa saja Hijau, kuning, putih, merah.
yang digunakan ?
12. Apakah warna Tidak terlalu cocok.
yang digunakan
sesuai dengan
content / isi dari
web tersebut ?
13. Elemen navigasi Vertikal dan horizontal
apa yang
dimiliki ?
14. Apakah susunan Sesuai, karena cukup simple dan memudahkan pengguna.
navigasi yang
digunakan
sesuai ?
15. Deskripsikan Sumber belajar dengan judul “jenis jenis lensa” menggunakan komponen
setiap presentasi multimedia yaitu teks, gambar, dan animasi
multimedia dari
content / isi yang
ditampilkan
16. Apakah dapat Cukup mudah, setiap penjelasan sudah disertai gambar.
dengan mudah
mermpelajari
permasalahan
yang
disampaikan saat
menggunakan
produk
tersebut ?
17. Konten teks, gambar, dan animasi
multimedia apa
saja yang
digunakan
18. Apakah content / Sudah cukup baik
isi yang
ditampilkan
dapat
dikembangkan
lagi ?

Situs 3
Situs 3 Wattpad
URL (alamat) https://www.wattpad.com/
Deskripsikan GUI (Graphical User Interface) atau antarmuka tampilan dari web yang diamati
19. Layout / tata letak yang digunakan ? Picture window layot
20. Warna apa saja yang digunakan ? didominasi warna oranye dan putih
21. Apakah warna yang digunakan sesuai dengan Sesuai, karena menonjolkan elemen teks sehingga
content / isi dari web tersebut ? memudahkan pengguna menikmati setiap katanya
22. Elemen navigasi apa yang dimiliki ? horizontal
23. Apakah susunan navigasi yang digunakan Sesuai, pengguna akan dengan mudah memilih
sesuai ? bacaan yang diinginkan.
24. Deskripsikan setiap presentasi multimedia Wattpad menggunakan komponen multimedia
 dari content / isi yang ditampilkan
25. Apakah dapat dengan mudah mermpelajari
permasalahan yang disampaikan saat
menggunakan produk tersebut ?
26. Konten multimedia apa saja yang digunakan
27. Apakah content / isi yang ditampilkan dapat
dikembangkan lagi ?
yaitu teks, gambar, audio, dan video.
Cukup mudah, karena setiap bacaan sudah
disesuaikan dalam kategori.
teks, gambar, audio,dan video.
Untuk saat ini mungkin sudah cukup. 

Multimedia Interaktif 3
Multimedia Interaktif Sumber belajar
3
URL (alamat) https://sumberbelajar.belajar.kemdikbud.go.id/sumberbelajar/tampi1/Prosedur-
Perekaman-Gambar-/story_html5.html
Deskripsikan GUI (Graphical User Interface) atau antarmuka tampilan dari web yang diamati
19. Layout / tata axial
letak yang
digunakan ?
20. Warna apa Hijau, kuning, putih,
saja yang
digunakan ?
21. Apakah Tidak terlalu cocok.
warna yang
digunakan
sesuai dengan
content / isi
dari web
tersebut ?
22. Elemen vertikal
navigasi apa
yang dimiliki ?
23. Apakah Sesuai, karena cukup simple dan memudahkan pengguna.
susunan
navigasi yang
digunakan
sesuai ?
24. Deskripsikan Sumber belajar dengan judul “Prosedur Perekaman Gambar” menggunakan
setiap komponen multimedia yaitu teks, gambar, dan animasi
presentasi
multimedia
dari content /
isi yang
ditampilkan
25. Apakah dapat Cukup mudah, setiap penjelasan sudah disertai gambar.
dengan
mudah
mermpelajari
permasalahan
yang
disampaikan
saat
menggunakan
produk
tersebut ?
26. Konten teks, gambar, dan animasi
multimedia
apa saja yang
 digunakan
27. Apakah Bisa dikembangkan lagi, terutama dibagian prinsip dasar pengambilan gambar,
content / isi akan lebih baik jika disebutkan prinsip prinsip dasar pengambilan gambarnya.
yang
ditampilkan
dapat
dikembangka
n lagi ?

Situs 4
Situs 4 Webtoon
URL (alamat) https://www.webtoons.com/
Deskripsikan GUI (Graphical User Interface) atau antarmuka tampilan dari web yang diamati
28. Layout / tata letak yang digunakan ? Picture window layout
29. Warna apa saja yang digunakan ? Hijau,putih
30. Apakah warna yang digunakan sesuai dengan Sesuai, karena terlihat sangat elegan dan simple
content / isi dari web tersebut ? sehingga enak untuk dipandang mata
31. Elemen navigasi apa yang dimiliki ? horizontal
32. Apakah susunan navigasi yang digunakan Sesuai, pengguna akan dengan mudah memilih
sesuai ? judul komik.
33. Deskripsikan setiap presentasi multimedia Webtoon menggunakan komponen multimedia
dari content / isi yang ditampilkan yaitu teks, gambar, audio, dan animasi slide
34. Apakah dapat dengan mudah mermpelajari Cukup mudah, karena setiap komik sudah
permasalahan yang disampaikan saat disesuaikan dalam kategori.
menggunakan produk tersebut ?
35. Konten multimedia apa saja yang digunakan teks, gambar, audio, dan animasi slide.
36. Apakah content / isi yang ditampilkan dapat Untuk saat ini mungkin sudah cukup. 
dikembangkan lagi ?

Multimedia Interaktif 4
Multimedia Interaktif 4 Sumber belajar
URL (alamat) https://sumberbelajar.belajar.kemdikbud.go.id/sumberbelajar/tampi1/Teknik-
Pergerakan-Kamera--Komposisi-Gambar--/story_html5.html
Deskripsikan GUI (Graphical User Interface) atau antarmuka tampilan dari web yang diamati
28. Layout / tata axial
letak yang
digunakan ?
29. Warna apa saja Hijau, kuning, putih, merah.
yang digunakan
?
30. Apakah warna Tidak terlalu cocok.
yang digunakan
sesuai dengan
content / isi
dari web
tersebut ?
31. Elemen Vertikal dan horizontal
navigasi apa
yang dimiliki ?
32. Apakah Sesuai, karena cukup simple dan memudahkan pengguna.
susunan
navigasi yang
digunakan
sesuai ?
33. Deskripsikan Sumber belajar dengan judul “Teknik Pengambilan Gambar (Komposisi Gambar)
 setiap menggunakan komponen multimedia yaitu teks, gambar, dan animasi
presentasi
multimedia
dari content /
isi yang
ditampilkan
34. Apakah dapat Cukup mudah, setiap penjelasan sudah disertai gambar.
dengan mudah
mermpelajari
permasalahan
yang
disampaikan
saat
menggunakan
produk
tersebut ?
35. Konten teks, gambar, dan animasi
multimedia apa
saja yang
digunakan
36. Apakah Bisa dikembangkan lagi, terutama dibagian komposisi gambar, akan lebih baik
content / isi jika setiap elemen yang ada ditambah lagi penjelasannya
yang
ditampilkan
dapat
dikembangkan
lagi ?