SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA USANTEX sistem Informasi Penjualan Berbasis Web Pada Usantex.
SISTEM INFORMASI PENJUALAN
BERBASIS WEB PADA USANTEX
TUGAS AKHIR
Diajukan Untuk Memenuhi Tugas dan Syarat-Syarat Guna Memperoleh
Gelar Sarjana Teknik Pada Fakultas Teknik Jurusan Elektro
Universitas Muhammadiyah Surakarta
Disusun Oleh :
NAMA
: DITYA BANU HANDITA
NIM
: D 400080051
FAKULTAS TEKNIK JURUSAN ELEKTRO
UNIVERSITAS MUHAMMADIYAH SURAKARTA
2012
i
DAFTAR KONTRIBUSI
Dalam Tugas Akhir ini pembuatan program dan perancanganya saya buat
sendiri dan dibantu teman-teman. Berikut adalah daftar kerja dalam pembuatan Tugas
Akhir ini :
1.
Dalam perancangan dan pembuatanya saya berkontribusi 70 % dan teman-teman
30%.
2.
Saya melakukan sendiri penelitian di USANTEX
3.
Saya menggunakan PHP sebagai bahasa pemograman.
4.
Saya menggunakan AppServ sebagai web server .
5.
Saya menggunakan MySQL sebagai database.
6.
Saya menggunakan Macromedia Dreamweaver8 sebagai editor.
Demikian daftar kontribusi ini saya buat dengan sebenarnya, saya
bertanggung jawab atas isi dan kebenara daftar diatas.
Surakarta, januari 2012
Mahasiswa Tugas Akhir
Mengetahui
Dosen Pembimbing
Ditya Banu Handita
Umi Fadlilah, ST, M.Eng
ii
LEMBAR PERSETUJUAN
Tugas Akhir
dengan judul
“SISTEM INFORMASI
PENJUALAN
BERBASIS WEB PADA USANTEX” ini telah disetujui untuk disampaikan
dihadapan Dewan Penguji Tugas Akhir Fakultas Teknik Jurusan Elektro Universitas
Muhammadiyah Surakarta pada :
Hari
:
Tanggal
:
Pembimbing I
Pembimbing II
Umar, ST, MT
Umi Fadlilah, ST, M.Eng
iii
HALAMAN PENGESAHAN
Tugas Akhir
dengan judul
“SISTEM INFORMASI
PENJUALAN
BERBASIS WEB PADA USANTEX” ini telah dipertahankan dan dipertanggung
jawabkan dihadapan Dewan Penguji Tugas Akhir Fakultas Teknik Jurusan Elektro
Universitas Muhammadiyah Surakarta pada :
Hari
:
Tanggal
:
Dewan Penguji :
1. Umar, ST, MT
(................................)
2. Umi Fadlilah, ST, M.Eng
(................................)
3. Mochammad Muslich, ST
(................................)
4. Dedy Ari Prasetya, ST
(................................)
Mengetahui
Dekan Fakultas Teknik
Kepala Jurusan Teknik Elektro
Universitas Muhammadiyah Surakarta
Universitas Muhammadiyah Surakarta
Ir. Agus Riyanto, MT
iv
Ir. Jatmiko, MT
ABSTRAK
USANTEX adalah perusahaan yang bergerak di bidang pembuatan,
penjualan, dan pemasaran batik. Sangat perlu adanya kemudahan pelayanan untuk
memudahkan pelanggan yang jauh dari jangkauan. Guna memfasilitasi itu semua
dapat direalisasikan dengan toko online (E-Commerce). Aplikasi toko online yang
dibangun ini bertujuan untuk membantu USANTEX dalam hal pemasaran dan
penjualan produk.
Proses pembuatan program ini dimulai dengan menganalisa sistem yang
telah ada di USANTEX, kemudian dibuat DFD, ERD dan tabel-tabel yang
diperlukan. Dilanjutkan dengan mendesain interface dan membuat programnya.
Aplikasi toko online ini menggunakan bahasa pemrograman PHP, MySQL sebagai
database, Macromedia Dreamweaver 8 sebagai editor HTML dan CorelDra w
sebagai image editor.
Aplikasi ini memiliki tiga fungsi utama. Pertama yaitu untuk user umum,
setiap pengunjung website bisa melihat katalog produk, menggunakan layanan
website, tetapi tidak bisa melakukan pemesanan produk. Kedua adalah anggota yang
bisa melakukan pemesanan produk. Terakhir yaitu administrator yang bisa
melakukan pengelolaan data produk, mengelola pesanan dan memperoleh laporan.
Kata kunci : Sistem Informasi Penjualan, E-Commerce, Pelanggan, Produk
v
MOTTO
“Sukses tidak diukur dari posisi yang dicapai seseorang dalam hidup,
tapi dari kesulitan-kesulitan yang berhasil diatasi ketika berusaha meraih sukses.”
”Raihlah ilmu, dan untuk meraih ilmu belajarlah untuk tenang dan sabar.”
(Umar bin Khatab)
“Sesungguhnya sesudah kesulitan pasti ada kemudahan.”
(Al -Insyirah:6)
vi
PERSEMBAHAN
Kupersembahkan hasil tugas akhir ini untuk :
Bapak dan Ibu tercinta,
terimakasih untuk do'a, kasih sayang dan dukungannya selama ini.
Kakak dan adikku tercinta,
yang senantiasa memotivasiku untuk selalu berbuat yang lebih baik.
Bapak dan ibu dosen,
yang selalu memberikan ilmunya selama ini
Sahabat-sahabatku Teknik Elektro ’08,
yang senantiasa membantu dan memberikan semangat dalam kesusahanku.
Orang yang menyayangiku,
terima kasih atas segala dukungan, perhatian, dan kasih sayang yang diberikan.
Almamaterku Universitas Muhammadiyas Surakarta
vii
KATA PENGANTAR
Puji syukur penulis ucapkan kehadirat Tuhan Yang Maha Esa karena hanya
atas berkat dan rahmat yang dilimpahkan-Nya penulis dapat menyelesaikan skripsi ini
pada waktunya. Skripsi ini merupakan salah satu syarat untuk memperoleh gelar
Strata Satu (S-1) pada Universitas Muhammadiyah Surakarta jurusan Teknik Elektro.
Maka untuk memenuhi persyaratan tersebut, penulis mancoba untuk menerapkan
ilmu yang telah penulis dapat di bangku kuliah ke dalam bentuk tugas akhir yang
berjudul “SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA
USANTEX”.
Oleh karena itu, dalam penulisan skripsi ini, penulis menyadari sepenuhnya
masih banyak kekurangan yang jauh dari sempurna, dan penulis berharap adanya
kritik
dan
saran
dari
semua
pihak
yang
nantinya
dipergunakan
untuk
menyempurnakan skripsi ini.
Selama penyusunan skripsi ini, penulis telah banyak memperoleh bantuan,
bimbingan dan dorongan dari berbagai pihak. Pada kesempatan ini penulis ingin
menyampaikan rasa terima kasih kepada:
1. Bapak Prof. Dr. Bambang Setiaji selaku Rektor Universitas Muhammadiyah
Surakarta
2. Bapak Ir Agus Riyanto, MT selaku Dekan Fakultas Teknik
3. Bapak Ir Jatmiko, MT selaku Ketua Jurusan Teknik Elektro
4. Bapak Umar, ST, MT selaku pembimbing I.
viii
5. Ibu Umi Fadlilah, ST, M.Eng selaku pembimbing II
6. Bapak dan Ibu dosen yang telah memberikan ilmunya.
7. Bapak Ibu tercinta yang selalu mendukung dan mendoakan.
8. Kakak dan adik yang selalu memotivasi.
9. Rekan-rekanku jurusan teknik elektro yang telah banyak membantu penulis
dalam menyelesaikan skripsi ini.
10. Teman-temanku satu kos yang telah banyak memberi dukungan dan motivasi
Akhir kata, penulis mengucapkan terima kasih dan berharap agar skripsi ini
dapat bermanfaat bagi penulis dan pembaca pada umumnya.
Surakarta, Januari 2012
Penulis
ix
DAFTAR ISI
Halaman
HALAMAN JUDUL ....................................................................................
i
DAFTAR KONTRIBUSI .............................................................................
ii
LEMBAR PERSETUJUAN .........................................................................
iii
HALAMAN PENGESAHAN ......................................................................
iv
ABSTRAK ....................................................................................................
v
MOTTO .........................................................................................................
vi
PERSEMBAHAN ........................................................................................
vii
KATA PENGANTAR ..................................................................................
viii
DAFTAR ISI ................................................................................................
x
BAB I
PENDAHULUAN ......................................................................
1
1.1 Latar Belakang Masalah ........................................................
1
1.2 Perumusan Masalah ...............................................................
2
1.3 Tujuan Penelitian ...................................................................
3
1.4 Batasan Masalah ....................................................................
3
1.5 Manfaat Penelitian ................................................................
4
TINJAUAN PUSTAKA .............................................................
5
2.1 Telaah Penelitian ...................................................................
5
2.2 Landasan Teori ......................................................................
6
2.2.1 Pengertian Internet .......................................................
6
2.2.2 Electronic Commerce ...................................................
6
2.2.2.1 Sejarah E-Commerce .........................................
6
2.2.3 Analisa dan Perancangan Sistem ..................................
7
2.2.3.1 Diagram Konteks ...............................................
7
2.2.3.2 System Flow Diagram .......................................
8
2.2.3.3 Data Flow Diagram ..........................................
9
2.2.3.4 Kamus Data ......................................................
10
BAB II
x
BAB III
2.2.3.5 Entity Relatiobalship Diagram .........................
10
2.2.4 Definisi Basis Data .......................................................
11
2.2.5 Database Managemen System .....................................
12
2.2.6 SQL ..............................................................................
13
2.2.7 Software Pendukung ....................................................
14
2.2.7.1 Macromedia Dreamweaver 8 ............................
14
2.2.7.2 PHP ..................................................................
14
2.2.7.3 PhpMyAdmin ....................................................
16
2.2.7.4 MySQL ..............................................................
16
2.2.7.5 Apache Web Server ...........................................
17
METODE PENELITIAN ...........................................................
19
3.1 Waktu dan Tempat ................................................................
19
3.2 Peralatan Utama dan Mendukung ........................................
19
3.3 Alur Penelitian .......................................................................
20
3.3.1 Diagram Alir Penelitian ...............................................
22
3.4 Perancangan Sistem ..............................................................
23
3.4.1 System Flow Diagram ..................................................
23
3.4.2 Data Flow Diagram .....................................................
24
3.5 Perancangan Database ..........................................................
31
3.5.1 Struktur Data ...............................................................
31
3.5.2 Relasi Antar Tabel ......................................................
41
3.6 Flowchart Per User ...............................................................
43
3.6.1 Flowchart Pengunjung .................................................
43
3.6.2 Flowchart Pelanggan ...................................................
44
3.6.3 Flowchart Administrator .............................................
45
3.7 Desain Interface ....................................................................
46
3.7.1 Halaman Administrator ...............................................
46
3.7.2 Halaman Pengunjung ...................................................
57
3.7.3 Halaman Pelanggan ......................................................
62
xi
BAB IV
HASIL PENELITIAN DAN PEMBAHASAN ..........................
66
4.1 Halaman Administrator .........................................................
66
4.2 Halaman Pengunjung ............................................................
76
4.3 Halaman Pelanggan ..............................................................
83
4.4 Pengujian dan Analisis ..........................................................
89
4.5 Pengujian Sistem Menggunakan Web Browser ....................
93
KESIMPULAN DAN SARAN ...................................................
96
5.1 Kesimpulan ...........................................................................
96
5.2 Saran .....................................................................................
97
DAFTAR PUSTAKA ..................................................................................
98
LAMPIRAN ...............................................................................................
99
BAB V
xii
DAFTAR TABEL
Halaman
Tabel 2.1
Simbol SFD .............................................................................
8
Tabel 2.2
Simbol DFD ............................................................................
9
Tabel 2.3
Notasi Kamus Data .................................................................
10
Tabel 2.4
Simbol ERD ...........................................................................
11
Tabel 3.1
Tabel Waktu Pelaksanaan .......................................................
19
Tabel 3.2
Tabel Belanja ..........................................................................
31
Tabel 3.3
Tabel Buku Tamu ...................................................................
32
Tabel 3.4
Tabel Kategori ........................................................................
32
Tabel 3.5
Tabel Keranjang .....................................................................
33
Tabel 3.6
Tabel Link ..............................................................................
33
Tabel 3.7
Tabel Member ........................................................................
34
Tabel 3.8
Tabel Pemesanan ...................................................................
34
Tabel 3.9
Tabel Produk ..........................................................................
35
Tabel 3.10
Tabel Profil .............................................................................
36
Tabel 3.11
Tabel Order ............................................................................
36
Tabel 3.12
Tabel Terjual ..........................................................................
37
Tabel 3.13
Tabel User ..............................................................................
37
Tabel 3.14
Tabel Usercounter ...................................................................
38
Tabel 3.15
Tabel Useronline .....................................................................
38
Tabel 3.16
Tabel Useronlineday ...............................................................
39
Tabel 3.17
Tabel useronlinemounth .........................................................
40
Tabel 4.1
Tabel Hasil penilaian Kuisioner .............................................
90
Tabel 4.2
Tabel Perbandingan Kelebihan Website .................................
92
Tabel 4.3
Tabel Perbandingan Kekurangan Website ..............................
92
xiii
DAFTAR GAMBAR
Halaman
Gambar 3.1
Diagram Alir Penelitian .......................................................
22
Gambar 3.2
System Flow Diagram ..........................................................
24
Gambar 3.3
DFD Level 0 ..........................................................................
25
Gambar 3.4
DFD Level 1 Proses Pemesanan Produk ..............................
26
Gambar 3.5
DFD Level 1 Proses Control Website ..................................
27
Gambar 3.6
DFD Level 1 Proses Pelaporan ............................................
30
Gambar 3.7
Relasi Antar Tabel ................................................................
41
Gambar 3.8
Flowchart Pengunjung ..........................................................
43
Gambar 3.9
Flowchart Pelanggan ...........................................................
44
Gambar 3.10 Flowchart Administrator ......................................................
45
Gambar 3.11 Desain Form Login Administrator .......................................
47
Gambar 3.12 Desain Form Administrator Home ......................................
48
Gambar 3.13 Desain Form Edit Admin ......................................................
49
Gambar 3.14 Desain Form Tambah Admin ..............................................
49
Gambar 3.15 Desain Form Edit Produk .....................................................
50
Gambar 3.16 Desain Form Tambah Produk ...............................................
51
Gambar 3.17 Desain Form Ubah dan hapus Profil .....................................
52
Gambar 3.18 Desain Form Ubah dan hapus Profil .....................................
53
Gambar 3.19 Desain Form Cek Order .......................................................
54
Gambar 3.20 Desain Form Detail .............................................................
55
Gambar 3.21 Desain Form proses ..............................................................
56
Gambar 3.22 Desain Form Statistik Penjualan ..........................................
57
Gambar 3.23 Desain Form Pengunjung Home ..........................................
58
Gambar 3.24 Desain Form Registrasi Pelanggan ......................................
59
Gambar 3.25 Desain Form Profil ...............................................................
60
Gambar 3.26 Desain Form Koleksi Produk ...............................................
61
Gambar 3.27 Desain Form Buku Tamu .....................................................
62
xiv
Gambar 3.28 Desain Form Login Pelanggan ............................................
63
Gambar 3.29 Desain Form Keranjang Belanja ..........................................
64
Gambar 3.30 Desain Form Buku Tamu ...................................................
65
Gambar 4.1
Halaman Login Administrator ..............................................
67
Gambar 4.2
Halaman Administrator Home .............................................
68
Gambar 4.3
Halaman Edit Admin ...........................................................
68
Gambar 4.4
Halaman Tambah Admin ......................................................
69
Gambar 4.5
Halaman Edit Produk ...........................................................
70
Gambar 4.6
Halaman Tambah Produk .....................................................
70
Gambar 4.7
Halaman Ubah Profil ............................................................
71
Gambar 4.8
Halaman Ganti Profil ............................................................
72
Gambar 4.9
Halaman Cek Order ..............................................................
73
Gambar 4.10 Halaman Detail Pesanan .......................................................
73
Gambar 4.11 Halaman proses .....................................................................
74
Gambar 4.12 Halaman Statistik Penjualan .................................................
75
Gambar 4.13 Halaman Logout Administrator ............................................
76
Gambar 4.14 Halaman Pengunjung Home .................................................
77
Gambar 4.15 Halaman Registrasi Pelanggan .............................................
78
Gambar 4.16 Halaman Profil ......................................................................
79
Gambar 4.17 Halaman Produk ...................................................................
80
Gambar 4.18 Halaman Cara Pemesanan ....................................................
81
Gambar 4.19 Halaman Buku Tamu ...........................................................
82
Gambar 4.20 Halaman Detail Produk .........................................................
83
Gambar 4.21 Halaman Login Pelanggan ....................................................
84
Gambar 4.22 Halaman Pelanggan Home ...................................................
85
Gambar 4.23 Halaman Keranjang Belanja .................................................
85
Gambar 4.24 Halaman produk ....................................................................
86
Gambar 4.25 Halaman Detail Produk .........................................................
87
Gambar 4.26 Halaman Buku Tamu ...........................................................
88
xv
Gambar 4.27 Halaman Pemeriksaan Pesanan ............................................
88
Gambar 4.28 Halaman Logout Pelanggan .................................................
89
Gambat 4.29 grafik Pengisian Kuisioner ...................................................
90
Gambar 4.30.a Tampilan Menggunakan Mozilla Firefox .............................
93
Gambar 4.30.b Tampilan Menggunakan Internet Explorer ..........................
94
Gambar 4.30.c Tampilan Menggunakan Opera ............................................
94
xvi
BERBASIS WEB PADA USANTEX
TUGAS AKHIR
Diajukan Untuk Memenuhi Tugas dan Syarat-Syarat Guna Memperoleh
Gelar Sarjana Teknik Pada Fakultas Teknik Jurusan Elektro
Universitas Muhammadiyah Surakarta
Disusun Oleh :
NAMA
: DITYA BANU HANDITA
NIM
: D 400080051
FAKULTAS TEKNIK JURUSAN ELEKTRO
UNIVERSITAS MUHAMMADIYAH SURAKARTA
2012
i
DAFTAR KONTRIBUSI
Dalam Tugas Akhir ini pembuatan program dan perancanganya saya buat
sendiri dan dibantu teman-teman. Berikut adalah daftar kerja dalam pembuatan Tugas
Akhir ini :
1.
Dalam perancangan dan pembuatanya saya berkontribusi 70 % dan teman-teman
30%.
2.
Saya melakukan sendiri penelitian di USANTEX
3.
Saya menggunakan PHP sebagai bahasa pemograman.
4.
Saya menggunakan AppServ sebagai web server .
5.
Saya menggunakan MySQL sebagai database.
6.
Saya menggunakan Macromedia Dreamweaver8 sebagai editor.
Demikian daftar kontribusi ini saya buat dengan sebenarnya, saya
bertanggung jawab atas isi dan kebenara daftar diatas.
Surakarta, januari 2012
Mahasiswa Tugas Akhir
Mengetahui
Dosen Pembimbing
Ditya Banu Handita
Umi Fadlilah, ST, M.Eng
ii
LEMBAR PERSETUJUAN
Tugas Akhir
dengan judul
“SISTEM INFORMASI
PENJUALAN
BERBASIS WEB PADA USANTEX” ini telah disetujui untuk disampaikan
dihadapan Dewan Penguji Tugas Akhir Fakultas Teknik Jurusan Elektro Universitas
Muhammadiyah Surakarta pada :
Hari
:
Tanggal
:
Pembimbing I
Pembimbing II
Umar, ST, MT
Umi Fadlilah, ST, M.Eng
iii
HALAMAN PENGESAHAN
Tugas Akhir
dengan judul
“SISTEM INFORMASI
PENJUALAN
BERBASIS WEB PADA USANTEX” ini telah dipertahankan dan dipertanggung
jawabkan dihadapan Dewan Penguji Tugas Akhir Fakultas Teknik Jurusan Elektro
Universitas Muhammadiyah Surakarta pada :
Hari
:
Tanggal
:
Dewan Penguji :
1. Umar, ST, MT
(................................)
2. Umi Fadlilah, ST, M.Eng
(................................)
3. Mochammad Muslich, ST
(................................)
4. Dedy Ari Prasetya, ST
(................................)
Mengetahui
Dekan Fakultas Teknik
Kepala Jurusan Teknik Elektro
Universitas Muhammadiyah Surakarta
Universitas Muhammadiyah Surakarta
Ir. Agus Riyanto, MT
iv
Ir. Jatmiko, MT
ABSTRAK
USANTEX adalah perusahaan yang bergerak di bidang pembuatan,
penjualan, dan pemasaran batik. Sangat perlu adanya kemudahan pelayanan untuk
memudahkan pelanggan yang jauh dari jangkauan. Guna memfasilitasi itu semua
dapat direalisasikan dengan toko online (E-Commerce). Aplikasi toko online yang
dibangun ini bertujuan untuk membantu USANTEX dalam hal pemasaran dan
penjualan produk.
Proses pembuatan program ini dimulai dengan menganalisa sistem yang
telah ada di USANTEX, kemudian dibuat DFD, ERD dan tabel-tabel yang
diperlukan. Dilanjutkan dengan mendesain interface dan membuat programnya.
Aplikasi toko online ini menggunakan bahasa pemrograman PHP, MySQL sebagai
database, Macromedia Dreamweaver 8 sebagai editor HTML dan CorelDra w
sebagai image editor.
Aplikasi ini memiliki tiga fungsi utama. Pertama yaitu untuk user umum,
setiap pengunjung website bisa melihat katalog produk, menggunakan layanan
website, tetapi tidak bisa melakukan pemesanan produk. Kedua adalah anggota yang
bisa melakukan pemesanan produk. Terakhir yaitu administrator yang bisa
melakukan pengelolaan data produk, mengelola pesanan dan memperoleh laporan.
Kata kunci : Sistem Informasi Penjualan, E-Commerce, Pelanggan, Produk
v
MOTTO
“Sukses tidak diukur dari posisi yang dicapai seseorang dalam hidup,
tapi dari kesulitan-kesulitan yang berhasil diatasi ketika berusaha meraih sukses.”
”Raihlah ilmu, dan untuk meraih ilmu belajarlah untuk tenang dan sabar.”
(Umar bin Khatab)
“Sesungguhnya sesudah kesulitan pasti ada kemudahan.”
(Al -Insyirah:6)
vi
PERSEMBAHAN
Kupersembahkan hasil tugas akhir ini untuk :
Bapak dan Ibu tercinta,
terimakasih untuk do'a, kasih sayang dan dukungannya selama ini.
Kakak dan adikku tercinta,
yang senantiasa memotivasiku untuk selalu berbuat yang lebih baik.
Bapak dan ibu dosen,
yang selalu memberikan ilmunya selama ini
Sahabat-sahabatku Teknik Elektro ’08,
yang senantiasa membantu dan memberikan semangat dalam kesusahanku.
Orang yang menyayangiku,
terima kasih atas segala dukungan, perhatian, dan kasih sayang yang diberikan.
Almamaterku Universitas Muhammadiyas Surakarta
vii
KATA PENGANTAR
Puji syukur penulis ucapkan kehadirat Tuhan Yang Maha Esa karena hanya
atas berkat dan rahmat yang dilimpahkan-Nya penulis dapat menyelesaikan skripsi ini
pada waktunya. Skripsi ini merupakan salah satu syarat untuk memperoleh gelar
Strata Satu (S-1) pada Universitas Muhammadiyah Surakarta jurusan Teknik Elektro.
Maka untuk memenuhi persyaratan tersebut, penulis mancoba untuk menerapkan
ilmu yang telah penulis dapat di bangku kuliah ke dalam bentuk tugas akhir yang
berjudul “SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA
USANTEX”.
Oleh karena itu, dalam penulisan skripsi ini, penulis menyadari sepenuhnya
masih banyak kekurangan yang jauh dari sempurna, dan penulis berharap adanya
kritik
dan
saran
dari
semua
pihak
yang
nantinya
dipergunakan
untuk
menyempurnakan skripsi ini.
Selama penyusunan skripsi ini, penulis telah banyak memperoleh bantuan,
bimbingan dan dorongan dari berbagai pihak. Pada kesempatan ini penulis ingin
menyampaikan rasa terima kasih kepada:
1. Bapak Prof. Dr. Bambang Setiaji selaku Rektor Universitas Muhammadiyah
Surakarta
2. Bapak Ir Agus Riyanto, MT selaku Dekan Fakultas Teknik
3. Bapak Ir Jatmiko, MT selaku Ketua Jurusan Teknik Elektro
4. Bapak Umar, ST, MT selaku pembimbing I.
viii
5. Ibu Umi Fadlilah, ST, M.Eng selaku pembimbing II
6. Bapak dan Ibu dosen yang telah memberikan ilmunya.
7. Bapak Ibu tercinta yang selalu mendukung dan mendoakan.
8. Kakak dan adik yang selalu memotivasi.
9. Rekan-rekanku jurusan teknik elektro yang telah banyak membantu penulis
dalam menyelesaikan skripsi ini.
10. Teman-temanku satu kos yang telah banyak memberi dukungan dan motivasi
Akhir kata, penulis mengucapkan terima kasih dan berharap agar skripsi ini
dapat bermanfaat bagi penulis dan pembaca pada umumnya.
Surakarta, Januari 2012
Penulis
ix
DAFTAR ISI
Halaman
HALAMAN JUDUL ....................................................................................
i
DAFTAR KONTRIBUSI .............................................................................
ii
LEMBAR PERSETUJUAN .........................................................................
iii
HALAMAN PENGESAHAN ......................................................................
iv
ABSTRAK ....................................................................................................
v
MOTTO .........................................................................................................
vi
PERSEMBAHAN ........................................................................................
vii
KATA PENGANTAR ..................................................................................
viii
DAFTAR ISI ................................................................................................
x
BAB I
PENDAHULUAN ......................................................................
1
1.1 Latar Belakang Masalah ........................................................
1
1.2 Perumusan Masalah ...............................................................
2
1.3 Tujuan Penelitian ...................................................................
3
1.4 Batasan Masalah ....................................................................
3
1.5 Manfaat Penelitian ................................................................
4
TINJAUAN PUSTAKA .............................................................
5
2.1 Telaah Penelitian ...................................................................
5
2.2 Landasan Teori ......................................................................
6
2.2.1 Pengertian Internet .......................................................
6
2.2.2 Electronic Commerce ...................................................
6
2.2.2.1 Sejarah E-Commerce .........................................
6
2.2.3 Analisa dan Perancangan Sistem ..................................
7
2.2.3.1 Diagram Konteks ...............................................
7
2.2.3.2 System Flow Diagram .......................................
8
2.2.3.3 Data Flow Diagram ..........................................
9
2.2.3.4 Kamus Data ......................................................
10
BAB II
x
BAB III
2.2.3.5 Entity Relatiobalship Diagram .........................
10
2.2.4 Definisi Basis Data .......................................................
11
2.2.5 Database Managemen System .....................................
12
2.2.6 SQL ..............................................................................
13
2.2.7 Software Pendukung ....................................................
14
2.2.7.1 Macromedia Dreamweaver 8 ............................
14
2.2.7.2 PHP ..................................................................
14
2.2.7.3 PhpMyAdmin ....................................................
16
2.2.7.4 MySQL ..............................................................
16
2.2.7.5 Apache Web Server ...........................................
17
METODE PENELITIAN ...........................................................
19
3.1 Waktu dan Tempat ................................................................
19
3.2 Peralatan Utama dan Mendukung ........................................
19
3.3 Alur Penelitian .......................................................................
20
3.3.1 Diagram Alir Penelitian ...............................................
22
3.4 Perancangan Sistem ..............................................................
23
3.4.1 System Flow Diagram ..................................................
23
3.4.2 Data Flow Diagram .....................................................
24
3.5 Perancangan Database ..........................................................
31
3.5.1 Struktur Data ...............................................................
31
3.5.2 Relasi Antar Tabel ......................................................
41
3.6 Flowchart Per User ...............................................................
43
3.6.1 Flowchart Pengunjung .................................................
43
3.6.2 Flowchart Pelanggan ...................................................
44
3.6.3 Flowchart Administrator .............................................
45
3.7 Desain Interface ....................................................................
46
3.7.1 Halaman Administrator ...............................................
46
3.7.2 Halaman Pengunjung ...................................................
57
3.7.3 Halaman Pelanggan ......................................................
62
xi
BAB IV
HASIL PENELITIAN DAN PEMBAHASAN ..........................
66
4.1 Halaman Administrator .........................................................
66
4.2 Halaman Pengunjung ............................................................
76
4.3 Halaman Pelanggan ..............................................................
83
4.4 Pengujian dan Analisis ..........................................................
89
4.5 Pengujian Sistem Menggunakan Web Browser ....................
93
KESIMPULAN DAN SARAN ...................................................
96
5.1 Kesimpulan ...........................................................................
96
5.2 Saran .....................................................................................
97
DAFTAR PUSTAKA ..................................................................................
98
LAMPIRAN ...............................................................................................
99
BAB V
xii
DAFTAR TABEL
Halaman
Tabel 2.1
Simbol SFD .............................................................................
8
Tabel 2.2
Simbol DFD ............................................................................
9
Tabel 2.3
Notasi Kamus Data .................................................................
10
Tabel 2.4
Simbol ERD ...........................................................................
11
Tabel 3.1
Tabel Waktu Pelaksanaan .......................................................
19
Tabel 3.2
Tabel Belanja ..........................................................................
31
Tabel 3.3
Tabel Buku Tamu ...................................................................
32
Tabel 3.4
Tabel Kategori ........................................................................
32
Tabel 3.5
Tabel Keranjang .....................................................................
33
Tabel 3.6
Tabel Link ..............................................................................
33
Tabel 3.7
Tabel Member ........................................................................
34
Tabel 3.8
Tabel Pemesanan ...................................................................
34
Tabel 3.9
Tabel Produk ..........................................................................
35
Tabel 3.10
Tabel Profil .............................................................................
36
Tabel 3.11
Tabel Order ............................................................................
36
Tabel 3.12
Tabel Terjual ..........................................................................
37
Tabel 3.13
Tabel User ..............................................................................
37
Tabel 3.14
Tabel Usercounter ...................................................................
38
Tabel 3.15
Tabel Useronline .....................................................................
38
Tabel 3.16
Tabel Useronlineday ...............................................................
39
Tabel 3.17
Tabel useronlinemounth .........................................................
40
Tabel 4.1
Tabel Hasil penilaian Kuisioner .............................................
90
Tabel 4.2
Tabel Perbandingan Kelebihan Website .................................
92
Tabel 4.3
Tabel Perbandingan Kekurangan Website ..............................
92
xiii
DAFTAR GAMBAR
Halaman
Gambar 3.1
Diagram Alir Penelitian .......................................................
22
Gambar 3.2
System Flow Diagram ..........................................................
24
Gambar 3.3
DFD Level 0 ..........................................................................
25
Gambar 3.4
DFD Level 1 Proses Pemesanan Produk ..............................
26
Gambar 3.5
DFD Level 1 Proses Control Website ..................................
27
Gambar 3.6
DFD Level 1 Proses Pelaporan ............................................
30
Gambar 3.7
Relasi Antar Tabel ................................................................
41
Gambar 3.8
Flowchart Pengunjung ..........................................................
43
Gambar 3.9
Flowchart Pelanggan ...........................................................
44
Gambar 3.10 Flowchart Administrator ......................................................
45
Gambar 3.11 Desain Form Login Administrator .......................................
47
Gambar 3.12 Desain Form Administrator Home ......................................
48
Gambar 3.13 Desain Form Edit Admin ......................................................
49
Gambar 3.14 Desain Form Tambah Admin ..............................................
49
Gambar 3.15 Desain Form Edit Produk .....................................................
50
Gambar 3.16 Desain Form Tambah Produk ...............................................
51
Gambar 3.17 Desain Form Ubah dan hapus Profil .....................................
52
Gambar 3.18 Desain Form Ubah dan hapus Profil .....................................
53
Gambar 3.19 Desain Form Cek Order .......................................................
54
Gambar 3.20 Desain Form Detail .............................................................
55
Gambar 3.21 Desain Form proses ..............................................................
56
Gambar 3.22 Desain Form Statistik Penjualan ..........................................
57
Gambar 3.23 Desain Form Pengunjung Home ..........................................
58
Gambar 3.24 Desain Form Registrasi Pelanggan ......................................
59
Gambar 3.25 Desain Form Profil ...............................................................
60
Gambar 3.26 Desain Form Koleksi Produk ...............................................
61
Gambar 3.27 Desain Form Buku Tamu .....................................................
62
xiv
Gambar 3.28 Desain Form Login Pelanggan ............................................
63
Gambar 3.29 Desain Form Keranjang Belanja ..........................................
64
Gambar 3.30 Desain Form Buku Tamu ...................................................
65
Gambar 4.1
Halaman Login Administrator ..............................................
67
Gambar 4.2
Halaman Administrator Home .............................................
68
Gambar 4.3
Halaman Edit Admin ...........................................................
68
Gambar 4.4
Halaman Tambah Admin ......................................................
69
Gambar 4.5
Halaman Edit Produk ...........................................................
70
Gambar 4.6
Halaman Tambah Produk .....................................................
70
Gambar 4.7
Halaman Ubah Profil ............................................................
71
Gambar 4.8
Halaman Ganti Profil ............................................................
72
Gambar 4.9
Halaman Cek Order ..............................................................
73
Gambar 4.10 Halaman Detail Pesanan .......................................................
73
Gambar 4.11 Halaman proses .....................................................................
74
Gambar 4.12 Halaman Statistik Penjualan .................................................
75
Gambar 4.13 Halaman Logout Administrator ............................................
76
Gambar 4.14 Halaman Pengunjung Home .................................................
77
Gambar 4.15 Halaman Registrasi Pelanggan .............................................
78
Gambar 4.16 Halaman Profil ......................................................................
79
Gambar 4.17 Halaman Produk ...................................................................
80
Gambar 4.18 Halaman Cara Pemesanan ....................................................
81
Gambar 4.19 Halaman Buku Tamu ...........................................................
82
Gambar 4.20 Halaman Detail Produk .........................................................
83
Gambar 4.21 Halaman Login Pelanggan ....................................................
84
Gambar 4.22 Halaman Pelanggan Home ...................................................
85
Gambar 4.23 Halaman Keranjang Belanja .................................................
85
Gambar 4.24 Halaman produk ....................................................................
86
Gambar 4.25 Halaman Detail Produk .........................................................
87
Gambar 4.26 Halaman Buku Tamu ...........................................................
88
xv
Gambar 4.27 Halaman Pemeriksaan Pesanan ............................................
88
Gambar 4.28 Halaman Logout Pelanggan .................................................
89
Gambat 4.29 grafik Pengisian Kuisioner ...................................................
90
Gambar 4.30.a Tampilan Menggunakan Mozilla Firefox .............................
93
Gambar 4.30.b Tampilan Menggunakan Internet Explorer ..........................
94
Gambar 4.30.c Tampilan Menggunakan Opera ............................................
94
xvi