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

(1)

31 BAB IV

KONSEP PERANCANGAN

A. Ide/Gagasan perancangan 1. Ide desain

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.

(2)

32 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 media- media pembelajaran baik media cetak maupun non cetak.

(3)

33 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

(4)

34 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

(5)

35 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

(6)

36 Gambar 4.4 Media pendukung gantungan kunci

Gambar 4.5 Media pendukung buddy bag

(7)

37 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.

(8)

38 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 interaksi- interaksi use case dengan aktor. Use case diagram Aplikasi Profile Pusat Pengembangan Multi Media Universitas Terbuka dapat dilihat pada gambar berikut

(9)

39 Gambar 4.8 permodelan use case diagram

Nama Materi

Pengguna Pengunjung dan tamu Pusat Pengembangan Multi Media

Universitas Terbuka Deskripsi Pengguna dapat memilih materi

yang terdapat pada media pembelajaran beserta melihat animasi dan video yang disajikan Skenario 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

(10)

40 yang telah disediakan

Kondisi Akhir 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

(11)

41 3

X O

O O O

<…

Form Name:

Home Link:

Home Ket:

Menampilkan tombol navigasi struktur

organisasi, proses produksi, produk dan sarana prasarana

3 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

(12)

42 5

struktur organisasi

Form Name:

Struktur Organisasi Link:

Struktur Organisasi Ket:

Struktur organisasi

3 4

Video

ICT sebagai pendukung proses produksi

< >

Form Name:

Proses Produksi Link:

Proses Produksi Ket:

Video Ict yang memfasilitasi proses produksi

(13)

43 5

4

Proses produksi

Form Name:

Proses Produksi Link:

Proses Produksi Ket:

Proses Produksi Pusat

3 4

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

(14)

44 5

4

Produk-Produk

Pusat Pengembangan Multi Media Universitas Terbuka

Form Name:

Produk Link:

Produk Ket:

Produk-produk Pusat

3 4

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

(15)

45 5

4

Sarana Prasarana

Di Pusat Pengembangan Multi Media Universitas Terbuka

Form Name:

Produk Link:

Sarana prasarana Ket:

Ruang dan alat yang ada di Pusat

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.

(16)

46 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

(17)

47 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.

(18)

48 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.

(19)

49 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

(20)

50 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

(21)

51 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

(22)

52 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

Gambar 4.20 Tampilan Halaman Awal

Penjelasan Tampilan :

 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 : www.google.com

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.4.21

(23)

53 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

(24)

54 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.

(25)

55 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

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

(26)

56 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 masing- masing 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 www.google.com

• 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.

(27)

57 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

(28)

58 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 www.google.com//image

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

(29)

59 Penjelasan Tampilan :

• 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 www.google.com 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

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

(30)

60 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 www.google.com

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

Gambar 4.26 Tampilan Halaman Menu Sarana Prasarana

• 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.

(31)

61

• Terdapat audio petunjuk sebagai keterangan isi materi dan menggunakan backsound yang bernuansa techno bersumber dari www.google.com 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.

(32)

62 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 v2.2 4. 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

(33)

63 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 Fungsi/ manfaat karya dalam perancangan

Packaging Melindungi CD dari goresan, debu,

dan cahaya matahari. Mudah dibawa

Label CD Mengidentifikasikan CD tersebut

tentang informasi

Poster Memberitahukan kepada khalayak

akan sebuah produk multimedia interaktif

Buddy bag Mempromosikan produk melalui

perangkat tas tenteng kecil yang berfungsi sebagai souvenir

Pin Aksesoris yang bisa memperkenalkan