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
About Us
Show
News and Event
Profile
Foto
News
Foto
Contsct Us
Coment
Streaming
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:
GAMBAR
Flash
STUDIO SIARAN
( SUARA KREATIFITAS)
Home
About Us
SHOW
FLASH
NEWSEVENT
PHOTO
ANNOUNCER
REGISTER AND ACCOUND LOGIN
PHOTO SHOW
IMAGE "SHOW" IKLAN TRENDING TOPIC
NEWS
ALAMAT RRI
a.PRO2JAKARTA Strategi Verbal Website Copyright © 2013. Gaya Hidup 105.00 FM| maintained by : Tia Fatikhah Hardiyani
Gambar 4.2 Sketsa Layout Pro2 RRI Jakarta
4.2.2 Proses Digital Imaging
Contact Us
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 Nama
Pengertian Domain 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 -
(site).edu
dan (Education),
jasa digunakan
untuk
penyedia situs
pendidikan
informasi. 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
