Institutional Repository | Satya Wacana Christian University: Perancangan Sistem Informasi Usaha Jual Pintu dan Jendela Rumah Berbasis Web
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
2014
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
2014
i
ii
iii
iv
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
berkenan meluangkan waktu untuk memberikan bimbingan
v
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
Taufiq Ahmad
vi
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
2.4 Database................................................................................ 15
vii
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
Lampiran ............................................................................................... 61
viii
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
Gambar 4.6 Tampilan Halaman Faq ................................. 48
ix
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
Gambar 4.19 Tampilan Halaman Input Tips..................... 56
x
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
Tabel 4.1 Tabel Hasil Pengujian ....................................... 57
xi
Daftar Lampiran
Lampiran Kode Program ................................................... 61
Lampiran Kartu Bimbingan .............................................. 79
xii
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
2014
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
2014
i
ii
iii
iv
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
berkenan meluangkan waktu untuk memberikan bimbingan
v
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
Taufiq Ahmad
vi
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
2.4 Database................................................................................ 15
vii
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
Lampiran ............................................................................................... 61
viii
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
Gambar 4.6 Tampilan Halaman Faq ................................. 48
ix
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
Gambar 4.19 Tampilan Halaman Input Tips..................... 56
x
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
Tabel 4.1 Tabel Hasil Pengujian ....................................... 57
xi
Daftar Lampiran
Lampiran Kode Program ................................................... 61
Lampiran Kartu Bimbingan .............................................. 79
xii