RANCANG BANGUN MODUL AJAR GRAFIKA KOMPUTER BERBASIS WEB

Prosiding Seminar Nasional Manajemen Teknologi XIV Program Studi MMT-ITS, Surabaya 23 Juli 2011

RANCANG BANGUN MODUL AJAR GRAFIKA KOMPUTER BERBASIS WEB Juni Nurma Sari, Melvawati, dan Meilany Dewi Jurusan Teknik Komputer - Politeknik Caltex Riau Kampus Politeknik Caltex Riau, Jl. UmbanSari no 1, Pekanbaru, Riau Email: [email protected] , [email protected] , [email protected]

ABSTRAK Pembelajaran yang efektif adalah pembelajaran dengan menggunakan media visual. Karena pembelajaran secara visualisasi dari suatu materi perkuliahan akan lebih dapat dimengerti oleh mahasiswa. Grafika Komputer merupakan salah satu mata kuliah mahasiswa Politeknik Caltex Riau khususnya jurusan Teknik Informatika dan Teknik Komputer. Pada mata kuliah ini diajarkan bagaimana membuat, menyimpan dan memanipulasi gambar dan animasi menggunakan komputer. Sistem pengajaran mata kuliah Grafika Komputer di Politeknik Caltex Riau saat ini hanya berupa penjelasan teori dan implementasinya pada coding program tanpa adanya visualisasi pemodelan gambar dan animasi secara langsung. Hal ini membuat mahasiswa sulit untuk memahami konsep-konsep Grafika Komputer. Untuk itu, diperlukan suatu modul ajar dengan visualisasi pemodelan yang interaktif. Teknologi multimedia dapat dimanfaatkan untuk mengatasi permasalahan ini. Multimedia mampu mengkombinasikan suara, gambar, video, animasi, teks, dan interaktif sehingga informasi yang disampaikan menjadi lebih baik. Modul ajar Grafika Komputer ini dirancang dengan menggunakan teknologi multimedia berbasis web. Pada modul ajar ini terdapat beberapa konsep dan materi ajar dari modul ajar yang sudah ada dengan penambahan dari sumber yang lain sehingga konsep dari materi grafika komputer dapat tersampaikan dengan baik. Modul ajar Grafika Komputer ini dapat menjadi alat bantu bagi staf pengajar dalam menjelaskan konsep dan materi mata kuliah ini serta membantu mahasiswa untuk memahami materi Grafika Komputer dengan lebih mudah. Kata kunci : Grafika Komputer, animasi, interaktif.

PENDAHULUAN Dewasa ini, teknologi multimedia berkembang dengan pesat. Pemanfaatan teknologi multimedia ada pada berbagai bidang, antara lain dunia pendidikan, dunia hiburan dan informasi dan lain sebagainya. Di dalam dunia pendidikan, teknologi multimedia digunakan dalam proses pembelajaran. Berdasarkan penelitian yang berjudul “Pengembangan Pembelajaran Dengan Menggunakan Multimedia Interaktif Untuk Pembelajaran Yang berkualitas” oleh Sigit, Bambang dan Joko dari Universitas Negeri Semarang, pembelajaran yang menggunakan multimedia dapat memberikan beberapa manfaat antara lain : memberikan motivasi pada mahasiswa untuk belajar, dapat memudahkan proses pembelajaran, dapat meningkatkan kualitas pembelajaran, dapat menggantikan atau melengkapi pembelajaran yang konvensional (Sigit, 2008). Grafika Komputer merupakan salah satu mata kuliah untuk mahasiswa Politeknik Caltex Riau khususnya untuk program studi Teknik Komputer (Diploma 3) dan Teknik Informatika (Diploma 4). Pada mata kuliah ini diajarkan bagaimana membuat, menyimpan dan memanipulasi gambar dan animasi menggunakan suatu


bahasa pemrograman. Bahasa Pemrograman pada mata kuliah ini adalah Visual C++ dengan library OpenGL. Sistem pengajaran mata kuliah Grafika Komputer di Politeknik Caltex Riau saat ini hanya berupa penjelasan teori dan implementasinya pada kode program, staf pengajar belum mempunyai alat bantu yang dapat memvisualisasikan pemodelan gambar dan animasi secara langsung setiap materi yang diajarkan. Hal ini membuat mahasiswa sulit untuk memahami konsep-konsep Grafika Komputer. Untuk itu, diperlukan suatu modul ajar dengan visualisasi pemodelan yang interaktif. Permasalahan untuk proses pembelajaran pada mata kuliah Komputer Grafik ini adalah sebagai berikut : bagaimana agar materi ajar Grafika Komputer dapat tersampaikan dengan baik melalui animasi interaktif ? dan bagaimana agar staf pengajar dapat menyampaikan materi ajar dengan lebih mudah menggunakan animasi interaktif ? Tujuan dari perancangan dan pembuatan modul ajar Grafika Komputer berbasis webadalah menerapkan teknologi multimedia di Politeknik Caltex Riau, mempermudah staf pengajar ketika menjelaskan materi mata kuliah Grafika Komputer. Dan memvisualisasikan materi ajar dengan menggunakan animasi interaktif. Dengan adanya perancangan dan pembuatan modul ajar Grafika Komputer berbasis web yang mampu memvisualisasikan materi mata kuliah Grafika Komputer dalam bentuk animasi yang interaktif, diharapkan aplikasi ini dapat menjadi alat bantu bagi mahasiswa dalam memahami materi ajar Grafika Komputer sehingga mampu membuat gambar dan animasi dengan menggunakan komputer. Kontribusi penelitian ini terhadap ilmu pengetahuan adalah memberikan gambaran penerapan teknologi multimedia yang interaktif pada proses pembelajaran terutama pada mata kuliah Grafika Komputer. METODOLOGI Metodologi yang digunakan dalam perancangan ini adalah linear sequential model. Tahap-tahap yang dilakukan adalah : 1. Tahap Observasi 2. Tahap Analisa 3. Tahap Desain 4. Tahap Implementasi 5. Tahap UjiCoba Tahap Observasi Pada tahap ini dilakukan pengumpulan informasi dan data untuk merancang modul ajar Grafika Komputer berbasis web. Kegiatan yang dilakukan pada tahap ini antara lain : 1. Melakukan wawancara dengan staf pengajar Grafika Komputer untuk mengetahui urutan materi Grafika Komputer dan untuk mendapatkan bahan ajar materi Grafika Komputer 2. Melakukan analisa terhadap bahan ajar materi Grafika Komputer, untuk mendapatkan bagian yang paling penting untuk divisualisasikan. 3. Melakukan studi literatur tentang perancangan dan pembuatan modul ajar yang berbasis web khususnya mata kuliah Grafika Komputer melalui mempelajari bukubuku, pencarian jurnal yang membahas tentang modul ajar berbasis web serta melakukan diskusi pada suatu forum

ISBN : 978-602-97491-3-7 C-13-2


Tahap Analisa 1.

Dari pendekatan – pendekatan yang dilakukan didapatkan hasil sebagai berikut : Dari wawancara dengan staf pengajar Grafika Komputer didapatkan urutan bahan ajar materi Grafika Komputer yang digunakan pada Program Studi Teknik Komputer dan Teknik Informatika, sebagai berikut : Bab 1 : Pendahuluan Bab 2 : Primitive Drawing Bab 3 : Menggambar Obyek Dua dimensi Bab 4 : Dasar-dasar Transformasi Bab 5 : Menggambar Obyek Tiga Dimensi Bab 6 : Transformasi Obyek Tiga Dimensi Bab 7 : Optical Mode, Lighting dan Shading Pada setiap bab akan terdapat beberapa sub bab, sebagai contoh, untuk Bab 2. Primitive Drawing, terdapat subbab sebagai berikut : Sub Bab 2.1 Struktur Dasar Program Grafik dengan OpenGL Sub Bab 2.2 Menggambar Objek Dasar dengan OpenGL Sub Bab 2.3 Sistem Koordinat Sub Bab 2.4 Fungsi OpenGL untuk Mengatur Objek Dasar Kemudian agar mahasiswa lebih memahami materi, maka pada beberapa sub bab terdapat latihan interaktif, dengan tujuan supaya mahasiswa lebih memahami materi yang telah dipresentasikan.

2.

Dari analisa terhadap bahan ajar materi Grafika Komputer bahwa ada beberapa bagian bagian yang paling penting untuk di visualisasikan secara animasi adalah sebagai berikut : a. Cara membuat obyek dasar b. Cara membuat obyek dua dimensi c. Cara melakukan proses transformasi pada obyek dua dimensi d. Cara membuat obyek tiga dimensi e. Cara melakukan proses transformasi pada obyek tiga dimensi f. Contoh dari beberapa optical Optical Mode, Lighting dan Shading

3.

Dari Studi literatur, didapatkan penjelasan-penjelasan tentang dasar teori yang berhubungan dengan perancangan dan pembuatan modul ajar berbasis web adalah sebagai berikut : a. Materi Ajar Grafika Komputer b. Pemrograman Web c. Multimedia dan Animasi d. Macromedia Flash e. Blender f. MySQL

Tahap Desain Pada tahap ini akan dilakukan beberapa perancangan, antara lain : Membuat perancangan arsitektur sistem

Desain arsitektur sistem berupa klien, web server dan database server, seperti yang terlihat pada gambar 1.

ISBN : 978-602-97491-3-7 C-13-3


Client

Gambar 1 : Arsitektur Sistem

Membuat perancangan system Perancangan modul ajar Grafika Komputer berbasis web, adalah sebagai berikut : a. Usecase diagram Pada usecase diagram modul ajar Grafika Komputer berbasis web, terdapat dua actor yaitu Admin dan User, seperti yang ditunjukkan pada gambar II.2. Admin dapat melakukan Kelola Materi, Kelola Animasi, Kelola Soal Latihan. Sedangkan user dapat melakukan searching dan baca Modul dengan memainkan animasi serta mengisi latihan.

Gambar 2 : Usecase Diagram Sistem

b. Flowchart Flowchart di bawah ini adalah alur dari admin dan user adalah sebagai berikut :

ISBN : 978-602-97491-3-7 C-13-4


Gambar 3 : Flowchart User

Gambar 4 : Flowchart Admin

ISBN : 978-602-97491-3-7 C-13-5


c. Entity Relationship Diagram

Gambar 5 : ERD Sistem

Tahap Implementasi Pada tahap ini merupakan pembuatan sistem, berikut proses pembuatan modul ajar Grafika Komputer berbasis web : 1. Membuat animasi dengan Macromedia flash dan Blender. 2. Pemberian efek dan teks pada animasi tiga dimensi menggunakan Adobe After Effect 3. Video yang sudah diberi effect diimpor ke macromedia flash 4. Menambah komponen text input, button dan check box ke animasi 5. Mem- publish file Macromedia Flash ke ke file shockwave Flash (swf) 6. Menyimpan link animasi ke dalam database 7. Menyalin coding

RANCANG BANGUN MODUL AJAR GRAFIKA KOMPUTER BERBASIS WEB

Recommend Documents