PERANCANGAN APLIKASI ONLINE PENJUALAN ANIME
STUFF “OTAKU SHOP” BERBASIS WEB
TUGAS AKHIR
MUHAMMAD IKHSAN FAU ZI
132406211
PROGRAM STUDI D3 TEKNIK INFORMATIK A
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIK A DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
PERANCANGAN APLIKASI ONLINE PENJUALAN ANIME
STUFF “OTAKU SHOP” BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh
Ahli Madya
Muhammad Ikhsan Fauzi
132406211
D3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIK A DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
i
PERSETUJUAN
Judul :
Perancangan Aplikasi Online Anime Stuff
“Otaku Shop” Berbasis Web
Kategori : Tugas Akhir
Nama : Muhammad Ikhsan Fauzi Nomor Induk Mahasiswa : 132406211
Program Studi : Diploma (D3) Teknik Informatika Departemen : Matematika
Fakultas : Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara
Diluluskan di Medan, Juli 2016
Diketahui/Disetujui oleh
Departemen Matematika FMIPA USU
Ketua, Pembimbing,
Dr. Elly Rosmaini, M.Si. Drs. Partano Siagian, M. Sc NIP. 196005201985032002 NIP. 195112271980031001
PERNYATAAN
PERANCANGAN APLIKASI ONLINE PENJUALAN ANIME STUFF “OTAKU SHOP” 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 2016
iii
PENGHARGAAN
Puji syukur panjatkan kehadirat Tuhan Yang Maha Esa yang telah melimpahkan
rahmat dan hidayah-Nya penulis menyelesaikan penyusunan tugas akhir ini
dengan judul Perancangan Aplikasi E-Commerce Toko Online “Otaku Shop”.
Pada kesempatan ini penulis mengucapkan banyak terima kasih kepada
pihak yang telah banyak membimbing, mengarahkan, membantu, dan
memberikan dukungan semangat dan kasih sayang dalam menyelesaikan tugas
akhir ini. Penulis mengucapkan terima kasih kepada :
1. Bapak Drs. Patarno Siagian, M.Sc. selaku dosen pembimbing yang telah
bersedia memberi arahan, bimbingan dan petunjuk serta nasehat kepada
penulis dalam menyelesaikan tugas akhir ini.
2. Bapak Prof. Dr. Kerista Sebayang, M.S. selaku Dekan Fakultas
Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
3. Bapak Prof. Dr. Tulus, M.Si, selaku Ketua Departemen Matematika
Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera
Utara.
4. Ibu Dra. Elly Rosmaini, M.Si. selaku Ketua Program Studi D3 Teknik
Informatika FMIPA USU.
5. Seluruh Bapak dan Ibu Dosen yang telah membimbing saya selama
menjalani pendidikan di program studi D3 Teknik Informatika Fakultas
Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
6. Terkhusus penulis ucapkan terima kasih yang sebesar – besarnya kepada
Ayahanda tercinta H. Zainuddin dan Ibunda tersayang Ustati,S,Sos, serta
kakak,abang dan adik yang telah memberikan doa, dukungan moril dan
materil, motivasi, semangat dan kasih sayang yang tiada henti kepada
penulis sehingga penulis dapat menyelesaikan tugas akhir ini. .
7. Teman-teman seperjuangan Penulis di Departemen Matematika Prodi D3
Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara.
PERANCANGAN APLIKASI ONLINE PENJUALAN ANIME STUFF “OTAKU SHOP” BERBASIS WEB
ABSTRAK
E-Commerce adalah wadah jual beli untuk mempermudah membeli suatu barang tanpa harus datang ke toko. E-Commerce merupakan suatu kontak transaksi perdagangan antara penjual dan pembeli dengan menggunakan media internet. Keuntungan dengan menggunakan transaksi melalui e-commerce adalah untuk meningkatkan pendapatan dengan penjualan online yang biayanya lebih murah
Tujuan pembuatan web ini menyediakan aplikasi penjualan kaos, jacket, action figure, anime stuff, komik dll betemakan anime/kartun yang terhubung langsung ke website secara lengkap dengan informasi toko beserta harga dan cara pembeliannya sehingga dapat mempermudah user mencari barang-barang tertentu.
v
DAFTAR ISI
Halaman
Persetujuan Iii
Penghargaan Iv
Abstrak V
Daftar Isi Vi
Daftar Gambar Viii
Daftar Tabel Ix
1.6 Metodologi Penelitian 3
1.7 Sistematika Penulisan 4
Bab 2 LANDASAN TEORI 6
2.1 Pengertian Internet Commerce 2.1.1 Gambaran Umum I-Commerce 2.1.2 Trade Cycles I-Commerce
6 7
9 2.2 Pengenalan Internet
2.2.1 Network 2.2.2 Web Server
2.2.3 World Wide Web (WWW) 2.2.4Hyper Text Tranfer Protocol
10 11 11 12 13 2.3 Pengenalan Personal Home Page
2.3.1 Sejarah Asal Mula PHP 2.3.2 Variabel Pada PHP
2.3.3 Konsep Dasar Penggunaan php
13
2.6 Cascading Style Sheet (CSS) 2.6.1 Struktur CSS
2.6.2 Penulisan CSS 2.6.3 Selector
2.6.4 Memformat dokumen dgn CSS
20
2.8.1 Sejarah Istilah Algoritma 2.8.2 Jenis-Jenis Algoritma
27 28 29 2.9 Data Flow Diagram (DFD)
2.9.1 Diagram Konteks
30 32
Bab 3 PERANCANGAN SISTEM 33
3.1 Perancangan Sistim 33 3.2 Data Flow Diagram (DFD)
3.2.1 Diagram Konteks Aplikasi 3.2.2 DFD Level 0 3.3 Perancangan Database Aplikasi
3.3.1 ERD
3.3.2 Relationship 3.3.3 Struktur Tabel
37 38 39 39 3.4 Flowchart Aplikasi
3.4.1 Flowchart Menu Utama 3.4.2 Flowchart Login Admin 3.4.3 FlowChart Menu Admin
44 45 46 47 3.5 Algoritma Perancangan Aplikasi 48
Bab 4 IMPLEMENTASI SISTEM 49
4.1 Pengertian Implementasi Sistem 49
4.2 Tujuan Implementasi 50
4.3 Komponen dalam Implementasi Sistem
4.3.1 Kebutuhan Perangkat Keras 4.3.2 Kebutuhan Perangkat Lunak 4.3.3 Kebutuhan Brainware
50
51 52 52
4.4 Instalasi XAMPP 53
4.5 Tampilan Halaman Website 57
Bab 5 KESIMPULAN dan SARAN 64
5.1 Kesimpulan 64
5.2 Saran 64
Daftar Pustaka
vii
DAFTAR TABEL
Nomor Tabel Judul Halaman
2.1 Arti Lambang Lambang Flowchart 28
2.2 Simbol Data Flow Diagram 33
3.1 Tabel Admin 41
3.2 Tabel Hubungi 42
3.3 Tabel Kategori 42
3.4 Tabel Kota 43
3.5 Tabel Kustomer 43
3.6 Tabel Modul 44
3.7 Tabel Order 44
3.8 Tabel Order Detil 45
3.9 Tabel Order Temp 45
3.10 Tabel Produk 46
DAFTAR GAMBAR
No. Gambar Judul Halaman
2.1.2 Trade Cycles Internet Commerce 11
3.2.1 Diagram Konteks E-commerce Otaku Shop 37
3.2.2 Data Flow Diagram Level 0 38
3.2.3 Data Flow Diagram Level 1 39
3.3.1 ERD 40
3.3.2 Relationship 41
3.4.1 Flowchart Menu Utama 47
3.4.2 Flowchart Login Admin 48
3.4.3 Flowchart Admin 49
4.1 Instalasi XAMPP 3.2.2 (1) 55
4.2 Instalasi XAMPP 3.2.2 (2) 56
4.3 Instalasi XAMPP 3.2.2 (3) 56
4.4 Instalasi XAMPP 3.2.2 (4) 57
4.5 Instalasi XAMPP 3.2.2 (5) 57
4.6 Control Panel XAMPP 58
4.7 Tampilan Halaman Home Web 59
4.8 Tampilan Halaman Tentang Profile Web 60
4.9 Tampilan Halaman Produk-Produk 62
4.10 Tampilan Halaman Cara Pemesanan 63
4.11 Tampilan Halaman Claim Barang Rusak 63
4.12 Tampilan Halaman Balasan Claim Barang Rusak 64
4.13 Tampilan Halaman Keranjang Belanja 64