BAB IV KONSEP PERANCANGAN. Terdapat hal-hal menarik dari ide yang akan diwujudkan :

Transkripsi

1 A. Ide/Gagasan perancangan 1. Ide desain BAB IV KONSEP PERANCANGAN Aplikasi ini merupakan suatu aplikasi multimedia sebagai media informasi untuk menjelaskan mengenai Pusat Pengembangan Multi Media Universitas Terbuka. Pembuatan aplikasi ini bertujuan memberikan informasi dan penjelasan. Disamping itu penulis menyajikan dengan obyek-obyek yang diharapkan memiliki daya tarik agar dapat menarik minat pengguna media ini untuk lebih banyak ingin mengetahui tentang Pusat Pengembangan Multi Media yang ada di Universitas Terbuka. Obyek-obyek tersebut disajikan dalam bentuk animasi grafis, simbol, audio dan penambahan video sehingga aplikasi ini tidak terlihat monoton dan menarik bagi penggunanya, selain itu dengan adanya video dan animasi tersebut pengguna dapat lebih memahami informasi yang disampaikan, karena itu penulis terinspirasi untuk membuat karya ini. 2. Inovasi Desain Terdapat hal-hal menarik dari ide yang akan diwujudkan : a. Dapat memperoleh informasi dengan jelas dan akurat karena disajikan lengkap menggunakan gambar, animasi, audio dan video didalamnya b. Menyajikan materi berupa Struktur organisasi, Proses produksi, Produk dan Sarana prasarana yang terdapat di Pusat Pengembangan Multi Media Universitas Terbuka. c. Menyisipkan informasi menggunakan video mengenai hal-hal yang menjamin keterkaitan tentang kualitas yang terjamin, sarana dan prasarana yang sesuai standar, serta keterampilan staf yang dilatih di dalam dan diluar negri. d. Dapat melihat langsung Produk-produk yang dihasilkan Pusat Pengembangan Multi Media Universitas Terbuka dengan menggunakan koneksi internet. 31

2 B. Sasaran Desain Gambar 4.1 Sasaran desain Target sasaran untuk pembuatan multimedia interaktif ini adalah untuk semua kalangan usia yang telah memiliki kemampuan dan memahami dalam penggunaan komputer. Pengguna yang dimaksud disini ialah pengguna yang minimal pernah menggunakan komputer. Dengan target sasaran Usia 8 45 tahun yang ingin memperoleh informasi mengenai Pusat Pengembangan Multi Media Universitas Terbuka. C. Pendekatan Estetis Desain Penggayaan dalam desain Multimedia Interaktif ini menggunakan tema teknologi, dalam layout yang dibuat terdapat unsur-unsur teknologi dan digital, didalamnya seperti icon berbentuk folder dan elemen yang biasa di jumpai dalam aplikasi komputer. Warna yang digunakan adalah komposisi warna corporate (identitas) yang dimiliki Universitas Terbuka sebagai simbol suatu instansi yang berada di dalam lingkungan Universitas Terbuka. Konsep penggayaan teknologi dan warna identitas yang digunakan dalam media ini dimaksudkan sebagai suatu pencitraan yang dimiliki Pusat Pengembangan Multi Media Universitas Terbuka agar memperkuat nilai sebagai sebuah instansi yang terorganisasi dengan baik. D. Muatan Lokal Dalam Perancangan Karya Desain Memiliki unsur teknologi yang moderen di karenakan media ini menginformasikan mengenai pusat pengembangan yang mengembangan mediamedia pembelajaran baik media cetak maupun non cetak. 32

3 E. Proses Perancangan Dalam bagian ini akan menjelaskan mengenai struktur organisasi, proses produksi, produk yang dimiliki, sarana prasarana yang tersedia di Pusat Pengembangan Multi Media Universitas Terbuka dengan di sisipkan mengenai informasi umum mengenai Pusat Pengembangan Multi Media di Universitas Terbuka, Prose Quality Control Produk yang dihasilkan serta Staf-staf ahli yang memiliki kemampuan yang berkompeten dalam bidangnya. Dengan meliputi permodelan use case diagram, peta navigasi, perancangan storyboard, sequence diagram, activity diagram dan perancangan antarmuka. 1. Strategi Desain Gambar 4.2 Strategi desain 33

4 Dalam tahap pembuatan nya terbagi menjadi 3 bagian, yaitu: a. Pra Produksi 1) Storyline Terdiri dari: - Sinopsis - Naskah - Storyboard - Treatment 2) Desain Konsep desain disini Penulis bermaksud membayangkan sebuah media teknologi yang bernuansa digital yang dapat menimbulkan kesan modern dan tidak membingungkan pengguna dalam penggunaannya. 3) Layout Background Pada rancangan layout, ada beberapa elemen visual yang digunakan untuk membangun kesan teknologi. Elemen tersebut berupa bentuk ciri khas yang dianggap mampu mewakili kesan digital. Sedangkan warna yang digunakan dalam rancangan layout media interaktif ini lebih didominasi warna biru. Warna biru adalah warna identitas yang dimiliki Universitas Terbuka b. Produksi 1) Animation Agar karya lebih menarik lagi dibuat beberapa animasi didalamnya seperti animasi pada keterangan isi di dalam penjelasan proses produksi, opening, layout/background dan tombol semenarik mungkin, lalu kemudian animasi tersebut dibuat melalui flash dan diberi gerakan (motion) sesuai kebutuhan. 2) Import data Setelah semua animasi, layout, background, dan tombol sudah dibuat kemudian di Import ke dalam Adobe Flash untuk siap pengeditan 34

5 c. Pasca Produksi 1) Editing Dari semua proses yang sudah dikerjakan lalu di mulai proses editing semua yang sudah di buat sebelumnya, data yang sudah di kerjakan lalu di import ke dalam Adobe flash dan kemudian proses editing di mulai dari pembuatan script. 2) Sound Effect Pada tahap ini hasil editan diberi sound effect dan background music yang disesuaikan dengan alur cerita semenarik mungkin. 3) CD Interaktif Setelah karya selesai di kerjakan lalu dari karya tersebut di satukan kedalam media CD. 4) Media Pendukung & Pendistribusian Agar karya lebih diminati banyak orang diperlukan penempatan produk yang dapat menarik minat pengguna dan upaya untuk mendistribusikan hasil karya (CD Interaktif) berupa adanya media pendukung berupa desain cover CD yang menarik bentuk dan packagingnnya. Gambar 4.3 Packaging 35

6 Gambar 4.4 Media pendukung gantungan kunci Gambar 4.5 Media pendukung buddy bag 36

7 Gambar 4.6 Media pendukung Mouse Pad 2. Rincian Proses Perancangan a. Pra produksi 1. Ide Perancangan Dalam konsep ini saya menyajikan bentuk dengan memanfaatkan audio berupa narasi, animasi sebagai penjelasan alur, foto dan gambar sebagai visualisasi informasi serta video sebagai penjelasan yang memberikan keterangan informasi yang dapat dilihat secara langsung. 2. Pengumpulan Data a. Observasi Observasi dilakukan dengan melakukan pencarian data, gambar, dokumentasi foto dan mencari informasi melalui struktur organisasi yang dimiliki dan memahami proses yang dilakukan dalam pembuatan produk yang dihasilkan di Pusat Pengembangan Multimedia. b. Wawancara Wawancara dilakukan kepada masing-masing divisi staf dan koordinator masing-masing bidang yang terlampir berupa petunjuk kerja yang dimiliki. 37

8 3. Peta Navigasi/Site Map Peta navigasi dapat memudahkan perancangan aplikasi yang akan dibuat untuk menentukan lokasi pada setiap halaman yang ada. Berikut ini adalah gambar peta navigasi aplikasi Perancangan Multimedia Interaktif Profile Pusat Pengembangan Multi Media Universitas Terbuka Gambar 4.7 Site map perancangan 4. Pemodelan Use Case Diagram Pada aplikasi Profile Pusat Pengembangan Multi Media Universitas Terbuka ini, yang bertindak sebagai aktor utamanya adalah user (pengguna). Dari identifikasi aktor tersebut, maka akan didapatkan satu use case diagram dan beberapa skenario yang memperlihatkan interaksiinteraksi use case dengan aktor. Use case diagram Aplikasi Profile Pusat Pengembangan Multi Media Universitas Terbuka dapat dilihat pada gambar berikut 38

9 Gambar 4.8 permodelan use case diagram Nama Pengguna Deskripsi Skenario Materi Pengunjung dan tamu Pusat Pengembangan Multi Media Universitas Terbuka Pengguna dapat memilih materi yang terdapat pada media pembelajaran beserta melihat animasi dan video yang disajikan 1. Pengguna menyentuh layar 2.Sistem akan masuk ke halaman materi yang dipilih dan didalamnya terdapat video penjelasan mengenai Pusat Pengembangan Multimedia 3.Pengguna memilih menu yang disediakan 4.Sistem masuk kedalam menu yang dipilih di dahului oleh penjelasan video terkait 5.Pengguna membaca, mendengarkan dan melihat video/animasi yang disajikan pada menu yang dipilih 6.Sistem menunggu respon pengguna untuk mengklik informasi yang ingin diketahui Kondisi Awal 1.Pengguna menerima halaman wallpaper mengenai tampilan awal sebelum menjelaskan mengenai video sekilas mengenai Pusat Pengembangan Multi Media 2. Pengguna menerima halaman menu yang terdapat informasi 39

10 Kondisi Akhir yang telah disediakan Pengguna mempelajari menu materi yang dipilih. Tabel 4.1 Use Case Materi 5. Perancangan Story Board No Visual keterangan 1 Judul/Logo Form Name: Walpaper Link: - Ket: Menampilkan teks Judul Pusat Pengembangan Multi Media Universitas Terbuka 2 Video Sekilas Pusat Pengembangan Multi Media Universitas Terbuka < > Form Name: Video 1 Link: video Ket: Menampilkan video sekilas Pusat Pengembangan Multi Media Universitas Terbuka 40

11 3 O O O O X < Form Name: Home Link: Home Ket: Menampilkan tombol navigasi struktur organisasi, proses produksi, produk dan sarana prasarana 4 Video Kualitas staf yang di berikan pelatihan di dalam dan luar negri < > Form Name: Video-Struktur Organisasi Link: Struktur Organisasi Ket: Video staf yang di berikan pelatihan di dalam dan luar negri 41

12 5 struktur organisasi Form Name: Struktur Organisasi Link: Struktur Organisasi Ket: Struktur organisasi Video ICT sebagai pendukung proses produksi Form Name: Proses Produksi Link: Proses Produksi Ket: Video Ict yang memfasilitasi proses produksi < > 42

13 Proses produksi Form Name: Proses Produksi Link: Proses Produksi Ket: Proses Produksi Pusat Pengembangan Multi Media Universitas Terbuka Video Quality Control Produk < > Form Name: Video-QC Organisasi Link: Produk Ket: Video staf yang melakukan Q.C produk Pusat Pengembangan Multi Media Universitas Terbuka 43

14 Produk-Produk Pusat Pengembangan Multi Media Universitas Terbuka Form Name: Produk Link: Produk Ket: Produk-produk Pusat Pengembangan Multi Media Universitas Terbuka Video Sarana Prasarana < > Form Name: Video-QC Organisasi Link: Produk Ket: Video staf yang melakukan Q.C produk Pusat Pengembanga n Multi Media Universitas Terbuka 44

15 Sarana Prasarana Di Pusat Pengembangan Multi Media Universitas Terbuka Form Name: Produk Link: Sarana prasarana Ket: Ruang dan alat yang ada di Pusat Pengembangan Multi Media Universitas Terbuka Tabel 4.2 Story Board 6. Perancangan Antar Muka Pada bagian ini penulis mendesain antarmuka untuk aplikasi yang akan dibuat dan akan menunjukan tata letak tombol da nisi materi yang ada di media interaktif Pusat Pengembangan Multi Media Universitas Terbuka. a. Rancangan halaman awal (Walpaper) Pada halaman ini berisi penjelasan yang disajikan berupa teks judul yang dibuat sedemikian rupa sebagai daya tarik untuk menarik minat pengguna menggunakan media ini. 45

16 Gambar 4.9 Rancangan Tampilan Awal Pada halaman ini pengguna dapat menyentuh sembarang saja atau hanya dengan menggerakkan kursor maka secara otomatis program akan loading ke video penjelasan mengenai sekilas informasi Pusat Pengembangan Multi Media di Universitas Terbuka. Dan dilengkapi dengan tombol navigasi skip jika ingin langsung ke menu materi informasi yang ingin diketahui, seperti dapat dilihat pada gambar dibawah ini. Gambar 4.10 Rancangan Tampilan Video P2M2 46

17 b. Rancangan halaman menu utama Pada halaman ini berisi pilihan tombol navigasi untuk link ke isi materi yang ingin diketahui dilengkapi dengan informasi audio sebagai petunjuk penggunaan Gambar 4.11 Rancangan Tampilan Menu Utama c. Rancangan halaman menu video struktur organisasi Pada halaman ini berisi video yang menjelaskan mengenai sumber daya yang dimiliki Pusat Pengembangan Multi Media. 47

18 Gambar 4.12 Rancangan Tampilan Video SDM P2M2 d. Rancangan halaman struktur organisasi Pada halaman ini berisi informasi teks mengenai kepala pusat dan tombol navigasi ke link 4 koordinator dan 1 kasubag tata usaha. Di bantu oleh audio sebagai petunjuk dan soundtrack sebagai penegas nuansa Gambar 4.13 Rancangan Tampilan Struktur Organisasi e. Rancangan halaman video ICT Pada halaman ini berisi informasi yang menjelaskan mengenai ICT yang memiliki peranan besar dalam hal proses produksi para staf di Pusat Pengembangan Multi Media. 48

19 Gambar 4.14 Rancangan Tampilan Video ICT F. Rancangan halaman Proses Produksi Pada halaman ini berisi informasi yang menjelaskan mengenai proses produksi sebuah produk baik cetak maupun non cetak yang disajikan dengan narasi dan bentuk animasi. Gambar 4.15 Rancangan Tampilan Proses produksi 49

20 g. Rancangan halaman video Quality Control Pada halaman ini berisi informasi berupa video yang menjelaskan mengenai proses quality control suatu produk di Pusat Pengembangan Multi Media Universitas Terbuka. Gambar 4.16 Rancangan Tampilan video Q.C h. Rancangan halaman Produk yang dihasilkan di Pusat Pengembangan Multi Media Universitas Terbuka. Pada halaman ini berisi informasi yang menjelaskan mengenai produk yang ada di Pusat Pengembangan Multi Media Universitas Terbuka dan dihasilkan di Pusat Pengembangan Multi Media Universitas Terbuka, untuk melihat isi yang dimaksud program ini di desain terhubung dengan server di Pusat Pengembangan Multi Media Universitas Terbuka Gambar 4.17 Rancangan Tampilan menu Produk 50

21 i. Rancangan halaman sarana dan prasarana yang berupa video yang ada di Pusat Pengembangan Multi Media Universitas Terbuka Gambar 4.18 Rancangan Tampilan menu video sarana prasarana j. Rancangan halaman sarana dan prasarana menyajikan berupa foto dengan penegasan di audio mengenai ruang dan peralatan di Pusat Pengembangan Multi Media Universitas Terbuka. Gambar 4.19 Rancangan Tampilan isi di bagian ruang dan peralatan 51

22 b. Produksi 1. Tampilan Halaman Awal Halaman awal merupakan halaman yang muncul pertama sebelum halaman menu utama dan video pembuka mengenai Pusat Pengembangan. Pada halaman ini berisi nama unit Pusat Pengembangan Multi Media Universitas Terbuka. Untuk masuk ke Frame berikutnya ( Video Mengenai Pusat Pengembangan Multi Media) pengguna hanya tinggal menyentuh sembarang layar bila menggunakan layar sentuh atau menggeser mouse jika menggunakan mouse maka secara otomatis video mengenai sekilas Pusat Pengembangan Multi Media akan berjalan. Tampilan halaman awal dapat dilihat pada Gambar.4.20 Penjelasan Tampilan : Gambar 4.20 Tampilan Halaman Awal Spesifikasi Ukuran Layar : 1024 x 768 pixel Berisi teks animasi sebagai daya tarik Baground bernuansa teknologi dan berwarna biru sesuai turunan warna identitas yang dimiliki Universitas Terbuka. Latar belakang musik : Nama : Black Balloon _ Jeremy Stewart Sumber : 2. Tampilan Halaman Video mengenai Pusat Pengembangan Multi Media Halaman ini merupakan halaman yang berisi video mengenai informasi singkat Pusat Pengembangan Multi Media di Universitas Terbuka. Tampilan halaman video informasi Pusat Pengembangan Multi Media dapat dilihat pada Gambar

23 Penjelasan Tampilan : Gambar 4.21 Tampilan Video Pusat Pengembangan Multi Media Ukuran Layar 1024 x 768 pixel Ukuran Video 1024 x 484 pixel Sumber : Dokumentasi video Pusat Pengembangan Multimedia. Tombol navigasi next untuk melanjutkan ke frame menu utama Tombol navigasi back untuk kembali ke tampilan awal program 3. Tampilan Halaman menu utama Halaman ini merupakan halaman yang berisi tombol navigasi ke isi penjelasan mengenai penjelasan Pusat Pengembangan Multi Media Universitas Terbuka yang berisi tombol struktur organisasi, tombol proses produksi, tombol produk dan tombol sarana prasarana. Tampilan halaman ini berisi audio pendukung yang berfungsi memandu pengguna dalam menggunakan program ini. Tampilan halaman menu dapat dilihat pada Gambar.4.22 Gambar 4.22 Tampilan Halaman Menu Utama 53

24 Penjelasan Tampilan : Ukuran Layar 1024 x 768 pixel Baground bernuansa teknologi dan berwarna biru sesuai turunan warna identitas yang dimiliki Universitas Terbuka. Tombol isi program Bentuk Keterangan Gambar ikon folder dengan ilustrasi Puzzle. Folder melambangkan isi mengenai penjelasan dan diwakilkan dengan bentuk ilustrasi puzzle mengilustrasikan mengenai struktur organisasi yang ada di Pusat Pengembangan Multi Media. Gambar ikon folder dengan ilustrasi bentuk gir. Folder melambangkan isi mengenai penjelasan dan diwakilkan dengan bentuk ilustrasi gir mengilustrasikan mengenai Proses Produksi yang dilakukan di Pusat Pengembangan Multi Media. Gambar ikon folder dengan ilustrasi lensa kamera. Folder melambangkan isi mengenai penjelasan dan diwakilkan dengan bentuk ilustrasi lensa kamera mengilustrasikan mengenai produk yang di hasilkan Pusat Pengembangan Multi Media. 54

25 Gambar ikon folder dengan ilustrasi bentuk rumah berkepala orang. Folder melambangkan isi mengenai penjelasan dan diwakilkan dengan bentuk ilustrasi rumah berkepala orang mengilustrasikan mengenai Sarana Prasarana yang ada di Pusat Pengembangan Multi Media. Tabel 4.3 Icon Menu Utama 4. Tampilan Struktur Organisasi Halaman ini merupakan halaman menu dari struktur organisasi yang berisi menu tugas dan fungsi masing-masing bagian yang ada di Pusat Pengembangan Multi Media baik dari tugas dan fungsi pimpinan pusat, koordinator bagian hingga ke bagian staf yang ada di Pusat Pengembangan Multi Media. Tampilan halaman menu dari struktur organisasi ini dapat dilihat pada Gambar.4.23 Penjelasan Tampilan : Ukuran Layar 1024 x 768 pixel Gambar 4.23 Tampilan Menu Struktur Organisasi Ilustrasi menggambarkan siluet orang-orang yang sedang sibuk dengan aktifitasnya masing-masing yang mengartikan kesibukan masing-masing bagian dari individu dalam menjalankan tugas dan tanggung jawabnya. Menu pada tampilan ini menggunakan perbedaan warna yang berfungsi sebagai petunjuk untuk penjelasan lokasi ketika pengguna menjalankan 55

26 program sehingga diharapkan pengguna tidak merasa kesulitan mengenai posisi lokasi dimana pengguna berada ketika menjalankan program. Karena unsur dalam pewarnaan ini digunakan sebagai warna baground dalam masingmasing bagiannya. Menu pada halaman ini diberikan slide penegas berupa animasi yang bergeser dari kiri ke kanan dan sebaliknya sebagai petunjuk untuk pengguna dan menginformasikan atas bagain yang dapat berfungsi sebagai tombol. Terdapat audio petunjuk sebagai keterangan isi materi dan menggunakan backsound yang bernuansa techno bersumber dari Terdapat baground ilustrasi dengan keterangan dan bentuk sebagai berikut: Bentuk Keterangan Ilustrasi kursi, Ilustrasi ini terdapat di bagian kepala pusat yang digunakan sebagai simbol kepemimpinan yang dimiliki unit Pusat Pengembangan Multi Media yang pada masa jabatannya silih berganti setiap 4 tahun sekali. Ilustrasi pensil warna ini menggambarkan mengenai bidang illustrator pada produksi bahan ajar cetak. Ilustrasi tangan menghitung jumlah angka dengan penegasan sebuah kalkulator sebagai simbol dari staf administrasi pada unit ini. Ilustrasi berbentuk speaker dengan gelombang audio mewakili sebagai staf audioman pada bagian bahan ajar non cetak. Ilustrasi berbentuk ruangan editor mengilustrasikan bagian editor video pada proses bahan ajar non cetak. 56

27 Ilustrasi berbentuk siluet orang sedang memotret merupakan penggambaran staf fotografer pada proses bahan ajar non cetak. Ilustrasi berbentuk abstrak yang tersusun rapi mewakili staf pada bidang grafis pada proses bahan ajar non cetak. Ilustrasi berbentuk kamera proyektor menggambarkan staf kameramen pada proses bahan ajar non cetak. Ilustrasi tangan menulis di sebuah kertas mewakili profesi layouter pada proses produksi bahan ajar cetak. Ilustrasi sebuah lampu studio merupakan penggambaran mengenai staf penata cahaya pada proses produksi bahan ajar non cetak Ilustrasi koper dengan latar belakang rumput merupakan penggambaran bagian unit produksi (manajer unit) pada proses produksi bahan ajar non cetak Ilustrasi tangan menggunakan laptop seperti sedang mengetik mengilustrasikan mengenai staf editor pada proses produksi bahan ajar cetak Ilustrasi orang mengetik dengan penekanan latar belakang out door merupakan bagian pencatat script pada saat produksi bahan ajar non cetak Ilustrasi tangan fokus penggunaan laptop tersebut menggambarkan seperti 57

28 sedang membuat sesuatu merupakan ilustarsi yang dimiliki staf bagian Programer pada unit ini. Kertas berbentuk tumpukan mengilustrasikan bagian mengenai kearsipan pada unit ini. Bangku sutradara dan klipper merupakan ilustrasi penggunaan untuk bagian sutradara pada program ini. Tabel 4.4 Baground dan ilustrasi tombol pada struktur organisasi Sumber 5. Tampilan Halaman Proses Produksi Halaman ini merupakan halaman menu dari proses produksi yang berisi menu bagian proses produksi bahan ajar cetak dan menu proses produksi bahan ajar non cetak berisi mengenai proses yang dilakukan di Pusat Pengembangan Multi Media mulai dari proses naskah diterima hingga menjadi produk siap digunakan. Tampilan menu ini menampilkan gambar foto-foto cuplikan kegiatan yang dilakukan pada saat proses produksi ysng disajikan menggunakan frame berbentuk roda gigi sebagai simbol isi mesin-mesin yang mengartikan proses suatu pekerjaan. Tampilan halaman menu dari proses produksi ini dapat dilihat pada Gambar.4.24 Gambar 4.24 Tampilan Halaman Menu Proses Produksi 58

29 Penjelasan Tampilan : Ukuran Layar 1024 x 768 pixel Foto-foto kegiatan produksi di Pusat Pengembangan Multi Media Sumber foto stok dokumentasi foto di Pusat Pengembangan Multi Media Terdapat audio petunjuk sebagai keterangan isi materi dan menggunakan backsound yang bernuansa techno bersumber dari 6. Tampilan Produk Halaman ini merupakan halaman menu dari produk yang berisi menu mengenai produk-produk yang dihasilkan Pusat Pengembangan Multi Media. Di dalam bagian produk ini dapat dilihat apabila perangkat penggunaan media sudah terhubung melalui internet karena produk yang dilihat pada bagian ini mengakses server yang ada di Pusat Pengembangan Multi Media diantaranya produk galeri foto mengenai stok foto dan dokumentasi yang dimiliki Pusat Pengembangan Multi Media, produk I-TV berupa video-video yang dihasilkan dan dimiliki oleh Pusat Pengembangan Multi Media, serta produk bahan ajar yang dihasilkan Pusat Pengembangan Multi Media. Tampilan halaman menu dari produk ini dapat dilihat pada Gambar.4.25 Penjelasan Tampilan : Ukuran Layar 1024 x 768 pixel Gambar 4.25 Tampilan Halaman Menu Produk Foto-foto Produk bahan ajar pada tampilan ini disajikan secara bergantian sebagai simbol bagian produk pada tampilan ini, Sumber foto stok dokumentasi foto di Pusat Pengembangan Multi Media Ilustrasi bola dunia dan kepala kabel internet pada bagian kanan sebagai ilustrasi bahwa untuk melihat isi dari menu yang disediakan pada bagian ini memiliki arti 59

30 yang dimaksudkan untuk melihat menu yang disediakan pada tampilan ini membutuhkan koneksi internet dalam penyajian informasinya. Terdapat audio petunjuk sebagai keterangan isi materi dan menggunakan backsound yang bernuansa techno bersumber dari 7. Tampilan Sarana Prasarana Halaman ini merupakan halaman menu sarana prasarana yang berisi tombol navigasi mengenai ruang dan alat-alat yang ada di Pusat Pengembangan Multi Media Universitas Terbuka. Dalam tampilan menu ini menampilkan foto gedung dari dokumentasi yang dimiliki Pusat Pengembangan Multi Media yang memiliki makna sebagai penggambaran informasi bentuk asli gedung Pusat Pengembangan Multi Media di Universitas Terbuka. Tampilan halaman menu dari sarana dan prasarana ini dapat dilihat pada Gambar 4.26 Penjelasan Tampilan : Gambar 4.26 Tampilan Halaman Menu Sarana Prasarana Ukuran Layar 1024 x 768 pixel Foto-foto Produk bahan ajar pada tampilan ini disajikan secara bergantian sebagai simbol bagian produk pada tampilan ini, Sumber foto stok dokumentasi foto di Pusat Pengembangan Multi Media Ilustrasi bola dunia dan kepala kabel internet pada bagian kanan sebagai ilustrasi bahwa untuk melihat isi dari menu yang disediakan pada bagian ini memiliki arti yang dimaksudkan untuk melihat menu yang disediakan pada tampilan ini membutuhkan koneksi internet dalam penyajian informasinya. 60

31 Terdapat audio petunjuk sebagai keterangan isi materi dan menggunakan backsound yang bernuansa techno bersumber dari 8. Font Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Font yang digunakan dominan menggunakan BellCent Add Karena memiliki karakter yang ramping dan memberikan kesan fleksible serta mudah dibaca. 9. Warna Warna yang dominan digunakan adalah warna biru karena merupakan warna identitas yang dimiliki Universitas Terbuka yang bergerak dalam bidang pendidikan b. Pasca Produksi 1. CD Interaktif a. Membuat packaging kaset berukuran CD (Bahan karton) b. Melakukan Burning ke CD-R 700MB dengan Nero Burning c. Menempelkan Label CD ke kepingan CD d. Memberikan cover cd pada packaging - Packaging CD 1. Brief Packaging CD yang saya buat adalah berukuran 12.5 cm x 12.5 cm karena mudah dibawa. 2. Outcam Hasil akhir yang diinginkan adalah Cover CD interaktif sesuai konsep yang diambil. 61

32 3. Kebutuhan Teknis Perancangan a) Spesifikasi Hardware, Laptop ACER Aspire V5-471G dengan spesifikasi : 1. Processor : Intel Core i5-2467m 1.600Ghz( 4CPUs) 2. Operating System : Windows 7 3. BIOS : Phoenix BIOS SC-T v RAM : 4,00 GB 5. LCD : ACER b) Software aplikasi :Software pengolahan vector Software aplikasi untuk pengolahan bentuk dan gambar serta software yang digunakan untuk pembuatan animasi dan program interaktif 4. Proses Pengerjaan b) Mengukur Ukuran box dvd c) Mempelajari tema d) Membuat Layot e) Mengolah font yang tepat dengan tema f) Mengolah Layout sesuai tema g) Pencetakan h) Revisi & final desain 5. Hasil Karya Gambar 4.27 Tampilan Desain CD 62

33 Deskripsi: Berisikan Media Utama yaitu berbentuk CD pembelajarannya melalui kaset Alasan pemilihan Media Agar menjaga kaset mudah dibawa dan praktis. Bahan yang digunakan menghemat biaya 2. Media Pendukung a. Penerapan warna pada latar ( Background ) Penggunaan warna dominan menggunakan warna biru pada background. disesuaikan dengan konsep tema pembuatan Pada rancangan layout, ada beberapa elemen visual yang digunakan untuk membangun kesan. Elemen tersebut berupa bentuk ciri khas yang dianggap mampu mewakili pendidikan. Elemen tersebut berupa ikon yang sering ditemui di perangkat komputer - Warna Warna yang digunakan dalam rancangan layout media interaktif ini lebih didominasi warna biru. Warna biru lebih diidentikkan dalam bidang pendidikan. Perpaduan dari warna-warna di dalam layout terlihat lebih hidup, meriah dan ceria. b. Strategi Media (media Utama dan Pendukung) Media sangat berpengaruh terhadap inti dari produk yang ingin dipasarkan. Karya desain yang telah dibuat Packaging Label CD Poster Buddy bag Pin Counter Display Kartu Nama Fungsi/ manfaat karya dalam perancangan Melindungi CD dari goresan, debu, dan cahaya matahari. Mudah dibawa Mengidentifikasikan CD tersebut tentang informasi Memberitahukan kepada khalayak akan sebuah produk multimedia interaktif Mempromosikan produk melalui perangkat tas tenteng kecil yang berfungsi sebagai souvenir Aksesoris yang bisa memperkenalkan produk dimana saja Menyusun produk agar terlihat rapih dan menjadi daya tarik pengunjung Memperkenalkan pembuat produk cd 63

34 Banner Head banner Interaktif Menegaskan tema saat pameran dan dapat dilihat orang secara jelas Media banner yang bisa dilihat orang yang sedang melintas di sebuah tempat. Tabel 4.5 Daftar Media 64