Kata Pengantar Assalamu’alaikum, Wr.WB. Segala puji dan syukur kami panjatkan kehadirat Allah SWT, atas rahmat, hidayah dan inayahNya, sehingga kami dapat menyelesaikan penyusunan E – Book / Jobsheet / Lembar Kerja ini sebagai salah satu buku pelengkap dan buku kerja siswa SMKN 1 BATIPUH untuk Kompetensi Keahlian MULTIMEDIA. E – Book / Jobsheet / Lembar Kerja ini di susun untuk pembelajaran siswa secara aktif, inovatif, kreatif, efektif dan menyenangkan, yang dilengkapi dengan soal-soal/penilaian pengetahuan, ketrampilan maupun sikap, untuk persiapan pemberian pembelajaran yang mencakup materi mulai dari KD 3.8 sampai 4.8.2 dalam bentuk buku kerja. Adapun keluasan dan kedalaman materi disesuaikan dengan alokasi waktu dan kemampuan siswa SMKN 1 BATIPUH Pada umumnya kami berharap dengan ditulisnya Buku Pendamping ini akan memperlancar Kegiatan Belajar Mengajar (KBM) di sekolah, karena anak akan dituntut untuk lebih banyak aktif dengan berbagai stimulus dan menganalisa informasi apa yang telah disampaikan oleh kami sebagai guru mata pelajaran. Akhir kata, kami mengucapkan terima kasih atas kritik dan sarannya kepada semua pihak baik teman seperjuangan maupun sekolah.

Wa’alaikumsalam, Wr.Wb.

Batipuh, 15 September 2022 Pengarang

Vitri Delfi Marni

1

Daftar Isi Sampul ................................................................................................................ Kata Pengantar .................................................................................................... 1 Daftar Isi .............................................................................................................. 2 Daftar Pustaka ..................................................................................................... 3 3.8. Menerapkan Pemograman Pada Produk Multimedia Interaktif ...................... 4 4.8. Menyajikan Hasil Pemograman Pada Produk Multimedia Interaktif ............... 6 3.8.1. Menjelaskan Pemrograman Pada Produk Multimedia Interaktif ................. 6 3.8.2. Menerapkan Pemrograman Pada Produk Multimedia Interaktif .................. 7 4.8.1. Mengetahui Hasil Pemrograman Pada Produk Multimedia Interaktif .......... 8 4.8.2. Membuat Program Pada Produk Multimedia Interaktif ............................... 10 Latihan Soal ......................................................................................................... 12 Daftar Pustaka .................................................................................................... 18

2

VERIFIKASI BUKU PENDAMPING SISWA

Mata Pelajaran :Desain Media Interaktif Kompetensi Keahlian : MULTIMEDIA Kelas : XII ( dua belas ) Nama Penyusun : Vitri KESESUAIAN KOMPONEN

SARAN PERBAIKAN S

TS

Kelas Kata Pengantar Daftar Isi Isi / Materi Daftar Pustaka Ket: SS :Sangat Setuju S :Setuju ST :Tidak Setuju

Mengetahui,

Batipuh, 15 November

Pembimbing

Pengarang

Surya Nengsih, S.Pd

Vitri Delfi Marni

NIP. 19760808 201406 2 007

3

A. PENGERTIAN MULTIMEDIA INTERAKTIF Pengertian Multimedia interaktif adalah suatu sistem penyampaian pengajaran yang menyajikan materi video dan dengan pengendalian komputer kepada penonton tetapi peserta didik juga dapat memberikan respons yang aktif. Pemrograman merupakan suatu proses dari menulis, menguji dan memperbaiki(debug), serta memelihara kode yang membangun suatu program komputer. Sintaks meliputi simbol, kata, dan fungsi yang dapat digunakan serta cara menggunakannya dalam suatu struktur kode pemograman.

•

Penerapan Program Pada Multimedia Interaktif Pada teknologi ini yaitu virtual reality akan membuat para pengguna dapat bergabung ke dalam lingkungan yang virtual. Para pengguna tidak dapat melihat lingkungan secara nyata ketika telah bergabung ke dalam lingkungan virtual. Kemungkinan augmented reality akan membuat para pengguna melihat lingkungan secara nyata dengan keberadaan objek virtual yang telah digabungkan ke lingkungan nyata.

•

Mekanisme Pengolahan Data Multimedia Interaktif Komponen yang diperlukan dalam pembuatan dan pengembangan aplikasi AR ialah komputer, marker, dan kamera. Adapun beberapa bagian penting yang harus diperhatikan yaitu:

a. Company name b. Product name c. Other setting d. Publishing setting

PENGERTIAN MULTIMEDIA Media merupakan satu bentuk interaksi manusia yang sesuai dengan kebutuhan dan pemrosesan menggunakan komputer seperti video, audio, teks, grafik , animasi. • Multi merupakan gabungan beberapa media tersebut yang diintegrasikan dalam sistem atau aplikasi yang sama. • Multimedia dapat diartikan sebagai penggunaan beberapa media yang berbeda untuk menggabungkan dan menyampaikan informasi dalam bentuk text, audio, grafik, animasi, dan video. 4

Multimedia interaktif adalah suatu sistem penyampaian pengajaran yang menyajikan materi video dan dengan pengendalian komputer kepada penonton tetapi peserta didik juga dapat memberikan respons yang aktif. Pemrograman merupakan suatu proses dari menulis, menguji dan memperbaiki (debug), serta memelihara kode yang membangun suatu program komputer. Sintaks meliputi simbol, kata, dan fungsi yang dapat digunakan serta cara menggunakannya dalam suatu struktur kode pemograman.

B. KEGUNAAN MULTIMEDIA Bidang Periklanan Yang Efektif dan Interaktif • Bidang pendidikan dalam penyampaian bahan pengajaran secara interaktif dan dapat mempermudah pembelajaran karena dididukung mempermudah pembelajaran karena dididukung oleh berbagai aspek : suara , video, animasi, teks, dan grafik • Bidang jaringan dan internet yang membantu dalam pembuatan website yang menarik, informatif, dan interaktif.

C. TERMINOLOGI MULTIMEDIA Aplikasi : Program computer yang menyediakan tujuan yang specifik (Word, Powerpoint, Exel). Interaktif :Aplikasi yang memberikan pilihan -pilihan kepada user. Developers :Orang yang terlibat dalam pembangunan produk multimedia User (Pengguna) : Biasa disebut End-User. Individu/kelompok yang menggunakan produk multimedia. Authoring tools (desain): Tool untuk mengelolaelemen multimedia dan menyediakan interkasi pengguna yang digunakan untuk membangun produk multimedia. Produk : Produk multimedia yang lengkap dibangun yang akan digunakan oleh user Multimedia pembelajaran interaktif pada mata pelajaran pemrograman dasar dapat menjadi variasi media untuk pembelajaran (2) multimedia pembelajaran interaktif pada pemrograman dasar terdiri dari beberapa unsur seperti materi yaitu tipe data, variabel, konstanta, operator dan ekspresi, video dan evaluasi pilihan ganda dapat digunakan untuk belajar secara mandiri maupun bersama guru pengampu, (3) tingkat kelayakan multimedia pembelajaran interaktif ditinjau d ari: (a) aspek media dinyatakan oleh ahli media diperoleh persentase sebesar 71,57% dengan kategori “Layak”, (b) aspek materi oleh ahli materi 1 diperoleh persentase sebesar 84% dan oleh ahli materi 2 diperoleh 94% dengan kategori 5

“Sangat Layak” (c) aspek media dan materi oleh pengguna 1 atau siswa diperoleh persentase 73,77% dan pengguna 2 atau siswa diperoleh persentase sebesar 79,81% dengan kategori “Layak” untuk digunakan dalam proses pembelajaran pemrograman dasar.

D. Membuat Program Pada produk Multimedia Interaktif HTML adalah singkatan dari Hypertext Markup Language, yaitu bahasa markup standar untuk membuat dan menyusun halaman dan aplikasi web. Biasanya, penggunaan umum HTML adalah untuk menyusun bagian paragraf, heading, maupun link pada halaman web. Tapi, meskipun susunannya seperti coding, perlu diketahui bahwa HTML bukanlah bahasa pemrograman. HTML tidak dianggap sebagai bahasa pemrograman karena tidak bisa memberikan fungsi yang dinamis. Sekarang, bahasa markup ini dianggap sebagai standar web resmi, dikelola oleh World Wide Web Consortium (W3C), yang juga bertugas merilis pembaruan rutin HTML.

1. Pengertian HTML dan Sejarahnya Hypertext Markup Language atau HTML adalah bahasa markup standar yang digunakan untuk membuat halaman website dan aplikasi web. Sejarah HTML diciptakan oleh Tim Berners-Lee, seorang ahli fisika di lembaga penelitian CERN yang berlokasi di Swiss. Versi pertama HTML dirilis oleh Tim Berners Lee pada tahun 1991, yang memiliki 18 tag. Sejak saat itu, setiap kali ada versi barunya, pasti akan selalu ada tag dan attribute (tag modifier) yang juga baru. Ketika bekerja dengan bahasa markup ini, Anda menggunakan struktur kode sederhana (tag dan attribute) untuk mark up halaman website. Misalnya, Anda membuat sebuah paragraf dengan menempatkan enclosed text di antara tag pembuka

dan tag penutup

.

Berkat popularitasnya yang terus meningkat, bahasa markup ini kini dianggap sebagai standar web resmi. Spesifikasi HTML dikelola dan dikembangkan oleh World Wide Web Consortium (W3C). Berdasarkan HTML Element Reference milik Mozilla Developer Network, saat ini ada 140 tag HTML, meskipun sebagiannya sudah tidak lagi didukung oleh beberapa versi terbaru browser. Kemudian, pada tahun 2014, HTML5 mulai diperkenalkan. Dengan diperkenalkannya HTML5, terdapat semantic baru seperti , , dan yang memperjelas bagian-bagian dalam konten. 6

Nah, setelah Anda tahu apa itu HTML, selanjutnya kami akan membahas cara kerjanya. 2. Bagaimana Cara Kerja HTML? Ekstensi file HTML adalah .html atau .htm, yang bisa dilihat dengan mengunakan web browser apa pun (seperti Google Chrome, Safari, atau Mozila Firefox). Browser tersebut membaca file HTML dan merender kontennya sehingga user internet bisa melihat dan membacanya. Biasanya, rata-rata situs web menyertakan sejumlah halaman HTML yang berbeda-beda. Contohnya, halaman beranda, ‘Tentang Kami’, halaman kontak memiliki dokumennya sendiri-sendiri. Masing-masing halaman tersebut terdiri atas serangkaian tags (bisa disebut juga elements), yang tersusun untuk membentuk sebuah halaman website. Tag tersebut membuat hierarki yang menyusun konten hingga menjadi bagian, paragraf, heading, dan block konten lainnya. Sebagian besar elemen bahasa markup ini memiliki tag pembuka dan penutup yang menggunakan syntax . Berikut contoh kode dari susunan atau struktur HTML:

Elemen teratas dan terbawah adalah division sederhana () yang bisa Anda gunakan untuk mark up bagian konten yang lebih besar. Susunan di atas terdiri atas heading (), subheading (