PERANCANGAN SISTEM INFORMASI USAHA
JUAL PINTU DAN JENDELA RUMAH BERBASIS
WEB
Diajukan kepada
Fakultas Teknologi Informasi
untuk memperoleh Gelar Ahli Madya Teknik Informatika
Oleh :
Taufiq Ahmad NIM : 562011021
Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana Salatiga
i
PERANCANGAN SISTEM INFORMASI USAHA
JUAL PINTU DAN JENDELA RUMAH BERBASIS
WEB
LAPORAN TUGAS AKHIR
Oleh :
Taufiq Ahmad NIM : 562011021
Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana Salatiga
v
KATA PENGANTAR
Puji dan syukur penulis panjatkan kehadirat Tuhan Yang
Maha Esa atas berkah dan rahmat-Nya penulis dapat
menyelesaikan penulisan laporan Tugas Akhir ini dengan baik.
Laporan tugas akhir ini disusun guna untuk memperoleh gelar Ahli
Madya Komputer pada Program Studi Diploma Teknik
Informatika Fakultas Teknologi Informasi Universitas Kristen
Satya Wacana Salatiga.
Penulis juga menyadari bahwa terselesaikannya laporan
Tugas Akhir dengan lancar tidak terlepas juga karena bantuan dari
berbagai pihak. Oleh karena itu, pada kesempatan ini penulis ingin
menyampaikan terimakasih kepada :
1.
Orang tua dan keluarga yang tidak henti-hentinya
memberikan
do’a dan
semangat.
2.
Dr. Dharmaputra T. Palekahelu, M. Pd sebagai Dekan
Fakultas Teknologi Informasi, Universitas Kristen Satya
Wacana .
3.
Sri Winarso Martyas Edi, S.Kom, M.Cs sebagai Ketua
Program Studi Teknik Informatika, Diploma Fakultas
Teknologi Informasi, Universitas Kristen Satya Wacana.
4.
Bapak Drs. Prihanto Ngesti Basuki, M.Kom yang telah
vi
dalam penyusunan Tugas Akhir ini. Segenap dosen yang
telah memberikan ilmu yang berguna dan bermanfaat.
5.
Teman-teman D3 TI angkatan 2011 yang selalu memberikan
semangat dan dukungan.
6.
Serta semua pihak yang tidak dapat penulis sebutkan satu per
satu.
Salatiga, 25 Juni 2014
vii
DAFTAR ISI
Judul ... i
Lembar Pengesahan ... ii
Lembar Pernyataan Bebas Plagiasi ... iii
Lembar Pernyataan Hak Bebas Royalti dan Publikasi ... iv
Kata Pengantar ... v
Daftar Isi ... vii
Daftar Gambar ... ix
Daftar Tabel ... xi
Daftar Lampiran ... xii
Bab 1 Pendahuluan ... 1
1.1 Latar Belakang ... 1
1.2 Tujuan ... 2
1.2.1 Tujuan Umum ... 2
1.2.2 Tujuan Khusus ... 2
1.3 Rumusan Masalah ... 2
1.4 Batasan Masalah ... 3
1.5 Metodologi ... 3
1.5.1 Metode Pengumpulan Data ... 3
1.5.2 Perancangan Sistem ... 4
Bab 2 Tinjauan Pustaka ... 6
2.1 Penelitian Terdahulu ... 6
2.2 Aplikasi Web ... 7
2.2.1 Client Side Scripting ... 8
2.2.2 Server Side Scripting ... 9
2.3 Website ... 10
2.3.1 Jenis – jenis website ... 10
viii
Bab 3 Perancangan Sistem ... 16
3.1 Analisis Sistem ... 16
3.1.1 Alur Sistem ... 17
3.1.2 DFD ... 17
3.1.3 Data Flow Diagram level 1 ... 19
3.2 Flowchart ... 20
3.3 LKT (Lembar Kerja Tampilan) ... 22
3.3.1 Halaman awal (sebelum pelanggan login) ... 22
3.3.2 Halaman Pelanggan ... 31
3.4 JST (Jaringan Semantik Tampilan)... 38
3.5 Rancangan Database ... 39
3.5.1 Relasi Database ... 39
3.5.2 Struktur Database ... 39
3.6 Rancangan Tampilan Sistem ... 43
Bab 4 Hasil Dan Analisis ... 45
4.1 Hasil Karya / Implementasi ... 45
4.2 Hasil Pengujian ... 56
4.3 Analisis ... 58
Bab 5 Penutup ... 59
5.1 Kesimpulan ... 59
5.2 Saran ... 59
Daftar Pustaka ... 60
ix
Daftar Gambar
Gambar 2.1 Aplikasi Web ... 7
Gambar 3.1 Data Flow Diagram Level 0 ... 18
Gambar 3.2 Data Flow Diagram Level 1 ... 19
Gambar 3.3 Flowchart Sistem Website ... 20
Gambar 3.4 LKT Halaman beranda ... 22
Gambar 3.5 LKT Halaman daftar ... 24
Gambar 3.6 LKT Halaman login ... 25
Gambar 3.7 LKT Halaman Galeri ... 27
Gambar 3.8 LKT Halaman Tentang... 28
Gambar 3.9 LKT Halaman Faq ... 29
Gambar 3.10 LKT Halaman Tips... 31
Gambar 3.11 LKT Halaman Beranda ... 32
Gambar 3.12 LKT Halaman Galei ... 33
Gambar 3.13 LKT Halaman Order ... 35
Gambar 3.14 LKT Halaman Bantuan ... 36
Gambar 3.15 JST Jual Pintu dan Jendela Rumah ... 38
Gambar 3.16 Relasi database db_belanjakusen ... 39
Gambar 3.17 Rancangan Tampilan Sistem ... 44
Gambar 4.1 Tampilan Halaman Beranda ... 45
Gambar 4.2 Tampilan Halaman Galeri ... 46
Gambar 4.3 Tampilan Halaman Galeri Pintu ... 46
Gambar 4.4 Tampilan Halaman Galeri Jendela ... 47
Gambar 4.5 Tampilan Halaman Tentang ... 47
x
Gambar 4.7 Tampilan Halaman Tips ... 48
Gambar 4.8 Tampilan Halaman Registrasi ... 49
Gambar 4.9 Tampilan Halaman Login... 50
Gambar 4.10 Tampilan Halaman Beranda Pelanggan ... 50
Gambar 4.11 Tampilan Halaman Galeri Pelanggan ... 51
Gambar 4.12 Tampilan Halaman Galeri Pintu Pelanggan 52
Gambar 4.13 Tampilan Halaman Daftar Order Pelanggan 53
Gambar 4.14 Tampilan Halaman Bantuan ... 53
Gambar 4.15 Tampilan Halaman Panel Admin ... 54
Gambar 4.16 Tampilan Halaman Daftar Pelanggan ... 54
Gambar 4.17 Tampilan Halaman Daftar Order... 55
Gambar 4.18 Tampilan Halaman Bantuan Admin ... 55
xi
Daftar Tabel
Tabel 3.1 Tabel User ... 39
Tabel 3.2 Tabel tbl_barang ... 40
Tabel 3.3 Tabel komentar_bantuan ... 42
Tabel 3.4 Tabel komentar_bantuan_admin ... 42
Tabel 3.5 Tabel tips ... 43
xii
Daftar Lampiran
Lampiran Kode Program ... 61