2020

DMI
Yayan Yoga Dwi Swastika, S.Kom

Desain Media
XII MM 2
Interaktif
KD
3.1 Memahami konsep multimedia interaktif berbasis

P-1
halaman web dan media interaktif

IPK
3.1.1 memahami konsep website dan media interaktif

SMKN 1 PASURUAN
KOMPETENSI KEAHLIAN MULTIMEDIA
 MATERI PEMBELAJARAN

Tahukah kalian dengan MultiMedia? Apa itu Konsep? Apa itu Interaktif?

Konsep adalah sesuatu hal yang memahami dari suatu pemikiran atau ide yang ada.
Sedangkan multimedia scara istilah terdiri dari dua kata yang berasal dari bahasa latin, yaitu
dari kata 'multi' yang mempunyai arti banyak dan 'medium' yang sarana / alat. Jadi arti multimedia
adalah sesuatu yang di gunakan untuk memberikan atau bisa juga membawa sebuah hal.

A. Konsep media interaktif

1. Media interaktif
Media interaktif biasanya mengacu pada produk dan layanan digital pada sistem berbasis
komputer yang merespon tindakan pengguna dengan menyajikan konten seperti teks, gambar
bergerak, animasi, video, audio, dan video game.
Media Interaktif adalah alat bantu berbasis multimedia yang bisa menjabarkan pesan
atau informasi dari guru ke siswa yang dalam prosesnya terjadi komunikasi aktif 2 arah
antara multimedia dengan pengguna atau yang tujuannya untuk mempermudah proses
pembelajaran.

2. Definisi
Media interaktif adalah metode komunikasi di mana :
- Output dari media berasal dari masukan dari pengguna.
- Media interaktif bekerja dengan pengguna partisipasi.
- Media masih memiliki tujuan yang sama tapi masukan pengguna menambahkan interaksi dan
membawa fitur-fitur menarik untuk sistem.

3. Terminologi
Media interaktif terkait dengan konsep desain interaksi, media baru, interaktivitas, interaksi
manusia dan komputer, budaya digital, desain interaktif, dan termasuk augmented reality.
Fitur penting dari interaktivitas adalah saling berhubungan dimana si pengguna dan mesin
masing-masing mengambil peran aktif.

Media interaktif  Multimedia Interaktif

Produknya  Prosesnya
4. Multimedia terbagi menjadi dua jenis yaitu :
a. Multimedia linear
Merupakan multimedia yang tidak sama sekali menggunakan suatu alat untuk mengontrol
yang akan di lakukan oleh pemakai, contohnya ialah TV dan film,

b. Multimedia intraktif
Merupakan Multimedia yang memiliki alat untuk mengontrol dan dapat di gunakan oleh
pemakai itu sendiri sehingga membuat pemakai tersebut bisa memilih tujuan selanjutnya.
Contohnya ialah Aplikasi Game.

5. Multimedia interaktif
Multimedia interaktif adalah pemanfaatan komputer untuk membuat dan menggabungkan
teks, gambar, suara, video, dan animasi dengan menggabungkan perangkat-perangkat tertentu
yang dapat memungkinkan pengguna melakukan navigasi, berinteraksi dan berkomunikasi.

Multimedia interaktif terbagi menjadi empat, yaitu:

1) Linear, Dimulai dari posisi awal menuju ke posisi akhir. Contoh : Buku cerita elektronik

2) Hierarchycal, pemakai memiliki pilihan, tetapi topik-topik dapat dibagi menjadi subtopik yang
lebih spesifik.
3) Non-linear, memungkinkan pemakai untuk bebas bergerak untuk melihat isi materi dengan cara
berinteraksi. Tidak ada hierarchy yang dipaksakan, pemakai dapat bergerak bebas ke materi
mana pun.

4) COMPOSITE, Komposisi atau gabungan dari tipe-tipe sebelumnya

6. Model multimedia interaktif:

1) Model tutorial, merupakan salah satu jenis model yang memuat penjelasan, rumus, prinsip,
bagan, tabel, definisi istilah, latihan dan percabangan yang sesuai.
2) Model drill and practice, merupakan model yang tidak memuat materi tetapi langsung pada
berlatih dan praktik sesuai dengan teori yang pernah diperoleh sebelumnya.
3) Model simulasi, merupakan model yang disesuaikan dengan kenyataan yang sebenarnya yang
dihadapi oleh pengguna dengan tujuan untuk memperoleh pengertian global tentang proses.
4) Model instructional, merupakan model yang berisi tentang tata cara menjalankan atau suatu
prosedur menjalankan proyek multimedia interaktif.
5) Model hybrid, merupakan gabungan dari dua atau lebih model multimedia interaktif.
6) Model socratic, merupakan model yang berisi percakapan atau dialog.
7) Model inquiry, merupakan suatu system sebagian pangkalan data dan dapat dikonsultasi
dengan pengguna.
8) Model informational, menyajikan informasi dalam bentuk data daftar atau label.
9) ELEMEN MEDIA INTERAKTIF
Elemen multimedia interaktif meliputi :
a. Teks.
Suatu medium visual yang di pakai untuk mengartikan bahas lisan. Teks tersebut
memiliki bermacam jenis bentuk, ukuran, dan juga warna.
b. Gambar.
Gambar merupakan suatu hasil dari penjelasan sebuah gambaran visual yang ada.
c. Audio
Semua hal yang dapat di dengar dengan menggunakan pendengaran
d. Video
Merupakan sebuah hal yang dapat di lihat dengan juga di dengar.
e. Animasi
Suatu pergerakan yang di ciptakan dengan menampilkan deretan frame kepada layar.

B. Konsep Web

1. Apa Itu Website?

Website adalah sebuah kumpulan halaman pada suatu domain di internet yang
menyajikan informasi serta diletakkan di dalam sebuah server atau hosting yang mana untuk
mengaksesnya melalui halaman depan (home page) menggunakan web browser dan
jaringan internet.
Website seringkali disebut sebagai web, site, situs atau situs web. Agar dapat diakses
di internet, sebuah website membutuhkan 2 komponen yang harus ada, yaitu domain dan
hosting.

2. Cara Membuka Website

Website dapat dibuka dengan dibutuhkannya sebuah browser seperti Firefox, Chrome.
Anda cukup mengetikkan URL di kolom address browser untuk dapat membuka website.
Sebagai contoh, silakan ketikkan URL https://www.google.com/ di kolom browser maka akan
tampil halaman depan dari website fasilitas search engine google.
Website pun dapat diakses dengan mencari kata kunci tertentu di mesin pencarian
seperti Google. Contohnya Anda ketikkan kata kunci “fungsi website” di Google maka akan
muncul beberapa website dan Anda pun dapat memilih salah satu website yang tampil di
hasil pencarian.
3. Jenis Website
Beberapa jenis website yang dapat ditemukan, di antaranya adalah sebagai berikut:
 Company Profile
 Toko Online
 Blog
 Web Portal
 Search Engine
 Forum
 Sosial Media, dll

 Website Pribadi
Saat ini tersedia berbagai layanan yang dapat digunakan untuk membuat website pribadi,
mulai dari yang gratis sampai layanan berbayar. alamat website
seperti www.namawebsite.blogspot.com untuk yang gratis.
Biasanya penyedia layanan website gratis akan memberikan resource terbatas sehingga
alamat website seperti contoh di atas tidak disarankan jika Anda ingin memiliki konten
lengkap seperti video dan gambar dalam jumlah banyak.

 Website Company Profile

Website Company Profile adalah sebuah website yang berisi tentang informasi dari
sebuah perusahaan. Website company profile bertujuan untuk menampilkan profil
perusahaan di dunia maya.
Company Profile merepresentasikan sebuah perusahaan dan memiliki peranan sangat
penting karena menjadi kesan pertama perusahaan kepada calon pelanggan atau rekan
bisnis. Oleh karena itu, beberapa hal yang diperlukan dalam sebuah Company Profile, yaitu:
 Sejarah berdirinya perusahaan
 Struktur organisasi perusahaan
 Kualitas sumber daya perusahaan
 Kinerja perusahaan
 Produk atau jasa perusahaan
 Kontak perusahaan
 Website Toko Online
Toko online adalah tempat di mana terjadinya suatu transaksi penjualan barang atau jasa
di internet. Meskipun, tidak menutup kemungkinan proses pembayaran juga dapat dilakukan
secara offline yang biasa dikenal dengan istilah COD (Cash on Delivery), yaitu pembayaran
dilakukan bersamaan saat barang telah diterima oleh pembeli.
Online shop tidak harus ada di website karena bisa saja dapat membuka toko online di
sosial media, seperti Facebook dan Instagram. Melalui sistem online shop ini, pembeli dapat
menyampaikan pertanyaan apapun terkait produk kepada penjual secara langsung melalui
BBM, LINE atau Whatsapp.
Berikut ini ada beberapa hal yang harus ada di dalam sebuah website toko online:
 Daftar produk-produk yang Anda jual
 Penjelasan detail dari sebuah produk
 Informasi mengenai promo dan produk best seller
 Halaman untuk melakukan order/pemesanan
 Kontak Customer Service

 Blog
Blog merupakan singkatan dari web log merupakan bentuk aplikasi web yang berbentuk
tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web. Tulisan-tulisan ini
seringkali dimuat dalam urutan terbalik (isi terbaru dahulu sebelum diikuti isi yang lebih lama),
meskipun tidak selamanya demikian.
Di dalam dunia internet marketing, blog merupakan salah satu cara untuk mendatangkan
calon pelanggan. Melalui blog dapat menyampaikan berbagai informasi yang relevan dengan
produk yang dimiliki, baik barang maupun jasa.

4. Fungsi Website
Membuat website tentunya memiliki sebuah tujuan tertentu. Apa saja manfaat yang dapat
kita peroleh dari sebuah website? Apa yang dapat dilakukan dengan sebuah website?
 Informasi : lebih menekankan pada kualitas kontennya karena tujuan situsnya adalah
menyampaikan isi. Apabila orang lain ingin mengetahui informasi atau pesan dari Anda
maka orang tersebut cukup membuka alamat website Anda.
 Komunikasi : merupakan situs web dinamis yang dilengkapi fasilitas yang memberikan
fungsi-fungsi komunikasi, seperti web mail, form contact, chatting, forum serta lainnya
untuk memudahkan dalam berkomunikasi.
  Entertainment : memberikan fungsi hiburan, seperti game online, film online, musik
online, dan sebagainya.
 Transaksi : situs web ini menghubungkan perusahaan, konsumen, dan komunitas
tertentu melalui transaksi elektronik. Pembayarannya bisa menggunakan kartu kredit,
transfer bahkan dengan cara membayar secara langsung.
 Promosi : sebagai sarana untuk promosi dari suatu perusahaan atau perorangan yang
menjalankan bisnis online.

5. Cara Kerja Website

Penjelasan untuk gambar cara kerja web diatas adalah :

1. USER atau pengguna yang akan mengakses suatu website harus memasukkan URL
pada address bar Web Browser

2. Selanjutnya Web Browser tersebut mengirimkan permintaan berupa HTTP request

kepada Web Server melalui layer-layer TCP/IP
3. Web Server memberikan Web files yang di-request jika ada.
4. Web files yang telah diberikan tidak langsung ditampilkan/di-display begitu saja namun
Web Server memberikan respon kembali ke Web Browser melalui HTTP response yang
juga melalui layer-layer TCP/IP.
5. Kemudian baru diterima oleh Web browser lalu dikirimkan kepada USER berupa
Display.
Secara umum cara kerja web adalah sebagai berikut:
 Informasi web disimpan dalam dokumen dalam bentuk halaman-halaman web (web
page).
 Halaman web tersebut disimpan dalam computer server web.
 Sementara di pihak pemakai ada komputer yang bertindak sebagai computer
client yang mana ditempatkan program untuk membaca halaman web yang ada di
server web (browser).
 Browser membaca halaman web yang ada di server web.

Ada 2 bagian utama dalam aplikasi web, yaitu yang pertama adalah
1. sisi client
Sisi client dalam hal ini adalah PC atau bisa disebut juga dengan perangkat mobile yang
terhubung ke jaringan internet. Client dapat mengakses aplikasi web melalui web browser,
seperti mozilla firefox, google chrome, internet explorer, dan web browser lainnya.

2. sisi server
server adalah perangkat komputer yang digunakan untuk menyimpan aplikasi web
beserta database server yang siap untuk diakses oleh client.

Secara khusus
a. Client bertugas meminta halaman web browser melalui web browser
b. web browser akan meneruskannya ke server yang mana aplikasi web berada
c. komputer server akan mengolah permintaan dari client saat halaman web yang diminta
ditemukan maka komputer server akan mengirimkannya ke computer client
d. halaman web yang diminta akan ditampilkan di web browser pada computer client.
 TUGAS 1
Tugas 1A.
1. Akses ke youtube.com
2. Ketikkan keyword Media Pembelajaran Interaktif
3. Klik salah satu thumbnail tayangan yang muncul (bukan video tutorial)
4. Perhatikan tanyangan tersebut dari awal hingga akhir
5. Buatlah resume / hasil analisa tentang tayangan tersebut (bagian-bagian media interaktif,
komponen penyusun media interaktif, …. dll) dan salin link tayangan youtube tersebut di
bagian bawah hasil resume
6. Simpan dalam format file no.absen_namasiswa.pdf

Tugas 1B.
1. Baca hasil resume tayangan media pembelajaran interaktif dan lakukan perekaman dalam
bentuk video selfie.
2. Upload hasil perekaman pada channel youtube kalian

File pdf hasil resume dan link video pada channel youtube di kumpulkan melalui link berikut :

https://bit.ly/TUGAS_DMI_1