Sistem Informasi Pengelolaan Distro Online

SISTEM INFORMASI PENGELOLAAN DISTRO ONLINE

TUGAS AKHIR

MUHAMMAD ITMAM
102406253

PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2013

Universitas Sumatera Utara

SISTEM INFORMASI PENGELOLAAN DISTRO ONLINE

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya

Komputer

MUHAMMAD ITMAM
102406253

PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2013

Universitas Sumatera Utara

PERSETUJUAN

Judul

: Sistem Informasi Pengelolaan Distro Online


Kategori

: Tugas Akhir

Nama

: Muhammad Itmam

Nomor induk mahasiswa

: 10240653

Program studi

: D3 Teknik Informatika

Departemen

: Matematika


Fakultas

: Matematika dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara

Disetujui di
Medan,

Juni 2013

Disetujui Oleh
Departeman Matematika FMIPA USU

Pembimbing,

Ketua,

Prof. Dr. Tulus, M.Si

Drs. Suyanto, M.Kom.


NIP. 196209011988031002

NIP. 1959081131986011002
i

Universitas Sumatera Utara

PERNYATAAN

SISTEM INFORMASI PENGELOLAAN DISTRO ONLINE

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, 14 Juni 2013

MUHAMMAD ITMAM

102406253

ii

Universitas Sumatera Utara

KATA PENGANTAR
Syukur alhamdulillah kehadirat Allah SWT atas rahmat dan hidayah-Nya,
sehingga penulis dapat menyelesaikan penyusunan laporan Tugas Akhir ini guna
memenuhi salah satu syarat mencapai gelar Ahli Madya Teknik Informatika pada Jurusan
D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam (FMIPA)
Universitas Sumatera Utara.
Laporan ini tersusun berdasarkan pengalaman penulis selama menjalani perkuliahan
di D3 Teknik Informatika selama 6 semester, bimbingan kepada dosen-dosen setiap
matakuliah yang terkait, dosen pembimbing dan berdiskusi dengan teman-teman yang
juga sedang menjalani proses laporan tugas akhir. Dengan ini Penghargaan spenulis
haturkan kepada:
1. Bapak Drs. Suyanto, M.Kom selaku Dosen Pembimbing yang telah
banyak memberikan ilmu yang bermanfaat tentang penulisan laporan ini dan
membimbing penulis menyelesaikan tugas akhir ini.

2. Bapak Dr. Sutarman, M.Sc selaku Dekan FMIPA USU.
3. Bapak Dr. Marpongahtun, M.Sc selaku Pembantu Dekan I (PUDEK I) FMIPAUSU.
4. Bapak Prof. Dr. Tulus, M.Si., P.hD selaku Ketua Departemen MatematikaUniversitas
Sumatera Utara (USU).
5. Bapak Syahriol Sitorus, S.Si, M.IT selaku Ketua Program Studi Diploma IIITeknik
Informatika Fakultas MIPA Universitas Sumatera Utara (USU).
6. Ibu Dra. Elly Rosmaini, M.Si selaku Sekretaris Program Studi DiplomaIII Teknik
Informatika Fakultas MIPA Universitas Sumatera Utara (USU).
7. Teristimewa untuk Ibunda Hj. Farida Aryani Lubis S.Pd. dan Ayahanda, H. Ahyaddin
tercinta yang telah memberikan dukungan baik secara moril maupun materil sehingga
penulis dapat menyelesaikan laporan praktek kerja lapangan ini.
8. Adinda Dewi Sarah yang juga memberikan dukungan moril dan juga menjadi nara
sumber informasi untuk penulis.
9. Rekan satu tim bimbingan “Pak Suyanto group” yang telah berkerja sama dengan baik
bersama penulis untuk melaksanakan laporan tugas akhir ini. Dan juga rekan-rekan
mahasiswa/i DIII-Teknik Informatika yang memberikan bantuan kepada penulis
untuk menyelesaikan laporan praktek kerja lapangan ini.
10. Semua pihak yang tidak dapat penulis sebutkan satu persatu yang memberikan
bantuan, baik saran maupun kritik sehingga laporan ini dapat diselesaikan dengan
baik. Penulis menyadari bahwa Laporan ini masih jauh dari sempurna, untuk itulah

penulis mengharapkan kritik dan saran dari semua pihak yang sifatnya membangun.
Demikian penulis sampaikan penghargaan ini, semoga Allah SWT. dapat
membalasnya. Dan juga dengan harapan laporan Tugas Akhir ini dapat bermanfaat
bagi pembaca dan penulis sendiri.

iii

Universitas Sumatera Utara

SISTEM INFORMASI PENGELOLAAN DISTRO ONLINE

ABSTRAK
GAZE.inc Clothing Company “Waroeng Badjoe” merupakan salah satu outlet baru yang
memproduksi produk- produk fashion seperti t-shirts, celana, jaket, dan lain sebagainya
dengan remaja sebagai target pasarnya. Untuk dapat menjangkau pelanggan di seluruh
wilayah dan menunjang kegiatan bisnis bagi GAZE.inc Clothing Company “Waroeng
Badjoe”, maka dibutuhkan suatu penerapan teknologi informasi dalam sistem pemasaran
dan media promosinya, yaitu aplikasi e-commerce.
Aplikasi e-commerce ini memaksimalkan teknologi informasi dengan menggunakan
internet sebagai media online yang dapat diakses dimana saja. Penulis merancang sistem

untuk aplikasi ini menggunakan Flowchart, Data Flow Diagram (DFD) serta Entity
Relationship Diagram (ERD).
Pada pengembangan aplikasi e-commerce ini, penulis menggunakan script PHP untuk
membuat tampilan web yang dinamis, MySQL sebagai basis data yang digunakan dan
Adobe Dreamweaver sebagai alat untuk membantu pembuatan aplikasi.
Aplikasi e-commerce ini dapat membantu pelanggan untuk berbelanja dimana saja dan
kapan saja tanpa harus mendatangi toko.

Kata Kunci: Aplikasi E-Commerce, GAZE.inc Waroeng Badjoe, Berbelanja

iv

Universitas Sumatera Utara

DAFTAR ISI

PERSETUJUAN
PERNYATAAN
KATA PENGANTAR
ABSTRAK

DAFTAR ISI
DAFTAR GAMBAR DAN TABEL

i
ii
iii
iv
v
vii

1
1.1
1.2
1.3
1.4
1.5
1.6

1
1

1
2
2
2
2

BAB I PENDAHULUAN
Latar Belakang
Rumusan Masalah
Tujuan
Ruang Lingkup
Batasan Masalah
Metodologi Penelitian

1.7

Skematika Penulisan

4


1.7

Jadwal Pengerjaan

6

2
BAB II LANDASAN TEORI
2.1
Profil Perusahaan
2.2
Pengenalan Perancangan Sistem
2.2.1
Flowchart
2.2.2
Data Flow Diagram (DFD)
2.3
Database (basis data)
2.3.1
Pengertian Database
2.3.2
ERD (Entity Relationship Diagram)
2.4
Pemrograman Web
2.4.1
Client Side
2.4.1.1
Hyper Text Markup Languagge (HTML)
2.4.1.2
Cascading Style Sheet
2.4.1.3
JavaScript
2.4.1.4
Browser
2.4.1.5
Website
2.4.1.6
Adobe Dreamweaver
2.4.2
Server Side
2.4.2.1
Web Server
2.4.2.2
Database
2.4.2.3
SQL
2.4.2.4
PHP
2.4.2.5
Apache
2.4.2.6
XAMPP

7
7
7
7
8
9
9
9
10
10
10
11
11
12
12
12
13
13
13
14
15
15
16

v
Universitas Sumatera Utara

3
3.1
3.2
3.3

BAB III GAMBARAN UMUM SISTEM
Gambaran Umum Sistem
Gambaran Sistem Usulan
Skematika Penjualan

18
18
18
19

4
4.1
4.1.1
4.2
4.3
4.4
4.5
4.5.1
4.5.2
4.6
4.6.1
4.6.2

BAB IV PERANCANGAN SISTEM
Perancangan Sistem
Perancangan Output Halaman umum Sistem
Perancangan Input Sistem
Perancangan Sistem Dialog
Perancangan File Sistem
Perancangan Database
DFD (Data Flow Diagram)
Kamus Data
Kebutuhan Perangkat Keras dan Lunak
Pengembangan Sistem
Implementasi Sistem

22
22
22
25
28
30
31
31
35
41
41
41

5
BAB V IMPLEMENTASI DAN PENGUJIAN
5.1
Implementasi
5.1.1
Struktur Tabel
5.1.2
Implementasi Antarmuka
5.1.2.1
Halaman Antarmuka User
5.1.2.2
Halaman Antarmuka Admin
5.2
Pengujian

43
43
43
49
49
52
54

6
6.1
6.2
6.3

BAB VI P E N U T U P
Kesimpulan
Saran
Daftar Pustaka

56
56
56
57

LAMPIRAN

54

vi
Universitas Sumatera Utara

DAFTAR GAMBAR

Gambar 1.1 Struktur Organisasi
Gambar 1.2 Proses Transaksi Belanja Online
Gambar 1.3 Proses Edit Data Barang
Gambar 2.1 Rancangan Tampilan Menu Awal
Gambar 2.2 Rancangan Menu Login
Gambar 2.3 Rancangan Menu Daftar
Gambar 2.4 Rancangan View Produk
Gambar 2.5 Rancangan Tampilan Keranjang Belanja
Gambar 2.6 Rancangan Tampilan Informasi Pengiriman
Gambar 2.7 Rancangan Tampilan Review Pesanan
Gambar 2.8 Rancangan Tampilan Invoice
Gambar 2.9 Rancangan Tampilan Konfirmasi Pembayaran
Gambar 2.10 Rancangan Tampilan Profil Pelanggan
Gambar 2.11 PDM (Physical Data Model)
Gambar 3.2 DFD Level 0
Gambar 3.2 DFD Level 1
Gambar 3.3 DFD Level 2 Proses 1
Gambar 3.4 DFD Level 2 Proses 2
Gambar 3.5 DFD Level 2 Proses 3
Gambar 3.6 DFD Level 2 Proses 4
Gambar 3.7 DFD Level 3 Proses 1
Gambar 3.8 DFD level 3 Proses 2
Gambar 4.1 Halaman Beranda
Gambar 4.2 Login
Gambar 4.3 Halaman Pendaftaran
Gambar 4.4 Halaman Lihat Produk
Gambar 4.5 Halaman Keranjang
Gambar 4.6 Halaman Informasi Pengiriman Barang
Gambar 4.7 Halaman Review Pesanan
Gambar 4.8 Halaman Invoice
Gambar 4.9 Halaman Konfirmasi Order
Gambar 4.10 Halaman Profil Pelanggan
Gambar 4.11 Halaman Login Admin
Gambar 4.12 Halaman Tambah Barang
Gambar 4.13 Halaman Edit Barang
Gambar 4.14 Halaman Edit Status Pesanan

5
19
20
22
22
23
23
23
24
24
24
24
25
30
31
31
32
32
33
33
34
34
49
49
50
50
50
51
51
51
52
52
52
53
53
53

vii
Universitas Sumatera Utara

DAFTAR TABEL

Tabel 1.1 Jadwal Pengerjaan
Tabel 2.1 Tabel Flowchart
Tabel 2.2 Simbol Data Flow Diagram
Tabel 2.3 Cardinality
Tabel 3.1 Pengecekan Data Login
Tabel 3.2 Proses Ubah Jumlah Pesanan
Tabel 3.3 Proses Hapus Produk Pesanan
Tabel 3.4 Proses Tambah Produk
Tabel 3.5 Proses Ubah Produk
Tabel 3.6 Proses Hapus Produk
Tabel 3.7 Proses Tambah Stok
Tabel 3.8 Proses Ubah Stok
Tabel 3.9 Proses Hapus Stok
Tabel 3.10 Spesifikasi Perangkat Keras
Tabel 3.11 Spesifikasi Perangkat Lunak
Tabel 3.12 Kebutuhan Minimal Spesifikasi Perangkat Keras
Tabel 3.13 Kebutuhan Minimal Spesifikasi Perangkat Lunak
Tabel 4.1 Order
Tabel 4.2 User
Tabel 4.3 Tag
Tabel 4.4 Feedback
Tabel 4.5 Address
Tabel 4.6 Comment
Tabel 4.7 Category
Tabel 4.8 Product
Tabel 4.9 Cart
Tabel 4.10 Size
Tabel 4.11 Image
Tabel 4.12 Product_has_size
Tabel 4.13 Discount
Tabel 4.14 Product_has_order
Tabel 4.15 News
Tabel 4.16 Invoice
Tabel 4.17 News_has_tag
Tabel 4.18 Shipping_city
Tabel 4.19 Shipping_province
Tabel 4.20 Tabel Pengujian User
Tabel 4.21 Tabel Pengujian Admin

6
8
9
10
25
26
26
26
27
27
27
28
28
41
41
41
41
43
44
44
44
45
45
45
45
46
46
46
46
47
47
47
47
48
48
48
54
54

viii
Universitas Sumatera Utara