BAB IV TEKNIS PRODUKSI MEDIA. sebuah analisa merupakan pencapaian untuk membuat Desain Website yang

Transkripsi

1 BAB IV TEKNIS PRODUKSI MEDIA 4.1. Proses Analisa Produksi Media Proses analisa produksi media merupakan urutan analisa penulis dari beberapa kinerja yang secara terorganisir dan sistematis tersalurkan yang menjadi sebuah analisa merupakan pencapaian untuk membuat Desain Website yang secara arah terkonsep menjadi sebuah karya terlihat dinamis. Resolusi desain website yang akan penulis buat adalah 1024x768 di setiap halamannya. Ukuran ini membuat desain website perusahaan PT. Restu Anugrah Wibawa lebih compatible atau cocok dengan memakai ukuran tersebut untuk meminimalisir terlalu panjangnya website sehingga konsumen tidak perlu scrolling untuk melihat informasi-informasi tentang perusahaan Pra Produksi Dalam proses pra produksi penulis lebih menganalisa serta mencari beberapa referensi yang berkaitan dengan desain website, serta menjadikan dasar dari pemikiran dan konsep yang di implementasikan lewat sebuah desain website. a. Referensi Dalam pembuatan desain website ini penulis membutuhkan beberapa referensi desain website, hal ini bertujuan sebagai media untuk membuka pemikiran penulis untuk membuat seperti apa yang sudah ada, tetapi dengan sendirinya akan menemukan pemikiran baru yang muncul dari apa yang sudah di lihat dan dikembangkan menjadi sebuah karya yang 58

2 59 berhubungan dengan layanan atau jasa dari perusahaan PT. Restu Anugrah Wibawa itu sendiri. a. Referensi Buku. Dalam referensi buku tentang desain website, penulis lebih mencari ke internet, karena di internet menyediakan banyak sekali tentang tutorial dan e-book yang berkaitan dengan desain website. Namun bukan berarti referensi tanpa buku, ada jenis buku yang menjadi referensi penulis. 1. Desain Website Dengan Adobe Dreamweaver CS3 dan Fireworks CS3. b. Referensi Internet. Berikut ini adalah beberapa macam jenis desain website yang menjadi bahan referensi penulis, yaitu: Produksi Dalam proses produksi desain website ini terdapat beberapa halaman website, dimana seitap halaman mewakili dari menu yang akan di akses nantinya. Desain website ini terdapat 7 halaman ditambah 2 submenu jadi total keseluruhan terdapat 9 halaman, dimana setiap halamannya sebagian besar berisi tentang informasi perusahaan. Setelah membuat halaman di program Photoshop selesai kemudian dilanjutkan dengan tahapan pembuatan animasi di program Adobe Flash dan kemudian membuat link di program Fireworks, pada tahap ini semua halaman yang sudah selesai dibuat kemudian saling dihubungkan satu sama lain,

3 60 sehingga nanti semua halaman yang telah dibuat akan menjadi satu di program Dreamweaver Pasca Produksi Tahap ini merupakan tahap akhir dalam pembuatan desain website, dimana hasil dari desain website tersebut di upload atau di publish ke internet melalui server. Nantinya desain website yang telah di publish akan aktif dan dapat di akses oleh pengunjung melalui internet. Dengan desain yang dibuat secara teknis akan membantu pengunjung saat mengakses website tersebut dengan proses yang cepat tanpa harus menunggu lama saat mengaksesnya. Di Indonesia sendiri speed atau kecepatan mengkases internet sangatlah terbatas tetapi tidak semua tempat tidak bagus melainkan hanya di beberapa tempat saja. Untuk menangani masalah tersebut penulis memanfaatkan desain website yang tidak terlalu banyak menggunakan animasi tetapi dapat mengkomunikasikan pesan yang disampaikan tetap dengan baik,. Selain itu tidak lupa juga penulis terlebih dahulu mendiskusikan hasil pembuatan website setelah produksi, tujuannya yaitu untuk memeberikan masukan jika ada kekurangan Proses Teknis Produksi Media Dalam pendukung pembuatan desain website secara teknis ada beberapa hal yang sudah dijelaskan oleh penulis sebelumnya tentang proses analisa produksi media. Akan tetapi pembahasan dalam teknis pembuatan desain website ini lebih kepada tahap produksi, dimana lebih kepada pemilihan dalam

4 61 penggunaan software. Software yang digunakan penulis dalam pembuatan desain website diantaranya adalah: - Adobe Photoshop CS3. - Adobe Fireworks CS3. - Adobe Flash CS3. - Adobe Dreamweaver CS3. - dan Mozila Firefox CS3. a. Adobe Photoshop Software ini penulis gunakan untuk membuat desain awal dalam pembuatan website, penulis hampir selalu menggunakan software ini pada saat mendesain halaman web. Secara teknis awal pembuatan objek pertama di desain seperti software desain yang lain. Setelah objek dibuat di photoshop kemudian hasil desainnya di import ke dalam software Adobe Dreamweaver. Prosesnya pun terbilang mudah dan memang software adobe dibuat agar saling mendukung antara software yang satu dengan yang lainnya. Berikut adalah screenshoot dari Adobe Photoshop.

5 62 b. Adobe Fireworks Software ini penulis gunakan sebagai software pendukung dalam pembuatan website, penulis menggunakan software ini pada saat mendesain halaman menu bar web. Secara teknis awal pembuatan objek pertama di desain di Adobe Photoshop. Setelah objek dibuat di photoshop kemudian di tracing atau dipotong-potong hasil desainnya di import ke dalam software Adobe Fireworks. Berikut adalah screenshoot dari Adobe Fireworks. Dalam pengoperasiannya nanti menu bar yang sudah di buat di Adobe Fireworks akan di masukkan ke Dreamweaver. Setelah itu maka akan terlihat kombinasi antara software Adobe Fireworks dan Adobe Dreamweaver.

6 63 c. Adobe Flash Software Adobe Flash di gunakan penulis sebagai software pendukung untuk pembuatan animasi yang di butuhkan pada saat mendesain web. Tidak asing lagi bahwa Flash sangat familiar bagi pengguna software grafis sebagai software untuk membuat animasi. Dalam pengoperasiannya nanti animasi yang sudah di buat di Adobe Flash akan di masukkan ke Dreamweaver. Setelah itu maka akan terlihat kombinasi antara software Flash dan Dreamweaver. Berikut ini adalah screenshhot Adobe Flash.

7 64 d. Adobe Dreamweaver Software yang sering digunakan oleh desainer dalam proses pembuatan website ada beberapa jenis software, salah satunya adalah Adobe Dreamweaver. Dalam hal ini penulis memanfaatkan kemampuan untuk mengoperasikan software tersebut, sehingga apa yang ingin dibuat menurut konsep akan teralisasikan. Alasan penulis terfokus pada software Adobe Dreamweaver dikarenakan konsep dari penulis yang tidak ingin menonjolkan animasi yang berlebih di dalam pembuatan website ini nanti. Penulis juga ingin merancang sebuah desain website yang terlihat menarik tanpa harus menonjolkan banyak animasi. Karena Adobe Dreamweaver ini adalah proses akhir dari pembuatan website ini. Berikut ini adalah screenshoot dari software Adobe Dreamweaver pada saat di operasikan.

8 65 e. Mozilla Firefox Software ini digunakan pada saat bekerja di Adobe Dreamweaver, dimana file html yang berasal dari Dreamweaver pada saat melakukan preview pasti harus menggunakan software browser untuk penghubung ke internet walaupun dalam keadaan tidak terhubung ke internet sekalipun. Software ini adalah software pendukung yang sangat penting pada saat pengoperasian Dreamweaver. Berikut adalah screenshoot dari Mozilla Firefox.

9 Proses Finishing Media Berikut ini adalah ulasan lengkap tentang proses finishing media utama atau website. a. Home Ukuran yang digunakan pada layar Home ini adalah 1024 x 768 pixel. Menggunakan font Myriad Pro dengan teknik pembuatan melalui Adobe Photoshop, Adobe Fireworks, Adobe Flash, Adobe Dreamweaver, dan software browsing seperti Mozilla. Home menjelaskan tentang pengenalan awal dari perusahaan RAW Express. Dimana dijelaskan tentang upaya-upaya perusahaan untuk memberikan pelayanan kepada para konsumen sebagai peningkatan kualitas dari jasa pengiriman barang. Dijelaskan juga tentang sekilas visi dan layanan-layanan apa saja yang ditawarkan oleh RAW Express sebagai dedikasi perusahaan kepada para konsumen.

10 67 b. About Us Ukuran yang digunakan pada layar About Us ini adalah 1024 x 768 pixel. Menggunakan font Myriad Pro dengan teknik pembuatan melalui Adobe Photoshop, Adobe Fireworks, Adobe Flash, Adobe Dreamweaver, dan software browsing seperti Mozilla. About Us menjelaskan tentang seluk beluk profil perusahaan, dari latar belakang perusahaan mendirikan perusahaan dan komitmen-komitmen perusahaan dalam memberikan layanan kepada konsumen dalam menjalankan bisnis forwader ini. Karena pengenalan dan pemberian informasi tentang perusahaan sangat penulis tekankan agar konsumen dapat menerima dengan baik segala macam informasi yang ada di dalam website ini.

11 68 c. Philosophy Ukuran yang digunakan pada layar Philosophy ini adalah 1024 x 768 pixel. Menggunakan font Myriad Pro dengan teknik pembuatan melalui Adobe Photoshop, Adobe Fireworks, Adobe Flash, Adobe Dreamweaver, dan software browsing seperti Mozilla. Philosophy menjelaskan tentang bagaimana sistematis kerja dari perusahaan dalam memberikan layanan-layanan yang ditawarkan kepada konsumen agar terjalin suatu kepercayaan antara konsumen dan perusahaan dalam berjalannya bisnis ini. Karena kepercayaan sangat dibutuhkan dalam perjalanan bisnis forwarder, bekerja secara professional dengan penuh keyakinan dan dedikasi kepada konsumen merupakan sebuah misi dari RAW Express yang akan selalu dipertahankan. Serta melayani dengan sepenuh hati dengan mewujudkan harapan pelanggan akan keamanan, efisiensi, fasilitas dan tanggung jawab.

12 69 d. Vision and Mision Ukuran yang digunakan pada layar Vision and Mision ini adalah 1024 x 768 pixel. Menggunakan font Myriad Pro dengan teknik pembuatan melalui Adobe Photoshop, Adobe Fireworks, Adobe Flash, Adobe Dreamweaver, dan software browsing seperti Mozilla. Vision and Mision menjelaskan tentang seperti apa sebuah cara pandang dan apa saja yang akan ditempuh oleh RAW Express dalam menjalankan bisnis forwarder ini. Menjadi perusahaan jasa yang terbesar, menguntungkan, dan memiliki peran dominan dalam industri forwarder dijadikan visi RAW Express. Dan menyediakan jasa ekspedisi yang dapat memenuhi semua keinginan dari calon konsumen adalah sebuah bentuk visi atau cara pandang kedepan perusahaan dalam menjalankan bisnis forwarder ini.

13 70 e. Product and Service Ukuran yang digunakan pada layar Product and Service ini adalah 1024 x 768 pixel. Menggunakan font Myriad Pro dengan teknik pembuatan melalui Adobe Photoshop, Adobe Fireworks, Adobe Flash, Adobe Dreamweaver, dan software browsing seperti Mozilla. Product and Service menjelaskan tentang apa saja layanan yang diberikan oleh RAW Express. Dimana dilamanya terdapat beberapa kriteria-kriteria layanan jasa yang ditawarkan, diantaranya Courier and Cargo Service: Door to Door Service, Same Day Service, Over Night Service, dan Reguler Service. Selain itu juga ada layanan Freight Forwarder: Ekspedisi Muatan Kapal Laut, Ekspedisi Muatan Kapal Udara, dan Penyediaan Sarana Transportasi Darat.

14 71 f. Tracking Ukuran yang digunakan pada layar Tracking ini adalah 1024 x 768 pixel. Menggunakan font Myriad Pro dengan teknik pembuatan melalui Adobe Photoshop, Adobe Fireworks, Adobe Flash, Adobe Dreamweaver, dan software browsing seperti Mozilla. Tracking menjelasksan tentang layanan-layanan yang ditawarkan oleh RAW Express. Dimana terdapat Door to Door Service yang menjelaskan tentang layanan antar jemput, Same Day Service yang menjelaskan bahwa kiriman anda akan sampai dihari yang sama pada saat anda mengirim barang, Over Night Service menjelaskan bahwa barang kiriman anda akan sampai dihari berikutnya, dan Reguler Service adalah layanan terakhir yang ditawarkan dimana kiriman anda akan sampai pada waktu dan jam yang sudah ditentukan.

15 72 g. Shipping Ukuran yang digunakan pada layar Shipping ini adalah 1024 x 768 pixel. Menggunakan font Myriad Pro dengan teknik pembuatan melalui Adobe Photoshop, Adobe Fireworks, Adobe Flash, Adobe Dreamweaver, dan software browsing seperti Mozilla. Shipping menjelaskan tentang layanan-layanan yang ditawarkan oleh RAW Express. Dimana dalam halaman shipping ini terdapat beberapa penjelasan-penjelasan tentang layanan yang diberikan perusahaan, diantaranya adalah Ekspedisi Muatan Kapal Laut yang mengirimkan barang melalui jalur laut ke kota-kota tertentu di Indonesia seperti Surabaya, Denpasar, Balikpapan, Banjarmasin, Pontianak, Makasar, Manado, Papua, dan kota-kota lainnya di Indonesia. Sedangkan Ekspedisi Muatan Kapal Udara adalah layanan pengiriman melalu jalur udara di luar Jakarta. Dan jasa Trucking layanan melalui jalur darat.

16 73 h. Location Ukuran yang digunakan pada layar Location ini adalah 1024 x 768 pixel. Menggunakan font Myriad Pro dengan teknik pembuatan melalui Adobe Photoshop, Adobe Fireworks, Adobe Flash, Adobe Dreamweaver, dan software browsing seperti Mozilla. Location menjelaskan tentang dimana keberadaan perusahaan RAW Express yang ditunjukkan dengan peta yang terhubung ke google map sehingga memudahkan konsumen yang belum mengetahui keberadaan perusahaan RAW Express dapat mengetahui secara rinci alamat keberadaan perusahaan untuk keberlangsungan bisnis perusahaa RAW Express.

17 74 i. Contact Us Ukuran yang digunakan pada layar Contact Us ini adalah 1024 x 768 pixel. Menggunakan font Myriad Pro dengan teknik pembuatan melalui Adobe Photoshop, Adobe Fireworks, Adobe Flash, Adobe Dreamweaver, dan software browsing seperti Mozilla. Contact Us berisi tentang alamat RAW Express dan apa saja yang dapat mengubungkan konsumen dengan perusahaan. Dimana terdapat nomor telfon, akun Facebook, dan akun twitter yang dapat konsumen kunjungi untuk mendapatkan informasi-informasi tentang perusahaan RAW Express.