LEMBAR KERJA SISWA

BAB I

Nama Kelompok         : Fani Wulandari (08)

                                    : Riska Amelia    (23)

                                    : Tiara Silvianai   (29)

Sebelum mengerjakan tugas, buatlah kelompok yang terdiri atas 2-3 orang. Dalam kegiatan ini masing-masing kelompok kerjakan tugas sebagai berikut:

Diskusikan dengan kelompokmu proyek 1 dan proyek 2 berdasarkan instruksi dibawah ini. Buatlah presentasi dari hasil diskusi yang telah dilakukan.

Proyek I

Situs 1
URL (alamat)
Deskripsikan GUI (Graphical User Interface) atau antar muka tampilan dari web yang diamati. •         Layout/tata letak yang digunakan? •         Warna apa yang digunakan? •         Apakah warna yang digunakan sesuai dengan content/isi dari web tersebut? •         Elemen navigasi apa yang dimiliki? •         Apakah susunan navigasi yang digunakan sesuai?	1. Menarik dan mudah dipahami 2.  Kombinasi biru dan ungu 3. Ya karena warna tidak terlalu terang dan tidak mencolok dimata 4. •          Home •         Super Teacher •         Materi •         SBMPTN •         Blog 5. Ya
Deskripsikan setiap presentasi multimedia dari content/isi yang ditampilkan. •         Apakah dapat dengan mudah mempelajari permasalahan yang disampaikan saat menggunakan produk tersebut? •         Konten multimedia apa saja yang digunakan? •         Apakah content/isi yang ditampilkan bias dikembangkan lagi?	1. Tidak, karena cara penulisan materi yang terlalu monoton dan penjalasan yang rumit 2. Video , gambar 3. Tidak, karena didalam videonya materi soal sudah terselesaikan
Situs 2
URL (alamat)
Deskripsikan GUI (Graphical User Interface) atau antar muka tampilan dari web yang diamati. •         Layout/tata letak yang digunakan? •         Warna apa yang digunakan? •         Apakah warna yang digunakan sesuai dengan content/isi dari web tersebut? •         Elemen navigasi apa yang dimiliki? •         Apakah susunan navigasi yang digunakan sesuai?	1. Tidak mudah dipahami karena terlalu banyak menu 2. Background transparan dan warna putih, orange 3. Tidak,karena background terlalu rame dan membingungkan 4.  •         Home •         News •         Testimony •         Programs •         Gallery •         Contacs •         Registation •         Carrer 5. Ya sesuai
Deskripsikan setiap presentasi multimedia dari content/isi yang ditampilkan. •         Apakah dapat dengan mudah mempelajari permasalahan yang disampaikan saat menggunakan produk tersebut? •         Konten multimedia apa saja yang digunakan? •         Apakah content/isi yang ditampilkan bias dikembangkan lagi?	1. Tidak , karena didalam web tidak tercantum menu materi 2. Gambar 3. Belum tau, karena kita belum melihat materinya

Proyek 2

Judul CD/Judul Media Interaktif 1 CD INTERAKTIF Photo Shop
Deskripsikan GUI (Graphical User Interface) atau antar muka tampilan dari web yang diamati. •         Layout/tata letak yang digunakan? •         Warna apa yang digunakan? •         Apakah warna yang digunakan sesuai dengan content/isi dari web tersebut? •         Elemen navigasi apa yang dimiliki? •         Apakah susunan navigasi yang digunakan sesuai?	1. Membosankan 2. Biru tua,hitam dan ungu 3. Sesuai karena warnanya tidak terlalu terang dan enak dipandang 4. •         Pengertian •         Sejarah •         Tool 5. Ya
Deskripsikan setiap presentasi multimedia dari content/isi yang ditampilkan. •         Apakah dapat dengan mudah mempelajari permasalahan yang disampaikan saat menggunakan produk tersebut? •         Konten multimedia apa saja yang digunakan? •         Apakah content/isi yang ditampilkan bias dikembangkan lagi?	1. Tidak karena materinya terlalu rumit 2. Gambar 3. Bisa karena materinya belum lengkap
Judul CD/Judul Media Interaktif 2 Video Pembelajaran Matematika (Lingkaran 1) SMP
Deskripsikan GUI (Graphical User Interface) atau antar muka tampilan dari web yang diamati. •         Layout/tata letak yang digunakan? •         Warna apa yang digunakan? •         Apakah warna yang digunakan sesuai dengan content/isi dari web tersebut? •         Elemen navigasi apa yang dimiliki? •         Apakah susunan navigasi yang digunakan sesuai?	1. Tidak menarik dan terlalu simple 2. Biru, putih , cream, kuning, merah 3. Tidak cocok karena perpaduan warnanya tidak sesuai 4. •         Apersepsi •         SK/KD •         Indikator •         Materi •         Simulasi •         Evaluasi •         Pustaka 5. Ya
Deskripsikan setiap presentasi multimedia dari content/isi yang ditampilkan. •         Apakah dapat dengan mudah mempelajari permasalahan yang disampaikan saat menggunakan produk tersebut? •         Konten multimedia apa saja yang digunakan? •         Apakah content/isi yang ditampilkan bias dikembangkan lagi?	1. Mudah karena ada penjelasannya 2. Gambar dan video 3. Bisa karena materinya belum lengkap

Tes Formatif

•       Sebutkan apa yang dimaksud dengan multimedia interaktif?

•       Apa perbedaan desain Multimedia Inrektif dan non interaktif ?

•       Sebutkan sofware-sofware yang dipakai oleh disainer Multimedia yang anda ketahui !

•       Sebutkan manfaat penggunaan multimedia interaktif dalam pembelajaran!

•       Sebutkan criteria pemilihan media yang baik!

Jawab

1. Multimedia interaktif adalah media yang menggabungkan teks, grafik, video, animasi dan suara. Untuk menyampaikan suatu pesan dan informasi,  melalui media elektronik seperti komputer dan perangkat elektronik lainnya.

2. Desain multimedia interaktif bekerja pada kios, DVD interaktif, Blu-ray Apps, dan Web Desain.Sedangkan Desain Multimedia Non Interaktif pekerjaan semacam ini dapat dilihat pada output non interaktif saperti Tv dan Internet.

3. Adobe Premiere, Macromedia Director, Adobe Photoshop, Adobe Ilustrator, dan CorelDraw

4..

·          Proses pembelajaran lebih menarik,

·         lebih interaktif,

·         jumlah waktu mengajar dapat dikurangi,

·         kualitas belajar dapat ditingkatkan, dan proses belajar mengajar dapat dilakukan dimana dan kapan saja, serta sikap belajar siswa dapat ditingkatkan.

5.

·         Sesuai Dengan Tujuan

·         Praktis, Luwes, dan Bertahan

·         Mampu dan Terampil Menggunakannya

·         Pengelompokan Sasaran

·         Mutu Teknis

BAB II

 DESAIN PERANCANGAN ALUR UNTUK MULTIMEDIA INTERAKTIF BERBASIS HALAMAN    WEB DAN MEDIA INTERAKTIF

A.    Flowchart Multimedia Interaktif

Flowchart adalah bagian- bagian yang mempunyai arus yang menggambarkan langkah-langkah penyelesaian suatu masalah. Untuk multimedia interaktif flowchart menggambarkan secara langsung alur dari proyek yang dibuat. Mulai dari awal program, input, proses, output dilanjutkan dengan keluar program.

Bentuk- bentuk yang digunakan dalam flowchart

Proyek multimedia tidak lebih daripada susunan teks, grafik, suara,animasi dan elemen video sehingga menghasilkan produk yang sesuai dengan tujuan dan pesan yang ingin kita sampaikan. Peta navigasi atau site map  akan menggambarkan daftar  isi dan bagan logis antar muka interaktif. Struktur Navigasi Proyek Multimedia antara lain :

1.      Linear

Navigasi yang dilakukan secara berurutan,sehingga pengguna melakukannya satu persatu secara berurutan. Jika satu halaman diklik maka akan muncul halaman selanjutnya begitu seterusnya

2.      Hierarki

Navigasi cabang pohon,yang merupakan linier dengan percabangan.

3.      Nonlinier

Navigasi yang dilakukan secara bebas tanpa melalui jalur yang telah ditentukan. Pengguna dapat bergerak bebas tanpa pembatasan.

4.      Komposit

Navigasi ini dapat bergerak bebas (Nonlinier) tetapi terkadang ada pembatasan navigasi linier.

Peta navigasi umumnya menggunakan sruktur non linier, dalam navigasinya pengguna diberi kebebasan untuk melompat dari satu halaman ke halaman yang lain, dari satu menu ke menu yang lain.

B.     Storyboard Multimedia Interaktif

Storyboard atau disebut juga kerangka grafis digunakan untuk mendiskripsikan proyek multimedia interaktif dengan detail menggunakan kata – kata dan sketsa untuk setiap tampilan layar, suara, pilihan, navigasi, pilihan warna dan gradasi yang tepat, isi teks, atribut dan font, betuk tombol, style, umpan balik / respon. Secara lebih mudahnya storyboard merupakan gambaran grafis atau visual dari proyek yang akan kita buat yang didalamnya mencakup teks, audio, grafik, animasi, video dan aspek interaktif.

Fungsi storyboard multimedia interaktif adalah

1.      Untuk memperjelas flowchart.

2.      Sebagai pedoman / acuan bagi animator, progamer, narator, dan tim yang lain.

3.      Merupakan dokumen tertulis.

4.      Bahan pembuatan manual book / petunjuk prnggunaan.

Ketentuan – ketentuan umum storyboard multimedia interaktif adalah

1.      Gambar yang disiapkan disertai dengan penjelasan dan narasi.

2.      Pembuatan storyboard diawali dengan gambar visual.

3.      Narasi digunakan untuk melengkapi hal sulit yang tidak bisa diwakili dengan bentuk visual.

4.      Bahasa lisan yang digunakan terutama yang dibaca oleh narator.

5.      Gunakan struktur kalimat yang sederhana.

6.      Gunakan simbol yang sederhana dan mudah dipahami oleh semua orang.

7.      Gunakan gambar dalam bentuk yang menarik serta komposisi yang tepat dan mudah dipahami.

         Tampilan menu utama berisi tombol dimenu bar

1.           Home

2.           Tujuan

3.           Materi

4.          Video

5.           Evaluasi

6.           Profil

   Dengan tombol navigasi pendukung berisi

1.          Tombol exit

2.          Tombol petunjuk

   Tampilan menu materi dengan sub menu

1.          Konsep dasar

2.          Segitiga exsposure

3.          Iso

4.         Speed

5.         Diafragma

6.         Mengoperasikan

C.    Format storyboard dan komponen

Format storyboard multimedia interaktif antara lain kartu, double coloum dan landscape

Format storyboard jenis kartu

Format storyboard jenis double coloum

Format storyboard jenis landscape

Komponen – komponen penyusun storyboard interaktif anatara lain

      Sketsa atau gambaran layar, halaman atau frame.

      Warna, penempatan dan ukuran grafik.

      Teks asli, jika ditampilkan pada halaman/layar.

      Warna, ukuran, dan tipe font jika ada teks.