LAPORAN KERJA PRAKTEK DESAIN WEB KATALOG INDUK NASIONAL (KIN) PERPUSTAKAAN NASIONAL RI DI PT QUADRA SOLUTION Disusun oleh : Andy Kurniawan 41910120016 Dosen Pembimbing : Drs Budi Waluyo, M.Sn PROGRAM STUDI DESAIN PRODUK FAKULTAS DESAIN DAN SENI KREATIF UNIVERSITAS MERCU BUANA JAKARTA 2015
KATA PENGANTAR Alhamdullilah Segala Puji kehadirat Allah SWT atas segala nikmat dan limpahan karunia Nya sehigga penulis dapat menyelesaikan Kerja Praktek untuk membuat desain web Katalog Induk Nasional (KIN) Perpustakaan Nasional Republik Indonesia pada perusahaan PT Quadra Solution yang merupakan salah satu mata kuliah wajib pada Program Studi Desain Produk Fakultas Desain dan Seni Kreatif Universitas Mercubuana. Penulis dapat menyelesaikan laporan kerja praktek ini dengan bantuan dan dukungan dari berbagai pihak. Pada kesempatan ini Penulis ingin menyampaikan ucapan terimakasih kepada : 1. Allah SWT yang tidak hentinya memberi Nikmat, Karunia, Kesempatan dan Kemudahan dalam menyelesaikan Laporan Kerja Praktek ini 2. Ir. Edi Muladi, M. Si, Selaku Dekan fakultas Tehnik Perencanaan dan Desain. Program Studi Desain Produk. 3. Hady Soedarwanto, ST. M.Ds, selaku Ketua Program Studi Desain Produk Fakultas Desain dan Seni Kreatif Universitas Mercu Buana 4. Drs Budi Waluyo M.Sn selaku dosen pembimbing yang telah memberikan ide, bantuan, bimbingan dan waktunya kepada penulis sehingga penulis dapat menyelesaikan laporan kerja peraktek ini 5. Agus Budi Setyawan, S.Ds, M.Sn selaku koordinator kerja praktek. 6. Kedua orang tua tercinta yaitu Bapak Ujang Liriyana dan Ibu Boni Artati serta keluarga besar lainnya, terimakasih atas do a, kasih sayang dan dukungan yang diberikan kepada penulis.
7. Wiwin A. Karwina selaku HRD PT. Quadra Solution atas kesempatannya untuk melaksanakan kerja praktek diperusahaan. 8. Pembimbing lapangan Sigit Haryanto, S.Kom yang telah memberikan bimbingan dan bantuan selama melaksanakan kerja praktek di PT Quadra Solution. 9. Seluruh Staff PT Quadra Solution atas kerjasama dan bantuannya selama melaksanakan kerja praktek di perusahaan ini 10. Seluruh Dosen Program Studi Desain Produk yang telah memberikan ilmu dan pengetahuan kepada penulis. 11. Teman - teman di Program Studi Desain Produk yang saling memberikan bantuan dan dukungan dalam menyelesaikan laporan ini. 12. Semua pihak yang telah membantu penulis dalam menyelesaikan laporan kerja ini Akhir kata harapan penulis semoga laporan kerja praktek ini dapat bermanfaat bagi penulis dan pembaca. Penulis menyadari masih banyak kekurangan dari laporan kerja praktek ini, oleh karena itu penulis menerima saran dan kritik demi menyempurnakan laporan kerja praktek ini. Jakarta, Januari 2015 Praktikan
DAFTAR ISI Halaman Judul Lembar Pernyataan Lembar Pengesahan Lembar Evaluasi Kerja Praktek Lembar Surat Keterangan Kerja Lembar Permohonan Bimbingan Laporan Mingguan Lembar Asistensi Kata Pengantar Daftar Isi Daftar Gambar BAB I PENDAHULUAN 1.1 Latar Belakang Kerja Praktek... 1 1.2 Tujuan, Sasaran, dan Manfaat Kerja Praktek... 2 1.2.1 Tujuan Kerja Praktek... 2 1.2.2 Sasaran Kerja Praktek... 2 1.2.3 Manfaat Kerja Praktek... 3 1.3 Ruang Lingkup Kerja Praktek... 3 1.3.1 Lokasi Kerja Praktek... 3 1.3.2 Jangka Waktu Kerja Praktek... 3 1.3.3 Posisi Praktikan... 4 1.3.4 Jenis Pekerjaan yang Dihadapi... 4
BAB II TINJAUAN UMUM PERUSAHAAN 2.1 Data Perusahaan... 5 2.1.1 Identitas Perusahaan... 5 2.1.2 Sejarah Singkat Perusahaan... 6 2.1.3 Visi, Misi, dan komitmen Perusahaan... 7 2.1.4 Kebijakan Manajemen Perusahaan... 7 2.1.5 Penghargaan yang diraih... 8 2.2 Cakupan Bidang Usaha... 8 2.3 Struktur Perusahaan... 9 BAB III PROSEDUR PELAKSANAAN 3.1 Proses Pelaksanaan Umum... 11 3.2 Proses Kerja Kreatif Perusahaan... 14 3.3 Konsep Hasil Kerja Kreatif Praktikan... 15 BAB IV PENGALAMAN KERJA PRAKTEK 4.1 Keterlibatan Praktikan Dalam Proyek Aktif... 17 4.1 Keterlibatan Praktikan di Luar Proyek Aktif... 27
BAB V KESIMPULAN DAN SARAN 5.1 Kesimpulan... 32 5.2 Saran... 33 Daftar Pustaka... 36 Lampiran Foto Kerja Praktek... 37
DAFTAR GAMBAR Gambar 1 Logo Perusahaan... 5 Gambar 2 Struktur Organisasi Perusahaan... 9 Gambar 3 Struktur Organisasi Perusahaan Technology Director... 10 Gambar 4 Proses Pelaksanaan Umum... 11 Gambar 5 Konsep Hasil Kerja Kreatif (Brainstorming)... 15 Gambar 6 Konsep Hasil Kerja Kreatif (Sketching)... 16 Gambar 7 Wireframe Beranda... 19 Gambar 8 Wireframe Buku KIN... 20 Gambar 9 Wireframe Statistik... 20 Gambar 10 Wireframe Monitoring Tabel Migrasi... 21 Gambar 11 Wireframe Monitoring Peta Migrasi... 21 Gambar 12 Wireframe Monitoring Grafik Migrasi... 22 Gambar 13 Gambar Hasil Browsing I... 22 Gambar 14 Gambar Hasil Browsing II... 22 Gambar 15 Gambar Hasil Browsing III... 23 Gambar 16 Gambar Hasil Browsing IV... 23 Gambar 17 Gambar Hasil Browsing V... 24 Gambar 18 Gambar Hasil Browsing VI... 24 Gambar 19 Banner Website... 24 Gambar 20 Banner Website Slicing... 26 Gambar 21 Hasil Slicing HTML & Images... 26 Gambar 22 Hasil Penggunaan CSS pada Halaman Beranda... 27 Gambar 23 Hasil Penggunaan CSS pada Halaman Buku KIN... 28
Gambar 24 Hasil Penggunaan CSS pada Halaman Statistik... 29 Gambar 25 Hasil Penggunaan CSS pada Halaman Monitoring Tabel Data... 30 Gambar 26 Hasil Penggunaan CSS pada Halaman Monitoring Peta... 30 Gambar 27 Hasil Penggunaan CSS pada Halaman Monitoring Grafik... 31