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
i
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
v
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
vi
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
vii
DAFTAR ISI
Judul ... i
Lembar Pengesahan ... ii
Pernyataan Bebas Plagiasi ... ii
Pernyataan Persetujun Publikasi ... iv
Kata Pengantar ... v
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
viii
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
ix
x
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
xi
Gambar 3. 24 Struktur Database Category ... 55
Gambar 3. 25 Struktur Database Cart ... 56
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