Perancangan Website CV. Kurnia Teknik : Laporan Kerja Praktek

Laporan Kerja Praktek

PERANCANGAN WEBSITE

CV. KURNIA TEKNIK

DK 36502 KERJA PRAKTEK

Oleh :

Panji Akbarul Mukmin 51909042

Desain Komunikasi Visual

Dosen Pembimbing :

Wira Mahardika Putra, S.Ds

FAKULTAS DESAIN

UNIVERSITAS KOMPUTER INDONESIA

BANDUNG

ABSTRAK

Laporan Kerja Praktek ini berjudul “Perancangan Website CV.

Kurnia Teknik”. Kerja Praktek ini dilaksanakan dari tanggal 2 April 2012 hingga tanggal 2 Mei 2012 di Perusahaan CV. Kurnia Teknik yang beralamatkan di Jl. Ligar Sari II No. 21 Bandung Jawa Barat. Hal ini lah yang menjadikan salah satu alasan bagi penulis selaku mahasiswa di bidang desain komunikasi visual dalam membantu proses repositioning perusahaan dengan merancang sebuah website dimana penulis melakukan Kerja Praktek.

ABSTRACT

This Field Work Report is titled "Website Design CV. Kurnia Teknik". Field Work was conducted from April 2, 2012 until the date of May 2, 2012 at the Company's CV. Kurnia Teknik addressed in Jl. No Ligar Sari II. 21 Bandung West Java. This is what makes one of the reasons for the author as a student in the field of visual communication design in assisting the process of repositioning the company to design a website where the writers do the Job Training.

KATA PENGANTAR

Dengan menyebut nama Allah yang Maha Pengasih lagi Maha Penyayang. Puji syukur penulis panjatkan atas hidayah Nya sehingga Laporan Kerja Praktek ini dapat diselesaikan tepat pada waktunya.

Laporan Kerja Praktek ini dibuat dengan tujuan agar kita mengetahui dan menghargai setiap ilmu yang kita dapatkan. Ada banyak hal yang tidak dapat kita ambil begitu saja didalam bangku perkuliahan, meski pada dasarnya teori merupakan sebuah landasan ilmu, namun tetap dibutuhkan keberanian dan kemauan pada diri kita untuk menguji dan mengembangkan ilmu tersebut didalam dunia nyata.

Didalam kenyataan bahwa seorang desain grafis dihadapkan dengan berbagai permasalahan yg berkaitan dengan dunia secara luas. Melihat dan memahami kebutuhan seseorang diperlukan kesabaran, ketekunan dan terus memegang teguh prinsip-prinsip kebaikan.

Penulis pun ingin mengucapkan terima kasih sebanyak-banyaknya kepada sebagian besar rekan-rekan civitas baik itu dosen, rekan seperjuangan dan seseorang yang hingga kini terus memberikan motivasi bagi saya untuk terus bersemangat menyelesaikan setiap pekerjaan dalam perkuliahan.

Bandung, Juni 2012

DAFTAR ISI

LEMBAR PENGESAHAN……… i

KATA PENGANTAR………. ii

ABSTRAK………... iii

ABSTRACT………... iv

DAFTAR ISI………. v

DAFTAR GAMBAR……….……… vii

DAFTAR TABEL………. viii

BAB I PENDAHULUAN……….. 1

1.1 Latar Belakang Kerja Praktek………... 1

1.2 Tujuan Kerja Praktek………. 3

1.3 Waktu dan Tempat Pelaksanaan Kerja Praktek……… 3

BAB II TINJAUAN UMUM CV. KURNIA TEKNIK……….. 4

2.1 Sejarah Perusahaan……….. 4

2.2 Profil Perusahaan………... 5

2.3 Logo Perusahaan………... 5

2.4 Visi dan Misi Perusahaan………. 6

2.5 Struktur Organisasi Perusahaan……….. 7

2.6 Bentuk Badan Umum Perusahaan……….. 7

3.1 Peranan Praktikan dalam Perusahaan………...…… 8

3.2 Pekerjaan Praktikan Selama Kerja Praktek di Perusahaan……….. 8

3.3 Metode Kerja Praktek ……….. 8

3.4 Perancangan Website CV. Kurnia Teknik………. 9

3.4.1 Konsep Perancangan………... 9

3.4.2 Teknis Perancangan………. 10

3.4.3 Mekanisme Perancangan……… 16

BAB IV KESIMPULAN……… 17

4.1 Kesimpulan……….. 17

DAFTAR PUSTAKA……… 18

LAMPIRAN………... ix

BAB I

PENDAHULUAN

1.1 Latar Belakang Kerja Praktek

Di akhir abad 20 pada saat setelah Perang Dunia berakhir. Internet

pertama kali hadir di negeri Amerika Serikat, sebagai salah satu fasilitas yang diperuntukan departemen pertahanan, dalam menjaga dan membagikan informasi penting agar tidak terpusat dan tetap aman dari ancaman musuh, namun seiring perkembangannya kini internet dapat dinikmati setiap orang hampir di setiap belahan dunia. Di saat yang bersamaan itulah website atau situs selaku fasilitas yang ditawarkan internet mengalami perkembangan cukup tajam. Website secara istilah dapat diartikan sebagai halaman situs dimana setiap halaman yang disediakan saling berkaitan didalam satu domain atau kita kenal dengan alamat situs.

Website pada umumnya dapat dikategorikan kedalam dua jenis, yakni website statis dan website dinamis. Website statis adalah halaman situs yang isi atau informasi yang disampaikannya bersifat satu arah dimana setiap perubahan yang terjadi dalam halamannya hanya dimiliki pemilik situs. Website dinamis merupakan kebalikan dari website statis dimana isi atau informasi nya bersifat dua arah, pemilik dan pengunjung situs dapat melakukan perubahan isi atau informasi situs secara bersamaan. Tidak seperti website statis, website dinamis yang memiliki tujuan agar setiap isi atau informasi mengalami perubahan secara berkala, pengelolaan infrastrukturnya bersifat kompleks dan membutuhkan sumber daya yang lebih besar.

Sebuah situs atau website biasanya tersimpan dalam sebuah server yang dihubungkan kedalam sebuah jaringan baik yang bersifat lokal atau internet agar setiap isi halaman tersebut dapat diakses oleh publik. Publik dapat mengakses halaman tersebut melalui url dengan mengetikanalamat website atau domain yang dituju.

Meskipun pada umumnya setiap halaman yang berada dalam situs ditujukan bagi publik, tetap saja tidak semua situs memberikan akses penuh kepada pengunjung dengan menyediakan beberapa aturan keamanan seperti password. Pembatasan tersebut sering terjadi oleh karena beberapa alasan seperti, alasan keamanan, menjaga privasi, atau karena beberapa hal yang bersifat komersil.

Bila diamati lebih menyeluruh, hal yang berhubungan dengan perancangan sebuah website, sungguh berkaitan erat dengan dunia desain komunikasi visual. Setiap elemen visual yang hadir baik itu huruf, garis, bentuk, dan warna, sangatlah syarat dengan informasi yang akan disampaikan.

Didalam sebuah perancangan website, dimana website itu sendiri merupakan salah satu aplikasi yang membawa sebuah identitas korporasi maka dalam rancangannya diperlukan sebuah penelitian yang mendalam dan menyeluruh untuk mengenal jati diri perusahaan tersebut.

Proses perancangan website di CV. Kurnia Teknik merupakan salah satu aktifitas seorang desainer, maka dari itu dalam pelaksanaannya memerlukan strategi yang tepat dengan menyusun setiap langkah yang berkesinambungan. Mulai dari mencari informasi perusahaan dan melakukan pendekatan dengan beberapa elemen – elemen yang menjadi identitas korporasi tersebut.

1.2 Tujuan Kerja Praktek

1. Melengkapi setiap langkah-langkah yang diperlukan seorang mahasiswa agar lulus dengan hasil yang memuaskan.

2. Menerapkan dan mengamalkan setiap ilmu yang di dapatkan, baik di bangku perkuliahan ataupun di dalam lingkungan kerja.

3. Menyiapkan mental agar dapat memposisikan diri baik dalam lingkup formal atau nonformal.

4. Mendapatkan pengalaman yang dapat diaplikasikan didalam dunia kerja secara luas

1.3 Waktu dan Tempat Pelaksanaan Kerja Praktek

Adapun Waktu dan Tempat pelaksanaan Kerja Praktek yang telah penulis lakukan adalah :

- Waktu Pelaksanaan : Tanggal 02 April 2012 s/d 02 Mei 2012 - Tempat Pelaksanaan : CV. Kurnia Teknik Jl. Ligar Sari II

No. 21 Awiligar, Bandung Telp. (022) – 2509997

BAB II

TINJAUAN UMUM PERUSAHAAN

2.1 Sejarah Perusahaan

CV. Kurnia Teknik mulai berdiri pada tahun 1995 didirikan oleh Bapak Achmad Priatna dan berlokasi di Jl. Cibuntu I Awiligar Bandung. Perusahaan ini memproduksi komponen-komponen lokal untuk mesin Tenun serta pekerjaan besi (Metal Works) sesuai dengan permintaan konsumen.

Perusahaan ini bergerak maju seiring dengan perkembangan perusahaan-perusahaan tekstil. Dengan adanya pelanggan baru dari perusahaan garmen, hal tersebut menjadikan tuntutan bagi perusahaan untuk terus mengikuti perkembangan yang terjadi pada konsumen perusahaan tersebut.

CV Kurnia Teknik menggunakan strategi produk Make to Order, yaitu membuat produk sesuai dengan permintaan konsumen. Produk yang dihasilkan diharuskan memiliki tingkat presisi yang tinggi. Sehingga dibutuhkan keahlian khusus, demi terciptanya kesinambungan dalam menjaga kepercayaan konsumen.

Dalam proses produksinya, pihak perusahaan dalam hal ini CV Kurnia Teknik selalu memperhatikan desain produk, dimana sering terjadi perubahan atau terdapat variasi dari produk yang berbeda akan hasil yang diinginkan konsumen. Oleh karena itu kegiatan penelitian dan perancangan desain produk itu sendiri, terus melakukan penelitian dan pengembangan teknologi secara mendalam.

Bahan baku yang digunakan oleh perusahan ini biasanya terdiri dari bahan logam, antara lain: besi, baja impor, baja lokal, kuningan, aluminium, tembaga dll. Sedangkan hasil produksi CV Kurnia Teknik untuk Industri, antara lain seperti macam-macam Cutter, dudukan jarum, matres lubang kancing, mesin potong kain, Press Pneumatic atau

modifikasi. Untuk Industri/Pabrik Tekstil, antara lain seperti Insert Head, Cam, Rappier/Carrier Head, Solvage Cutter dan masih banyak lagi.

2.2 Profil Perusahaan

Nama Perusahaan : CV. KURNIA TEKNIK

Bidang Perusahaan : Jasa pembuatan komponen/suku cadang mesin tekstil

Alamat : Jl. Ligar Sari II No.21 Awiligar Bandung 40191

Jawa Barat - Indonesia E-mail : cv_kurniateknik@yahoo.com Phone : 022-2509997

Fax : 022-2509997 NPWP : 1.818.129.7-421

2.3 Logo Perusahaan

Gbr II.1 Logo Perusahaan Lama

2.4 Visi dan Misi Perusahaan

a. Visi

Menjadi “costumer-driven company” suatu perusahaan

manufaktur yang memperhatikan kebutuhan kostumer untuk menghasilkan aksesoris, suku cadang dan mesin untuk industri tekstil, garment, otomotif, dan berbagai bidang lain.

b. Misi

-Menjadikan perusahaan unggul dengan memperhatikan kebutuhan konsumen, kualitas barang dan ketepatan waktu pengiriman.

-Menjadikan perusahaan yang berdaya saing dengan industri sejenis.

-Menjadikan mitra perusahaan rekanan, dalam usaha untuk berkembang bersama.

-Penguasaan teknologi dan pengembangan ilmu pengetahuan di bidang manufacturing engineering.

2.5 Struktur Organisasi Perusahaan

Tabel II.1 Struktur Organisasi

2.6 Bentuk Badan Hukum Perusahaan

a. Commanditaire Vennootschap (Persekutuan Komanditer)

Merupakan suatu persekutuan yang didirikan oleh dua orang atau lebih. Menurut Pasal 1 butir 5 RUU, CV adalah badan usaha bukan badan hukum yang mempunyai satu atau lebih sekutu komplementer dan sekutu komanditer. Sekutu komplementer berhak bertindak untuk dan atas nama bersama semua sekutu serta bertanggung jawab terhadap pihak ketiga secara tanggung renteng. Namun sekutu ini bertanggung jawab sampai harta kekayaan pribadi. Hal ini terjadi jika harta CV tidak cukup untuk membayar hutang saat CV bubar.

Pimpinan Cucu Yuhana

Produksi Dede Pemasaran

Ramdhan Ismanto Keuangan/Adm

Cucu Yuhana

BAB III

LAPORAN KERJA PRAKTEK

3.1 Peranan Praktikan Dalam Perusahaan

CV. Kurnia Teknik memberikan peranan yang penting bagi praktikan dalam melakukan kerja praktek. Praktikan diminta untuk melakukan perancangan website dari CV. Kurnia Teknik.

3.2 Pekerjaan Praktikan Selama Kerja Praktek di Perusahaan

Dalam pelaksanaan kerja praktek, praktikan bertanggung jawab menentukan dan merancang konsep website berdasarkan brief yang telah diberikan oleh CV. Kurnia Teknik.

3.3 Metode Kerja

Tabel III.1 Metode Kerja

Pihak Perusahaan Memberikan Brief 1 Praktikan mulai melakukan sketsa,

mapping mind ide

2

Praktikan mulai mengerjakan layout

web

3

Hasil pekerjaan di perlihatkan untuk mendapatkan ACC

4

Konsultasi mengenai apa saja

yang perlu diperbaiki Pekerjaan tidak Mendapatkan ACC Pekerjaan Mendapatkan ACC 5 menambah-kan elemen visual lainya kedalam web

6 Konsultasi berjalan hingga proses finishing web 7

3.4 Perancangan Website CV Kurnia Teknik 3.4.1 Konsep Perancangan

Pertama, pembuatan konsep perancangan website CV. Kurnia Teknik ini dimulai dengan metode Pemetaan pikiran (Mind Map). “Pemetaan Pikiran (Mind Map) adalah suatu metode untuk memaksimalkan potensi pikiran manusia dengan menggunakan otak kanan dan otak kirinya secara simultan. Metode ini diperkenalkan oleh Tony Buzan pada tahun 1974, seorang ahli pengembangan potensi manusia dari Inggris.” (Wikipedia).

Gbr III.1 Mind Mapping“Presisi”

Mengingat website yang sedang dirancang adalah bentuk kesinambungan dari visual identitas perusahaan yang baru, maka

kata kunci yang diambil pun sesuai dengan identitas yang baru, yakni kata “Presisi”. Akhirnya dipilihlah jangka sorong dengan kata lain vernier caliper sebagai tema yang diterapkan pada website CV. Kurnia Teknik.

3.4.2 Teknis Perancangan

Pertama, dalam proses perancangan website CV. Kurnia Teknik ini diawali dengan sketsa tampilan dasar yang didapatkan dari mind mapping kata “presisi”. Kemudian dalam proses pemilihan warna juga huruf tipografi yang digunakan sangatlah mengedepankan kesederhanaan, dimana warna yang diambil merupakan warna yang telah dijadikan identitas visual perusahaan.

PANTONE 293 M CMYK (100-68-0-2) RGB (0-80-187)

PANTONE DE 327-7C CMYK (10-0-0-40) RGB (135-143-148)

Gbr III.2 Warna Dasar Web

Tampilan website ini dibuat se-efektif mungkin dengan tujuan

re-positioning perusahaan, benar-benar tersampaikan informasinya. Penulis hanya mengambil beberapa warna dasar dari visual identitas perusahaan yang telah ada seperti pada logo baru CV. Kurnia Teknik. Sebelum proses ini dikerjakan dalam Hyperlink ada beberapa proses yang mesti dilalui di mulai dari proses pemilihan

huruf. Aplikasi yang digunakan adalah Adobe Illustrator meskipun pada dasarnya huruf yang di tentukan adalah jenis sans-serif

dikarenakan didalam buku panduan logo, jenis tulisan yang di gunakan adalah Helvetica.

Gbr III.3 Proses Pemilihan Huruf

Kemudian proses dilanjutkan dengan penyesuaian bentuk logo. Hal ini dilakukan agar ketika dalam proses perancangan Hyperlink

bentuklogo tetap terlihat proporsional.

Gbr III.4 Proses Penyesuaian Logo

Pengukuran dan penyesuaian logo ini dilakukan agar tampilan bisa tersampaikan se-efektif mungkin sebagai visual identitas perusahaan.

Gbr III.5 Proses Penempatan Logo

Proses perancangan tampilan ini dibuat menggunakan Adobe Photoshop CS V dengan langkah memotong bagian terpenting dari halaman yang akan digunakan, dikarenakan pada saat proses perancangan Hyperlink menggunakan Adobe Dreamweaver akan menjadi lebih mudah.

Gbr III.6 Proses Perancangan Tampilan

Bagian terakhir adalah proses perancangan Hyperlink

menggunakan CSS dan pengaturan slide J-query menggunakan

Gbr III.7 Proses Pengaturan Tampilan Web

Berikut ini adalah setiap elemen baik tulisan dan visual yang di tampilkan dalam halaman web :

 Klien : CV. Kurnia Teknik  Ukuran : 751 pixel X 1089 pixel

 Tema : Presisi dan Komunikatif  Logo : CV. Kurnia Teknik

 Warna : Biru (Pantone 293 M) dan Abu-abu (Pantone DE 327-7 C)

 Tipografi : Helvetica, Sans-serif

 Tampilan kepala induk banner ini mengunakan Biru solid.

 Tampilan dilengkapi dengan tombol menu Hyperlink agar web dapat berperan sekomunikatif mungkin.

 Tampilan produk dilengkapi dengan slider j-query agar tampilan produk dapat benar-benar tersampaikan.

 Tampilan alamat disertai dengan google map agar lokasi perusahaan mudah ditemukan oleh audience.

Gbr III.8 Tampilan Akhir Index sebelum Home

Halaman ini sengaja dibuat sebagai tanda informasi web yang akan dikujungi. Selain itu hal ini juga sebagai alat deskripsi mengenai isi web didalamnya.

Gbr III.9 Tampilan Akhir Web Bagian Home

Halaman ini membahas tentang proses pekerjaan yang terdapat pada perusahaan CV. Kurnia Teknik. Pada pinggir halaman kami taruh deskripsi produk yang tujuannya agar memudahkan pengunjung untuk mengakses produk atau fasilitas apa saja yang disediakan oleh perusahaan.

Gbr III.10 Tampilan Akhir Web Bagian Product

Pada halaman produk tampilan yang disediakan adalah gallery mengenai produk apa saja yang telah dikerjakan oleh perusahaan.

Gbr III.11 Tampilan Akhir Web Bagian About

Halaman ini menginformasikan mengenai visi dan misi perusahaan, hal ini dibuat untuk menunjukan intergritas bagian dalam perusahaan.

Gbr III.12 Tampilan Akhir Web Bagian Contact

Halaman Contact menyediakan informasi alamat perusahaan itu berada dan dihalaman ini juga disediakan akses bagi pengunjung agar dapat mengirimkan pesan kepada perusahaan secara langsung.

3.4.3 Mekanisme Perancangan

Spesifikasi Komputer :

- Intel Core 2 Duo 2.26 Ghz - Ram DDR2 4 Gb

- HDD 320 Gb

- VGA Intel® 4 Series 1 Gb Software yang digunakan: - Adobe Illustrator CSV - Adobe Photoshop CSV - Adobe Dreamweaver CSV

BAB IV

KESIMPULAN

4.1 Kesimpulan

Pada saat proses perancangan web CV. Kurnia Teknik dan selama kegiatan berlangsung, banyak hal yang Praktikan dapat selain mengenal orang-orang di dalam perusahaan. Praktikan juga dapat meng-aplikasikan ilmu yang didapat di kampus kedalam dunia kerja melalui kerja praktek.

Manfaat yang didapat saat melaksanakan kerja praktek adalah sebuah pembelajaran mengenai dunia kerja yang sebenarnya. Praktikan dituntut untuk selalu tampil percaya diri dan meyakinkan dalam mengerjakan sebuah proyek yang di berikan, juga harus dapat bersosialisasi dengan lingkungan sekitar, dan bagian yang terpenting adalah praktikan dapat mengaplikasikan pengetahuan dan kemampuan yang telah dimiliki untuk direalisasikan secara langsung dalam bentuk karya nyata.

Manfaat tersebut dapat dirasakan tentu tidak terlepas dari arahan pembimbing pihak CV. Kurnia Teknik yang bertugas membimbing praktikan dan memberikan briefing dalam menjalankan kerja praktek.

DAFTAR PUSTAKA

Buku:

Andi, Pramono. (2005). Kolaborasi Flash, Dreamweaver, dan PHP. Yogyakarta: ANDI OFFSET

Panduan Kerja Praktek (2011-2012). Desain Komunikasi Visual Unikom Bandung.

Web:

Wikipedia (2012).Perancangan Web. Diakses pada 5 Juni 2012, W.W.W : id.wikipedia.org

DAFTAR RIWAYAT HIDUP

Nama : Panji Akbarul Mukmin Tempat & Tanggal Lahir : Bandung, 7 April 1989 Pendidikan terakhir : SMK

Nomor Handphone : 085659779829

Gbr III.8 Tampilan Akhir Index sebelum Home

Halaman ini sengaja dibuat sebagai tanda informasi web yang akan dikujungi. Selain itu hal ini juga sebagai alat deskripsi mengenai isi web didalamnya.

Gbr III.9 Tampilan Akhir Web Bagian Home

Halaman ini membahas tentang proses pekerjaan yang terdapat pada perusahaan CV. Kurnia Teknik. Pada pinggir halaman kami taruh deskripsi produk yang tujuannya agar memudahkan

Gbr III.10 Tampilan Akhir Web Bagian Product

Pada halaman produk tampilan yang disediakan adalah gallery mengenai produk apa saja yang telah dikerjakan oleh perusahaan.

Gbr III.11 Tampilan Akhir Web Bagian About

Halaman ini menginformasikan mengenai visi dan misi perusahaan, hal ini dibuat untuk menunjukan intergritas bagian

Gbr III.12 Tampilan Akhir Web Bagian Contact

Halaman Contact menyediakan informasi alamat perusahaan itu berada dan dihalaman ini juga disediakan akses bagi pengunjung agar dapat mengirimkan pesan kepada perusahaan secara langsung.

3.4.3 Mekanisme Perancangan Spesifikasi Komputer :

- Intel Core 2 Duo 2.26 Ghz - Ram DDR2 4 Gb

- HDD 320 Gb

- VGA Intel® 4 Series 1 Gb

Software yang digunakan: - Adobe Illustrator CSV - Adobe Photoshop CSV - Adobe Dreamweaver CSV

BAB IV

KESIMPULAN

4.1 Kesimpulan

Pada saat proses perancangan web CV. Kurnia Teknik dan selama kegiatan berlangsung, banyak hal yang Praktikan dapat selain mengenal orang-orang di dalam perusahaan. Praktikan juga dapat meng-aplikasikan ilmu yang didapat di kampus kedalam dunia kerja melalui kerja praktek.

Manfaat yang didapat saat melaksanakan kerja praktek adalah sebuah pembelajaran mengenai dunia kerja yang sebenarnya. Praktikan dituntut untuk selalu tampil percaya diri dan meyakinkan dalam mengerjakan sebuah proyek yang di berikan, juga harus dapat bersosialisasi dengan lingkungan sekitar, dan bagian yang terpenting adalah praktikan dapat mengaplikasikan pengetahuan dan kemampuan yang telah dimiliki untuk direalisasikan secara langsung dalam bentuk karya nyata.

Manfaat tersebut dapat dirasakan tentu tidak terlepas dari arahan pembimbing pihak CV. Kurnia Teknik yang bertugas membimbing praktikan dan memberikan briefing dalam menjalankan kerja praktek.

DAFTAR PUSTAKA

Buku:

Andi, Pramono. (2005). Kolaborasi Flash, Dreamweaver, dan PHP. Yogyakarta: ANDI OFFSET

Panduan Kerja Praktek (2011-2012). Desain Komunikasi Visual Unikom Bandung.

Web:

Wikipedia (2012).Perancangan Web. Diakses pada 5 Juni 2012, W.W.W : id.wikipedia.org

DAFTAR RIWAYAT HIDUP

Nama : Panji Akbarul Mukmin Tempat & Tanggal Lahir : Bandung, 7 April 1989 Pendidikan terakhir : SMK

Nomor Handphone : 085659779829