perpustakaan.uns.ac.id
digilib.uns.ac.id
TUGAS AKHIR
PEMBUATAN TOKO ONLINE PADA STUDI KASUS PENJUALAN HANDPHONE DI MATAHARI SINGOSAREN SOLO
Diajukan untuk Menyusun Tugas Akhir dalam Program DIII Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret
Oleh: ISMAIL ANDI ADAM NIM. M3110084
PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2013 commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
HALAMAN PERSETUJUAN
PEMBUATAN TOKO ONLINE PADA STUDI KASUS PENJUALAN HANDPHONE DI MATAHARI SINGOSAREN SOLO
Disusun Oleh:
ISMAIL ANDI ADAM NIM. M3110084
Tugas akhir ini telah disetujui untuk dipertahankan di hadapan dewan penguji pada tanggal 18 Juli 2013
Pembimbing Utama
Hartatik, M.Si NIDN. 0703057802
commit to user ii
perpustakaan.uns.ac.id
digilib.uns.ac.id
HALAMAN PENGESAHAN PEMBUATAN E-COMMERCE PADA STUDI KASUS PENJUALAN HANDPHONE DI MATAHARI SINGOSAREN SOLO
Disusun Oleh. ISMAIL ANDI ADAM NIM. M3110084 Dibimbing oleh. Pembimbing Utama
Hartatik, M.Si NIDN. 0703057802
Tugas akhir ini telah diterima dan disahkan oleh Dewan Penguji Tugas Akhir Program Diploma III Teknik Infromatika pada hari Kamis, tanggal 18 Juli 2013 Dewan Penguji: 1. Penguji 1
Hartatik, M.Si NIDN. 0703057802
2. Penguji 2
)
(
)
(
)
Agus Purnomo, S.Si NIDN. 9906002096
3. Penguji 3
(
Liliek Triyono, S.T, M.Kom NIDN. 0620048402 Disahkan Oleh : Dekan
Ketua Program Studi
Fakultas MIPA UNS
Diploma III Teknik Informatika
Prof. Ir. Ari Handono Ramelan, M.Sc(Hons)., Ph.D.
Drs. Y.S.Palgunadi, M.Sc.
NIP. 19610223 198601 1 001 commit to user iii
NIP. 19560407 198303 1 004
perpustakaan.uns.ac.id
digilib.uns.ac.id
ABSTRACT
Ismail Andi Adam, 2013 ONLINE SHOP ESTABLISHMENT OF HANDPHONE SALES CASE STUDY AT “MATAHARI SINGOSAREN SOLO”. Diploma III Informatics Engineering, Science and Mathematics Faculty, Sebelas Maret University of Surakarta Matahari Singosaren Solo is the center of trading either new or second hand mobile phones. There are many shops (sometimes called “counter”) that sell and accepts the purchase of mobile phone. Even without any of advertising campaign on internet, Matahari has many visitors that want to sell or buy mobile phones. But for better market and facilitate transactions of customers who could not face or deal directly with the seller, then made the online shops about mobile phone sales in the Matahari, namely Matahari Communication Center (MCC) Solo. MCC Solo is a market utilities and sales online that aimed to help distribute, sell, market and online trading leads to a buyer as well as ease of order and payment for the buyer. In accordance with the research objectives, the research uses research method namely preparation phase, analysis and design phase, implementation phase, and report writing stage. Case study of this research is Establishment of Online Shop In Case of Mobile phone Sales at Matahari Singosaren Solo. Making this online shops using the PHP programming language with MySQL database plus Photoshop and CorelDraw software for design creation. MCC Solo can be used as a means of online sales to the general public about the mobile information and online transaction with the counter’s owner in the Matahari Singosaren Solo. Keywords: MCC, Shop Online, PHP, MySQL
commit to user iv
perpustakaan.uns.ac.id
digilib.uns.ac.id
ABSTRAK
Ismail Andi Adam, 2013 PEMBUATAN TOKO ONLINE PADA STUDI KASUS PENJUALAN HANDPHONE DI MATAHARI SINGOSAREN SOLO. Teknik Informatika, Fakultas Matematika dan ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta. Matahari Singosaren Solo merupakan pusat jual-beli handphone baik baru maupun seken. Banyak terdapat toko (biasanya disebut conter) yang menjual dan menerima pembelian handphone. Dengan tanpa adanya promosi atupun iklan diinternet matahari sudah ramai pengunjung baik yang mau menjual maupun membeli handphone. Tetapi untuk lebih memasarkan serta mempermudah transaksi dari pelanggan yang tidak bisa bertatap muka atau bertransaksi langsung dengan penjual maka dibuat lah toko online tentang penjualan handphone di Matahari yaitu Matahari Communication Center (MCC) Solo. MCC Solo merupakan sarana pemasaran dan penjualan online yang bertujuan untuk membantu menyebarkan, menjual, memasarkan dan bertransaksi online yang di tujukan kepada pembeli serta mempermudah melakukan pemesanan dan pembayaran bagi pembeli. Sesuai dengan tujuan penelitian, penelitian ini menggunakan metode penelitian yaitu tahap persiapan, tahap analisa dan desain, tahap implementasi, dan tahap penulisan laporan. Studi kasus penelitian ini adalah Pembuatan Toko Online Pada Kasus Penjualan Handphone di Matahari Singosaren Solo. Pembuatan toko online ini menggunakan bahasa pemrograman PHP dengan database MySQL serta software Photoshop dan CorelDraw untuk pembuatan desain. MCC Solo ini dapat dijadikan sarana penjualan online kepada masyarakat umum mengenai informasi handphone serta bertransaksi online dengan pemilik conter di Matahari Singosaren Solo. Kata kunci : MCC, Toko Online, PHP, MySQL
commit to user v
perpustakaan.uns.ac.id
digilib.uns.ac.id
MOTTO
“memang takdir sudah ditentukan Allah SWT tapi setidaknya kita masih bisa berusaha, dan berusahalah untuk takdir yang terbaik” (Penulis)
“Aku bukanlah orang yang hebat, tapi aku mau belajar dari orang-orang yang hebat. Aku adalah orang biasa,tapi aku ingin menjadi orang yang luar biasa. Dan aku bukanlah orang yang istimewa, tapi aku ingin membuat seseorang menjadi istimewa” (Anonymose)
commit to user vi
perpustakaan.uns.ac.id
digilib.uns.ac.id
HALAMAN PERSEMBAHAN
Sebuah karya tulis ini saya persembahkan untuk : 1. Allah SWT atas limpahan rahmat dan karunia-Nya
sehingga
terselesainya
karya tulis ini dengan baik. 2. Bapak Romadhon, Ibu Minuk orangtua serta Riski Iskandar Rofi’I adik penulis keluarga besar penulis yang sangat penulis cintai, terima kasih atas do’a dan semangat yang telah diberikan kepada penulis. 3. Keluarga intuisi (Informatics Student of Indonesia) yang selalu ada menemani dan
membantu
penulis
saat
mengerjakan Tugas Akhir. 4. Teman - teman DIII Teknik Informatika 2010 terima kasih atas dorongan moral dan softskill yang telah diberikan.
commit to user vii
perpustakaan.uns.ac.id
digilib.uns.ac.id
KATA PENGANTAR
Segala puji dan rasa syukur kehadirat Tuhan Yang Maha Esa atas segala berkat dan karunia-Nya yang telah diberikan, sehingga penulis dapat menyelesaikan tugas akhir dengan judul “ PEMBUATAN TOKO ONLINE PADA STUDI KASUS PENJUALAN HANDPHONE DI MATAHARI SINGOSAREN SOLO”. Tugas akhir ini bertujuan untuk memenuhi dan melengkapi salah satu syarat dalam menempuh ujian untuk memperoleh derajat Ahli Madya pada studi Diploma III Teknik Informatika FMIPA Universitas Sebelas Maret. Penulis mengucapkan banyak terima kasih dan memberikan penghargaan yang sebesar-besarnya kepada semua pihak yang telah membantu dan mendukung baik itu secara langsung maupun tidak langsung dalam penyusunan laporan Tugas Akhir ini mulai dari persiapan hingga tahap penyelesaiannya, terutama kepada: 1. Drs. YS. Palgunadi, M.Sc, selaku ketua Program DIII Teknik Informatika Fakultas MIPA Universitas Sebelas Maret. 2. Ibu Hartatik, M.Si selaku dosen pembimbing, yang dengan sabar membimbing, mengarahkan, dan memberi petunjuk selama penyusunan Tugas Akhir. 3. Kedua orang tuaku, Bapak Romadhon dan Ibu Minuk dan keluarga besar Mbah Iman Rofi’I yang selalu mendoakan, membimbing, dan menasehati penulis. 4. Teman – temanku seperjuangan DIII Teknik Informatika kelas B Angkatan 2010 yang telah bersama-sama menuntut ilmu di kampus tercinta kita, FMIPA UNS. 5. Keluarga Intuisi UNS yang telah memberikan dorongan moral dan softskill yang telah diberikannya selama ini kepada penulis. 6. Semua pihak yang telah memberikan bantuan dalam penulisan Tugas Akhir ini yang penulis tidak bisa sebutkan satu persatu. commit to user viii
perpustakaan.uns.ac.id
digilib.uns.ac.id
Penulis menyadari bahwa dalam penulisan tugas akhir ini masih jauh dari sempurna, demi terciptanya kesempurnaan penulisan tugas akhir ini dan penulis akan berusaha untuk lebih baik lagi ke depannya.
Surakarta, 25 Juli 2013
Penulis
commit to user ix
perpustakaan.uns.ac.id
digilib.uns.ac.id
DAFTAR ISI Halaman HALAMAN JUDUL ...........................................................................
i
HALAMAN PERSETUJUAN .............................................................
ii
HALAMAN PENGESAHAN ..............................................................
iii
HALAMAN ABSTRACT ...................................................................
iv
HALAMAN MOTTO ..........................................................................
vi
HALAMAN PERSEMBAHAN ...........................................................
vii
KATA PENGANTAR .........................................................................
viii
DAFTAR ISI .......................................................................................
x
DAFTAR TABEL ...............................................................................
xii
DAFTAR GAMBAR ...........................................................................
xiii
BAB I.
PENDAHULUAN ...............................................................
1
1.1
Latar Belakang Masalah.......................................................
1
1.2
Perumusan Masalah .............................................................
2
1.3
Batasan Masalah ..................................................................
2
1.4
Tujuan Penelitian .................................................................
3
1.5
Manfaat Kegiatan ................................................................
3
1.6
Metodologi Penelitian ..........................................................
3
1.7
Sistematika Penulisan ..........................................................
4
BAB II. LANDASAN TEORI ...........................................................
6
2.1
Toko Online.........................................................................
6
2.2
CD (Context Diagram) .........................................................
6
2.3
DFD (Data Flow Diagram) ..................................................
7
2.4
ERD (Entity Relationship Diagram) .....................................
8
2.5
MySQL................................................................................
9
2.6
PHP .....................................................................................
10
2.7
Jquery ..................................................................................
11
2.8
Javascript ............................................................................. commit to user CSS (Cascading Style Sheet) ...............................................
11
2.9
x
12
perpustakaan.uns.ac.id
digilib.uns.ac.id
2.10 Notepad ++ .......................................................................... BAB III. ANALISIS KEBUTUHAN DAN PERANCANGAN SISTEM 3.1
12 14
Alat dan Bahan ....................................................................
14
3.1.1 Perangkat Lunak .........................................................
14
3.1.2 Perangkat Keras ..........................................................
14
3.2
Deskripsi Data .....................................................................
15
3.3
Perancangan Sistem .............................................................
15
3.3.1 Context Diagram (CD) ................................................
16
3.3.2 DFD Level 0 ...............................................................
17
3.3.3 DFD Level 1 Proses Manajemen User .........................
20
3.3.4 DFD Level 1 Proses Manajemen Produk .....................
21
3.3.5 DFD Level 1 Proses Manajemen Conter ......................
21
3.3.6 DFD Level1 Proses Manajemen Transaksi ..................
22
3.3.7 DFD Level 1 Proses Manajemen Konten .....................
22
3.3.8 Entity Relationship Diagram (ERD) ............................
23
3.3.9 Relasi Antar Tabel ......................................................
24
3.3.10 Rancangan Tabel .......................................................
24
3.3.11 Rancangan Layout .....................................................
34
BAB IV. IMPLEMENTASI DAN ANALISA ....................................
35
4.1
Implementasi Sistem ............................................................
35
4.1.1 Halaman Utama Pengunjung .......................................
35
4.1.2 Halaman Produk Baru .................................................
36
4.1.3 Halaman Produk Seken ...............................................
37
4.1.4 Halaman Vendor Brand ...............................................
37
4.1.5 Halaman Conter ..........................................................
38
4.1.6 Halaman Kontak .........................................................
38
4.1.7 Halaman Tentang ........................................................
39
4.1.8 Halaman Daftar ...........................................................
39
4.1.9 Halaman Login ...........................................................
40
4.1.10 Halaman Register ...................................................... commit to user 4.1.11 Halaman Customer ....................................................
40
xi
41
perpustakaan.uns.ac.id
digilib.uns.ac.id
4.1.12 Halaman Belanja .......................................................
41
4.1.13 Halaman Cek Order...................................................
42
4.1.14 Halaman Utama Admin .............................................
42
4.1.15 Halaman Distributor ..................................................
43
4.1.16 Halaman Conter ........................................................
43
4.1.17 Halaman Brand .........................................................
44
4.1.18 Halaman Kontak .......................................................
45
4.1.19 Halaman Tentang ......................................................
46
4.1.20 Halaman Customer ....................................................
47
4.1.21 Halaman Menejemen Transaksi .................................
47
4.1.22 Halaman Utama Member ..........................................
48
4.1.23 Halaman Produk Baru Member .................................
48
4.1.24 Halaman Conter ........................................................
49
4.1.25 Halaman Anggota .....................................................
50
4.1.26 Halaman HP Seken ...................................................
50
4.1.27 Halaman Rekap Order ...............................................
51
4.1.28 Halaman Chat ...........................................................
52
4.1.29 Halaman Utama Distributor.......................................
52
4.1.30 Halaman Update distributor.......................................
53
4.1.31 Halaman Stock Produk ..............................................
53
4.1.32 Halaman Input Produk...............................................
54
4.1.33 Halaman Rekap Order ...............................................
55
Analisa Sistem .....................................................................
56
4.2.1 Analisa Sistem Diagram Alir Pendaftaran Customer...
56
4.2.2 Analisa Sistem Percobaan ..........................................
57
BAB V. PENUTUP ...........................................................................
62
4.2
5.1
Kesimpulan..........................................................................
62
5.2
Saran ...................................................................................
62
DAFTAR PUSTAKA ..........................................................................
63
commit to user xii
perpustakaan.uns.ac.id
digilib.uns.ac.id
DAFTAR TABEL Halaman Tabel 2.1 Simbol Komponen DFD ............................................................. 7 Tabel 3.1 Tabel About ............................................................................... 24 Tabel 3.2 Tabel Brand ............................................................................... 25 Tabel 3.3 Tabel Coment ............................................................................. 25 Tabel 3.4 Tabel Conproduct ....................................................................... 25 Tabel 3.5 Tabel Contact ............................................................................. 26 Tabel 3.6 Tabel Conter .............................................................................. 26 Tabel 3.7 Tabel Customer .......................................................................... 27 Tabel 3.8 Tabel Distribut ........................................................................... 27 Tabel 3.9 Tabel Email ................................................................................ 28 Tabel 3.10 Tabel Employee ....................................................................... 28 Tabel 3.11 Tabel Member .......................................................................... 28 Tabel 3.12 Tabel Memberdist .................................................................... 29 Tabel 3.13 Tabel Order .............................................................................. 29 Tabel 3.14 Tabel Order Detail .................................................................... 30 Tabel 3.15 Tabel Order Detail2 .................................................................. 30 Tabel 3.16 Tabel Payment ......................................................................... 31 Tabel 3.17 Tabel Product ........................................................................... 31 Tabel 3.18 Tabel Sale ................................................................................ 32 Tabel 3.19 Tabel Second ............................................................................ 33 Tabel 3.20 Tabel Shipping ......................................................................... 33 Tabel 3.21 Tabel Subdistrict ...................................................................... 33 Tabel 3.22 Tabel Village ............................................................................ 34 Tabel 4.1 Tabel Diagram Alir Pendaftaran Customer ................................. 56 Tabel 4.2 Tabel Menambah Produk Baru .................................................... 57 Tabel 4.3 Tabel Menambah Barang Seken ................................................. 59 Tabel 4.4 Tabel Memilah Barang ............................................................... 60 Tabel 4.5 Tabel Melengkapi Data .............................................................. 61 commit..................................................... to user Tabel 4.6 Tabel Konfirmasi Pemesanan 61 xiii
perpustakaan.uns.ac.id
digilib.uns.ac.id
DAFTAR GAMBAR Halaman Gambar 3.1 Context Diagram .................................................................... 16 Gambar 3.2 DFD Level 0 ........................................................................... 18 Gambar 3.3 DFD Level 1 Manajemen User ............................................... 20 Gambar 3.4 DFD Level 1 Manajemen Produk ........................................... 21 Gambar 3.5 DFD Level 1 Manajemen Conter ............................................ 22 Gambar 3.6 DFD Level 1 Manajemen Transaksi ........................................ 22 Gambar 3.7 DFD Level 1 Manajemen Konten ........................................... 23 Gambar 3.8 Entity Relationship Diagram (ERD) ........................................ 23 Gambar 3.9 Relasi Antar Tabel .................................................................. 24 Gambar 3.10 Rancangan Layout ................................................................ 34 Gambar 4.1 Tampilan Halaman Beranda .................................................... 36 Gambar 4.2 Tampilan Halaman Produk Baru ............................................. 36 Gambar 4.3 Tampilan Halaman Produk Seken ........................................... 37 Gambar 4.4 Tampilan Halaman Vendor Brand ........................................... 37 Gambar 4.5 Tampilan Halaman Conter ...................................................... 38 Gambar 4.6 Tampilan Halaman Kontak ..................................................... 38 Gambar 4.7 Tampilan Halaman Tentang .................................................... 39 Gambar 4.8 Tampilan Halaman Daftar........................................................ 39 Gambar 4.9 Tampilan Halaman Login ....................................................... 40 Gambar 4.10 Tampilan Halaman Register .................................................. 40 Gambar 4.11 Tampilan Halaman Beranda Customer .................................. 41 Gambar 4.12 Tampilan Halaman Belanja Customer ................................... 41 Gambar 4.13 Tampilan Halaman Cek Order Customer .............................. 42 Gambar 4.14 Tampilan Halaman Beranda Admin ...................................... 42 Gambar 4.15a Tampilan Halaman Distributor Admin ................................ 43 Gambar 4.15b Tampilan Halaman Input Distributor Admin ....................... 43 Gambar 4.16a Tampilan Halaman Conter Admin ....................................... 44 Gambar 4.16b Tampilan Halaman Input Conter Admin ............................. 44 to user ........................................ 45 Gambar 4.17a Tampilan Halamancommit Brand Admin xiv
perpustakaan.uns.ac.id
digilib.uns.ac.id
Gambar 4.17b Tampilan Halaman Input Brand Admin .............................. 45 Gambar 4.18 Tampilan Halaman Kontak Admin......................................... 46 Gambar 4.19 Tampilan Halaman Tentang Admin ...................................... 46 Gambar 4.20a Tampilan Halaman Customer Admin .................................. 47 Gambar 4.20b Tampilan Halaman Edit Customer Admin ........................... 47 Gambar 4.21 Tampilan Halaman Menejemen Transaksi Admin ................. 48 Gambar 4.22 Tampilan Halaman Beranda Member .................................... 48 Gambar 4.23 Tampilan Halaman Produk Baru Member ............................. 49 Gambar 4.24a Tampilan Halaman Conter Member .................................... 49 Gambar 4.24b Tampilan Halaman Update Profil Conter Member .............. 49 Gambar 4.25a Tampilan Halaman Anggota Member .................................. 50 Gambar 4.25b Tampilan Halaman Input Anggota Member ........................ 50 Gambar 4.26a Tampilan Halaman HP Seken Member ................................ 51 Gambar 4.26b Tampilan Halaman Input HP Seken Member ...................... 51 Gambar 4.27 Tampilan Halaman Rekap Order Member ............................. 51 Gambar 4.28 Tampilan Halaman Chat Member .......................................... 52 Gambar 4.29 Tampilan Halaman Utama Distributor .................................. 52 Gambar 4.30 Tampilan Halaman Update Distributor .................................. 53 Gambar 4.31 Tampilan Halaman Stock Produk .......................................... 53 Gambar 4.32 Tampilan Halaman Input Produk Baru ................................... 54 Gambar 4.33 Tampilan Halaman Rekap Order ........................................... 55 Gambar 4.34 Menambah Produk Baru ....................................................... 57 Gambar 4.35 Menambah Barang Seken ..................................................... 58 Gambar 4.36 Memilah Barang ................................................................... 60 Gambar 4.37 Melengkapi Data .................................................................. 60 Gambar 4.38 Konfirmasi Pemesanan ......................................................... 61
commit to user xv