Perancangan Web Sistem Informasi Penjualan Kuningan dan

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