Perancangan Aplikasi Online Penjualan Aksesoris Motor Sport Autospeed Berbasis Web
PERANCANGAN APLIKASI ONLINE PENJUALAN
AKSESORIS MOTOR SPORT AUTOSPEED BERBASIS WEB
TUGAS AKHIR
DIMAS NUGRAHA A.P
132406206
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERANCANGAN APLIKASI ONLINE PENJUALAN AKSESORIS
MOTOR SPORT AUTOSPEED BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh ahli
madya
DIMAS NUGRAHA A.P
132406206
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUAMTERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERSETUJUAN
Judul
: Perancangan Aplikasi Online Penjualan
Aksesoris Motor Sport Autospeed Berbasis Web
Kategori
: Tugas Akhir
Nama
: Dimas Nugraha A.P
Nomor Induk Mahasiswa
: 132406206
Program Studi
: Diploma 3 Teknik Informatika
Departemen
: Matematika
Fakultas
: Matematika Dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara
Disetujui di
Medan,
2016
Diketahui oleh
Disetujui oleh
Ketua Prodi D3 TI FMIPA USU
Dosen Pembimbing,
Dr. Elly Rosmaini, M.Si
Drs. Partano Siagian, M.Sc
NIP. 196005201985032002
NIP. 195112271980031001
i
Universitas Sumatera Utara
PERNYATAAN
PERANCANGAN APLIKASI ONLINE PENJUALAN AKSESORIS
MOTOR SPORT AUTOSPEED BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil karya sendiri. Kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juli 2016
Dimas Nugraha A.P
132406206
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 Toko Online Penjualan Aksesoris Motor
Sport Autospeed
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 Drs Abdul Azis dan Ibunda tersayang Indah Wita
Nasution, serta 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 khususnya Imam Ananda, Ikhsan Fauzi, dan
teman-teman lainnya.
iii
Universitas Sumatera Utara
PERANCANGAN APLIKASI ONLINE PENJUALAN AKSESORIS
MOTOR SPORT AUTOSPEED 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 akesoris motor
sport yang terhubung langsung ke website secara lengkap dengan informasi toko
beserta harga dan cara pembeliannya sehingga dapat mempermudah user mencari
aksesoris tertentu.
Kata kunci : E-Commerce, Toko, Website, Penjualan Online
iv
Universitas Sumatera Utara
DAFTAR ISI
.......................................................................................................................... Halaman
Persetujuan.....................................................................................................................i
Pernyataan.................................................................................................................... ii
Penghargaan ................................................................................................................ iii
Abstrak .........................................................................................................................iv
Daftar Isi .......................................................................................................................v
Daftar Tabel .................................................................................................................vi
Daftar Gambar ........................................................................................................... vii
Bab 1. Pendahuluan........................................................................................................
1.1 Latar Belakang ...........................................................................................1
1.2 Rumusan Masalah......................................................................................2
1.3 Batasan Masalah ........................................................................................3
1.4 Tujuan.........................................................................................................4
1.5 Manfaat ......................................................................................................4
1.6 Metodologi Penelitian ...............................................................................5
1.7 Sistematika Penulisan ................................................................................6
Bab 2. Landasan Teori ...................................................................................................
2.1 Pengertian Internet Commerce
..........8
2.1.1 Gambaran Umum Internet Commerce
2.1.2 Trade Cycles Internet Commerce
2.2 Pengenalan Internet
9
11
12
2.2.1 Network ....................................................................................13
2.2.2 Web Server ...............................................................................13
2.2.3 World Wide Web .....................................................................14
2.2.4 Hyper Text Transfer Protocol (HTTP) ...................................15
2.3 Pengenalan Personal Home Page (PHP) ................................................15
2.3.1 Sejarah Asal Mula PHP ...........................................................16
2.3.2 Variabel Pada PHP ...................................................................17
2.3.3 Konsep Daser Penggunaan PHP
18
2.4 XAMPP
19
v
Universitas Sumatera Utara
2.5 Sublime Text
2.6 Cascading Style Sheet (CSS)
2.6.1 Struktur CSS
22
22
23
2.6.2 Penulisan CSS
24
2.6.3 Selector
25
2.6.4 Memformat Dokumen dengan CSS
26
2.7 Flowchart
2.8 Algoritma
2.8.1 Sejarah Istilah Algoritma
28
29
30
2.8.2 Jenis – Jenis Algoritma
31
2.9 Data Flow Diagram
2.9.1 Diagram Konteks
32
34
Bab 3. Perancangan Sistem............................................................................................
3.1 Perancangan Sistem .................................................................................36
3.2 Flowchart Program ..................................................................................37
3.2.1 Diagram Konteks Toko Online Autospeed
3.2.2 Data Flow Diagram (DFD) Level 0
3.2.3 Data Flow Diagram (DFD) Level 1
3.3 Perancangan Database Aplikasi
38
39
40
40
3.3.1 ERD (Entity Realitionship Diagram)
3.3.2 Relationship (Relasi Antar Tabel)
3.3.3 Struktur Tabel
3.4 Flowchart Program Aksesoris Motorsport Autospeed
41
42
42
47
3.4.1 Flowchart Menu Utama
3.4.2 Flowchart Menu Login
3.4.3 Flowchart Menu Admin
3.5 Algoritma Perancangan Toko Online Autospeed
48
49
50
51
Bab 4. Implementasi Sistem ..........................................................................................
4.1 Definisi Implementasi Sistem .................................................................52
4.2 Tujuan Implementasi Sistem...................................................................52
4.3 Komponen dalam Implementasi Sistem.................................................53
4.3.1 Kebutuhan Perangkat Keras ....................................................53
4.3.2 Kebutuhan Perangkat Lunak ...................................................54
4.3.3 Kebutuhan Brainware ..............................................................54
4.4 Tampilan Halaman Website ....................................................................55
vi
Universitas Sumatera Utara
Bab 5. Penutup................................................................................................................
5.1 Kesimpulan ..............................................................................................62
5.2 Saran
62
Daftar Pustaka
Lampiran
vii
Universitas Sumatera Utara
DAFTAR TABEL
Nomor Tabel
Judul
Halaman
2.1
Arti Lambang Lambang Flowchart
28
2.2
Simbol Data Flow Diagram
34
3.1
Tabel Admin
42
3.2
Tabel Hubungi
43
3.3
Tabel Kategori
43
3.4
Tabel Kota
44
3.5
Tabel Kustomer
44
3.6
Tabel Modul
45
3.7
Tabel Order
45
3.8
Tabel Order Detil
46
3.9
Tabel Order Temp
47
3.10
Tabel Produk
47
viii
Universitas Sumatera Utara
DAFTAR GAMBAR
No. Gambar
Judul ............................................................... Halaman
2.1.2
Trade Cycles Internet Commerce .....................................................11
3.2.1
Diagram Konteks Autospeed ...........................................................38
3.2.2
Data Flow Diagram Level 0 ............................................................39
3.2.3
Data Flow Diagram Level 1 ...........................................................40
3.3.1
ERD ...................................................................................................41
3.3.2
Relationship .......................................................................................42
3.4.1
Flowchart Menu Utama.....................................................................48
3.4.2
Flowchart Login Admin
3.4.3
Flowchart Admin ..............................................................................50
4.1
Tampilan Home ................................................................................55
4.2
Tampilan Halaman Profil ................................................................56
4.3
Tampilan Halaman Cara Pemesanan ...............................................56
4.4
Tampilan Halaman Produk ...............................................................57
4.5
Tampilan Halaman Keranjang Belanja
4.6
Tampilan Halaman Testimoni ..........................................................58
4.7
Tampilan Halaman Login Admin
58
4.8
Tampilan Halaman Home Admin
59
4.9
Tampilan Halaman Edit Prodil Toko
59
4.10
Tampilan Halaman Info Rekening Toko
60
4.11
Tampilan Halaman Kategori Produk
60
4.12
Tampilan Halaman Tambah Produk
61
4.13
Tampilan Halaman Order
61
4.14
Tampilan Halaman Ongkos Kirim
62
4.15
Tampilan Halaman Cara Pembelian Admin
62
49
57
ix
Universitas Sumatera Utara
AKSESORIS MOTOR SPORT AUTOSPEED BERBASIS WEB
TUGAS AKHIR
DIMAS NUGRAHA A.P
132406206
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERANCANGAN APLIKASI ONLINE PENJUALAN AKSESORIS
MOTOR SPORT AUTOSPEED BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh ahli
madya
DIMAS NUGRAHA A.P
132406206
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUAMTERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERSETUJUAN
Judul
: Perancangan Aplikasi Online Penjualan
Aksesoris Motor Sport Autospeed Berbasis Web
Kategori
: Tugas Akhir
Nama
: Dimas Nugraha A.P
Nomor Induk Mahasiswa
: 132406206
Program Studi
: Diploma 3 Teknik Informatika
Departemen
: Matematika
Fakultas
: Matematika Dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara
Disetujui di
Medan,
2016
Diketahui oleh
Disetujui oleh
Ketua Prodi D3 TI FMIPA USU
Dosen Pembimbing,
Dr. Elly Rosmaini, M.Si
Drs. Partano Siagian, M.Sc
NIP. 196005201985032002
NIP. 195112271980031001
i
Universitas Sumatera Utara
PERNYATAAN
PERANCANGAN APLIKASI ONLINE PENJUALAN AKSESORIS
MOTOR SPORT AUTOSPEED BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil karya sendiri. Kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juli 2016
Dimas Nugraha A.P
132406206
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 Toko Online Penjualan Aksesoris Motor
Sport Autospeed
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 Drs Abdul Azis dan Ibunda tersayang Indah Wita
Nasution, serta 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 khususnya Imam Ananda, Ikhsan Fauzi, dan
teman-teman lainnya.
iii
Universitas Sumatera Utara
PERANCANGAN APLIKASI ONLINE PENJUALAN AKSESORIS
MOTOR SPORT AUTOSPEED 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 akesoris motor
sport yang terhubung langsung ke website secara lengkap dengan informasi toko
beserta harga dan cara pembeliannya sehingga dapat mempermudah user mencari
aksesoris tertentu.
Kata kunci : E-Commerce, Toko, Website, Penjualan Online
iv
Universitas Sumatera Utara
DAFTAR ISI
.......................................................................................................................... Halaman
Persetujuan.....................................................................................................................i
Pernyataan.................................................................................................................... ii
Penghargaan ................................................................................................................ iii
Abstrak .........................................................................................................................iv
Daftar Isi .......................................................................................................................v
Daftar Tabel .................................................................................................................vi
Daftar Gambar ........................................................................................................... vii
Bab 1. Pendahuluan........................................................................................................
1.1 Latar Belakang ...........................................................................................1
1.2 Rumusan Masalah......................................................................................2
1.3 Batasan Masalah ........................................................................................3
1.4 Tujuan.........................................................................................................4
1.5 Manfaat ......................................................................................................4
1.6 Metodologi Penelitian ...............................................................................5
1.7 Sistematika Penulisan ................................................................................6
Bab 2. Landasan Teori ...................................................................................................
2.1 Pengertian Internet Commerce
..........8
2.1.1 Gambaran Umum Internet Commerce
2.1.2 Trade Cycles Internet Commerce
2.2 Pengenalan Internet
9
11
12
2.2.1 Network ....................................................................................13
2.2.2 Web Server ...............................................................................13
2.2.3 World Wide Web .....................................................................14
2.2.4 Hyper Text Transfer Protocol (HTTP) ...................................15
2.3 Pengenalan Personal Home Page (PHP) ................................................15
2.3.1 Sejarah Asal Mula PHP ...........................................................16
2.3.2 Variabel Pada PHP ...................................................................17
2.3.3 Konsep Daser Penggunaan PHP
18
2.4 XAMPP
19
v
Universitas Sumatera Utara
2.5 Sublime Text
2.6 Cascading Style Sheet (CSS)
2.6.1 Struktur CSS
22
22
23
2.6.2 Penulisan CSS
24
2.6.3 Selector
25
2.6.4 Memformat Dokumen dengan CSS
26
2.7 Flowchart
2.8 Algoritma
2.8.1 Sejarah Istilah Algoritma
28
29
30
2.8.2 Jenis – Jenis Algoritma
31
2.9 Data Flow Diagram
2.9.1 Diagram Konteks
32
34
Bab 3. Perancangan Sistem............................................................................................
3.1 Perancangan Sistem .................................................................................36
3.2 Flowchart Program ..................................................................................37
3.2.1 Diagram Konteks Toko Online Autospeed
3.2.2 Data Flow Diagram (DFD) Level 0
3.2.3 Data Flow Diagram (DFD) Level 1
3.3 Perancangan Database Aplikasi
38
39
40
40
3.3.1 ERD (Entity Realitionship Diagram)
3.3.2 Relationship (Relasi Antar Tabel)
3.3.3 Struktur Tabel
3.4 Flowchart Program Aksesoris Motorsport Autospeed
41
42
42
47
3.4.1 Flowchart Menu Utama
3.4.2 Flowchart Menu Login
3.4.3 Flowchart Menu Admin
3.5 Algoritma Perancangan Toko Online Autospeed
48
49
50
51
Bab 4. Implementasi Sistem ..........................................................................................
4.1 Definisi Implementasi Sistem .................................................................52
4.2 Tujuan Implementasi Sistem...................................................................52
4.3 Komponen dalam Implementasi Sistem.................................................53
4.3.1 Kebutuhan Perangkat Keras ....................................................53
4.3.2 Kebutuhan Perangkat Lunak ...................................................54
4.3.3 Kebutuhan Brainware ..............................................................54
4.4 Tampilan Halaman Website ....................................................................55
vi
Universitas Sumatera Utara
Bab 5. Penutup................................................................................................................
5.1 Kesimpulan ..............................................................................................62
5.2 Saran
62
Daftar Pustaka
Lampiran
vii
Universitas Sumatera Utara
DAFTAR TABEL
Nomor Tabel
Judul
Halaman
2.1
Arti Lambang Lambang Flowchart
28
2.2
Simbol Data Flow Diagram
34
3.1
Tabel Admin
42
3.2
Tabel Hubungi
43
3.3
Tabel Kategori
43
3.4
Tabel Kota
44
3.5
Tabel Kustomer
44
3.6
Tabel Modul
45
3.7
Tabel Order
45
3.8
Tabel Order Detil
46
3.9
Tabel Order Temp
47
3.10
Tabel Produk
47
viii
Universitas Sumatera Utara
DAFTAR GAMBAR
No. Gambar
Judul ............................................................... Halaman
2.1.2
Trade Cycles Internet Commerce .....................................................11
3.2.1
Diagram Konteks Autospeed ...........................................................38
3.2.2
Data Flow Diagram Level 0 ............................................................39
3.2.3
Data Flow Diagram Level 1 ...........................................................40
3.3.1
ERD ...................................................................................................41
3.3.2
Relationship .......................................................................................42
3.4.1
Flowchart Menu Utama.....................................................................48
3.4.2
Flowchart Login Admin
3.4.3
Flowchart Admin ..............................................................................50
4.1
Tampilan Home ................................................................................55
4.2
Tampilan Halaman Profil ................................................................56
4.3
Tampilan Halaman Cara Pemesanan ...............................................56
4.4
Tampilan Halaman Produk ...............................................................57
4.5
Tampilan Halaman Keranjang Belanja
4.6
Tampilan Halaman Testimoni ..........................................................58
4.7
Tampilan Halaman Login Admin
58
4.8
Tampilan Halaman Home Admin
59
4.9
Tampilan Halaman Edit Prodil Toko
59
4.10
Tampilan Halaman Info Rekening Toko
60
4.11
Tampilan Halaman Kategori Produk
60
4.12
Tampilan Halaman Tambah Produk
61
4.13
Tampilan Halaman Order
61
4.14
Tampilan Halaman Ongkos Kirim
62
4.15
Tampilan Halaman Cara Pembelian Admin
62
49
57
ix
Universitas Sumatera Utara