Perancangan Aplikasi Online Anime Stuff “Otaku Shop” Berbasis Web
PERANCANGAN APLIKASI ONLINE PENJUALAN ANIME
STUFF “OTAKU SHOP” BERBASIS WEB
TUGAS AKHIR
MUHAMMAD IKHSAN FAUZI
132406211
PROGRAM STUDI D3 TEKNIK INFORMATIK A
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIK A DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
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
MEDAN
2016
Universitas Sumatera Utara
PERSETUJUAN
Judul
: Perancangan Aplikasi Online Anime Stuff
“Otaku Shop” Berbasis Web
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas
:
:
:
:
:
:
Tugas Akhir
Muhammad Ikhsan Fauzi
132406211
Diploma (D3) Teknik Informatika
Matematika
Matematika Dan Ilmu Pengetahuan
Universitas Sumatera Utara
Alam
Diluluskan di
Medan, Juli 2016
Diketahui/Disetujui oleh
Departemen Matematika FMIPA USU
Ketua,
Pembimbing,
Dr. Elly Rosmaini, M.Si.
NIP. 196005201985032002
Drs. Partano Siagian, M. Sc
NIP. 195112271980031001
i
Universitas Sumatera Utara
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
MUHAMMAD IKHSAN FAUZI
132406211
ii
Universitas Sumatera Utara
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.
iii
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.
Kata kunci : E-Commerce, Toko, Website, Penjualan Online
iv
Universitas Sumatera Utara
DAFTAR ISI
Halaman
Iii
Iv
V
Vi
Viii
Ix
Persetujuan
Penghargaan
Abstrak
Daftar Isi
Daftar Gambar
Daftar Tabel
Bab 1
Bab 2
Bab 3
PENDAHULUAN
1.1 Latar Belakang
1.2 Rumusan Masalah
1.3 Batasan Masalah
1.4 Tujuant
1.5 Manfaat
1.6 Metodologi Penelitian
1.7 Sistematika Penulisan
LANDASAN TEORI
2.1 Pengertian Internet Commerce
2.1.1 Gambaran Umum I-Commerce
2.1.2 Trade Cycles I-Commerce
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
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
2.4 XAMPP
2.5 Sublime Text
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
2.7 FlowChart
2.8 Algoritma
2.8.1 Sejarah Istilah Algoritma
2.8.2 Jenis-Jenis Algoritma
2.9 Data Flow Diagram (DFD)
2.9.1 Diagram Konteks
PERANCANGAN SISTEM
1
1
3
3
3
3
3
4
6
6
7
9
10
11
11
12
13
13
14
15
16
17
20
20
21
22
23
24
26
27
28
29
30
32
33
v
Universitas Sumatera Utara
Bab 4
Bab 5
3.1 Perancangan Sistim
3.2 Data Flow Diagram (DFD)
3.2.1 Diagram Konteks Aplikasi
3.2.2 DFD Level 0
3.2.3 DFD Level 1
3.3 Perancangan Database Aplikasi
3.3.1 ERD
3.3.2 Relationship
3.3.3 Struktur Tabel
3.4 Flowchart Aplikasi
3.4.1 Flowchart Menu Utama
3.4.2 Flowchart Login Admin
3.4.3 FlowChart Menu Admin
3.5 Algoritma Perancangan Aplikasi
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
4.2 Tujuan Implementasi
4.3 Komponen dalam Implementasi
Sistem
4.3.1 Kebutuhan Perangkat Keras
4.3.2 Kebutuhan Perangkat Lunak
4.3.3 Kebutuhan Brainware
4.4 Instalasi XAMPP
4.5 Tampilan Halaman Website
KESIMPULAN dan SARAN
5.1 Kesimpulan
5.2 Saran
33
34
35
36
37
37
38
39
39
44
45
46
47
48
49
49
50
50
51
52
52
53
57
64
64
64
Daftar Pustaka
Lampiran
vi
Universitas Sumatera Utara
DAFTAR TABEL
Halaman
Nomor Tabel
Judul
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
vii
Universitas Sumatera Utara
DAFTAR GAMBAR
Halaman
No. Gambar Judul
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
4.14
Tampilan Halaman Transaksi Selesai
65
viii
Universitas Sumatera Utara
STUFF “OTAKU SHOP” BERBASIS WEB
TUGAS AKHIR
MUHAMMAD IKHSAN FAUZI
132406211
PROGRAM STUDI D3 TEKNIK INFORMATIK A
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIK A DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
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
MEDAN
2016
Universitas Sumatera Utara
PERSETUJUAN
Judul
: Perancangan Aplikasi Online Anime Stuff
“Otaku Shop” Berbasis Web
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas
:
:
:
:
:
:
Tugas Akhir
Muhammad Ikhsan Fauzi
132406211
Diploma (D3) Teknik Informatika
Matematika
Matematika Dan Ilmu Pengetahuan
Universitas Sumatera Utara
Alam
Diluluskan di
Medan, Juli 2016
Diketahui/Disetujui oleh
Departemen Matematika FMIPA USU
Ketua,
Pembimbing,
Dr. Elly Rosmaini, M.Si.
NIP. 196005201985032002
Drs. Partano Siagian, M. Sc
NIP. 195112271980031001
i
Universitas Sumatera Utara
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
MUHAMMAD IKHSAN FAUZI
132406211
ii
Universitas Sumatera Utara
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.
iii
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.
Kata kunci : E-Commerce, Toko, Website, Penjualan Online
iv
Universitas Sumatera Utara
DAFTAR ISI
Halaman
Iii
Iv
V
Vi
Viii
Ix
Persetujuan
Penghargaan
Abstrak
Daftar Isi
Daftar Gambar
Daftar Tabel
Bab 1
Bab 2
Bab 3
PENDAHULUAN
1.1 Latar Belakang
1.2 Rumusan Masalah
1.3 Batasan Masalah
1.4 Tujuant
1.5 Manfaat
1.6 Metodologi Penelitian
1.7 Sistematika Penulisan
LANDASAN TEORI
2.1 Pengertian Internet Commerce
2.1.1 Gambaran Umum I-Commerce
2.1.2 Trade Cycles I-Commerce
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
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
2.4 XAMPP
2.5 Sublime Text
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
2.7 FlowChart
2.8 Algoritma
2.8.1 Sejarah Istilah Algoritma
2.8.2 Jenis-Jenis Algoritma
2.9 Data Flow Diagram (DFD)
2.9.1 Diagram Konteks
PERANCANGAN SISTEM
1
1
3
3
3
3
3
4
6
6
7
9
10
11
11
12
13
13
14
15
16
17
20
20
21
22
23
24
26
27
28
29
30
32
33
v
Universitas Sumatera Utara
Bab 4
Bab 5
3.1 Perancangan Sistim
3.2 Data Flow Diagram (DFD)
3.2.1 Diagram Konteks Aplikasi
3.2.2 DFD Level 0
3.2.3 DFD Level 1
3.3 Perancangan Database Aplikasi
3.3.1 ERD
3.3.2 Relationship
3.3.3 Struktur Tabel
3.4 Flowchart Aplikasi
3.4.1 Flowchart Menu Utama
3.4.2 Flowchart Login Admin
3.4.3 FlowChart Menu Admin
3.5 Algoritma Perancangan Aplikasi
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
4.2 Tujuan Implementasi
4.3 Komponen dalam Implementasi
Sistem
4.3.1 Kebutuhan Perangkat Keras
4.3.2 Kebutuhan Perangkat Lunak
4.3.3 Kebutuhan Brainware
4.4 Instalasi XAMPP
4.5 Tampilan Halaman Website
KESIMPULAN dan SARAN
5.1 Kesimpulan
5.2 Saran
33
34
35
36
37
37
38
39
39
44
45
46
47
48
49
49
50
50
51
52
52
53
57
64
64
64
Daftar Pustaka
Lampiran
vi
Universitas Sumatera Utara
DAFTAR TABEL
Halaman
Nomor Tabel
Judul
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
vii
Universitas Sumatera Utara
DAFTAR GAMBAR
Halaman
No. Gambar Judul
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
4.14
Tampilan Halaman Transaksi Selesai
65
viii
Universitas Sumatera Utara