PERANCANGAN DAN PEMBUATAN APLIKASI
E-COMMERCE BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat Untuk mencapai gelar Ahli Madya Komputer
ATHFAL RAZIQ 092406206
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA
PERANCANGAN DAN PEMBUATAN APLIKASI
E-COMMERCE BERBASIS WEB
TUGAS AKHIR
ATHFAL RAZIQ 092406206
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA
PERANCANGAN DAN PEMBUATAN APLIKASI
E-COMMERCE BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat Untuk mencapai gelar Ahli Madya Komputer
ATHFAL RAZIQ 092406206
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA
PERSETUJUAN
Judul : PERANCANGAN DAN PEMBUATAN
APLIKASI E-COMMERCE BERBASIS WEB
Kategori : TUGAS AKHIR
Nama : ATHFAL RAZIQ
Nomor Induk Mahasiswa : 092406206
Program Studi : D3 TEKNIK INFORMATIKA
Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA
UTARA
Disetujui di
Medan, Juli 2014
Diketahui Oleh:
Program Studi D3 Teknik Informatika Pembimbing,
FMIPA USU
Ketua,
Dr. Elly Rosmaini, M. Si Drs. Gim Tarigan
PERNYATAAN
PERANCANGAN DAN PEMBUATAN APLIKASI E-COMMERCE
BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali
beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2014
ATHFAL RAZIQ
092406206
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha
Penyayang, dengan limpahan karunia-Nya Penulis dapat menyelesaikan
penyusunan Tugas Akhir ini dengan judul Perancangan dan Pembuatan Aplikasi
E-Commerce Berbasis Web.
Terima kasih penulis sampaikan kepada Bapak Drs. Gim Tarigan selaku
pembimbing yang telah meluangkan waktunya selama penyusunan tugas akhir ini.
Terima kasih kepada Ibu Dr. Elly Rosmaini, M. Si dan Bapak Syahriol Sitorus, S.
Si, M. IT selaku Ketua Program Studi dan Sekretaris Program Studi D3 Teknik
Informatika FMIPA USU, Bapak Prof. Dr. Tulus, M. Si dan Ibu Dr. Mardianingsih,
M. Si selaku Ketua dan Sekretaris Departemen Matematika FMIPA USU, Bapak
Dr. Sutarman, M. Sc selaku Dekan FMIPA USU, seluruh Staff dan Dosen Program
Studi D3 Teknik Informatika FMIPA USU, Pegawai FMIPA USU dan rekan-rekan
kuliah. Akhirnya tidak terlupakan kepada Bapak Muchtaruddin, Ibu Fauza dan
keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan.
ABSTRAK
Kajian ini bertujuan untuk membangun sebuah aplikasi yang akan memudahkan
seseorang dalam membangun sebuah website. Aplikasi ini dibangun dengan
menggunakan bahasa PHP dan MySql. Aplikasi ini bekerja untuk dapat merubah
atau menambah halaman, tulisan, gambar pada sebuah website. Tujuan utama
sistem ini adalah untuk memudahkan seseorang dalam membangun sebuah
website e-commerce. Diharapkan dengan pembuatan aplikasi ini akan
memberikan wacana baru tentang aplikasi web dan menambah pengetahuan
penulis tentang cara membuat suatu web.
DAFTAR ISI
BAB 1 PENDAHULUAN 1
1.1. Latar Belakang 1
1.2. Identifikasi Masalah 2
1.3. Maksud dan Tujuan Penulisan 2
1.4. Ruang Lingkup Masalah 2
1.5. Metode Penelitian 3
1.6. Sistematika Penulisan 3
BAB 2 LANDASAN TEORI 5
2.1. Content Management System (CMS) 5
2.1.1. Pengenalan CMS 5
2.1.2. Keuntungan CMS 6
2.2. Pengertian Komputer 7
2.3. Pengenalan Personal Home Page (PHP) 7
2.3.1. Kelebihan-kelebihan PHP 8
2.3.2. Konsep Dasar PHP 10
2.4. MySQL 12
2.4.1. Syntaks-syntaks MySQL 14
2.5. Pengenalan Macromedia Dreamweaver 8 18
2.5.1. Apa Itu Dreamweaver 8 18
2.6. XAMPP 21
BAB 3 ANALISI DAN PERANCANGAN SISTEM 23
3.1. Analisis Sistem 23
3.2. Perancangan Sistem 23
3.2.1. Diagram Konteks 23
3.2.2. Data Flow Diagram (DFD) Level 1 24
3.2.3. DFD Level 2 Proses Olah Data Admin 26
3.2.4. DFD Level 2 Proses Olah Data Kategori 27
3.2.5. DFD Level 2 Proses Olah Data Subkategori 27
3.2.6. DFD Level 2 Proses Olah Data Berita 28
3.2.7. DFD Level 2 Proses Olah Data Barang 29
3.3. Database 30
3.3.1. Struktur Tabel 30
3.3.2. Tabel Relasi 33
3.3.3. Entity Relationship Diagram (ERD) 34
3.4. Rancangan User Interface 35
3.4.1. Rancangan User Interface Input 35
3.4.2. Rancangan User Interface Output 42
3.5. Flowchart 49
BAB 4 IMPLEMENTASI DAN PENGUJIAN SISTEM 55
4.1. Pengertian Implementasi Sistem 55
4.2. Komponen Utama dalam Implementasi Sistem 55
4.2.1. Perangkat Keras (Hardware) 55
4.2.2. Perangkat Lunak (Software) 56
4.2.3. Unsur Manusia (Brainware) 56
4.3. Tampilan Program 57
4.3.1. Halaman Input Data Admin 57
4.3.2. Halaman Input Data Berita 57
4.3.3. Halaman Input Data Kategori 58
4.3.5. Halaman Input Data Jualan Barang 60
4.3.6. Halaman Input Register Anggota 61
4.3.7. Halaman Login Admin 61
4.3.8. Halaman Login Anggota 62
4.3.9. Halaman Tabel Admin 63
4.3.10. Halaman Tabel Berita 63
4.3.11. Halaman Tabel Kategori 64
4.3.12. Halaman Tabel Subkategori 65
4.3.13. Halaman Data Anggota 65
4.3.14. Halaman Data Barang 66
4.3.15. Halaman Data Testimonial 67
4.3.16. Halaman Utama Website 68
BAB 5 PENUTUP 70
5.1. Kesimpulan 70
DAFTAR TABEL
Halaman
DAFTAR GAMBAR
Halaman
Gambar 3.1. Diagram Konteks 24
Gambar 3.2.2. Data Flow Diagram (DFD) Level 1 25
Gambar 3.2.3. DFD Level 2 Proses Olah Data Admin 26
Gambar 3.2.3. DFD Level 2 Proses Olah Data Kategori 27
Gambar 3.2.4. DFD Level 2 Proses Olah Data Subkategori 28
Gambar 3.2.5. DFD Level 2 Proses Olah Data Berita 29
Gambar 3.2.6. DFD Level 2 Proses Olah Data Barang 30
Gambar 3.3.2. Gambar Tabel Relasi 34
Gambar 3.3.3. Gambar Entity Relationship Diagram 35
Gambar 3.4.1.1. Rancangan User Interface Input Admin 36
Gambar 3.4.1.2. Rancangan User Interface Input Data Kategori 37
Gambar 3.4.1.3. Rancangan User Interface Input Subkategori 38
Gambar 3.4.1.4. Rancangan User Interface Input Berita 39
Gambar 3.4.1.5. Rancangan User Interface Register 40
Gambar 3.4.1.6. Rancangan User Interface Input Barang 41
Gambar 3.4.2.1. Rancangan User Interface Output Admin 42
Gambar 3.4.2.2. Rancangan User Interface Output Data Kategori 43
Gambar 3.4.2.3. Rancangan User Interface Output Data Subkategori 44
Gambar 3.4.2.4. Rancangan User Interface Output Berita 45
Gambar 3.4.2.5. Rancangan User Interface Tabel Anggota 46
Gambar 3.4.2.6. Rancangan User Interface Output Barang 47
Gambar 3.4.2.7. Rancangan User Interface Tabel Testimonial 48
Gambar 3.5.1. Gambar Flowchart Login 49
Gambar 3.5.2. Gambar Flowchart Olah Data Admin 50
Gambar 3.5.3. Gambar Flowchart Olah Data Kategori 51
Gambar 3.5.4. Gambar Flowchart Olah Data Subkategori 52
Gambar 3.5.5. Gambar Flowchart Olah Data Berita 53
Gambar 3.5.6. Gambar Flowchart Olah Data Barang 54
Gambar 4.3.2. Gambar Input Data Berita 58
Gambar 4.3.3. Gambar Input Data Kategori 59
Gambar 4.3.4. Gambar Input Data Subkategori 59
Gambar 4.3.5. Gambar Input Data Jualan Barang 60
Gambar 4.3.6. Gambar Input Data Register Anggota 61
Gambar 4.3.7. Gambar Login Admin 62
Gambar 4.3.8. Gambar Login Anggota 62
Gambar 4.3.9. Gambar Tabel Admin 63
Gambar 4.3.10. Gambar Tabel Berita 64
Gambar 4.3.11. Gambar Tabel Kategori 64
Gambar 4.3.12. Gambar Tabel Subkategori 65
Gambar 4.3.13. Gambar Data Anggota 66
Gambar 4.3.14. Gambar Data Barang 67
Gambar 4.3.15. Gambar Data Testimonial 67
SURAT KETERANGAN
( Hasil Uji Tugas Akhir )
Yang bertanda tangan di bawah ini, menerangkan bahwa mahasiswa Tugas Akhir
Program D-3 Ilmu Komputer :
Nama : Athfal Raziq
NIM : 092406206
Program Studi : D-3 Teknik Informatika
Judul Tugas Akhir : PERANCANGAN DAN PEMBUATAN
APLIKASI E-COMMERCE BERBASIS WEB
Telah melaksanakan uji tugas akhir dari mahasiswa tersebut di atas pada Juni
2014
Dengan hasil : SUKSES / GAGAL
Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian
Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika
FMIPA USU Medan.
Medan, Juni 2014
Dosen pembimbing
(Drs. Gim Tarigan)