Pengantar Komputer Multimedia

SKS: 3 Jurusan: Desain Komunikasi Visual Jenjang: S1 Capaian pembelajaran: Mahasiswa akan dapat menggunakan software-software multimedia (Adobe Flash dan Adobe Dreamweaver) untuk membuat suatu aplikasi multimedia yang interaktif dengan benar dan sistematis. Deskripsi Mata Kuliah: Selamat datang di mata kuliah Pengantar Komputer Multimedia. Mata kuliah Pengantar Komputer Multimedia bertujuan agar mahasiswa dapat memahami media interaktif dan mampu membuat aplikasi multimedia interaktif. Tujuan perkuliahannya adalah agar mahasiswa mampu menggunakan dan mengoperasikan software-software multimedia yaitu penggunaan Adobe Flash dan Adobe Dreamweaver. Mata kuliah ini merupakan mata kuliah kelas praktikum yang diadakan di laboratorium komputer. Pemahaman teknis ini diperlukan sebagai dasar mahasiswa di semester selanjutnya. Mata kuliah Pengantar Komputer Multimedia ini akan banyak berhubungan dengan tutorial software, dengan tetap memasukkan unsur estetis pada olahan grafis maupun layout yang banyak dipandu di kelas. Outputnya diharapkan mahasiswa dapat membuat suatu aplikasi multimedia interaktif dengan menggunakan software Adobe Flash, dengan memahami script navigasi, pemahaman tentang animasi, dan tata letak konten dan navigasi. Juga dapat membuat suatu aplikasi berbasis web dengan menggunakan software Adobe Dreamweaver. Bobot Penilaian: Tugas (60%), UTS (20%), UAS (20%) Profil Dosen Pengampu: Info Kontak Dosen: email: rioadriyanto@gmail.com mobile phone: 0812 297 1266 instant messaging: WhatsApp Info Kontak Dosen: email: anandatriani@gmail.com mobile phone: 0858 4658 7868 instant messaging: WhatsApp

Course Modules

Peta Kompetensi:

Peta Capaian Pembelajaran

Peta Materi Pembelajaran

Dokumen Rencana Studi & Tugas:

Rencana Pembelajaran Semester

Format Rancangan Tugas

Curriculum Vitae Dosen Pengampu:

CV Andreas Rio Adriyanto

CV Ananda Triani

Forum Diskusi:

News forum

Pertemuan 01

Capaian pembelajaran: Setelah mengikuti kuliah ini, mahasiswa mampu mengenali dan memahami: Multimedia Software multimedia Syarat Teknis: Modul kuliah disajikan dalam modul interaktif. Syarat teknis untuk membuka Modul Kuliah: Browser dengan pluggin Flash Player Audio Out atau Earphone Sebagai suplemen materi kuliah, terdapat link eksternal yang dapat dijadikan informasi tambahan. Silakan dibuka modul kuliah berikut ini:

Course Modules

Modul Kuliah:

Modul Kuliah 01: Pengantar Multimedia

Link eksternal:

Slideshare - Intro Multimedia

Slideshare - Introduction to Multimedia

Youtube - Multimedia

Wikipedia - Multimedia

Forum Diskusi:

Teknologi Multimedia

Pertemuan 02

Capaian pembelajaran: Setelah mengikuti kuliah ini, mahasiswa mampu mengidentifikasi dan menerapkan: Interface Adobe Flash Pengenalan Tools Timeline & Layer Penggunaan Library Frame &Keyframe Animasi frame by frame Animasi shape tweening Syarat Teknis: Modul kuliah disajikan dalam modul interaktif. Syarat teknis untuk membuka Modul Kuliah: Browser dengan pluggin Flash Player Audio Out atau Earphone Materi untuk praktikum terdapat di Materi Praktikum dengan syarat teknis: Menginstal Adobe Flash (minimal versi CS5) Sebagai suplemen materi kuliah, terdapat link eksternal yang dapat dijadikan informasi tambahan. Silakan dibuka modul kuliah berikut ini:

Course Modules

Modul Kuliah:

Modul Kuliah 02: Ruang Lingkup Flash

Materi Praktikum:

Tutorial Kuliah 02 - PDF format

File Kuliah 02

Link Eksternal:

Kirupa - Introduction to Animation

Kirupa - Frame Rates

Kirupa - Principles Animation Part 1

Kirupa - Principles Animation Part 2

Adobe - Frame by Frame animation

Youtube - Frame by Frame Animation

Forum Diskusi:

Diskusi Topik Kuliah 02: Ruang Lingkup Flash

Tugas ke 01:

Tugas Praktikum ke 01

Live Chat

Pertemuan 03

Capaian pembelajaran: Setelah mengikuti kuliah ini, mahasiswa mampu mengidentifikasi dan menerapkan: Animasi motion tween Animasi Masking Animasi Masking Lanjut Animasi Guide Layer Syarat Teknis: Modul kuliah disajikan dalam modul interaktif. Syarat teknis untuk membuka Modul Kuliah: Browser dengan pluggin Flash Player Audio Out atau Earphone Materi untuk praktikum terdapat di Materi Praktikum dengan syarat teknis: Menginstal Adobe Flash (minimal versi CS5) Sebagai suplemen materi kuliah, terdapat link eksternal yang dapat dijadikan informasi tambahan. Silakan dibuka modul kuliah berikut ini:

Course Modules

Modul Kuliah:

Modul Kuliah 03: Basic Animation

Materi Praktikum:

Tutorial Kuliah 03 - PDF Format

File Kuliah 03

Link Eksternal:

Kirupa - Motion Tween

Adobe TV - Motion Tween Animation

CBT Cafe - Masked Animation

Youtube - Masked Animation

Edutechwiki - Masked Animation

Adobe - Guide Layer Animation

Youtube - Guide Layer Animation

Forum Diskusi:

Diskusi Topik Kuliah 03: Basic Animation

Tugas ke 02:

Tugas Praktikum ke 02

Live Chat

Pertemuan 04

Capaian pembelajaran: Setelah mengikuti kuliah ini, mahasiswa mampu mengidentifikasi dan menerapkan: Animasi Teks Pengertian Scene Graphic, Movieclip, Button Symbol & Library Syarat Teknis: Modul kuliah disajikan dalam modul interaktif. Syarat teknis untuk membuka Modul Kuliah: Browser dengan pluggin Flash Player Audio Out atau Earphone Materi untuk praktikum terdapat di Materi Praktikum dengan syarat teknis: Menginstal Adobe Flash (minimal versi CS5) Sebagai suplemen materi kuliah, terdapat link eksternal yang dapat dijadikan informasi tambahan. Silakan dibuka modul kuliah berikut ini:

Course Modules

Modul Kuliah:

Modul Kuliah 04: Animasi Lanjutan

Materi Praktikum:

Tutorial Kuliah 04 - PDF Format

File Kuliah 04

Link Eksternal:

Youtube - Scene linking

Adobe - Symbol definitions

Adobe - Working with Library

Forum Diskusi:

Diskusi Topik Kuliah 04: Animasi Lanjutan

Tugas 03:

Tugas ke 03

Live Chat

Pertemuan 05

Capaian pembelajaran: Setelah mengikuti kuliah ini, mahasiswa mampu mengidentifikasi dan menerapkan: Actionscript Action Frame, Button, Movieclip Mengontrol Movieclip Action pada Teks Syarat Teknis: Modul kuliah disajikan dalam modul interaktif. Syarat teknis untuk membuka Modul Kuliah: Browser dengan pluggin Flash Player Audio Out atau Earphone Materi untuk praktikum terdapat di Materi Praktikum dengan syarat teknis: Menginstal Adobe Flash (minimal versi CS5) Sebagai suplemen materi kuliah, terdapat link eksternal yang dapat dijadikan informasi tambahan. Silakan dibuka modul kuliah berikut ini:

Course Modules

Modul Kuliah:

Modul Kuliah 05: Actionscript

Materi Praktikum:

Tutorial Kuliah 05 - PDF Format

File Kuliah 05

Link Eksternal:

Wikihow - Basic Actionscript 2.0

Actionscript Org - General Info

Kirupa - Actionscript Basic

Forum Diskusi:

Diskusi Topik Kuliah 05: Actionscript

Tugas 04:

Tugas ke 04

Live Chat

Pertemuan 06

Capaian pembelajaran: Setelah mengikuti kuliah ini, mahasiswa mampu mengidentifikasi dan menerapkan: Actionscript untuk Navigasi Load Movie untuk Pengaturan Konten Property Fullscreen & Exit Syarat Teknis: Modul kuliah disajikan dalam modul interaktif. Syarat teknis untuk membuka Modul Kuliah: Browser dengan pluggin Flash Player Audio Out atau Earphone Materi untuk praktikum terdapat di Materi Praktikum dengan syarat teknis: Menginstal Adobe Flash (minimal versi CS5) Sebagai suplemen materi kuliah, terdapat link eksternal yang dapat dijadikan informasi tambahan. Silakan dibuka modul kuliah berikut ini:

Course Modules

Modul Kuliah:

Modul Kuliah 06: Actionscript Lanjut

Materi Praktikum:

Tutorial Kuliah 06 - PDF Format

File Kuliah 06

Link Eksternal:

Adobe TV - Actionscript

Forum Diskusi:

Diskusi Topik Kuliah 06: Actionscript Lanjut

Tugas 05:

Tugas ke 05

Live Chat

Pertemuan 07

Capaian pembelajaran: Setelah mengikuti kuliah ini, mahasiswa mampu mengidentifikasi dan menerapkan: Konten Audio Actionscript untuk Audio Penggunaan Component Syarat Teknis: Modul kuliah disajikan dalam modul interaktif. Syarat teknis untuk membuka Modul Kuliah: Browser dengan pluggin Flash Player Audio Out atau Earphone Materi untuk praktikum terdapat di Materi Praktikum dengan syarat teknis: Menginstal Adobe Flash (minimal versi CS5) Sebagai suplemen materi kuliah, terdapat link eksternal yang dapat dijadikan informasi tambahan. Silakan dibuka modul kuliah berikut ini:

Course Modules

Modul Kuliah:

Modul Kuliah 07: Audio & Component

Materi Praktikum:

Tutorial Kuliah 07 - PDF Format

File Kuliah 07

Link Eksternal:

Edutechwiki - Sound

Adobe - Sound

Youtube - Import Sound

Forum Diskusi:

Diskusi Topik Kuliah 07: Audio & Component

Live Chat

Ujian Tengah Semester

Mata Kuliah: Pengantar Komputer Multimedia Dosen: Andreas Rio, SE, M.Eng. Sifat Ujian: Open Book

Course Modules

Ujian Tengah Semester

Pertemuan 08

Capaian pembelajaran: Setelah mengikuti kuliah ini, mahasiswa mampu mengidentifikasi dan menerapkan: Tag HTML Ruang Lingkup Dreamweaver Insert Teks Insert Picture Syarat Teknis: Modul kuliah disajikan dalam modul interaktif. Syarat teknis untuk membuka Modul Kuliah: Browser dengan pluggin Flash Player Audio Out atau Earphone Materi untuk praktikum terdapat di Materi Praktikum dengan syarat teknis: Menginstal Adobe Dreamweaver (minimal versi CS5) Sebagai suplemen materi kuliah, terdapat link eksternal yang dapat dijadikan informasi tambahan. Silakan dibuka modul kuliah berikut ini:

Course Modules

Modul Kuliah:

Modul kuliah 08: HTML

Link Eksternal:

HTML.NET - HTML Tutorial

W3Schools - HTML Introduction

Adobe - Dreamweaver

Youtube - Fundamental HTML in Dreamweaver (Part 1)

Youtube - Fundamental HTML in Dreamweaver (Part 2)

Youtube - Fundamental HTML in Dreamweaver (Part 3)

Youtube - Fundamental HTML in Dreamweaver (Part 4)

Youtube - Fundamental HTML in Dreamweaver (Part 5)

Youtube - Fundamental HTML in Dreamweaver (Part 6)

Forum Diskusi:

Diskusi Topik Kuliah 08: HTML

LIve Chat

Pertemuan 09

Capaian pembelajaran: Setelah mengikuti kuliah ini, mahasiswa mampu mengidentifikasi dan menerapkan: Link HTML Format Link antar Halaman Link email Link Anchor Image Map Syarat Teknis: Modul kuliah disajikan dalam modul interaktif. Syarat teknis untuk membuka Modul Kuliah: Browser dengan pluggin Flash Player Audio Out atau Earphone Materi untuk praktikum terdapat di Materi Praktikum dengan syarat teknis: Menginstal Adobe Dreamweaver (minimal versi CS5) Sebagai suplemen materi kuliah, terdapat link eksternal yang dapat dijadikan informasi tambahan. Silakan dibuka modul kuliah berikut ini:

Course Modules

Modul Kuliah:

Modul Kuliah 09: Pengaturan Link

Link Eksternal:

W3Schools - HTML Links

Tutorial Point - HTML

HTMLDOG - HTML Beginner Tutorial

Youtube - Fundamental HTML in Dreamweaver (Part 7)

Youtube - Fundamental HTML in Dreamweaver (Part 8)

Forum Diskusi:

Diskus Topik Kuliah 09: Pengaturan Link

Tugas 06:

Tugas ke 06

Live Chat

Pertemuan 10

Capaian pembelajaran: Setelah mengikuti kuliah ini, mahasiswa mampu mengidentifikasi dan menerapkan: Optimalisasi File Membuat tombol Syarat Teknis: Modul kuliah disajikan dalam modul interaktif. Syarat teknis untuk membuka Modul Kuliah: Browser dengan pluggin Flash Player Audio Out atau Earphone Materi untuk praktikum terdapat di Materi Praktikum dengan syarat teknis: Menginstal Adobe Photoshop (minimal versi CS5) Sebagai suplemen materi kuliah, terdapat link eksternal yang dapat dijadikan informasi tambahan. Silakan dibuka modul kuliah berikut ini:

Course Modules

Modul Kuliah:

Modul Kuliah 10: Optimalisasi Image

Link Eksternal:

Madefreshly - Optimize image

Inobscuro - Optimizing image

Designinstruct - Optmize image

Youtube - Make Button in Photoshop

Tutsplus - Create Button in Photoshop

Forum Diskusi:

Diskus Topik Kuliah 10: Optimalisasi Image

Tugas 07:

Tugas ke 07:

Live Chat

Pertemuan 11

Capaian pembelajaran: Setelah mengikuti kuliah ini, mahasiswa mampu mengidentifikasi dan menerapkan: Syntax CSS Class & ID CSS pada Dreamweaver Syarat Teknis: Modul kuliah disajikan dalam modul interaktif. Syarat teknis untuk membuka Modul Kuliah: Browser dengan pluggin Flash Player Audio Out atau Earphone Materi untuk praktikum terdapat di Materi Praktikum dengan syarat teknis: Menginstal Adobe Dreamweaver (minimal versi CS5) Sebagai suplemen materi kuliah, terdapat link eksternal yang dapat dijadikan informasi tambahan. Silakan dibuka modul kuliah berikut ini:

Course Modules

Modul Kuliah:

Modul Kuliah 11: CSS

Link Eksternal:

W3Schools - CSS Tutorial

Mozilla - CSS The Basic

Smashing Magazine - Mastering CSS Coding

Smashing Magazine - Mastering CSS Principles

Smashing Magazine - CSS Technique

Code Academy - HTML & CSS

Forum Diskusi:

Diskus Topik Kuliah 11: CSS

Live ChatLive Chat

Pertemuan 12

Capaian pembelajaran: Setelah mengikuti kuliah ini, mahasiswa mampu mengidentifikasi dan menerapkan: Struktur Layout Website Layout menggunakan CSS Syarat Teknis: Modul kuliah disajikan dalam modul interaktif. Syarat teknis untuk membuka Modul Kuliah: Browser dengan pluggin Flash Player Audio Out atau Earphone Materi untuk praktikum terdapat di Materi Praktikum dengan syarat teknis: Menginstal Adobe Dreamweaver (minimal versi CS5) Sebagai suplemen materi kuliah, terdapat link eksternal yang dapat dijadikan informasi tambahan. Silakan dibuka modul kuliah berikut ini:

Course Modules

Modul Kuliah:

Modul Kuliah 12: Merancang Layout CSS

Link Eksternal:

Learn Layout - CSS Layout

Khan Academy - CSS Layout

Smashing Magazine - CSS Technique, Layouts

Smashing Magazine - Modern CSS Layouts

Smashing Magazine - Modern CSS Layouts Part 2

Forum Diskusi:

Diskus Topik Kuliah 12: Merancang Layout CSS

Tugas 08:

Tugas ke 08:

Live Chat

Pertemuan 13

Capaian pembelajaran: Setelah mengikuti kuliah ini, mahasiswa mampu mengidentifikasi dan menerapkan: Syntac Javascript Roll Over Button Spry Menu Syarat Teknis: Modul kuliah disajikan dalam modul interaktif. Syarat teknis untuk membuka Modul Kuliah: Browser dengan pluggin Flash Player Audio Out atau Earphone Sebagai suplemen materi kuliah, terdapat link eksternal yang dapat dijadikan informasi tambahan. Silakan dibuka modul kuliah berikut ini:

Course Modules

Modul Kuliah:

Modul Kuliah 13: Interaktifitas pada Web

Link Eksternal:

W3Schools - Javascript Tutorial

Code Academy - Javascript

Dreamweaverbook - PDF book

Layer Magazine - Dreamweaver Behaviour

Youtube - Dreamweaver Behaviour

Youtube - Spry widget

Forum Diskusi:

Diskus Topik Kuliah 13: Interaktifitas pada Web

Live Chat

Pertemuan 14

Capaian pembelajaran: Setelah mengikuti kuliah ini, mahasiswa mampu mengidentifikasi dan menerapkan: Form Jenis-jenis Form Syarat Teknis: Modul kuliah disajikan dalam modul interaktif. Syarat teknis untuk membuka Modul Kuliah: Browser dengan pluggin Flash Player Audio Out atau Earphone Sebagai suplemen materi kuliah, terdapat link eksternal yang dapat dijadikan informasi tambahan. Silakan dibuka modul kuliah berikut ini:

Course Modules

Modul Kuliah:

Modul Kuliah 14: Penerapan Form

Link Eksternal:

Adobe - Creating Web Form

Youtube - Web Form in Dreamweaver

HTML Form guide - Dreamweaver email form

Forum Diskusi:

Diskus Topik Kuliah 14: Penerapan Form

Live Chat

Tugas 09:

Tugas ke 09

Ujian Akhir Semester

Mata Kuliah: Pengantar Komputer Multimedia Dosen: Andreas Rio, SE, M.Eng. Sifat Ujian: Open Book

Course Modules

Ujian Akhir Semester

Materi Ujian:

Materi Logo

Materi Gambar