Laporan Kerja Praktik Website Informasi di Toko Roti Dampit Sukoharjo Disusun Oleh : Nama : Ardana Patria Widyatmoko NIM : 16.5.00010 Program Studi : Teknik Informatika Program Pendidikan : Strata – 1 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER SINAR NUSANTARA SURAKARTA 2019 Laporan Kerja Praktik Laporan ini disusun guna memenuhi salah satu syarat untuk Menyelesaikan program Pendidikan Strata 1 Disusun Oleh: Nama : Ardana Patria Widyatmoko NIM : 16.5.00010 Program Studi : Teknik Informatika Program Pendidikan : Strata – 1 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER SINAR NUSANTARA SURAKARTA 2019 RINGKASAN Laporan Kerja Praktik dengan judul Website Informasi Dan Video Profil Toko Roti Dampit Sukoharjo telah dilaksanakan pada tanggal 15 Juli 2019 sampai selesai. Tujuan Kerja Praktik ini adalah untuk memenuhi tugas akhir mata kuliah Kerja Praktik dan membuat website informasi dan video profil UMKM sebagai media untuk memasarkan produk-produk UMKM Toko Roti Dampit kepada masyarakat luas. Selain itu juga membuat database untuk membuat, menambah, mengedit, dan menghapus produk. Metode pengumpulan data yang dilakukan penulis meliputi observasi, wawancara, dan studi pustaka. Obsservasi ini berupa melakukan kunjungan langsung ke UMKM Roti Dampit Sukoharjo. Wawancara dilakukan dengan cara mengajukan pertanyaan kepada pemilik Roti UMKM yang bertanggung jawab dalam hal penyampaian informasi di Toko Roti Dampit Sukoharjo. Studi pustaka pengumpulan dan informasi serta pengetahuan yang didapat dari buku-buku tentang teori yang bersangkutan. Pembuatan website informasi, video profil UMKM dan database ini nantinya diharapkan dapat mempermudah memasarkan produk-produk Roti Dampit dan bisa dikenal oleh masyarakat luas. vi KATA PENGANTAR Segala puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa yang telah memberikan anugrah dan karunia-Nya, sehingga penulis dapat menyelesaikan Laporan Kerja Praktik dengan judul “Website Informasi Dan Video Profil Toko Roti Dampit Sukoharjo”. Adapun laporan ini disusun untuk memenuhi Tugas Akhir mata kuliah Kerja Praktik. Selesainya makalah ini tak lepas dari bantuan dan dorongan yang sangat besar dari berbagai pihak hingga terselesaikannya laporan ini. Tidak lupa pada kesempatan ini penulis juga mengucapkan terima kasih kepada : 1. Ibu Kumaratih Sandradewi, S.P., M.Kom selaku Ketua STMIK Sinar Nusantara 2. Dosen Pembimbing yaitu ibu Suryati Galuh P, S.Pd, M.Hum yang telah membimbing dan membantu penulis selama masa KP 2019 baik dalam pendekatan masyarakat maupun dalam realisasi program kerja Tim KP di TOKO ROTI DAMPIT Sukoharjo. 3. Ibu Sumarti selaku Pemilik UMKM Roti Dampit Sukoharjo. 4. Orang Tua yang selalu mendukung serta memberikan doa dan semangat 5. Teman-teman yang memberi dukungan 6. Semua pihak yang tidak dapat disebutkan satu per satu yang terlibat dalam penyusunan Laporan Kerja Praktik ini, sehingga dapat selesai dengan baik. Amin. vii Penulis menyadari bahwa dalam pelaksanaan dan penyusunan Laporan Kerja Praktik ini masih banyak kekurangan dan jauh dari kata sempurna. Akan tetapi, diharapkan Laporan Kerja Praktik ini bisa memberikan manfaat bagi yang membacanya secara umum. Surakarta, 15 Agustus 2019 Ardana Patria Widyatmoko viii DAFTAR ISI Judul ........................................................................................................... i Judul ........................................................................................................... ii Persetujuan Laporan Kerja Praktik ............................................................ iii Pengesahan Laporan Kerja Praktik ............................................................ iv Ringkasan ................................................................................................... v Kata Pengantar ........................................................................................... vii Daftar Isi..................................................................................................... viii Daftar Gambar ............................................................................................ xi Daftar Tabel ............................................................................................... xiii Daftar Lampiran ......................................................................................... xiv BAB I PENDAHULUAN .......................................................................... 1 1.1 Latar Belakang Masalah ......................................................... 1 1.2 Rumusan Masalah .................................................................. 2 1.3 Batasan Masalah..................................................................... 2 1.4 Tujuan Kerja Praktik .............................................................. 3 1.5 Manfaat Kerja Praktik ............................................................ 3 1.6 Sistematika Penulisan Kerja Praktik ...................................... 4 BAB II TINJAUAN UMUM TOKO ROTI DAMPIT .............................. 6 2.1 Sejarah UMKM Toko Roti Dampit ....................................... 6 2.2 Struktur Organisasi Toko Roti Dampit .................................. 7 BAB III LANDASAN TEORI ................................................................... 9 3.1 Komputer ............................................................................... 9 ix 3.2 Informasi ................................................................................ 9 3.3 Internet ................................................................................... 9 3.4 Website ................................................................................... 10 3.5 Multimedia ............................................................................. 10 3.6 Database ................................................................................ 11 3.7 MySQL................................................................................... 11 3.8 XAMPP .................................................................................. 12 3.9 Adobe Photoshop ................................................................... 12 BAB IV PEMBAHASAN ......................................................................... 13 4.1 ANALISA MASALAH ......................................................... 13 4.2 ANALISA DATA .................................................................. 13 4.3 TAHAPAN SISTEM ............................................................. 13 4.4 4.3.1 Perancang Konsep ...................................................... 14 4.3.2 Pungumpulan Data ..................................................... 14 4.3.3 Persiapan Hardware dan Software ............................. 16 4.3.4 Tahapan Pembuatan Website ...................................... 18 4.3.5 Pengecekan (Testing) ................................................. 19 4.3.6 Perbaikan .................................................................... 19 4.3.7 Penyelesaian ............................................................... 20 PERANCANGAN WEBSITE ................................................ 20 4.4.1 Halaman Utama Home ............................................... 20 4.4.2 Rancangan Halaman Menu ........................................ 21 4.4.3 Rancangan Halaman Order ........................................ 21 4.4.4 Rancangan Halaman About Us ................................... 22 x 4.5 4.4.5 Rancangan Halaman Contact Us................................ 22 4.4.6 Rancangan Halaman Login ........................................ 23 4.4.7 Rancangan Halaman Admin ....................................... 23 4.4.8 Rancangan Halaman Input Data ................................. 24 4.4.9 Rancangan Halaman Edit Data .................................. 25 DESAIN WEBSITE ................................................................ 25 4.5.1 Halaman Utama Home ............................................... 25 4.5.2 Halaman Menu ........................................................... 26 4.5.3 Halaman Order ........................................................... 28 4.5.4 Halaman About Us ..................................................... 29 4.5.4.1 Memasukan Video Pada Website ................... 30 4.5.5 Halaman Contact Us .................................................. 32 4.5.5.1 Menambahkan Google Maps Embed.............. 33 4.6 4.5.6 Halaman Login ........................................................... 34 4.5.7 Halaman Admin .......................................................... 35 4.5.8 Halaman Input Data Baru ........................................... 36 4.5.9 Halaman Edit Data ..................................................... 36 PENGUJIAN .......................................................................... 37 4.6.1 Diagram Hasil Kuesioner ........................................... 39 BAB V PENUTUP ..................................................................................... 39 5.1 Kesimpulan ............................................................................ 39 5.2 Saran ....................................................................................... 39 DAFTAR PUSTAKA ................................................................................ 40 LAMPIRAN ............................................................................................... 41 xi DAFTAR GAMBAR Gambar 2.1 Struktur Organisasi Toko Roti Dampit ........................................ 7 Gambar 4.1 Tahapan Pembuatan Website ........................................................ 14 Gambar 4.2 Flowchart Pembuatan Website ..................................................... 18 Gambar 4.3 Rancangan Halaman Home .......................................................... 20 Gambar 4.4 Rancangan Halaman Menu........................................................... 21 Gambar 4.5 Rancangan Halaman Order .......................................................... 21 Gambar 4.6 Rancangan Halaman About Us ..................................................... 22 Gambar 4.7 Rancangan Halaman Contact Us................................................. 22 Gambar 4.8 Rancangan Halaman Login .......................................................... 23 Gambar 4.9 Rancangan Halaman Admin ......................................................... 24 Gambar 4.10 Rancangan Halaman Input data.................................................. 24 Gambar 4.11 Rancangan Halaman Edit Data .................................................. 25 Gambar 4.12 Halaman Home ........................................................................... 26 Gambar 4.13 Halaman Menu ........................................................................... 27 Gambar 4.14 Halaman Order .......................................................................... 28 Gambar 4.15 Halaman About Us ..................................................................... 29 xii Gambar 4.16 Share Video ................................................................................ 30 Gambar 4.17 Menu embed ............................................................................... 31 Gambar 4.18 Copy code youtube embed ......................................................... 34 Gambar 4.19 Halaman Contact Us .................................................................. 32 Gambar 4.20 Share maps ................................................................................. 33 Gambar 4.21 Sematkan maps........................................................................... 33 Gambar 4.22 copy code google maps embed................................................... 34 Gambar 4.23 Halaman form Login .................................................................. 35 Gambar 4.24 Halaman Admin .......................................................................... 35 Gambar 4.25 Halaman Input data baru ............................................................ 36 Gambar 4.26 Halaman Edit data ...................................................................... 37 Gambar 4.27 Diagram korespon Website......................................................... 41 xiii DAFTAR TABEL Tabel 4.1 Rencana Pengujian ........................................................................... 37 Tabel 4.2 Detail Pengujian ............................................................................... 38 Tabel 4.3 Hasil Kuesioner ................................................................................ 40 xiv DAFTAR LAMPIRAN Dokumentasi Foto ............................................................................................ 39 15