Perancangan Web Sistem Informasi Penjualan Kuningan dan Handicraft Berbasis PHP Responsif Adaptif serta Multi Platform

Transkripsi

1 Perancangan Web Sistem Informasi Penjualan Kuningan dan Handicraft Berbasis PHP Responsif Adaptif serta Multi Platform Diajukan kepada Fakultas Teknologi Informasi untuk memperoleh Gelar Ahli Madya Komputer Oleh : Yohanes Ivan Enda NIM : Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga 2016

2

3

4 Perancangan Web Sistem Informasi Penjualan Kuningan dan Handicraft Berbasis PHP Responsif Adaptif serta Multi Platform Laporan Tugas Akhir Oleh: Yohanes Ivan Enda NIM : Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga 2016 i

5 ii

6 iii

7 iv

8 Kata Pengantar Segala puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa karena atas limpahan rahmat dan hidayah-nya penulis dapat menyelesaikan Tugas Akhir yang berjudul Perancangan Web Sistem Informasi Penjualan Kuningan dan Handicraft Berbasis Php Responsif Adaptif Serta Multi Platform. Laporan Tugas Akhir ini disusun sebagai persyaratan kelulusan dalam meraih gelar sarjana Ahli Madya Komputer pada Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga. Penulis menyadari bahwa dalam penyusun Laporan Tugas Akhir ini bukanlah jerih payah sendiri, melainkan bimbingan dari berbagai pihak, oleh karena itu pada kesempatan ini, penulis mengucapkan banyak terimakasih kepada yang terhormat : 1. Bapak Dr. Dharmaputra T. Palekahelu, M.Pd sebagai Dekan Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana. 2. Bapak Sri Winarso Martyas Edi, S.Kom., M.Cs.sebagai ketua Program Studi Diploma Teknik Informatika, Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana 3. Bapak Drs.Prihanto Ngesti Basuki, M.Kom yang telah meluangkan waktunya untuk memberikan bimbingan dalam penyusunan laporan Tugas Akhir. v

9 4. Ibu F.R Budi Setiani, selaku orang tua tercinta, yang telah memberikan dukungan moril maupun materil kepada penulis untuk selalu berusaha mencapai hasil yang terbaik. 5. Dini Maria Vianney serta F.X Yunianto Wibowo kakak yang telah memberi banyak bantuan. 6. Semua teman teman D3 Teknik Informatika 2013 yang telah memberikan doa semangat, serta kebersamaannya selama ini. 7. Serta Semua pihak yang tidak dapat penulis sebutkan satu persatu. Dalam penyusunan Laporan Tugas Akhir ini, penulis menyadari masih terdapat banyak kekurangan, Oleh karena itu penulis mengharapkan saran dari semua pihak yang ingin memberikan saran baiknya demi perkembangan positif bagi penulis. Demikian Laporan Tugas Akhir ini penulis susun, semoga dapat bermanfaat bagi semua pihak dan penulis sendiri. Akhir kata penulis ucapkan trima kasih. Salatiga, 5 Agustus 2016 Yohanes Ivan Enda Penulis vi

10 DAFTAR ISI Judul... i Lembar Pengesahan... ii Pernyataan Bebas Plagiasi... ii Pernyataan Persetujun Publikasi... iv Kata Pengantar... v Daftar Isi... vii Daftar Gambar... x BAB I. PENDAHULUAN Latar belakang Tujuan Tujuan Umum Tujuan Khusus Rumusan Masalah Batasan Masalah Metodologi Analisa Kebutuhan Tahapan Perancangan Jadwal Perancangan Sistem Penelitian Rincian Kegiatan Pembuatan... 9 BAB II. TINJAUAN PUSTAKA Penelitian Terdahulu Landasan Teori vii

11 BAB III. PERANCANGAN SISTEM Pengumpulan Kebutuhan Ruang Lingkup Aplikasi/Sistem Fungsi Aplikasi Fitur Aplikasi Penggunaan Komponen Konsep Perancangan Aplikasi Gambaran Umum Aplikasi Pengguna Aplikasi Perancangan Antar Muka Aplikasi Lembar Kerja Tampilan Perancangan Proses Bisnis Diagram Use Case Diagram Class Diagram Activity Pemodelan Penyimpanan Data Struktur Data Tiap Tabel Relasional Data Diagram Pemodelan Distribusi Aplikasi BAB IV. HASIL DAN ANALISIS Hasil Karya/Implementasi Hasil Pengujian Analisis BAB V. PENUTUP Kesimpulan viii

12 5.2 Saran Daftar Pustaka Lampiran ix

13 DAFTAR GAMBAR Gambar 3. 1 Gambaran Umum Aplikasi Gambar 3. 2 Hubungan Pelaku Bisnis Gambar 3. 3 LKT Login Gambar 3. 4 LKT Menu Utama Gambar 3. 5 LKT View Details Gambar 3. 6 LKT Company Profile Gambar 3. 7 LKT Kolom Masukan Gambar 3. 8 LKT Keranjang Belanja Gambar 3. 9 LKT Billing Information Gambar 3.10 LKT Pengolahan Data Produk Gambar LKT Pengolahan Data Pengunjung Gambar LKT Pengolahan Kategori Produk Gambar LKT Jaringan Semantik Gambar Diagram Use Case Pelanggan dan Operator Gambar Diagram Use Case Pelanggan Gambar Diagram Use Case Operator Gambar Diagram Class Gambar Diagram Activity Pelanggan dan Operator Gambar Struktur Database Web Gambar Relasi Struktur Database Web Gambar Struktur Database User Gambar Struktur Database Produk Gambar Struktur Database Order x

14 Gambar Struktur Database Category Gambar Struktur Database Cart Gambar Distribusi Aplikasi Gambar 4. 1 Tampilan Login Operator Gambar 4. 2 Tampilan Menu Utama Gambar 4. 3 Tampilan Hasil Pencarian Gambar 4. 4 Tampilan Tentang Kami Gambar 4. 5 Tampilan Responsivitas Web Gambar 4. 6 Tampilan Detail Produk Gambar 4. 7 Tampilan Keranjang Belanja Gambar 4. 8 Tampilan Billing Information Gambar 4. 9 Tampilan Contact Us Gambar Tampilan Login Sistem Produk Gambar Tampilan Daftar Pelanggan Login Orders Gambar Tampilan Informasi Daftar Pelanggan Gambar Tabel Hasil Pengujian xi