RANCANG BANGUN MODUL AJAR GRAFIKA KOMPUTER BERBASIS WEB

Transkripsi

1 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 juninurma@yahoo.com, mel_love14@yahoo.co.id, meilany@pcr.ac.id 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

2 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 C-13-2

3 Tahap Analisa Dari pendekatan pendekatan yang dilakukan didapatkan hasil sebagai berikut : 1. 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. C-13-3

4 Client Membuat perancangan system Gambar 1 : Arsitektur Sistem 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 : C-13-4

5 Gambar 3 : Flowchart User Gambar 4 : Flowchart Admin C-13-5

6 c. Entity Relationship Diagram Tahap Implementasi Gambar 5 : ERD Sistem 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 <object> pada file.swf ke file.jsp dengan source diambil dari database. Tahap Uji Coba Pada tahap uji coba, dilakukan pengujian modul ajar Grafika Komputer berbasis web ini, dengan langkah-langkah sebagai berikut : a. Halaman depan web Pada gambar 6 adalah halaman depan modul ajar Grafika Komputer berbasis web. Gambar 6. Halaman Depan Modul Ajar Grafika Komputer b. Pemilihan bab, pada halaman depan web, user dapat memilih bab pada menu di samping kiri. Sebagai contoh user memilih bab 2, dengan judul Primitive Drawing. Pada gambar II.7 adalah tampilan awal animasi bab 2. C-13-6

7 Gambar 7. adalah tampilan awal animasi bab 2 c. Dari bab, dilakukan pemilihan sub bab, pada uji coba dilakukan pemilihan subbab ke 2, Menggambar Objek Dasar dengan OpenGL. Pada sub bab ini user dapat memilih objek dengan menekan salah satu tombol yang ada. Ketika user memilih tombol Poligon, akan ditampilkan potongan program pada animasi. User dapat berinteraksi dengan potongan program tersebut. User menentukan koordinat objek polygon dengan mengubah nilai pada combo box. Ketika user mengubah ilai koordinat pada potongan program, gambar objek grafik akan ikut berubah sesuai dengan nilai koordinatnya. Pada gambar 8, merupakan objek polygon yang telah dibentuk user. Gambar 8. merupakan objek polygon yang telah dibentuk user HASIL DAN DISKUSI Pada saat uji coba, dilakukan pengujian modul ajar Grafika Komputer berbasis web pada 22 orang mahasiswa, kemudian pengujian selesai, mahasiswa tersebut diminta untuk mengisi kuesioner, dari hasil kuesioner tersebut 16 orang mahasiswa menyatakan Grafika Komputer lebih mudah dipahami dengan menggunakan animasi interaktif. Berikut tabel rekapitulasi hasil kuesioner mahasiswa: C-13-7

8 Tabel 1. Rekapitulasi hasil kuesioner mahasiswa KESIMPULAN Kesimpulan dari proyek akhir ini adalah : a. Berdasarkan hasil kuesioner, 16 orang mahasiswa menyatakan Grafika Komputer lebih mudah dipahami dengan menggunakan animasi interaktif berarti informasi dapat tersampaikan lebih mudah dan lebih baik dengan menggunakan animasi. b. Dari tabel rekapitulasi hasil kuesioner, modul ajar interaktif Grafika Komputer membantu staf pengajar menjelaskan konsep dan materi ajar ketika memberikan mata kuliah Grafika Komputer ke mahasiswa c. Dengan adanya animasi, mata kuliah Grafika Komputer menjadi lebih menyenangkan. DAFTAR PUSTAKA Ball, Jennifer. Dkk. (2006). The Java EE 5 Tutorial, Third Edition: For Sun Java System Application Server Platform Edition 9. California : Addison Wesley Professional Blender sebagai Software Pengolah 3 Dimensi dan Animasi.(t.t). Diambil pada 7 Januari 2010 dari Fernandez, Ibiz. (2002). Macromedia Flash Animation & Cartooning: A creative Guide. California : McGraw- Hill/Osborn Kadir, Abdul. (2006). Dasar Pemrograman Web Dinamis dengan JSP. Jakarta : Penerbit Andi Mulyaharid, Roni & Hakim, Andi Luman. (2006). Pekanbaru : Author Praktikum Pemrograman Jaringan. Sari, Juni Nurma. (2004). Grafika Komputer. Pekanbaru : Author Sigit, Bambang, Joko (2008). Pengembangan Pembelajaran Dengan Menggunakan Multimedia Interaktif Untuk Pembelajaran Yang berkualita. Diambil pada 5 Juli 2011 dari Sumaryadi, Adi. Mengenal Macromedia Flash. (t.t). Diambil pada 12 Januri 2010 dari C-13-8