LAPORAN KERJA PRAKTEK
DESAIN WEBSITE UNIT INDUSTRI HILIR
PT. PERKEBUNAN NUSANTARA XII
SURABAYA
Oleh :
DHIKA YUAN YURISMA 08.42010.0006
PROGRAM STUDI : S1 DESAIN KOMUNIKASI VISUAL
SEKOLAH TINGGI MANAJEMEN INFORMATIKA &
TEKNIK KOMPUTER SURABAYA
DAFTAR ISI
LEMBAR PENGESAHAN………....i
KATA PENGANTAR………ii
DAFTAR ISI……….. DAFTAR GAMBAR………iii
BAB I PENDAHULUAN 1.1Latar Belakang………..1
1.2Rumusan Masalah……….2
1.3Batasan Masalah………...2
1.4Tujuan………...3
1.5Kontribusi……….3
1.6Sistematika Penulisan………...3
BAB II GAMBARAN UMUM PERUSAHAAN 2.1Profil………5
2.2Misi………..6
2.3Visi………..6
2.4Gedung Unit Usaha Industri Hilir………..6
BAB III TINJAUAN PUSTAKA 3.1 Konsep Desain………7
3.2 Merancang Isi……….7
3.3.1 Merancang Garis……….8
3.3.2 Merancang Bentuk………..8
3.3.3 Merancang Warna……….9
3.3.4 Prinsip Dasar Desain………...10
3.3.5 Merancang Website……….12
3.3.6 Merancang Animasi……….12
BAB IV METODE KERJA PRAKTEK 4.1 Metode Observasi………..13
4.2 Metode Interview………..14
4.3 Metode Literatur………14
4.4 Perancangan………...14
BAB V HASIL DAN PEMBAHASAN 5.1 Hasil Website………16
5.2 Pembahasan………..20
BAB VI PENUTUP 6.1 Kesimpulan………...24
6.2 Saran……….24
DAFTAR PUSTAKA………26
BAB I
PENDAHULUAN
1.1 Latar Belakang
Internet saat ini telah menjadi bagian yang tidak terpisahkan dari kehidupan kita. semua aspek kehidupan telah memulai memanfaatkan fasilitas internet, tidak hanya perusahaan yang ingin memasaran produknya secara global. Tetapi juga pemerintahan, organisasi, partai politik, yayasan, lembaga dan bahkan individu juga telah menggunakan internet untuk mendapatkan kemudahan dalam memberikan layanan dan informasi, juga untuk kemudahan perluasan dan pengembangan bisnis. Setiap waktunya internet semakin memasyarakat di Indonesia hal ini di tandai dengan semakin banyaknya pengguna internet dari tahun ke tahun dan akan terus bertambah. Kerja Praktek ini hendak melaporkan bagaimana membuat desain website menarik dan sesuai bagi Industri Hilir PTPN XII Sby.
Di prediksikan tiap tahunnya pengguna internet di Indonesia meningkat tajam. Ini sangat masuk akal mengingat era globalisasi yang sudah mulai berjalan. Website adalah salah satu alat penunjang, sebagai media informasi dan promosi di internet, sekarang ini website bukanlah menjadi “Barang Mewah” untuk perusahaan, organisasi, maupun pribadi. Tetapi sudah merupakan keharusan bagi mereka yang siap untuk Go Public, siap untuk memulai perluasan dan pengembangan usaha apapun bidangnya. Website juga merupakan symbol
kredibilitas dan prestige yang menunjukan bahwa perusahaan selangkah lebih maju dari kompetitornya dan lebih siap dalam menghadapi pasar gelobal. Pada saat ini Unit Industri Hilir PTPN XII belum memiliki website, sehingga sulit untuk mengenalkan dan memasarkar produk ini secara global. Untuk itu kerja praktek ini bertujuan membuat website yang menarik dan sesuai dengan Unit Industri Hilir PTPN XII, agar membantu untuk memperluas jaringan dan mengembangkan sayap bisnis hingga bisa bersaing dengan para competitor.
1.2. Rumusan Masalah
Berdasarkan dari latar belakang diatas maka dapat diketaui permasalahan yang ada yaitu :
1. Bagaimana membuat desain yang menarik dan sesuai bagi Unit Usaha Industri Hilir PTPN XII Surabaya?
1.3 Batasan Masalah
Supaya kendala-kendala yang dirumuskan diatas dapat terselesaikan dan tidak menyimpang jauh dari lingkup permasalahan, maka dipandang perlu adanya pembatasan dalam pembahasannya. Dalam pembaasan ini penulis perlu membatasi permasalahan sebagai berikut :
1. Mendesain website sesuai konsep dan data-data Unit Usaha Industri Hilir PTPN XII Surabaya.
2. Menambahkan beberapa fungsi script yang menarik pada website.
1.4 Tujuan
Kerja praktek yang dilakukan selama dua bulan ini bertujuan untuk :
1. Untuk membuat desain yang menarik dan sesuai bagi Unit Usaha Industri Hilir PTPN XII Surabaya.
2. Mendesain website sesuai konsep dan data-data Unit Usaha Industri Hilir PTPN XII Surabaya.
1.5 Kontribusi
Pelaksanaan kerja praktek ini memiliki kontribusi untuk membantu mempromosikan produk-produk perusahaan dan memudahkan pelanggan untuk mencari informasi tentang produk-produk yang dimiliki dan juga membantu menciptakan konsep desain yang akan digunakan seterusnya oleh Unit Usaha Industri Hilir PTPN XII Surabaya.
1.6 Sistematika Penulisan
Laporan kerja ini terbagi dari beberapa bab, dimana masing-masing bab terdiri dari sub-sub bab yang bertujuan dapat menjelaskan pokok-pokok bahasan dalam menyusun laporan ini. Adapun sistematika penulisan laporan ini adalah sebagai berikut :
Bab I Pendahuluan
Dalam bab ini diuraikan tentang latar belakang masalah, rumusan masalah, batasan masalah, tujuan, kontribusi, dan sistematika penulisan. Bab II Gambaran umum perusahaan
Dalam bab ini berisi tentang gambaran umum Unit Usaha Industri Hilir.
Bab III Landasan teori
Dalam bab ini dibahas tentang dasar-dasar merancang sebuah website sebagai dasar teori untuk pembahasan Bab V.
Bab IV Metode kerja praktek
Dalam bab ini berisi tentang metode pelaksanaan kerja praktek dan perancangan website.
Bab V Hasil dan pembahasan
Dalam bab ini berisi tentang hasil dan pembahasan desain website yang dibuat saat kerja praktek.
Bab VI Penutup
Dalam bab ini penulis mengemukakan kesimpulan dan saran dari kerja praktek.
BAB II
GAMBARAN UMUM PERUSAHAAN
2.1 Profil
Unit Industri Hilir PTPN XII adalah perusahaan yang memproduksi berbagai macam kopi dan teh dari dalam negeri. Produk Unit Industri Hilir PTPN XII merupakan produk unggulan yang berasal dari perkebunan PTPN XII. Produk Unit Industri Hilir PTPN XII antara lain adalah ROLAS COFFEE DAN ROLAS TEA Produk Rolas Coffee Unit Industri Hilir PTPN XII memiliki beberapa jenis varian kopi antara lain Rolas Java Coffe, Rolas Robusta Coffee, dan Kopi Lanang. Rolas Coffee & Tea merupakan etalase mutu produk PT Perkebunan Nusantara XII (Persero) yang menampilkan produk-produk unggulannya, sekaligus sebagai wahana promosi yang dipersembahkan khususnya bagi seluruh lapisan masyarakat.
Rollaas merupakan Produk Industri Hilir yang dihasilkan Oleh PT Perkebunan Nusantara XII (Persero) sebagai salah satu pengembangan dan Peningkatan Value /Nilai Tambah Perusahaan dengan memanfaatkan / mengubah bahan mentah menjadi bahan jadi yang siap di konsumsi oleh masyarakat.
Dengan Produksi Rollaas yang di hasilkan diharapkan perusahaan mendapatkan Nilai Tambah Pendapatan terhadap perusahaan serta merangsang para karyawannya untuk menjadi marketing terhadap produknya sendiri sebagai bekal untuk menjadi Interpreneur.
2.2 Misi
Unit Industri Hilir PTPN XII mempunyai misi yaitu menjadi produk unggulan khususnya pada produk kopi dan teh dan merangsang para karyawan untuk menjadi marketing terhadap produknya sendiri sebagai bekal untuk menjadi entrepreneur. Untuk mencapai misinya Unit Industri Hilir PTPN XII berfokus pada peningkatan daya saing dan pengembangan secara berkesinambungan, sekaligus menciptakan peluang-peluang untuk menyaingi pangsa pasar produk yang telah terlebih dahulu beredar di masyarakat.
2.3 Visi
Unit Industri Hilir PTPN XII mempunyai visi yaitu menjadi produk unggulan yang dikenal secara luas baik dalam negeri maupun mancanegara.
2.4 Gedung Unit Industri Hilir PTPN XII
Gedung Unit Industri Hilir PTPN XII berada pada jalan Indrapura nomer 33a Surabaya. Ruangan Unit Industri Hilir PTPN XII terdapat 2 lantai, lantai satu digunakan untuk counter berjualan produk serta gudang dan produksi produk kopi. Lantai 2 digunakan untuk sebagai ruangan administrasi dan marketing Unit Industri Hilir PTPN XII.
BAB III
TINJAUAN PUSTAKA
3.1 Konsep Desain
Keunggulan bersaing perusahaan, sesungguhnya adalah keunggulan komunikasi sehingga masalah dalam bersaing adalah masalah dalam teknologi dan informasi.Dalam komunikasi, kita harus mempertajam pesan agar masuk di pikiran konsumen.Multimedia dapat membantu mempertajam pesan tersebut karena kelebihan multimedia adalah menarik indera, minat dan merupakan gabungan antara pandangan dan gerakan.
Strategi merancang pesan yang sukses di butuhkan pengembangan strategi kreatif dan eksekusi strategikratif. Kreativitas adalah kemampuan untuk menyajikan gagasan atau ide baru.
3.2 Merancang Isi
Merancang isi merupakan komersialisasi dari merancangan konsep atau implementasi dari strateg kreatif. Merancang isi meliputi mengevaluasi dan memilih daya tarik pesan, gaya dalam mengeksekus ipesan, dan kata (tema).
Merancangisi website merupakan simbiolisasi dari konsep atau implementasi dari strategi kreatif suatu program perusahaan. Konsep pembuatan website meliputi :
o Gunakan kombinasi warna yang menarik sesuai dengan tema website yang di buat.
o Beri animasi, agar lebih dinamis dan tidak membosankan.
o Pilih gambar dengan size kecil agar lebih ringan.
o Website hendaknya selalu up to date.
3.3. Merancang Grafis
3.3.1 Merancang Garis
“line is an abstraction boundaries but not actual line it nature”
Demikian pendapat Rathbundan Hayes mengenai garis.Garis adalah sesuatu yang abstrak, ia merupakan tapal batas tetapi tidaklah sebagai garis-garis yang nyata dalam alam. Pendapat - pendapat lain tentang garis masih banyak lagi antara lain yang dapat di jadikan pedoman dalam seni ialah pendapat Henry N. Rasmussen; bahwa garis itu adalah :
1. Sebuah goresan atau coretan kaligrafi.
2. Sebuah batas/limit darisesuatu ruang, benda, warna dan tone. Sedangkan ukuran dari pada garis itu tak tentu, hanya mempunyai dimensi memanjan gserta mempunyai arah. Mempunyai sifat – sifat seperti : pendek, panjang, vertical, horizontal, lurus, melengkung, berombak, dan sebagainya.
3.3.2 Merancang Bentuk
Bentuk merupakan gambaran umum dari suatu yang tertutup. Banyak cara dalam melukiskan bentuk pada dua dimensi. Salah satu cara untuk melukiskan bentuk adalah dengan garis. Garis dapat digunakan untuk menggambarkan bentuk yang datar. Bentuk dapat di isi dengan warna, nada, atau tekstur. Bagaimana bentuk tersebut di gambarakan menampilkan kualitasnya.
Cara lain untuk menggambarkan bentuk adalah menggunakan warna dan kolase. Daerah warna grey yang di hasilkan dari hitam dan putih merupakan bentuk yang tidak di buat dengan garis, dengan demikian warna jelas dengan garis. Kolase adalah aktivitas memotong dan menempelkan material dengan sedikit berbeda, seperti renda, kertas, dan foto – foto pada permukaan 2 dimensi.
3.3.3 Merancang Warna
Warna adalah unsure seni yang mudah menyentuh jiwa manusia. Oleh karena itu banyak kemungkinan yang kita capai dalam bergaul dengan warna.
Warna adalah pembiasan sinar, berdasarkan penglihatan, dari sinar matahari. Selain itu ada warna berupa pigmen / bahan darimerah, kuning, biru, atau hasil campuran dariwarna di atas. Dapat di bedakan menjadi 3 macam, yaitu:
1. Panas – dinginnya warna : perbedaan nama-nama warna 2. Terang – gelapnya warna : harga – harga warna
3. Cerah – suramnya warna :kekuatan – kekuatan warna. Nama warna secara universal adalah :
Primary :Merah, Biru, Kuning Binary :Hijau, Ungu, Jingga
Tertier : (KH+KJ) – (BU+MU) – (BU-MJ). Quartenary : (KH+KJ) – (MU+MU) dsb.
Bagaimana mempergunakan warna ??
1. Sebenarnya tidak ada hukuman tertentu/pasti, yang jelas haruslah di kerjakan penuh kecintaan.
2. Haruslah mempunyai pengetahuan tentang pembuatan warna. Dalam kepentingan komposisi, warna dapat mencapai keseimbangan secara menyeluruh (unity) sebagai berikut :
o Daerah yang luas harus di tenangkan sedangkan daerah yang kecil harus di kontraskan.
o Keseimbangan warna cerah dan warna suram; daerah kecil harus di cerahkan, daerah luas harus di suramkan.
o Keseimbangan dari warna gelap – gelap terang : a. Keseimbangan dari warna complementasinya. b. Keseimbangan melalui selang – seling atau
pengulangan supaya ada kesatuan.
3.3.4 Prinsip Dasar Desain
Prinsip dasar desain merupakan prinsip keseimbangan, prinsiptitik focus, prinsipirama, dan prinsip kesatuan. Prinsip – prinsip ini harus di
ketahui untuk menghasilkan desain grafik yang baik untuk tampilan multimedia.
1. Prinsip keseimbangan
Keseimbangan ini perlu sekali dalam pembuatan komposisi. Ada 2 macam bentuk keseimbangan, yaitu :
o Keseimbangan sinitris (mempunyai berat dan terbagi sama pada tiap – tiap bagian).
o Keseimbangan asimetris (mempunyai keseimbangan yang tersembunyi dan tidak terbagi sama).
2. Prinsiptitik focus
Pusat perhatan, di dalam bentuk desain tersebut harus ada sesuatu yang menjadi pusat perhatian (Point Of Interest).
3. Prinsip irama
Irama adalah suatu gerak yang teratur, yang berhubungan, sehingga akan selalu ada pengulangan – pengulangan yang teratur. Gerak-gerak itu akan mengakibatkan suatu arah kemudian menjadi irama. Dalam hal ini irama tidak di bentuk terbatas dari garis saja, namun semua unsur – unsure seni lukis bisa membentuk irama.
4. Prinsip kesatuan
Kesatuan dalam hal ini adalah suatu bentuk yang unsur-unsurnya mempunyai saling hubungan.
Bentuk yang kita maksud dapat di capai dengan cara sbb :
o Di dalam bentuk tersebut harus ada kontras, berlaku untuk semua unsur (goresan, irama, warna, teksture, dsb)
o Peralihan di harapkan di dalam bentuk itu juga ada peralihan dari unsur – unsure bentuknya supaya tidak tampak kaku.
o Selingan /variasi di samping ada pengulangan – pengulangan supaya tidak menjemukan harus ada selingan / variasi.
3.3.5 Merancang Website
Website haruslah menarik dan dapat mengkomunikasikan ide, pesan, dan atau citra perusahaan dan akhirnya di harapkan tercapainya tujuan dari perusahaan. Membuat tema dan konsep tentang desain website di antaranya dengan memilih warna yang sesuai untuk di gunakan pada website. Membuat desain banner yang sesuai dengan tema website yang akan di buat, membuat button – button yang di gunakan untuk menuju kehalaman yang di inginkan, memilih tema yang cocok, memilih dan mengedit gambar yang akan di gunakan dalam website.
3.3.6 Merancang Animasi
Gaya eksekusi pesan dalam multimedia yang sangat popular saat ini adalah animasi. Dengan tekhnik ini, kita dapat menggerakkan gambar dan teks apa saj asehingga lebih menarik, kita juga dapat mengatur berapa lama durasi yang di butuhkan dalam animasi tersebut,jadi website tidak akan terkesan monoton.
BAB IV
METODE KERJA PRAKTEK
Metodologi yang di gunakan selama kerja praktek di PT. Unit Usaha Industri Hilir PTPN XII adalah :
4.1Metode Observasi
Dilaksanakan dengan mengamati secara langsung terfokus pada bagaimana prinsip kerja khususnya grafis yang di gunakan dalam desain website.
Pelaksanaan yang sangat singkat selama kurang lebih 2 bulan tersebut saya melakukan kegiatan observasi di divisi grafis melalui blokingwaktu :
1. Minggu 1
Mengamati siklus kerja dan membaur dengan karyawan yang ada di perusahaan.
2. Minggu 2, 3, 4
Membuat tema dan konsep tentang desain website:
o Memilih warna yang sesuai untuk di gunakan pada website.
o Membuat desain banner yang sesuai dengan tema website yang akan di buat.
o Membuat button-button yang di gunakan untuk menuju kehalaman yang di inginkan.
o Memilih dan mengedit gambar/foto yang akan di gunakan dalam website.
o Mengedit teks dari source yang telah disediakan.
o Membuat animasi kecil dari beberapa produk.
o Melakukan foto produk. 3. Minggu 5, 6
Mengimplementasikan desain :
o Memasukkan tiap-tiap elemen grafis dan teks yang telah di buat, sesuai dengan desain website.
o Membuat masing – masing halaman sesuai dengan ema yang telah di tentukan sebelumnya.
o Memasukkan fungsi-fungsi dari tiap-tiap elemeng rafis yang telah di masukkan.
4. Minggu 7, 8
Finishing dan melengkapi bahan laporan
4.2Metode Interview
Di laksanakan dengan melakukan Tanya jawab secara lagsung dengan pembimbing kerja praktek dan para karyawan PT. Unit Usaha IndustriHilir PTPN XII.
4.3Metode Literatur
Di laksanakan dengan mempelajari buku buku grafis aplikasi multimedia secara umum, terutama buku-buku tentang desain website, juga mencari referensi darimajalah – majalah desain dan juga dari situs – situs internet.
4.4Perancangan
Dasar dari perancangan sebuah desain terdiri atas 3 hal, yaitu sketsa, rough dan comprehensive.
Penjelasan Keterangan Website PT. Unit Usaha Industri Hilir :
• Model Desain Web dibuat dengan tampilan yang klasikal sesuai dengan produk perusahaan yang berkesan klasik.
• Backgraoun menggunakan gambar biji kopi, sesuai dengan produk yang ditonjolkan oleh perusahaan.
• Font yang digunakan menggunakan arial, agar terkesan kuat dan kokoh
• Naskah dibuat rata kiri agar mudah dimengerti dan tidak membingungkan si “user”.
• Pembuatan dan pengeditan foto produk dilakukan di photoshop.
• Pembuatan website menggunakan adobe dreamweaver.
BAB V
HASIL DAN PEMBAHASAN
5.1 Hasil
Selama melakukan kerja praktek selama 2 bulan dalam pembuatan website saya memperoleh hasil sebagai berikut :
Gambar 5.1 index rollaskopiluwak
Gambar 5.2 tampilan about us
Gambar 5.3 Tampilan history of coffee
Gambar 5.4 Tampilan coffe product
Gambar 5.5 Tampilan Tea produk
Gambar 5.6 Tampilan produk café
Gambar 5.7 Tampilan about us
5.2 Pembahasan
Pembuatan website ini menggunakan beberapa software yaitu Adobe Photoshop, Adobe Dreamweaver.
1. Pembuatan Layout desain
Layout desain dibuat dengan menggunakan adobe Photoshop kemudian di export menuju dreamweaver. Dengan ukuran 899x462 pixel dibuat dengan background kopi dan didominan warna coklat kopi dan sedikit hiasan warna hijau memberikan kesan daun the karena perusahaan ini memproduksi kopi dan tea.
2. Membuat Button
Pembuatan button untuk web ini cukup sederhana hanya berupa kotak berwarna hijau dengan text didalamnya yang menggunakan warna putih sehingga kontras dengan wrna dasarnya.
3. Tampilan animasi slide show foto produk
Disini saya menggunakan slide show dengan jacquery. Yaitu script untuk penampilan slide show foto produk dengan script sebagai berikut :
<script type="text/javascript" src="scripts/prototype.js"></script>
<script type="text/javascript" src="scripts/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="scripts/frog.js"></script>
<style type="text/css"> body{
text-align: center;
text-align: left; line-height: 140%; }
</style> </head> <body>
Tampilan Java script untuk contact us dan tampilan hari, tanggal, dan jam
4.Finishing Edit
Pada akhirnya saya memasukan semua source kedalam adobe dremweaver untuk diedit secara total. Pada tahap ini dilakukan beberapa kali editing. Memasukan script-script yang dikehendaki. Pemasukan setiap link yang akan digunakan diatur pada tahap ini.
BAB VI
PENUTUP
6.1 Kesimpulan
Website merupakan sarana promosi dari perusahaan yaitu suatu implementasi dari strategi kreatif, karena itu hasil akhir halaman-halaman website harus memiliki kesesuaian dengan konsep awal pembuatan web. Pada website Unit Usaha Industri Hilir PTPN XII sesuai dengan konsep. Diantaranya :
1. Kombinasi warna telah sesuai dengan tema awal pembuatan website. 2. Animasi slide show pada tampilan foto produk mempercantik website. 3. Penggunaan script yang sesuai.
6.2 Saran
Berdasarkan hasil temuan yang di uraikan pada pembahasan terdahulu, maka ada beberapa saran yang hendak penulis sampaikan bagi pihak-pihak berkepentingan, antara lain:
1. Mahasiswa
Mengingat kerja praktek ini dilakukan hanya dalam waktu 2 bulan dan dilakukan secara individu yang mana membutuhkan konsep dan manajemen waktu dalam melakukannya maka hendaknya pada minggu pertama mahasiswa melakukan pengenalan terhadap lingkungan kerja dan prosedur kerja perusahaan tersebut.
2. Perusahaan
Melihat pada perusahaan ini sangat banyak sekali pekerjaan dibidang industry kreatif. Hendaknya perusahaan melakukan perekrutan untuk tim kreatif yang bisa mengatasi desain-desain sendiri, sehinggga bisa mengurangi cost perusahaan.
DAFTAR PUSTAKA
Martha, Gill, 2000, Color Harmony Naturals, Jakarta : Rockport Publisher
Mudjiono, 1990, Prinsip-prinsip Komposisi Dalam Seni Lukis, Surabaya : Depdikbud
