LKP : Desain Website Unit Industri Hilir PT. Perkebunan Nusantara XII Surabaya.
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
2011
DAFTAR ISI
LEMBAR PENGESAHAN………………………………....i
KATA PENGANTAR………………………………………ii
DAFTAR ISI………………………………………………..
DAFTAR GAMBAR………………………………………iii
BAB I PENDAHULUAN
1.1 Latar Belakang…………………………………..1
1.2 Rumusan Masalah……………………………….2
1.3 Batasan Masalah………………………………...2
1.4 Tujuan…………………………………………...3
1.5 Kontribusi……………………………………….3
1.6 Sistematika Penulisan…………………………...3
BAB II GAMBARAN UMUM PERUSAHAAN
2.1 Profil……………………………………………5
2.2 Misi……………………………………………..6
2.3 Visi……………………………………………..6
2.4 Gedung Unit Usaha Industri Hilir……………..6
BAB III TINJAUAN PUSTAKA
3.1 Konsep Desain…………………………………7
3.2 Merancang Isi………………………………….7
3.3 Merancang Grafis……………………………...8
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
BIODATA…………………………………………….27
LAMPIRAN……………………………………………….
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
1
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.
2
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.
3
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.
4
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.
5
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.
6
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.
7
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.
8
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.
9
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
10
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. Gerakgerak 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 :
11
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.
12
BAB IV
METODE KERJA PRAKTEK
Metodologi yang di gunakan selama kerja praktek di PT. Unit Usaha Industri
Hilir PTPN XII adalah :
4.1 Metode 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.
13
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.2 Metode Interview
Di laksanakan dengan melakukan Tanya jawab secara lagsung dengan
pembimbing kerja praktek dan para karyawan PT. Unit Usaha IndustriHilir PTPN
XII.
4.3 Metode 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.4 Perancangan
Dasar dari perancangan sebuah desain terdiri atas 3 hal, yaitu sketsa, rough
dan comprehensive.
14
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.
15
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
16
Gambar 5.2 tampilan about us
Gambar 5.3 Tampilan history of coffee
17
Gambar 5.4 Tampilan coffe product
Gambar 5.5 Tampilan Tea produk
18
Gambar 5.6 Tampilan produk café
Gambar 5.7 Tampilan about us
19
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.
20
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 :
21
body{
text-align: center;
font-family: verdana, arial, sansserif;
font-size: .7em;
background:url(Roasted_coffee_beans.jpg)
#666
}
#FrogJS{
width: 760px;
height: 600px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: right;
font-size: 80%;
color: #999;
padding: 1px;
}
#FrogJSCaption{
22
text-align: left;
line-height: 140%;
}
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.
23
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.
24
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.
25
DAFTAR PUSTAKA
Martha, Gill, 2000, Color Harmony Naturals, Jakarta : Rockport Publisher
Mudjiono, 1990, Prinsip-prinsip Komposisi Dalam Seni Lukis, Surabaya :
Depdikbud
26
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
2011
DAFTAR ISI
LEMBAR PENGESAHAN………………………………....i
KATA PENGANTAR………………………………………ii
DAFTAR ISI………………………………………………..
DAFTAR GAMBAR………………………………………iii
BAB I PENDAHULUAN
1.1 Latar Belakang…………………………………..1
1.2 Rumusan Masalah……………………………….2
1.3 Batasan Masalah………………………………...2
1.4 Tujuan…………………………………………...3
1.5 Kontribusi……………………………………….3
1.6 Sistematika Penulisan…………………………...3
BAB II GAMBARAN UMUM PERUSAHAAN
2.1 Profil……………………………………………5
2.2 Misi……………………………………………..6
2.3 Visi……………………………………………..6
2.4 Gedung Unit Usaha Industri Hilir……………..6
BAB III TINJAUAN PUSTAKA
3.1 Konsep Desain…………………………………7
3.2 Merancang Isi………………………………….7
3.3 Merancang Grafis……………………………...8
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
BIODATA…………………………………………….27
LAMPIRAN……………………………………………….
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
1
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.
2
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.
3
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.
4
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.
5
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.
6
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.
7
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.
8
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.
9
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
10
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. Gerakgerak 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 :
11
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.
12
BAB IV
METODE KERJA PRAKTEK
Metodologi yang di gunakan selama kerja praktek di PT. Unit Usaha Industri
Hilir PTPN XII adalah :
4.1 Metode 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.
13
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.2 Metode Interview
Di laksanakan dengan melakukan Tanya jawab secara lagsung dengan
pembimbing kerja praktek dan para karyawan PT. Unit Usaha IndustriHilir PTPN
XII.
4.3 Metode 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.4 Perancangan
Dasar dari perancangan sebuah desain terdiri atas 3 hal, yaitu sketsa, rough
dan comprehensive.
14
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.
15
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
16
Gambar 5.2 tampilan about us
Gambar 5.3 Tampilan history of coffee
17
Gambar 5.4 Tampilan coffe product
Gambar 5.5 Tampilan Tea produk
18
Gambar 5.6 Tampilan produk café
Gambar 5.7 Tampilan about us
19
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.
20
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 :
21
body{
text-align: center;
font-family: verdana, arial, sansserif;
font-size: .7em;
background:url(Roasted_coffee_beans.jpg)
#666
}
#FrogJS{
width: 760px;
height: 600px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: right;
font-size: 80%;
color: #999;
padding: 1px;
}
#FrogJSCaption{
22
text-align: left;
line-height: 140%;
}
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.
23
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.
24
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.
25
DAFTAR PUSTAKA
Martha, Gill, 2000, Color Harmony Naturals, Jakarta : Rockport Publisher
Mudjiono, 1990, Prinsip-prinsip Komposisi Dalam Seni Lukis, Surabaya :
Depdikbud
26