i
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
ii
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 databa se.
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
Mengetahui Dosen Pembimbing
Umi Fadlilah, ST, M.Eng
Mahasiswa Tugas Akhir
iii
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
Umar, ST, MT
Pembimbing II
iv
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
Universitas Muhammadiyah Surakarta
Ir. Agus Riyanto, MT
Kepala Jurusan Teknik Elektro Universitas Muhammadiyah Surakarta
v 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 seba gai 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.
vi 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.”
vii
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.
viii
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
ix
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
x
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
xi
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
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 Flowcha rt Pengunjung ... 43
3.6.2 Flowcha rt Pelanggan ... 44
3.6.3 Flowcha rt Administrator ... 45
3.7 Desain Interface ... 46
3.7.1 Halaman Administrator ... 46
3.7.2 Halaman Pengunjung ... 57
xii
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
BAB V KESIMPULAN DAN SARAN ... 96
5.1 Kesimpulan ... 96
5.2 Saran ... 97
DAFTAR PUSTAKA ... 98
xiii
Tabel 4.2 Tabel Perbandingan Kelebihan Website ... 92
xiv
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
xv
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.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
xvi
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
