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 : 562013002 Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga 2016
Perancangan Web Sistem Informasi Penjualan Kuningan dan Handicraft Berbasis PHP Responsif Adaptif serta Multi Platform Laporan Tugas Akhir Oleh: Yohanes Ivan Enda NIM : 562013002 Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga 2016 i
ii
iii
iv
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
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
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... 1 1.1 Latar belakang... 1 1.2 Tujuan... 3 1.2.1 Tujuan Umum... 3 1.2.2 Tujuan Khusus... 3 1.3 Rumusan Masalah... 4 1.4 Batasan Masalah... 5 1.5 Metodologi... 6 1.5.1 Analisa Kebutuhan... 6 1.5.2 Tahapan Perancangan... 7 1.6 Jadwal Perancangan Sistem... 8 1.6.1 Penelitian... 8 1.6.2 Rincian Kegiatan Pembuatan... 9 BAB II. TINJAUAN PUSTAKA... 13 2.1 Penelitian Terdahulu... 13 2.2 Landasan Teori... 15 vii
BAB III. PERANCANGAN SISTEM... 24 3.1 Pengumpulan Kebutuhan... 24 3.2 Ruang Lingkup Aplikasi/Sistem... 26 3.2.1 Fungsi Aplikasi... 26 3.2.2 Fitur Aplikasi... 27 3.2.3 Penggunaan Komponen... 27 3.3 Konsep Perancangan Aplikasi... 28 3.3.1 Gambaran Umum Aplikasi... 28 3.3.2 Pengguna Aplikasi... 31 3.4 Perancangan Antar Muka Aplikasi... 33 3.4.1 Lembar Kerja Tampilan... 33 3.5 Perancangan Proses Bisnis... 46 3.5.1 Diagram Use Case... 46 3.5.2 Diagram Class... 49 3.5.3 Diagram Activity... 51 3.6 Pemodelan Penyimpanan Data... 52 3.6.1 Struktur Data Tiap Tabel... 52 3.6.2 Relasional Data Diagram... 53 3.7 Pemodelan Distribusi Aplikasi... 56 BAB IV. HASIL DAN ANALISIS... 57 4.1 Hasil Karya/Implementasi... 57 4.2 Hasil Pengujian... 69 4.3 Analisis... 71 BAB V. PENUTUP... 72 5.1 Kesimpulan... 72 viii
5.2 Saran... 73 Daftar Pustaka... 74 Lampiran... 75 ix
DAFTAR GAMBAR Gambar 3. 1 Gambaran Umum Aplikasi... 28 Gambar 3. 2 Hubungan Pelaku Bisnis... 29 Gambar 3. 3 LKT Login... 33 Gambar 3. 4 LKT Menu Utama... 34 Gambar 3. 5 LKT View Details... 35 Gambar 3. 6 LKT Company Profile... 36 Gambar 3. 7 LKT Kolom Masukan... 37 Gambar 3. 8 LKT Keranjang Belanja... 39 Gambar 3. 9 LKT Billing Information... 41 Gambar 3.10 LKT Pengolahan Data Produk... 61 Gambar 3. 11 LKT Pengolahan Data Pengunjung... 43 Gambar 3. 12 LKT Pengolahan Kategori Produk... 44 Gambar 3. 13 LKT Jaringan Semantik... 45 Gambar 3. 14 Diagram Use Case Pelanggan dan Operator... 46 Gambar 3. 15 Diagram Use Case Pelanggan... 47 Gambar 3. 16 Diagram Use Case Operator... 48 Gambar 3. 17 Diagram Class... 49 Gambar 3. 18 Diagram Activity Pelanggan dan Operator... 51 Gambar 3. 19 Struktur Database Web... 52 Gambar 3. 20 Relasi Struktur Database Web... 52 Gambar 3. 21 Struktur Database User... 53 Gambar 3. 22 Struktur Database Produk... 54 Gambar 3. 23 Struktur Database Order... 54 x
Gambar 3. 24 Struktur Database Category... 55 Gambar 3. 25 Struktur Database Cart... 56 Gambar 3. 26 Distribusi Aplikasi... 56 Gambar 4. 1 Tampilan Login Operator... 59 Gambar 4. 2 Tampilan Menu Utama... 60 Gambar 4. 3 Tampilan Hasil Pencarian... 60 Gambar 4. 4 Tampilan Tentang Kami... 61 Gambar 4. 5 Tampilan Responsivitas Web... 62 Gambar 4. 6 Tampilan Detail Produk... 63 Gambar 4. 7 Tampilan Keranjang Belanja... 64 Gambar 4. 8 Tampilan Billing Information... 65 Gambar 4. 9 Tampilan Contact Us... 66 Gambar 4. 10 Tampilan Login Sistem Produk... 67 Gambar 4. 11 Tampilan Daftar Pelanggan Login Orders... 68 Gambar 4. 12 Tampilan Informasi Daftar Pelanggan... 69 Gambar 4. 13 Tabel Hasil Pengujian... 70 xi