LAPORAN PRAKTEK INDUSTRI WEBITE PRODUK KATALOG MR.WHITE DENGAN FRAMEWORK LARAVEL DI VERNON OFFICE OLEH: ANIDIA WULAN SARI NIM 150533601651 UNIVERSITAS NEGERI MALANG FAKULTAS TEKNIK JURUSAN TEKNIK ELEKTRO PROGRAM STUDI S1 PENDIDIKAN TEKNIK INFORMATIKA OKTOBER 2018 ii iii KATA PENGANTAR Puji syukur saya panjatkan kehadirat Allah SWT karena atas rahmat dan hidayah-Nya saya dapat menyelesaikan laporan praktik industri ini. Praktik industri ini telah dilaksanakan di Vernon Office (Menaungi Halomalang.com danThunderlabs), Malang, Jawa Timur, yang pelaksanaannya dimulai tanggal 14 Mei 2018 dan berakhir pada tanggal 7 Juli 2018. Maksud dan tujuan dilaksanakan praktik industri tersebut adalah untuk melengkapi persyaratan matakuliah yang harus diambil sebagai salah satu syarat untuk kelulusan dan sekaligus sebagai kegiatan untuk menambah pengalaman di dunia kerja yang nantinya digunakan sebagai acuan pada dunia kerja. Dengan terselesaikannya praktik industri dan laporan praktik industri ini praktikan mengucapkan terima kasih kepada: 1. Kedua orang tua dan segenap keluarga yang telah banyak memberi dukunganbaikmorilmaupunmateri. 2. HakkunElmunsyah, S.T., M.T selaku Ketua Jurusan Teknik Elektro Fakultas Teknik Universitas Negeri Malang. 3. AgustaRakhmatTaufani, S.T., M.T. selaku Koordinator PI program studi Pendidikan teknik Informatika 4. Kartika Candra Kirana, S.Pd.,M. Kom. selaku Dosen Pembimbing Praktik Industri. 5. Erick Setiawanselaku Chief Executive Officer Vernon. 6. AgilMahendraselaku Pembimbing Industri. iv v DAFTAR ISI Halaman HALAMAN JUDUL ...................................................................................... i LEMBAR PENGESAHAN LAPORAN PRAKTIK INDUSTRI .............. ii LEMBAR PENGESAHAN ........................................................................... iii KATA PENGANTAR .................................................................................... iv DAFTAR ISI ................................................................................................... vi DAFTAR GAMBAR ...................................................................................... viii DAFTAR LAMPIRAN .................................................................................. ix BAB I PENDAHULUAN 1.1 Latar Belakang ........................................................................................... 1 1.2 TujuanKhususPraktikIndustri .................................................................... 3 1.3 ManfaatPraktikIndustri .............................................................................. 3 1.3.1 BagiMahasiswaJurusan Teknik Elektro Universitas Negeri Malang ................................................................ 3 1.3.2 BagiUniversitas Negeri Malang ......................................................... 4 1.3.3 Bagi Vernon Office ............................................................................ 4 1.4 Waktu dan TempatPraktikIndustri ............................................................. 5 BAB II KEGIATAN UMUM 2.1 Identitas Perusahaan ................................................................................... 6 2.2 LatarBelakang Perusahaan ......................................................................... 6 2.3 Visi dan Misi .............................................................................................. 7 2.3.1 Visi ..................................................................................................... 7 2.3.2 Misi ..................................................................................................... 8 vi 2.4 StrukturOrganisasi ..................................................................................... 9 2.5 Perusahaan dan Bidang Usaha yang Berada di Bawah Vernon Office ...... 9 BAB III KEGIATAN KHUSUS 3.1 Dasar Teori ................................................................................................. 14 3.1.1 DefinisiWebsite .................................................................................. 14 3.1.2 DefinisiE-commerce ........................................................................... 16 3.1.3 DefinisiFramework ............................................................................ 16 3.2 PengembanganDesainTampilan Website produkkatalogMr.Whitedengan Framework Laravel di Vernon Office ....................................................... 17 3.2.1 MetodePengembanganDesainTampilan ............................................. 17 3.2.2 Software Pengembanganyang Digunakan .......................................... 18 3.2.3 Framework yang Digunakan .............................................................. 20 3.2.4 Database yang Digunakan ................................................................. 22 3.2.5 Bahasa yang Digunakan ..................................................................... 23 3.2.6 TabelDatabase.................................................................................... 24 3.2.7 TampilanWebsiteProdukKatalogMr.White ........................................ 25 BAB IV KESIMPULAN DAN SARAN 4.1 Kesimpulan ................................................................................................ 32 4.2 Saran ........................................................................................................... 32 DAFTAR RUJUKAN .................................................................................... 34 vii DAFTAR GAMBAR Halaman Gambar 2.1 Logo Vernon Office .................................................................... 6 Gambar 2.2 StrukturOrganisasi Vernon Office ............................................... 9 Gambar 3.1 Tahapan Planning, Analisys, Design, dan Implementation ......... 18 Gambar 3.2 Logo Sublime Text ........................................................................ 19 Gambar 3.3 Logo XAMPP ............................................................................... 19 Gambar 3.4 Logo Web Browser Google Chrome ............................................ 20 Gambar 3.5 Logo Framework Laravel............................................................. 21 Gambar 3.6 Hubungan Model, View, Controller ............................................. 22 Gambar 3.7 Logo Database MySQL ................................................................ 22 Gambar 3.8 Tabel pada Database ................................................................... 24 Gambar 3.9 Sectionpertama Landing page ...................................................... 26 Gambar 3.10 Sectionkeduakategoriproduk ...................................................... 26 Gambar 3.11 Sectionketiga brand .................................................................... 27 Gambar 3.12 Sectionkeempatpenawaran ......................................................... 27 Gambar 3.13(a) Produk .................................................................................... 28 Gambar 3.13(b) Footer .................................................................................... 28 Gambar 3.14(a)Katalog .................................................................................... 29 Gambar 3.14(b)Filter........................................................................................ 29 Gambar 3.15(a) Detail Produk ......................................................................... 30 Gambar 3.15(b) Saran ...................................................................................... 30 Gambar 3.16 Hasil pencarianberhasil .............................................................. 31 Gambar 3.17 Hasil pencariantidakditemukan .................................................. 31 viii DAFTAR LAMPIRAN Halaman Lampiran 1. JadwalKegiatan ............................................................................ 35 Lampiran 2. Agenda Harian ............................................................................. 36 Lampiran 3.Daftar Hadir .................................................................................. 41 Lampiran 4. CatatanKegiatan .......................................................................... 42 Lampiran 5. Berita Acara Ujian ....................................................................... 50 Lampiran 6. LembarPenilaianDosenPembimbing ........................................... 51 Lampiran 7. LembarPenilaianPraktikIndustri .................................................. 52 Lampiran 8. Rekomendasi ............................................................................... 53 Lampiran 9. KartuBimbingan .......................................................................... 54 ix
