BAB IV TEKNIS PRODUKSI MEDIA 4.1 Proses Pra Produksi Proses analisa produksi media merupakan proses secara keseluruhan pada perancangan website streaming perusahaan Pro2 Jakarta Radio Republik Indonesia. Mulai dari tahap pra produksi, produksi, hingga pasca produksi dan semua proses ini disusun berdasarkan urutan kinerja yang secara terorganisir dan sistematis. Agar pencapaian dari sebuah karya desain website ini mampu untuk mengkomunikasikan pesan secara tepat dan jelas. Dalam proses pra produksi lebih menganalisa serta mencari beberapa informasi dan referensi yang berkaitan dengan website, yaitu: 4.1.1 Referensi Website Dalam pembuatan desain website portal berita online ini penulis membutuhkan beberapa referensi desain website, hal ini bertujuan sebagai media untuk membuka pemikiran penulis agar nantinya penulis dapat meng- eksplore dan mengi majinasikan ide - ide yang ada dipikiran penulis sehingga dengan sendirinya penulis akan menemukan pemikiran baru yang muncul dari apa yang telah dilihat. Berikut ini adalah beberapa jenis desain website yang menjadi referensi penulis, yaitu: a. http://www.98genfm.com/streaming b. http://www.pramborsfm.com c. http://deltafm.net/ 4.1.2 Referensi Buku Penulis lebih banyak mencari referensi melalui internet, kerena internet banyak sekali menyediakan tutorial, berita - berita dan juga e-book yang berkaitan dengan desain website portal berita online. Namun, bukan berarti penulis tidak mencari referensi tanpa menggunakan buku, ada beberapa buku yang menjadi referensi Penulis. yaitu :
a. Adobe Dreamweaver panduan praktis b. PHP Script Most Wanted c. Teknik Mudah Membuat Animasi Fantastis d. Latihan Membuat Web PHP dan MySQL dengan Dreamwaver 4.2 Proses Produksi Website Sebelum memulai pembuatan website, Penulis mempersiapkan software apa saja yang akan digunakan untuk pembuatan website. Pembuatan website streaming Radio Republik Indonesia Pro2 Jakarta dirancang dengan menggunakan basis html. Software yang digunakan ialah Adobe Photoshop, Macromedia Dreamweaver, Macromedia Flash, dan Google Chrome. Website ini memiliki ukuran yaitu adalah 1024px x 768px. Ukuran tersebut merupakan standar website. 4.2.1 Sitemap Langkah selanjutnya penulis membuat sitemap. Tujuan utama dari pembuatan sitemap adalah sebagai alat bantu untuk menggambarkan sebuah tahapan penyelesaian masalah secara sederhana, terurai rapi dan jelas dengan begitu dapat mempermudah dalam pengenalan peta situs didalam Website. Dengan begitu, mesin google dengan mudah menjelajah dan meraih halaman-halaman yang ada didalamnya. website Home About Us Show News and Event Foto Contsct Us Streaming About Us Show News and Event Foto Contsct Us Profile Foto News Coment Map Player audio streaming
Gambar 4.1 Sidemap 4.2.1 Proses Sketsa Pada tahap proses pembuatan website desain, proses sketsa merupakan tahap awal yang dilakukan penulis menuangkan idenya dalam bentuk sketsa di kertas untuk menghasilkan sebuah tampilan website bagus dan menarik mata. Penulis mendapatkan konsep yang tertuangberupa sketsa gambar. Berikut sketsa perancangan layout website streaming RRI Pro2: Flash ( SUARA KREATIFITAS) GAMBAR STUDIO SIARAN Home About Us SHOW NEWSEVENT PHOTO ANNOUNCER Contact Us FLASH REGISTER AND ACCOUND LOGIN PHOTO SHOW IMAGE "SHOW" IKLAN NEWS TRENDING TOPIC ALAMAT RRI a. Strategi Verbal Website Copyright 2013. PRO2JAKARTA Gaya Hidup 105.00 FM maintained by : Tia Fatikhah Hardiyani Gambar 4.2 Sketsa Layout Pro2 RRI Jakarta 4.2.2 Proses Digital Imaging
Tahap digital imaging ini adalah tahap proses pembuatan layout yang dilakukan pada software photoshop dan illustrator. Dimana software ini digunakan untuk mengedit gambar atau foto, menjadikan gambar lebih menarik dengan efek-efek gambar yang dapat dikreasikan sendiri sesuai konsep desain. Tahap digital imaging ini terdiri dari pembuatan layout background, header, footer, button pada website. Berikut ini adalah screenshoot dari software adobe photoshop : Gambar 4.3 Background Website Gambar diatas ini merupakan bagian background website. Ukuran backgroud adalah 1024 width x 1940 height pixels. Warna background pada Website ini disesuaikan dengan tema minimalis yang menggunakan gaya simpel namun memperhatikan nilai estetika. Penulis memakai tema minimalis karena mewakili gaya era masa kini. Minimalis merupakan element seperlunya saja, sesederhana mungkin namun terkesan elegan. Penggunaan warna putih pada background bertujuan untuk menampilkan kesan minimalis, karena warna dasar dari minimalis.
Cara : File New File Save Keterangan : ketika file new, background sudah disesuaikan dengan ukuran serta warna yang digunakan setalah selesai klik file kemudian save. 4.2.3 Proses Animasi Flash Tahap animasi ini adalah tahap dimana proses pembuatan animasi dilakukan dengan menggunakan software Flash. Tahap flash ini digunakan untuk pembuatan iklan banner website berbentuk flash untuk mempromosikan website streaming Pro2 RRI Jakarta ke khalayak. Berikut ini adalah screenshoot dari software adobe flash: Gambar 4.4 Proses Pembuatan Desain Content Website Cara : File New File Save Gambar diatas ini merupakan bagian untuk header website. menggunakan fotoflash dan tulisan. Kemudian penulis menambahkan unsur logo Pro2 RRI jakata agar audience dapat mengetahui bahwa website ini merupakan website streaming Pro2 RRI Jakarta.
4.2.4 Adobe Proses Me-Layout Website melalui Dreamweaver Tahap website ini adalah proses dimana tahap pembuatanwebsite dilakukan pada Adobe Dreamweaver. Pada proses me-layout website ini terdapat 7 halaman (canal) berita, seperti : Home, About Us, Show, News Event, Photo, announcer, Contact Us. Setelah membuat halamannya satu persatu kemudian dilanjutkan dengan tahapan menyatukan semua halaman dengan link. Dalam tahap ini semua halaman yang sudah selesai dibuat kemudian saling dihubungkan satu samalain.sehingga nanti semua halaman yang telah dibuat akan menjadi satu kesatuan yang saling berhubungan. Cara : File New Css masukan image background Berikut ini adalah screenshoot dari software Adobe Dreamweaver: Gambar 4.4 Tampilan Code Script Body Web di Adobe Dreamweaver
4.2.5 Proses Browsing Website dengan Google Chrome Google Chrome digunakan untuk teknis produksi akhir agar bias dilihat dan digunakan sebagai media browsing. Gambar dibawah ini merupakan hasil salah satu tampilan halaman website untuk bagian. Berikut ini adalah screenshoot dari tampilan website portal berita online Lensa Perempuan.com dari Google Chrome: Gambar 4.5 Tampilan Halaman Website 4.3 Proses Hosting dan Domain 4.3.1 Pengertian Domain Nama domain (domain name) adalah nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau email server di jaringan komputer ataupun internet. Nama domain berfungsi untuk mempermudah pengguna di internet pada saat melakukan akses ke server, selain juga dipakai untuk mengingat nama server yang dikunjungi tanpa harus mengenal deretan angka yang rumit yang dikenal sebagai alamat IP. Nama domain ini juga dikenal sebagai sebuah kesatuan dari sebuah
situs web seperti contohnya wikipedia.org. Nama domain kadang-kadang disebut pula dengan istilah URL, atau alamat website. Pada intinya nama domain adalah nama unik yang digunakan untuk menuju suatu Blog atau situs yang biasanya berdomain custom (semisal blog.blogspot.com) atau top-level domain (situs.com). Beberapa contoh domain yang paling banyak digunakan di dunia : - (site).com (Commercial), Biasa digunakan untuk situs komersil atau umum dan salah satu domain yang paling banyak digunakan di dunia. - (site).org (Organization), paling banyak digunakan oleh situs atau forum organisasi dan perkumpulan suatu komunitas di internet. - (site).info (Information), digunakan pada beberapa situs yang menyediakan sarana informasi dan jasa penyedia informasi. - (site).edu (Education), digunakan untuk situs pendidikan dan pengetahuan. - (site).gov (Government), digunakan untuk situs pemerintahan dan kementrian suatu negara atau daerah. - (site).mil (Military), digunakan oleh situs-situs pertahanan negara atau militer. 4.3.2 Pengertian Hosting Hosting atau akrab dipanggil web hosting dan sewa hosting adalah penyewaan tempat untuk menampung data-data yang diperlukan oleh sebuah Blog atau website yang memiliki top-level domain sendiri sehingga dapat diakses lewat Internet. Data disini dapat berupa file, gambar, email, aplikasi/program/script dan database dalam satu wadah yang disebut Hosting. 4.4 Proses Teknis Produksi Media Pendukung Promosi Pada saat pembuatan media pedukung promosi website ini secara teknis ada beberapa software yang digunakan, yaitu adobe Photoshop, illustrator dan adobe Flash. Media pedukung yang dibuat oleh Penulis, berfungsi untuk mempromosikan website streaming Pro2 RRI Jakarta. Agar menarik khalayak untuk mengunjungi dan membaca
portal berita online Lensa Perempuan.com setiap harinya. Berikut ini Penulis akan menjelaskan lebih spesifik tentang perancangan dari beberapa media pendukung dalam pembuatan website ini. 3.5.1 Facebook Gambar 4.6 Facebook Ukuran : 851 w x 315 h pixel Format : landscape Teknik : digital Material : halaman Facebook 4.3.2 Twitter
Gambar 4.7 Twitter Ukuran : 1477 w x 780 h pixel Format : landscape Teknik : digital Material : halaman Twitter
T-shirt Gambar 4.8 T- shirt Ukuran : S atau M Format : potret Teknik : digital printing / sablon Material : cotton combed 4. Sticker
Gambar 4.9 stocker Ukuran : 4cm x 5cm Format : Lanscape Material : cutting sticker