Membangun Aplikasi Ecommerce Toko Buku El-Shaddai

TUGAS AKHIR
Membangun Aplikasi E-Commerce Toko Buku El-Shaddai
MEMBANGUN APLIKASI ECOMMERCE

TOKO BUKU EL-SHADDAI
TUGAS AKHIR
Diajukan untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya
Program Diploma III Ilmu Komputer
Disusun Oleh:
RUMNINGSIH
NIM M3207030
PROGRAM DIPLOMA III ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
SURAKARTA
2010
D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

UNIVERSITAS SEBELAS MARET SURAKARTA
CopyRight © 2010 Created By Rum.n.s M3207030
TUGAS AKHIR
HALAMAN PERSETUJUAN
MEMBANGUN APLIKASI ECOMMERCE

TOKO BUKU EL-SHADDAI
Disusun Oleh
RUMNINGSIH
M3207030
Tugas Akhir ini telah disetujui untuk dipertahankan

di hadapan dewan penguji
pada tanggal 23 Juni 2010
Pembimbing Utama
Winarno, S.Si.
NIP. 19820520 200604 1 001

TUGAS AKHIR
HALAMAN PENGESAHAN
MEMBANGUN APLIKASI ECOMMERCE TOKO BUKU EL-SHADDAI
Disusun Oleh:
RUMNINGSIH
M3207030
Dibimbing oleh
Pembimbing Utama
Winarno, S.Si.
NIP. 19820520 200604 1 001
Tugas Akhir ini telah diterima dan disahkan

oleh dewan penguji Tugas Akhir
Program Diploma III Ilmu Komputer
pada hari selasa tanggal 27 Juli 2010
Dewan Penguji
1. Penguji 1. Winarno, S.Si. ( )
NIP. 19820520 200604 1 001
2. Penguji 2. Muhammad Asri Safi’ie, S.Si. ( )
NIDN. 0603118103
3. Penguji 3. Darsono, S.Si., M.Si. ( )
NIP. 19700727 199702 1 001
Disahkan Oleh :
Dekan Ketua
Fakultas MIPA UNS Program DIII Ilmu Komputer
Prof. Drs. Sutarno, M.Sc. Ph.D Drs. YS. Palgunadi, M.Sc

NIP. 19600809 198612 1 001 NIP. 19560407 198303 1 004

TUGAS AKHIR
ABSTRACT
RUMNINGSIH, 2010. DEVELOPING ECOMMERCE APPLICATION OF

EL-SHADDAI BOOKSTORE. Computer Science Degree, Sciences and
Mathematics Faculty, Surakarta Sebelas Maret University.
Internet is one of the most practical and economical facility to
deliver information in almost all over the world, it is developed a application of e-
commerce concerning of El-Shaddai Bookstore. E-commerce is an activity of
purchasing and selling electrically in the internet network. E-commerce of El-
Shaddai bookstore is a web that provides facilities to sell special product of El-
Shaddai and simplify the introduce of products, with a promotion media using
web.
Methods which used in the preparation of this Final observation and
library studies. This program was developed using PHP and MySQL database.
The design interface was built using Macromedia Dreamweaver.
The result of this research is e-commerce application of El-Shaddai
bookstore, can handle selling transaction and online purchasing, user
management, goods management process, and making also print reports.
Keywords: E-commerce, Bookstore, El-Shaddai

TUGAS AKHIR
HALAMAN ABSTRAK
RUMNINGSIH, 2010. MEMBANGUN APLIKASI ECOMMERCE

TOKO BUKU EL-SHADDAI. Diploma III Ilmu Komputer, Fakultas
Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret
Surakarta.
Internet merupakan salah satu fasilitas yang sangat praktis dan ekonomis
untuk menyampaikan informasi di hampir seluruh penjuru dunia, maka dibuatlah
sebuah aplikasi e-commerce mengenai toko buku El-Shaddai. E-Commerce adalah
suatu aktivitas membeli dan menjual secara elektronik melalui jaringan internet.
E-Commerce toko buku El-Shaddai adalah suatu web yang menyediakan fasilitas
untuk menjual produk khusus El-Shaddai serta menyederhanakan
memperkenalkan produk dengan suatu media promosi yang menggunakan web.
Metode yang digunakan dalam penyusunan Tugas Akhis ini adalah
observasi dan studi pustaka. Program ini dikembangkan menggunakan PHP dan
database MySQL. Desain tampilan dibangun menggunakan Macromedia
Dreamweaver.
Hasil dari penelitian ini adalah aplikasi e-commerce toko buku El-Shaddai,
yang mampu menangani transaksi penjualan dan pembelian online, manajemen
pemakai, proses manajemen barang, dan membuat serta mencetak laporan.
Kata Kunci: Ecommerce, Toko Buku , El-Shaddai

TUGAS AKHIR
MOTTO
A merry heart doeth good like a medicine: but a broken spirit drieth the bones.
(Proverbs 1:7)
And whatsoever ye do, do it heartily, as to the Lord, and not unto men;
(Colossians 3:23)
Trust in the LORD with all thine heart; and lean not unto thine own understanding.
In all thy ways acknowledge him, and he shall direct thy paths.
(Proverbs 3:5-6)

TUGAS AKHIR
PERSEMBAHAN
Karya ini, saya persembahkan untuk :

1. Papy JC, yang telah memberikan kemampuan dan kekuatan dalam
kehidupan saya.
2. Semua rekan dan sahabat keluarga besar El-Shaddai GBI Keluarga

Allah Solo.
3. Bapak, Ibu tercinta dan seluruh keluarga, yang aku sayangi.
4. Saudara Petrus Sugiarto, yang selalu mendukung dalam doa dan

memberikan semangat.
5. Mbak Wiwied, kakak KTBK yang mendukung dalam doa.
6. Semua rekan keluarga besar PMK.
7. Semua sahabat dan teman-teman terbaik D3 Ilmu Komputer 2007.

TUGAS AKHIR
KATA PENGANTAR
Salam sejahtera bagi kita semua,

Pujian syukur ke hadirat Tuhan Yang Maha Kuasa, karena oleh kasih dan
karunia-Nya, penulis mampu menyelesaikan penulisan laporan Tugas Akhir ini
yang dengan baik.
Laporan Tugas Akhir ini disusun sebagai salah satu pemenuhan syarat
perolehan gelar Ahli Madya Ilmu Komputer di D3 Ilmu Komputer Fakultas
Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret.
Dalam penyusunan Tugas Akhir ini, penulis telah menerima masukan dan
bantuan dari berbagai pihak. Sehingga pada kesempatan ini, penulis hendak
mengucapkan terima kasih kepada semua pihak yang telah membantu baik secara
langsung, maupun tidak langsung kepada:
1. Bapak Drs. YS. Palgunadi, M.Sc, selaku Ketua Jurusan DIII Ilmu Komputer
FMIPA UNS,
2. Bapak Winarno, S.Si, selaku pembimbing dalam pembuatan Tugas Akhir dan
yang memberikan bantuan, kerjasama, dan nasehatnya kepada penulis,
3. Bapak Pdt. Obaja Tanto Setiawan, selaku gembala sidang GBI Keluarga
Allah yang telah memberikan mengizinkan penulis untuk penelitian Tugas
Akhir di toko El-Shaddai,
4. Bapak Tri Joko, selaku pimpinan toko buku El-Shaddai yang telah memberi
kepercayaan yang begitu besar kepada penulis,
5. Keluarga yang telah memberikan dukungan baik material maupun spiritual,
6. Saudara Petrus Sugiarto, yang telah memberi dukungan doa dan motivasi,
7. Teman-teman semua yang telah memberi dukungan dan semangat,

TUGAS AKHIR
Dalam penyusunan Tugas Akhir ini, penulis telah melakukan usaha

semaksimal mungkin. Semoga dapat berguna dan bermanfaat untuk kita semua.
Tuhan Memberkati. Amin.
Tuhan memberkati.
Surakarta, Juni 2010
Penulis

TUGAS AKHIR
DAFTAR ISI
HALAMAN JUDUL........................................................................................ i
HALAMAN PERSETUJUAN......................................................................... ii
HALAMAN PENGESAHAN ......................................................................... iii
HALAMAN ABSTRACT .............................................................................. iv
HALAMAN ABSTRAK.................................................................................. v
HALAMAN MOTTO ...................................................................................... vi
HALAMAN PERSEMBAHAN ...................................................................... vii
KATA PENGANTAR ..................................................................................... viii
DAFTAR ISI.................................................................................................... x
DAFTAR TABEL............................................................................................ xiv
DAFTAR GAMBAR ....................................................................................... xv
BAB I PENDAHULUAN
A. Latar Belakang Masalah ............................................................................ 1
B. Perumusan Masalah ................................................................................... 2
C. Batasan Masalah......................................................................................... 2
D. Tujuan ....................................................................................................... 2
E. Manfaat ....................................................................................................... 2
F. Metodologi Penelitian................................................................................ 3
G. Sistematika Penulisan................................................................................. 3
BAB II LANDASAN TEORI

A. Sejarah Electronic Commerce ................................................................... 5
B. Electronic Commerce (E-Commerce) ....................................................... 5
C. Analisis dan Perancangan Sistem .............................................................. 6
1. Diagram Konteks (Context Diagram) ................................................. 7
2. Data Flow Diagram (DFD) ................................................................. 7
2. Entity Relationship Diagram (ERD) .................................................... 8
2. Data Dictionary (DD) .......................................................................... 9

TUGAS AKHIR
D. Definisi Basisdata....................................................................................... 9
E. Database Management System (DBMS) .................................................. 10
F. Web Server ................................................................................................ 11
G. World Wide Web (WWW) ........................................................................ 11
H. Hypertext Markup Language (HTML) ..................................................... 12
I. MySQL ...................................................................................................... 12
J. PHP Hypertext Preprocerssor (PHP) ........................................................ 12
K. Macromedia Dreamweaver 8 .................................................................... 13
BAB III DESAIN DAN PERANCANGAN SISTEM

A. Identifikasi Masalah .................................................................................. 14
B. Analisis Sistem .......................................................................................... 14
1. Context Diagram (CD)........................................................................... 15
2. Data Flow Diagram (DFD) ................................................................... 16
a. Data Flow Diagram (DFD) Level 0 ................................................. 16
b. Data Flow Diagram (DFD) Level 1 Proses Fasilitas Website.......... 17
c. Data Flow Diagram (DFD) Level 1 Proses Pemesanan Produk ...... 17
d. Data Flow Diagram (DFD) Level 1 Proses Manajemen Website .... 18
e. Data Flow Diagram (DFD) Level 1 Proses Laporan........................ 19
C. Pemodelan Data ......................................................................................... 20
1. Entity Relationship Diagram (ERD)..................................................... 20
2. Relationship Diagram ........................................................................... 20
D. Desain Database ........................................................................................ 21
1. Tabel Koleksi ........................................................................................ 21
2. Tabel Kategori....................................................................................... 22
3. Tabel Pelanggan .................................................................................... 22
4. Tabel Pemesanan................................................................................... 23
5. Tabel Konfirmasi ................................................................................. 23
6. Tabel Kota............................................................................................. 24
7. Tabel Delivery....................................................................................... 24
8. Tabel Ongkir ......................................................................................... 24

TUGAS AKHIR
9. Tabel Pembelian.................................................................................. 24
10. Tabel Suplier ....................................................................................... 25
11. Tabel Polling ....................................................................................... 25
12. Tabel Berita......................................................................................... 25
13. Tabel Buku Tamu................................................................................ 25
14. Tabel Kontak Kami ............................................................................. 26
15. Tabel Propinsi ..................................................................................... 26
16. Tabel Jumlah Order............................................................................. 26
17. Tabel Admin........................................................................................ 26
E. Data Dictionary (DD)................................................................................. 26
F. Desain Interface .......................................................................................... 27
1. Desain Form Halaman Pengunjung .................................................... 27
2. Desain Form Profil.............................................................................. 28
3. Desain Form Katalog Produk ............................................................. 28
4. Desain Form Cara Pemesanan ............................................................ 29
5. Desain Form Cara Pembayaran .......................................................... 29
6. Desain Form Daftar Pelanggan........................................................... 30
7. Desain Form Ubah Data Pelanggan.................................................... 30
8. Desain Form Pemesanan..................................................................... 31
9. Desain Form Konfirmasi Pemesanan ................................................. 31
10. Desain Form Konfirmasi Transfer...................................................... 31
11. Desain Form Halaman Administrator................................................. 32
12. Desain Form Manajemen Pelanggan .................................................. 32
13. Desain Form Manajemen Produk ....................................................... 33
14. Desain Form Laporan ......................................................................... 33
BAB IV IMPLEMENTASI DAN EVALUASI

A. Implementasi ............................................................................................. 35
1. Halaman Home.................................................................................... 35
2. Halaman Profil .................................................................................... 35
3. Halaman Katalog Produk .................................................................... 36

TUGAS AKHIR
4. Halaman Cara Pemesanan................................................................... 37

5. Halaman Cara Pembayaran................................................................. 37
6. Halaman Daftar Pelanggan ................................................................. 38
7. Halaman Ubah Data Pelanggan .......................................................... 38
8. Halaman Pemesanan Pelanggan.......................................................... 38
9. Halaman Pemesanan ........................................................................... 39
10. Halaman Pembayaran.......................................................................... 39
11. Halaman Home Administrator ............................................................ 40
12. Halaman Manajemen Pelanggan......................................................... 40
13. Halaman Manajemen Produk.............................................................. 41
14. Halaman Laporan ................................................................................ 41
15. Halaman Login Pelanggan .................................................................. 42
16. Halaman Login Administrator ............................................................ 42
17. Halaman Sukses Pemesanan ............................................................... 43
18. Halaman Data Transaksi Pelanggan.................................................... 43
19. Halaman Manajemen Status Pelanggan .............................................. 44
20. Halaman Ongkos Kirim ...................................................................... 44
B. Evaluasi Sistem ......................................................................................... 45
BAB V PENUTUP
A. Kesimpulan ............................................................................................... 46
B. Saran .......................................................................................................... 46
DAFTAR PUSTAKA .................................................................................... 47

TUGAS AKHIR
DAFTAR TABEL
Tabel 1. Simbol dalam Flowchart.................................................................. 8

Tabel 2. Simbol dalam Entity Relationship Diagram ................................... 8
Tabel 3. Tabel Koleksi .................................................................................. 21
Tabel 4. Tabel Kategori ................................................................................ 22
Tabel 5. Tabel Pelanggan .............................................................................. 22
Tabel 6. Tabel Pemesanan ............................................................................. 23
Tabel 7. Tabel Konfirmasi ............................................................................. 23
Tabel 8. Tabel Kota ....................................................................................... 24
Tabel 9. Tabel Delivery.................................................................................. 24
Tabel 10. Tabel Ongkir .................................................................................... 24
Tabel 11. Tabel Pembelian .............................................................................. 24
Tabel 12. Tabel Suplier.................................................................................... 25
Tabel 13. Tabel Polling.................................................................................... 25
Tabel 14. Tabel Berita ..................................................................................... 25
Tabel 15. Tabel Buku Tamu ............................................................................. 25
Tabel 16. Tabel Kontak Kami ......................................................................... 26
Tabel 17. Tabel Propinsi ................................................................................. 26
Tabel 18. Tabel Jumlah.................................................................................... 26
Tabel 19. Tabel Admin ..................................................................................... 26

TUGAS AKHIR
DAFTAR GAMBAR
Gambar 1. Context Diagram (CD) ...................................................................... 15

Gambar 2. Data Flow Diagram (DFD) Level 0 .................................................. 16
Gambar 3. Data Flow Diagram (DFD) Level 1 Proses Fasilitas Website.......... 17
Gambar 4. Data Flow Diagram (DFD) Level 1 Proses Pemesanan Produk ...... 17
Gambar 5. Data Flow Diagram (DFD) Level 1 Proses Manajemen Website..... 18
Gambar 6. Data Flow Diagram (DFD) Level 1 Proses Laporan ....................... 19
Gambar 7. Entity Relationship Diagram (ERD).................................................. 20
Gambar 8. Relationship Diagram........................................................................ 21
Gambar 9. Desain Form Halaman Pengunjung.................................................. 27
Gambar 10. Desain Form Profil............................................................................ 28
Gambar 11. Desain Form Katalog Produk ........................................................... 28
Gambar 12. Desain Form Cara Pemesanan ......................................................... 29
Gambar 13. Desain Form Cara Pembayaran ....................................................... 29
Gambar 14. Desain Form Daftar Pelanggan ........................................................ 30
Gambar 15. Desain Form Ubah Data Pelanggan ................................................. 30
Gambar 16. Desain Form Pemesanan .................................................................. 31
Gambar 17. Desain Form Konfirmasi Pemesanan................................................ 31
Gambar 18. Desain Form Konfirmasi transfer ..................................................... 32
Gambar 19. Desain Form Halaman Administrator............................................... 32
Gambar 20. Desain Form Manajemen Pelanggan................................................ 33
Gambar 21. Desain Form Manajemen Produk ..................................................... 33
Gambar 22. Desain Form Laporan ....................................................................... 34
Gambar 23. Halaman Home .................................................................................. 35
Gambar 24. Halaman Profil .................................................................................. 36
Gambar 25. Halaman Katalog Produk.................................................................. 36
Gambar 26. Halaman Cara Pemesanan................................................................ 37
Gambar 27. Halaman Cara Pembayaran.............................................................. 37
Gambar 28. Halaman Daftar Pelanggan .............................................................. 38
Gambar 29. Halaman Ubah Data Pelanggan ....................................................... 38

TUGAS AKHIR
Gambar 30. Halaman Pemesanan Pelanggan....................................................... 39

Gambar 31. Halaman Konfirmasi Pemesanan ...................................................... 39
Gambar 32. Halaman Konfirmasi Pembayaran .................................................... 40
Gambar 33. Halaman Home Administrator .......................................................... 40
Gambar 34. Halaman Manajemen Pelanggan ...................................................... 41
Gambar 35. Halaman Manajemen Produk............................................................ 41
Gambar 36. Halaman Laporan.............................................................................. 42
Gambar 37. Halaman Login Pelanggan................................................................. 42
Gambar 38. Halaman Login Administrator........................................................... 42
Gambar 39. Halaman Sukses Pemesanan ............................................................. 43
Gambar 40. Halaman Data Transaksi Pelanggan.................................................. 43
Gambar 41. Halaman Manajemen Status Pelanggan ............................................ 44
Gambar 42. Halaman Ongkos Kirim .................................................................... 44

TUGAS AKHIR
BAB I
PENDAHULUAN
A. Latar Belakang Masalah

Perkembangan teknologi yang pesat mempengaruhi cara berpikir
seseorang untuk berpikir secara cepat, tepat, dan praktis. Hal ini menjadikan
motivasi bagi suatu instansi untuk lebih meningkatkan usaha pelayanannya. Dunia
teknologi informasi dengan perkembangan yang sangat cepat dan dinamis hadir
dan memberikan solusi setiap permasalahan yang dihadapi manusia.
Komputerisasi dan arus informasi dengan adanya jaringan komputer global yang
dapat diakses dari seluruh belahan dunia, yaitu internet mengalami perkembangan
yang sangat pesat. Melalui internet, semua informasi-informasi dapat disebarkan
secara online tanpa terbatas oleh ruang dan waktu dan dapat dimanfaatkan sesuai
dengan kebutuhan masyarakat sebagai media informasi.
Pelayanan online dengan menggunakan website melalui internet juga
menyebabkan kegiatan perdagangan mengalami perkembangan, dengan adanya
penjualan produk secara online, yang sering disebut dengan istilah e-commerce
atau Electronic Commerce. E-commerce merupakan kegiatan menjual atau
membeli secara electronik dengan menggunakan jaringan internet. Dengan adanya
web e-commerce diharapkan dapat mempermudah promosi produk dan penjualan
untuk lebih memperluas pasar yang tidak terbatas hanya disekitar tempat toko
berada, tetapi melalui media e-commerce semua orang dimanapun berada dapat
berbelanja secara online.
Perkembangan dunia bisnis yang semakin maju dan tingkat persaingan
yang semakin banyak, mendorong para pengusaha untuk meningkatkan usahanya
dengan memanfaatkan teknologi yang semakin cangih, yaitu diantaranya dengan
e-commerce. Penggunaan e-commerce dapat membantu meningkatkan pemasaran
produk, pemesanan dan proses transaksi penjualan.
Toko Buku El-Shaddai merupakan salah satu toko buku yang terletak di
Surakarta. Untuk memperluas pemasaran dan promosi produk dari toko buku El-
Shaddai maka perlu dirancang program aplikasi e-commerce untuk pemasaran dan

TUGAS AKHIR
penjualan produk. Dengan pemasaran menggunakan media website di internet ini

diharapkan akan lebih efektif dan efisien dan pelanggan dimanapun berada bisa
berbelanja secara online tanpa harus datang secara langsung ke toko buku El-
Shaddai.
B. Perumusan Masalah
Setelah mengkaji dari latar belakang masalah tersebut maka dapat dibuat
rumusan masalah yaitu : “Bagaimana membangun aplikasi e-commerce Toko
Buku El-Shaddai ?”
C. Batasan Masalah
Berdasarkan rumusan masalah yang ada, perlu ditetapkan batasan masalah
yaitu website yang akan dibuat memuat pemesanan dan konfirmasi produk secara
online, info produk, pembatasan hak akses user, pelanggan dan administrator.
Beberapa fasilitas lain seperti buku tamu, polling, berita terbaru.
D. Tujuan
Tujuan dari pembutan tugas akhir ini adalah dapat merancang dan
membangun aplikasi e-commerce Toko Buku El-Shaddai.
E. Manfaat
Pembuatan e-commerce Toko Buku El-Shaddai diharapkan memberikan
manfaat bagi penulis maupun bagi instansi yang bersangkutan. Manfaat yang
diperoleh adalah sebagai berikut :
1. Bagi Instansi Toko Buku El-Shaddai
Sebagai bahan masukan dan pertimbangan yang berguna untuk kemajuan toko
dalam hal promosi produk dan penjualan serta dalam meningkatkan pelayanan
kepada para konsumen di tempat lain.
2. Bagi Penulis
a. Menerapkan ilmu yang telah diperoleh selama masa kuliah.

TUGAS AKHIR
b. Mendapat pengetahuan dan pengalaman dalam pembuatan aplikasi e-

commerce.
F. Metodologi Penelitian
Metode yang digunakan untuk memperoleh data dalam penelitian tugas
akhir ini adalah sebagai berikut :
1. Studi lapangan
Pengamatan atau observasi pada objek yang diteliti secara langsung untuk
mendapatkan data dan keterangan yang berhubungan dengan masalah yang
diteliti. Studi lapangan ini dapat dilakukan dengan melakukan wawancara
dengan pihak yang terkait dan diharapkan dapat diperoleh data yang lengkap
sesuai dengan tujuan penelitian.
2. Studi pustaka
Metode pengumpulan data dengan menggunakan buku-buku atau literatur
sebagai bahan referensi yang ada hubungannya dengan permasalahan
penelitian.
G. Sistematika Penulisan
Sistematika penulisan laporan tugas akhir dengan judul Membangun
Aplikasi e-commerce Toko Buku El-Shaddai adalah sebagai berikut:
BAB I PENDAHULUAN
Pada bab pendahuluan mengemukakan tentang latar belakang,
perumusan masalah, batasan masalah, tujuan, manfaat penelitian,
metodologi penelitian yang digunakan dalam penyusunan tugas
akhir ini serta sistematika penulisan.
BAB II LANDASAN TEORI
Landasan teori memuat tentang tinjauan pustaka yang digunakan
sebagai referensi dalam pembuatan tugas akhir web e-commerce
Toko Buku.
BAB III DESAIN DAN PERANCANGAN

TUGAS AKHIR
Pada bab desain dan perancangan ini memuat tentang data-data

yang diperlukan dalam perancangan sitem, perancangan database,
desain interface yang digunakan dalam pembuatan aplikasi e-
commerce.
BAB IV IMPLEMENTASI DAN ANALISA
Implementasi dan analisa memuat langkah dan hasil analisa sistem
dan pembahasan tampilan aplikasi web e-commerce.
BAB V PENUTUP
Pada bab penutup menjelaskan kesimpulan dari pembahasan
aplikasi e-commerce ini dan saran untuk pengembangan dan
penyempurnaan sistem aplikasi e-commerce ini.

TUGAS AKHIR
BAB II
LANDASAN TEORI
A. Sejarah Electronic Commerce (E-commerce)

Penerapan Electronic Commerce bermula diawal tahun 1970-an, dengan
adanya Electronic Found Transfer (EFT). Saat itu, tingkat aplikasinya masih
terbatas pada perusahaan besar, lembaga keuangan, dan beberapa perusahaan
kecil. Kemudian muncul Electronik Data Interchange (EDI), yang berkembang
dari transaksi keuangan ke pemprosesan transaksi lain. Jumlah perusahaan yang
ikut serta menjadi besar, mulai dari lembaga keuangan sampai perusahaan
manufaktur, layanan dan sebagainya. Aplikasi lain kemudian muncul, memiliki
jangkauan dari perdagangan saham hingga sistem reservasi perjalanan, aplikasi ini
disebut aplikasi telekomunikasi.
Dengan adanya komersial internet di awal tahun 1990-an maka muncul
istilah Electronic Commerce. Alasan bagi pesatnya perkembangan teknologi
tersebut karena perkembangan jaringan, software, meningkatnya persaingan dan
berbagai tekanan bisnis.
B. Electronic Commerce (E-Commerce)

Electronic Commerce (E-Commerce) didefinisikan sebagai proses
pembelian dan penjualan produk, jasa dan informasi yang dilakukan secara
elektronik dengan menggunakan jaringan komputer atau internet. E-Commerce
merupakan salah satu teknologi yang berkembang pesat dalam dunia internet.
Penggunaan E-Com, yang biasanya disebut e-commerce, sebenarnya dapat
menguntungkan banyak pihak, baik pihak konsumen, maupun pihak produsen dan
penjual retailer (Purbo, 2005).
E-Commerce dapat dijadikan sebagai solusi untuk membantu perusahaan
dalam mengembangkan perusahaan dan menghadapi tekanan bisnis. Tingginya
tekanan bisnis akibat tingginya tingkat persaingan, penggunaan E-commerce dapat
meningkatkan efisiensi biaya dan produktifiktas perusahaan, sehingga dapat
meningkatakan kemampuan perusahaan dalam bersaing (Dasril, 2009)

TUGAS AKHIR
Electronic Commerce merupakan suatu cara berbelanja atau berdagang

secara online atau direct selling yang memanfaatkan fasilitas internet dimana
terdapat website yang dapat menyediakan layanan “get and deliver”. E-
Commerce akan merubah semua kegiatan marketing dan juga sekaligus
memangkas biaya-biaya operasional untuk kegiatan trading atau perdagangan
(Andriana, 2008).
Proses yang ada dalam E-Commerce adalah sebagai berikut :
1. Peresentasi electonis (pembuatan website) untuk produk dan layanan.
2. Pemesanan secara langsung dan tersedianya tagihan.
3. Otomatis account pelanggan secara aman.
4. Pembayaran dan transaksi yang dilakukan secara online.
Keuntungan yang diperoleh dengan menggunakan E-Commerce bagi suatu
perusahaan yaitu :
1. Mempercepat pelayanan kepada pelanggan, dan pelayanan yang lebih
responsive.
2. Meningkatkan pendapatan perusahaan.
3. Mengurangi biaya-biaya yang berhubungan dengan kertas, percetakan,
report, dan lain sebagainya.
4. Mengurangi keterlambatan dengan menggunakan transfer elektronik
pembayaran dapat tepat waktu dan dapat langsung dicek.
C. Analisis dan Perancangan Sistem

Analisis didefinisikan sebagai penguraian dari suatu sistem informasi yang
utuh kedalam bagian-bagian komponennya dengan maksud untuk mendefinisikan
dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan,
hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan
sehingga diusulkan perbaikan-perbaikan (Jogiyanto, 2001).
Analisis sistem pada tingkat pertama, disebut sebagai model analisis yang
menggambarkan serangkaian model representasi dari sistem yang akan dibangun
(Pressman, 2002).

TUGAS AKHIR
Langkah selanjutnya setelah analisa sistem adalah perancangan sistem,

perancangan sistem secara umum didefinisikan sebagai pengidentifikasian
komponen-komponen sistem informasi dengan tujuan untuk dikomunikasikan
dengan pemakai (Sutanta, 2003). Model analisis, antara lain sebagai berikut :
1. Diagram Konteks (Context Diagram)

Diagram konteks merupakan sebuah diagram sederhana yang
menggambarkan hubungan antara entity luar, masukan, keluaran dari sistem.
Diagram konteks direpresentasikan dengan lingkaran tunggal yang mewakili
keseluruhan sistem (Kristanto, 2003).
Selain itu, diagram konteks juga berarti diagram aliran data yang paling
dasar dari suatu organisasi yang menunjukkan bagaimana proses-proses
mentransformasikan data yang datang ke informasi yang keluar (Kendall &
Kendall, 2003).
2. Data Flow Diagram (DFD)

DFD merupakan bagan aliran data yang menggambarkan keseluruhan
kerja sistem secara garis besar. DFD menggambarkan sistem sebagai jaringan
kerja antar fungsi yang berhubungan satu sama lain dengan aliran dan
penyimpanan data (Kristanto, 2003).
Dalam penggunaan diagram alir data perlu menggunakan kebebasan
konseptual yang dilakukan melalui diagram aliran data, yang secara grafis
menandai proses-proses serta aliran data dalam suatu sistem. Dalam pembuatan
Data Flow Diagram (DFD), terdapat 4 simbol dasar yang digunakan, yaitu:

TUGAS AKHIR
Tabel 1. Simbol dalam Flowchart

(Kristanto, 2003)
3. Entity Relationship Diagram (ERD)

Entity Relationship Diagram (ERD) adalah suatu diagram yang
melukiskan suatu hubungan kesatuan model, atribut, dan relasi. ERD juga
menunjukkan hubungan yang utama (Rob, Peter and Carlos Coronel, 1993).
Tabel 2. Simbol dalam Entity Relationship Diagram

Simbol Keterangan
Menunjukkan entitas
Menunjukkan atribut
Menunjukkan hubungan
Menunjukkan garis

TUGAS AKHIR
4. Data Dictionary (DD)

Data Dictionary atau kamus data adalah suatu hasil referensi data
mengenai data-data (meta data) yang diciptakan oleh penganalisis sistem
berdasarkan atas diagram aliran data. Mengumpulkan dan mengkoordinasikan
istilah-istilah data tertentu, mengkonfirmasikan apa arti masing-masing istilah
untuk orang-orang yang berbeda-beda di dalam organisasi (Kendall & Kendall,
2003).
D. Definisi Basisdata
Basis data atau Database adalah kumpulan file-file yang saling berelasi,
relasi tersebut biasa ditunjukkan dengan kunci dari tiap file yang ada (Kristanto,
2004). Database adalah bahasa dan perangkat grafik yang digunakan untuk
menggambarkan kesatuan, hubungan, batasan integritas, dan autorisasi
(Mannino V. Michael, 2001).
Basisdata dapat didefiniskan sebagai kumpulan data yang dihubungkan
secara bersama-sama, dan gambaran dari data yang dirancang untuk memenuhi
kebutuhan informasi dari suatu organisasi. Berbeda dengan sistem file yang
menyimpan data secara terpisah, pada basis data data tersimpan secara
terintegrasi. Basis data bukan menjadi milik dari suatu departemen tetapi sebagai
sumber daya perusahaan yang dapat digunakan bersama. Basis data juga dapat
diartikan sebagai berikut (Fathansyah, 1999) :
1. Himpunan kelompok data (arsip) yang saling berhubungan yang
diorganisasi sedemikian rupa agar kelak dapat dimanfaatkan kembali
dengan cepat dan mudah.
2. Kumpulan data yang saling berhubungan yang disimpan secara bersama
sedemikian rupa dan tanpa pengulangan (redudansi) yang tidak perlu,
untuk memenuhi berbagai kebutuhan.
3. Kumpulan file/ tabel/ arsip yang saling berhubungan yang disimpan
dalam media penyimpanan elektronis.
Data dalam basisdata disimpan dalam tiga struktur, yaitu file, tabel atau
objek. File terdiri dari record dan field, tabel terdiri dari baris dan kolom. Objek

TUGAS AKHIR
terdiri dari data dan instruksi program yang memfungsikan data. Tabel terdiri dari
kolom-kolom yang saling terkait, seperti file yang terdiri dari record yang saling
terkait. File didalam basis data dapat terhubung kepada beberapa tabel. Dalam
sebuah tabel, data pada tiap kolom terdiri dari ukuran dan tipe yang sejenis (char/
numeric).
Keuntungan dari basis data:
1. Mengurangi duplikasi data.
2. Meningkatkan integritas data.
3. Memelihara independensi data.
4. Meningkatkan keamanan data.
5. Memelihara konsistensi data.
6. Manipulasi data lebih canggih.
7. Mudah untuk digunakan.
8. Mudah untuk di akses.
Kekurangan:
1. Sistem lebih rumit, jadi memerlukan tenaga ahli dalam disain, program
dan implementasi.
2. Lebih mahal.
3. Bila ada akses yang tidak benar, kerusakan dapat terjadi.
4. Karena semua data di tempat terpusat, kerusakan software dan
hardware dapat terjadi.
5. Proses pemeliharaan dapat memakan waktu karena ukurannya yang
besar.
6. Proses back up data memakan waktu.
E. Database Management System (DBMS)

Kumpulan file yang saling berkaitan bersama dengan program untuk
pengelolaannya disebut DBMS. Database adalah kumpulan data, sedangkan
program pengelolaannya berdiri sendiri dalam satu paket program komersial
untuk membaca data, mengisi data, menghapus data, melaporkan data dalam
database (Kristanto, 2004).

TUGAS AKHIR
Komponen utama DBMS dapat dibagi menjadi 4 macam :

1. Perangkat Keras
2. Perangkat Lunak
3. Data
4. Pengguna
Pengunaan DMBS untuk mengelola data mempunyai beberapa keuntungan, yaitu:
1. Kebebasan data dan akses yang efisien.
2. Mereduksi waktu pengembangan aplikasi.
3. Integritas dan keamanan data.
4. Administrasi keseragaman data.
5. Akses bersamaan dan perbaikan dari terjadinya crashes (tabrakan dari
proses serentak).
F. Web Server
Web server merupakan server internet yang mampu melayani koneksi
transfer data dalam protokol HTTP. Web server merupakan hal yang terpenting
dari server di internet dibandingkan server lainnya seperti e-mail server, ftp
server ataupun news server. Hal ini disebabkan web server telah dirancang untuk
dapat melayani beragam jenis data, dari text sampai grafis 3 dimensi. Kemampuan
ini telah menyebabkan berbagai institusi seperti universitas maupun perusahaan
dapat menerima kehadirannya dan juga sekaligus menggunakannya sebagai sarana
di internet.
G. World Wide Web (WWW)

World Wide Web (WWW), yang lebih dikenal dengan web, merupakan
salah satu layanan yang didapat oleh pemakai komputer yang terhubung internet.
Abdul Kadir (2003) mengatakan bahwa web merupakan salah satu sumber
daya internet yang berkembang pesat. Informasi web didistribusikan melalui
pendekatan hypertext, yang memungkinkan suatu teks pendek menjadi acuan
untuk membuka dokumen yang lain. Dengan pendekatan hypertext seseorang

TUGAS AKHIR
dapat memperoleh informasi dengan meloncat dari suatu dokumen ke dokumen

yang lain. Dokumen-dokumen yang diakses pun dapat tersebar di berbagai mesin
dan bahkan berbagai Negara.
H. Hypertext Markup Language (HTML)

HTML pada dasarnya adalah teks juga, akan tetapi dengan penambahan
“tanda”-link, teks yang tertulis akan Nampak dengan bentuk yang berbeda.
Kemampuan ini menyebabkan teks jenis ini termasuk hypertext.
HTML adalah sebuah bahasa untuk menampilkan informasi. Informasi
yang akan ditampilkan dibungkus dengan tag. Ciri khas tag adalah penggunaan
tanda “< >”.
I. MySQL
MySQL adalah sebuah system manajemen database relasi (relational data-
base management system) yang bersifat “Terbuka (Open Source)”. Terbuka
maksudnya MySQL boleh didownload oleh siapa saja, baik versi kode program
aslinya (source code program) maupun versi binernya (excutable program) dan
bisa digunakan secara gratis baik untuk dimodifikasi sesuai dengan kebutuhan
seseorang maupun sebagai suatu program aplikasi komputer. MySQL memiliki
kinerja, kecepatan proses dan ketangguhan yang tidak kalah disbanding database
database - besar lainnya yang komersil seperti Oracle, Sybase, Unify dan
sebagainya (Arbie, 2004).
J. PHP Hypertext Preprocessor (PHP)

PHP adalah suatu bahasa pemrograman Open Source yang digunakan
secara luas terutama untuk pengembangan web dan dapat disimpan dalam bentuk
HTML (Hypertext Markup Language) (Andi, 2006).
Dalam pembuatan website ini, akan digunakan PHP sebagai bahasa
pemrogramannya. PHP merupakan bahasa pemrograman web yang dapat
disisipkan dengan script HTML. Tujuan dari bahasa ini adalah membantu para
pengembang web untuk membuat web dinamis dengan cepat.

TUGAS AKHIR
K. Macromedia Dreamweaver 8
Macromedia Dreamweaver adalah sebuah HTML editor professional
untuk mendesain secara visual dan mengelola situs web maupun halaman web.
Dreamweaver merupakan software utama yang digunakan oleh web desainer
maupun web programmer guna mengembangkan situs web. Ruang kerja, fasilitas,
dan kemampuan dreamweaver mampu meningkatkan produktifitas dan efektifitas
adalam desain maupun membangun situs web (Madcoms, 2004).
Macromedia Dreamweaver 8 merupakan sebuah HTML profesional untuk
mendesain secara visual dan mengelola situs web maupun halaman web fasilitas
editing secara visual dari dreamweaver memungkinkan untuk dapat menambah
desain program secara manual.

TUGAS AKHIR
BAB III
DESAIN DAN PERANCANGAN SISTEM
A. Identifikasi Masalah
Toko Buku El-Shaddai merupakan sebuah toko buku yang terletak di Solo
dan menjual produk-produk dari El-Shaddai Production berupa buku-buku dan
produk multimedia. Penjualan dan promosi Toko Buku El-Shaddai selama ini
dilakukan dengan pembeli atau pelanggan biasanya datang langsung ke toko
untuk memilih dan membeli barang dan promosi produk masih terbatas. Untuk itu
diperlukan sarana media promosi yang tepat, dapat mempermudah promosi dan
dapat meningkatkan penjualan produk. Untuk mempermudah proses promosi dan
meningkatkan penjualan hingga ke luar kota, maka dibuatlah sebuah web e-
commerce dengan menggunakan jaringan internet. Fasilitas ini diharapkan dapat
memberi kemudahan bagi pelanggan untuk membeli dan mendapatkan informasi
mengenai produk-produk Toko Buku El-Shaddai.
B. Analisis Sistem
Penyusunan Tugas Akhir ini, terdiri dari beberapa langkah kerja seperti di
bawah ini:
1. Analisis kebutuhan fungsional sistem yang diharapkan dapat membantu proses
penjualan dan promosi produk Toko buku El-Shaddai dengan adanya proses
transaksi online.
2. Membuat Context Diagram (CD), Data Flow Diagram (DFD), Entity
Relationship Diagram (ERD), dan sebagainya.
3. Perancanan dan pembuatan basis data, masukan data, tabel, dan hasil keluaran
(output).
4. Perancangan dan pembuatan sistem secara detail dan menyeluruh.
Perancangan sistem toko buku El-Shaddai adalah sebagai berikut:

TUGAS AKHIR
1. Context Diagram (CD)

Context Diagram menggambarkan sistem secara garis besar dengan
memperlihatkan masukan, proses dan keluaran dari sistem yang akan
dirancang. Context Diagram Toko buku El-Shaddai adalah sebagai berikut:
Gambar 1. Context Diagram (CD)

TUGAS AKHIR
2. Data Flow Diagram (DFD)

DFD aplikasi ecommerce toko buku El-Shaddai digambarkan sebagai
berikut :
a. Data Flow Diagram (DFD) Level 0
Gambar 2. Data Flow Diagram (DFD) Level 0

TUGAS AKHIR
b. Data Flow Diagram (DFD) level 1 Proses Fasilitas Website
Gambar 3. Data Flow Diagram (DFD)

Level 1 Proses Fasilitas Website
c. Data Flow Diagram (DFD) level 1 Proses Pemesanan Produk

Level 1 Proses Pemesanan Produk

TUGAS AKHIR
d. Data Flow Diagram (DFD) Level 1 Proses Manajemen Website

Level 1 Proses Manajemen Website

TUGAS AKHIR
e. Data Flow Diagram (DFD) Level 1 Proses Laporan

6.1
Laporan data pemesanan Data pemesanan
Laporan Pemesanan
Transaksi
6.2
Laporan data pelanggan
Data pelanggan
Laporan Pelanggan
Pelanggan
Laporan data kategori 6.3

Pemilik Data kategori
Kategori
Laporan
Kategori
6.4
Laporan data koleksi Data koleksi Koleksi
Laporan
Koleksi
6.5
Laporan data pembelian Data pembelian
Laporan Pembelian
pembelian
6.6 Data Order

Laporan data Order
Order barang
Laporan
Order Barang

Level 1 Proses Laporan

TUGAS AKHIR
C. Pemodelan Data
1. Entity Relationship Diagram (ERD)
Model Entity Relationship yang berisi komponen-komponen himpunan
entitas dan himpunan relasi yang dilengkapi dengan atribut-atribut yang
mempresentasikan seluruh fakta yang ditinjau dapat digambarkan dengan
lebih sistematis dengan menggunakan Entity Relationship Diagram (ERD).
Aplikasi ecommerce toko buku El-Shaddai mempunyai Entity Relationship
Diagram sebagai berikut :
Gambar 7. Entity Relationship Diagram (ERD)
2. Relationship Diagram
Relationship Diagram menggambarkan relasi antar table. Relasi yang
ditunjukan antar table ditunjukkan sebagai berikut :

TUGAS AKHIR
Gambar 8. Relationship Diagram
D. Desain Database
Dalam mebuat Aplikasi E-commerce Toko Buku El-Shaddai ini,
digunakan sebuah database yang berisi beberapa tabel sebagai berikut:
1. Tabel Koleksi
Tabel 3. Tabel Koleksi
Nama Field Tipe Ukuran Field Keterangan
kd_koleksi* varchar 10 Primary Key, kode koleksi
barang
kd_kategori integer 4 Kode kategori
nm_barang varchar 70 Nama barang
file_gambar varchar 50 Tempat penyimpanan file
gambar diupload
berat_brg varchar 10 Berat barang
harga integer 10 Harga barang per item
diskon integer 2 Diskon barang per item
stok integer 4 Stok barang
keterangan text Keterangan barang

TUGAS AKHIR
2. Tabel Kategori
Tabel 4. Tabel Kategori
kd_kategori* integer 4 Primary Key,
Auto_increment, kode
kategori
nm_kategori varchar 50 Nama kategori
keterangan text Keterangan dari kategori
prefix varchar 5 Imbuhan atau huruf awalan
dari kategori
total integer 4 Jumlah total dari masing-
masing kategori
diskon integer 2 Diskon global per kategori
3. Tabel Pelanggan
Tabel 5. Tabel Pelanggan
id_plg* integer 4 Primary Key,
Auto_increment, id
pelanggan
nama varchar 50 Nama pelanggan
kelamin enum ‘P’,’W’ Jenis kelamin pria atau
wanita
alamat varchar 100 Alamat pelanggan
nm_kota varchar 30 Id_kota tempat tinggal
pelanggan
propinsi varchar 30 Propinsi pelanggan
kd_post integer 5 Kode pos pelanggan
negara varchar 30 Negara tempat tinggal
pelanggan
email varchar 40 Alamat email pelanggan
telp_rumah varchar 12 Nomor telepon rumah
pelanggan
telp_hp varchar 12 Nomor handphone pelanggan
no_fax varchar 10 Nomor fax pelanggan
username varchar 15 Username pelanggan yang
digunakan pada saat login
password varchar 32 Password pelanggan
status tinyint 1 Status Pelanggan

TUGAS AKHIR
4. Tabel Pemesanan
Tabel 6. Tabel Pemesanan
id_pesan* integer 4 Primary key, Auto_inc, id
pemesanan
no_pesan char 12 Nomor transaksi pemesanan
id_plg integer 4 Id pelanggan
tanggal date Tanggal pemesanan
kd_koleksi varchar 10 Kodekoleksibarang yang dibeli
jumlah integer 4 Jumlah barang yang dibeli
harga integer 10 Harga saat pelanggan memesan
berat_brg varchar 10 Berat barang yang dibeli
5. Tabel Konfirmasi
Tabel 7. Tabel Konfirmasi
id_konfirmasi* integer 4 Primary key, Auto_increment,
id konfirmasi
no_pesan char 12 Nomor transaksi pemesanan
yang didapat dari table
pemesanan
id_plg integer 11 Id pelanggan
id_delivery varchar 7 Id Jasa pengiriman yang dipilih
jml_bayar integer 10 Nominal jumlah uang yang
dibayarkan
unik_transfer char 3 Angka unik transfer yang akan
digunakan pada saat transaksi
transfer
bank_asal varchar 30 Nama bank asal ketika
pelanggan transfer
rek_asal varchar 20 Nomor rekening pelanggan
ketika transfer
atas_nama varchar 40 Nama rekening pelanggan
rek_tujuan varchar 20 Id rekening tujuan (diambil
dari tabel rekening)
tgl_pesan date Tanggal pemesanan
tgl_transfer date Tangal pada saat transfer
to_nama varchar 50 Nama tujuan pengiriman
to_alamat tinytext Alamat tujuan pengiriman
to_id_kota varchar 20 Id kota tujuan pengiriman
to_kd_post integer 5 Kode pos tujuan pengiriman
to_no_telp varchar 14 Nomor telepon
file_bukti varchar 50 File bukti transfer
status tinyint 1 Status konfirmasi

TUGAS AKHIR
6. Tabel Kota
Tabel 8. Tabel Kota
id_kota* varchar 11 Primary key, id kota
id_propinsi varchar 11 Id propinsi kota berada
nm_kota varchar 30 Nama kota
7. Tabel Delivery
Tabel 9. Tabel Delivery
id_delivery* varchar 7 Primary key, id delivery
nama_delivery varchar 30 Nama delivery
8. Tabel Ongkir
Tabel 10. Tabel Ongkir
id_ongkir * integer 4 Primary key, Auto, id ongkir
id_kota varchar 11 id kota (diambil dari tabel kota)
id_delivery varchar 7 Id jasa pengiriman
berat varchar 10 Berat barang standar 1 kg
kode_pengiriman varchar 3 Kode pengiriman
ongkos_kirim integer 10 Biaya ongkos kirim
etd varchar 10 Lamanya waktu kirim
9. Tabel Pembelian
Tabel 11. Tabel Pembelian
id_pembelian* integer 11 Primary key,Auto_increment,
id pembelian
id_suplier integer 4 Id supplier (diambil dari tabel
supplier)
tgl_pembelian date Tanggal pembelian dari
supplier
kd_koleksi varchar 10 Kode koleksi barang yang
dibeli dari supplier
kd_kategori integer 4 Kode kategori barang yang
dibeli dari supplier
jml_pembelian integer 5 Jumlah pembelian dari
supplier
harga_pembelian integer 10 Harga dasar pembelian barang
dari supplier

TUGAS AKHIR
10. Tabel Suplier

Tabel 12. Tabel Suplier
id_suplier * integer 4 Primary key,Auto_increment,
id supplier
nm_suplier varchar 30 Nama supplier
alamat varchar 100 Alamat supplier
no_telp varchar 12 Nomor telepon supplier
keterangan text Keterangan supplier
11. Tabel Polling

Tabel 13. Tabel Polling
id_polling* integer 3 Primary key,
Auto_increment, id polling
judul varchar 100 Judul polling
option text Option/pilihan polling
result text Hasil perolehan polling
status tinyint 1 Status polling aktif dan tidak
aktif
12. Tabel Berita

Tabel 14. Tabel Berita
id_berita* integer 3 Primary key,
Auto_increment, id berita
judul varchar 100 Judul berita
lengkap text Berita lengkap
tanggal date Tanggal berita diterbitkan
13. Tabel Bukutamu

Tabel 15. Tabel Buku Tamu
id_btamu* integer 3 Primary key,
Auto_increment, id buku
tamu
nama varchar 30 Nama tamu
email varchar 60 Email tamu
komentar text Komentar
tanggal date Tanggal tamu mengisi buku
tamu

TUGAS AKHIR
14. Tabel Kontak Kami

Tabel 16. Tabel Kontak Kami
id_kontak* integer 4 Primary key, Auto_increment, id
kontak
nama varchar 30 Nama pengisi kontak
email varchar 60 Email pengisi kontak
komentar text Komentar
15. Tabel Propinsi

Tabel 17. Tabel Propinsi
id_propinsi* varchar 11 Primary key, id propinsi
propinsi varchar 20 Nama propinsi
16. Tabel Jumlah Order

Tabel 18. Tabel Jumlah Order
tanggal* date Primary key, tanggal pemesanan
jumlah integer 11 Jumlah transaksi pemesanan
17. Tabel Admin

Tabel 19. Admin
userID* varchar 30 Primary key,
user id/ username yang dipakai
untuk login administrator
passID varchar 32 Password yang digunakan login
administrator
E. Data Dictionary (DD)

1. Data pelanggan disimpan dalam tabel pelanggan, yang berisi id pelanggan,
password, email, alamat, nomor telepon rumah, nomor hp, fax, status,
kota, propinsi, kodepos, negara. Id pelanggan pada tabel pelanggan
berelasi dengan id pelanggan di tabel pemesanan.
2. Data ongkos kirim disimpan dalam table ongkir yang berisi id ongkir, id
delivery, id kota, ongkos kirim. Ongkos kirim ditentukan oleh id delivery
dan id kota, karena setiap meggunakan jasa pengiriman yang berbeda

TUGAS AKHIR
ongkosnya berbeda dan pengiriman berdasarkan antar kota. Id delivery

berelasi dengan table delivery. Id kota berelasi dengan table kota dan table
propinsi.
3. Data pemesanan disimpan dalam table pemesanan yang isinya nomor
pesan, id pelanggan, waktu, unik transfer, kode koleksi, jumlah, harga. Id
pelanggan dalam tabel ini berelasi dengan id pelanggan dalam tabel
pelanggan.
4. Data produk koleksi disimpan dalam table koleksi yang berisi kode
koleksi, kode kategori, nama barang, file gambar, harga, diskon, stok,
keterangan. Kode kategori dalam table koleksi berelasi dengan kode
kategori dalam table kategori.
5. Data konfirmasi pemesanan disimpan dalam table konfirmasi. Field dalam
table ini adalah id konfirmasi, nomor pesan, jumlah bayar, bank asal, atas
nama, rekening tujuan, tanggal transfer, alamat tujuan, status.
F. Desain Interface
Desain interface atau desain antar muka web e-commerce toko buku El-
shaddai dikelompokkan menjadi 3 bagian menu user yaitu, menu pengunjung,
menu pelanggan, dan menu admin. Ketiga menu tersebut memiliki hak akses yang
berbeda-beda.
1. Desain Form Halaman Pengunjung
Gambar 9. Desain Form Halaman Pengunjung

TUGAS AKHIR
2. Desain Form Profil

Form halaman profil berisi tentang profil penjelasan dari toko buku El-
Shaddai dan informasi tentang produk yang dijual.
Gambar 10. Desain Form Profil
3. Desain Form Katalog Produk

Form halaman katalog produk berisi tentang produk barang yang dijual
di toko buku El-Shaddai, berisi diskripsi lengkap tentang produk dan harga
barang. Pada halaman koleksi pelanggan bisa memesan barang.
Gambar 11. Desain Form Katalog Produk

TUGAS AKHIR
4. Desain Form Cara Pemesanan

Form cara pemesanan digunakan untuk menampilkan informasi cara
untuk melakukan pemesanan atau pembelian.
Gambar 12. Desain Form Cara Pemesanan
5. Desain Form Cara Pembayaran

Form cara pembayaran digunakan untuk menampilkan informasi cara
untuk melakukan pembayaran.
Gambar 13. Desain Form Cara Pembayaran

TUGAS AKHIR
6. Desain Form Daftar Pelanggan

Form daftar pelanggan digunakan untuk pendaftaran pengunjung
sebagai pelanggan toko buku El-Shaddai.
Gambar 14. Desain Form Daftar Pelanggan
7. Desain Form Ubah Data Pelanggan

Form ubah data pelanggan digunakan untuk mengubah data pelanggan
toko buku El-Shaddai.
Gambar 15. Desain Form Ubah Data Pelanggan

TUGAS AKHIR
8. Desain Form Pemesanan

Form pemesanan digunakan untuk menampilakan produk yang telah
dipilih atau dibeli pelanggan.
Gambar 16. Desain Form Pemesanan
9. Desain Form Konfirmasi Pemesanan

Form konfirmasi pemesanan yaitu untuk konfirmasi setelah pelanggan
melakukan pembelian untuk memasukan data pemesanan beserta alamat
pengirimannya.
KONFIRMASI
PEMESANAN
PENGIRIMAN PESANAN
Data Pemesanan
Nama Lengkap :
Alamat :
Kota :
Kode Pos :
No. Telepon :
Jasa Pengiriman :
Simpan
Gambar 17. Desain Form Konfirmasi Pemesanan
10. Desain Form Konfirmasi Transfer

Form konfirmasi transfer yaitu untuk konfirmasi setelah pelanggan
melakukan pembayaran untuk selanjutnya akan dilakukan pengiriman barang
setelah konfirmasi transfer dilakukan.

TUGAS AKHIR
KONFIRMASI TRANSFER
No. Pesan :
Jumlah bayar :
Rekening/Setoran Anda
Dari Bank :
No Rekening Anda :
Atas nama :
Rekening Tujuan
Bank Tujuan :
Tgl transfer :
Bukti Transfer
browser
Upload bukti transfer :
Submit Reset
Gambar 18. Desain Form Konfirmasi transfer
11. Desain Form Halaman Administrator

Form halaman administrator yaitu halaman khusus untuk
administrator yang berfungsi untuk memanajemen web e-commerce toko
buku El-Shaddai.
Gambar 19. Desain Form Halaman Administrator
12. Desain Form Manajemen Pelanggan

Form manajemen pelanggan yaitu halaman khusus untuk
administrator yang berfungsi untuk memanajemen data pelanggan yang
terdaftar sebagai pelanggan toko buku El-Shaddai.

TUGAS AKHIR
Gambar 20. Desain Form Manajemen Pelanggan
13. Desain Form Manajemen Produk

Form manajemen produk yaitu halaman untuk memanajemen barang
atau produk yang akan ditawarkan.
HEADER
URUTKAN DATA
MENU ADMIN
Kategori : lihat
no kode Nama barang gambar harga stok operasi
Ubah | Hapus TAMBAH
DATA
MANAJEMEN
DATA
LAPORAN
FOOTER
Gambar 21. Desain Form Manajemen Produk
14. Desain Form Laporan

Desain Form digunakan untuk menampilkan laporan atau informasi
yang dibutuhkan administrator untuk dicetak.

TUGAS AKHIR
Gambar 22. Desain Form Laporan

TUGAS AKHIR
BAB IV
IMPLEMENTASI DAN EVALUASI
Bab ini akan membahas mengenai hasil penelitian pembuatan Aplikasi E-

Commerce Toko Buku El-Shaddai Berbasis website berupa tampilan-tampilannya.
A. Implementasi
1. Halaman Home Page E-Commerce Toko Buku El-Shaddai
Halaman Home merupakan tampilan awal website E-commerce Toko
Buku El-Shaddai. Halaman ini berisi tentang sambutan selamat datang dari Toko
Buku El-Shaddai.
Gambar 23. Halaman Home
2. Halaman Profil
Halaman profil berisi tentang informasi profil toko buku El-Shaddai
sehingga pengunjung dapat mengambarkan dalam pikiran mereka tentang toko
buku El-Shaddai.

TUGAS AKHIR
Gambar 24. Halaman Profil
3. Halaman Katalog Produk

Halaman katalog produk berisi tentang produk-produk yang ditawarkan
toko buku El-Shaddai, katalog produk juga dilengkapi dengan gambar produk
serta keterangan dari produk tersebut.
Gambar 25. Halaman Katalog Produk

TUGAS AKHIR
4. Halaman Cara Pemesanan

Halaman cara pemesanan berisi tentang informasi cara memesan atau
membeli produk secara online di toko buku El-Shaddai.
Gambar 26. Halaman Cara Pemesanan
5. Halaman Cara Pembayaran

Halaman cara pembayaran ini berisi tentang sistem pembayaran di toko
buku El-Shaddai apabila melakukan pembelian online.
Gambar 27. Halaman Cara Pembayaran

TUGAS AKHIR
6. Halaman Daftar Pelanggan

Untuk dapat melakukan pembelian, pengunjung harus menjadi pelanggan
dahulu di toko buku El-Shaddai dengan cara melakukan pendaftaran sebagai
pelanggan.
Gambar 28. Halaman Daftar Pelanggan
7. Halaman Ubah Data Pelanggan

Halaman ubah pelanggan ini berfungsi untuk mengubah data pelanggan,
apabila pelanggan ingin mengubahnya. Menu ubah pelanggan ini terletak pada
menu pelanggan.
Gambar 29. Halaman Ubah Data Pelanggan
8. Halaman Pemesanan Pelanggan

Setelah pelanggan memilih dan membeli produk maka produk yang dibeli
tersebut akan masuk ke halaman pemesanan, pada halaman pemesanan ini

TUGAS AKHIR
pelanggan dapat menentukan jumlah produk yang ingin dibeli dan juga pelanggan
dapat menambahkan produk lagi jika ingin membeli barang lagi dengan mengklik
tambah barang.
Gambar 30. Halaman Pemesanan Pelanggan
9. Halaman Konfirmasi Pemesanan

Halaman konfirmasi pemesanan ini berfungsi untuk konfirmasi alamat
pengiriman barang. Jika pelanggan yang membeli tersebut dikirimkan ke alamat
lain, data ini bisa diubah ke alamat tujuan.
Gambar 31. Halaman Konfirmasi Pemesanan
10. Halaman Konfirmasi Pembayaran

Halaman konfirmasi pembayaran ini berfungsi bagi pelanggan yang akan
konfirmasi transfer atau konfirmasi pembayaran. Konfirmasi pembayaran

TUGAS AKHIR
dilakukan setelah pelanggan melakukan pembayaran dengan menggunakan nomor

pesan ketika pelanggan melakukan pemesanan sebelumnya.
Gambar 32. Halaman Konfirmasi Pembayaran
11. Halaman Home Administrator

Halaman Administrator ini merupakan halaman khusus untuk admin yang
berfungsi untuk memanajemen web e-commerce toko buku El-Shaddai.
Gambar 33. Halaman Home Administrator
12. Manajemen Pelanggan

Halaman manajemen pelanggan ini merupakan wewenang bagi
administrator untuk memanajemen data pelanggan.

TUGAS AKHIR
Gambar 34. Halaman Manajemen Pelanggan
13. Halaman Manajemen Produk

Halaman Manajemen Produk berfungsi untuk memanajemen produk atau
barang yang ditawarkan oleh toko buku El-Shaddai.
Gambar 35. Halaman Manajemen Produk
14. Halaman Laporan

Halaman laporan transaksi berisi tentang data-data transaksi yang telah
berlangsung di toko buku El-Shaddai dan halaman laporan ini dapat dicetak oleh
admin sebagai data laporan yang akan di serahkan kepada pimpinan.

TUGAS AKHIR
Gambar 36. Halaman Laporan
15. Halaman Login Pelanggan

Halaman login pelanggan ini digunakan untuk login pelanggan dengan
menggunakan username dan password ketika sudah mendaftar sebagai pelanggan.
Gambar 37. Halaman Login Pelanggan
16. Halaman Login Administrator

Halaman login administrator digunakan untuk masuk ke halaman admin
dan admin dapat memanajemen web e-commerce toko buku El-Shaddai.
Gambar 38. Halaman Login Administrator

TUGAS AKHIR
17. Halaman Sukses Pemesanan

Halaman Sukses Pemesanan menampilkan data pesanan dengan jumlah
total pembayaran yang harus ditransfer oleh pelanggan.
Gambar 39. Halaman Sukses Pemesanan
18. Halaman Data Transaksi Pelanggan

Halaman data transaksi pelanggan akan menampilkan data-data transaksi
pesanan yang telah dilakukan oleh pelanggan.
Gambar 40. Halaman Data Transaksi Pelanggan

TUGAS AKHIR
19. Halaman Manajemen Status Pesanan

Halaman manajemen status pesanan digunakan untuk
mengubah/memanajemen status pesanan, dengan status pelanggan masih pesan,
pesanan sudah dikonfirmasi, pembayaran terverifikasi dan barang sudah dikirim.
Gambar 41. Halaman Manajemen Status Pelanggan
20. Halaman Ongkos Kirim

Halaman ongkos kirim memuat data biaya pengiriman barang yang
berdasarkan kota dan jasa pengiriman.
Gambar 42. Halaman Ongkos Kirim

TUGAS AKHIR
B. Evaluasi Sistem
Aplikasi e-commerce toko buku El-Shaddai dapat memberikan kemudahan
untuk memperluas pemasaran dan promosi produk dari toko buku El-Shaddai.
Dengan adanya e-commerce toko buku El-Shaddai diharapkan dapat
meningkatkan penjualan serta kemudahan bagi pelanggan di luar daerah dapat
berbelanja secara online dan mengetahui informasi produk secara lengkap. Namun
aplikasi toko buku El-Shaddai ini juga masih memiliki kekurangan, yaitu masih
perlu pengembangan lagi untuk menjangkau transaksi luar negeri dan sistem
keamanan data aplikasi e-commerce toko buku El-Shaddai masih perlu
ditingkatkan.

TUGAS AKHIR
BAB V
PENUTUP
A. Kesimpulan
Berdasarkan hasil penelitian dan pembahasan, maka dapat disimpulkan
bahwa telah dibuat sebuah Aplikasi e-commerce Toko Buku El-Shaddai yang
berfungsi untuk penyampaian informasi tentang produk-produk dari toko buku El-
Shaddai dan juga menawarkan serta memasarkan produk secara online dengan
jangkauan lebih luas karena menggunakan jaringan internet. Aplikasi web e-
commerce ini dapat memanajemen barang, user, pembuatan laporan dan transaksi
pembelian secara online.
B. Saran
Aplikasi e-commerce Toko Buku El-Shaddai ini dapat dikembangkan lagi
sesuai dengan bertambahnya kebutuhan, misalnya dengan memberikan fasilitas
bagi member dengan kenyamanan pembayaran transfer secara online, dan
pemberian berita kepada member lewat email secara otomatis dan sistem
keamanan data aplikasi e-commerce toko buku El-Shaddai masih perlu
ditingkatkan.

TUGAS AKHIR
DAFTAR PUSTAKA
Abdul, Kadir. 2003. Pengenalan Website dengan Bahasa PHP, Java, dan
XHTML. ANDI: Yogyakarta.
Andi, 2006. Menguasai Pemrograman Web dengan PHP 5. Andi: Yogyakarta.
Andriana, D. 2008. Analisis dan Perancangan Prototipe Aplikasi E-Commerce.
www.informatika.lipi.go.id. Diakses pada tanggal 30 Mei 2010.
Arbie. 2004. Manajemen Database dengan MySQL. Andi: Yogyakarta.
Dasril. 2009. Pengertian E-Commerce. http: //dasril.wordpress.com /ecommerce
/pengertian-e-commerce. Diakses pada tanggal 30 Mei 2010.
Fathansyah. 1999. Basis Data. Informatika: Bandung.
Jogiyanto, H.M. 2001. Analisis dan Desain Sistem Informasi Edisi Kedua. Andi:
Yogyakarta.
Kendall & Kendall. 2003. Analisis dan Perancangan Sistem. PT. Prenhalindo:
Klaten.
Kristanto, A. 2003. Perancangan Sistem Informasi dan Aplikasinya. Gaya Media:
Yogyakarta.
Kristanto, H. 2004. Konsep dan Perancangan Database. ANDI: Yogyakarta.
Madcoms. 2004. Seri Panduan Desain Web Macromedia Dreamweaver MX 2004.
ANDI: Yogyakarta.
Mannino V, Michael. 2001. Database Aplication Development & Design. The
McGraw Hill Companies: New York.
Purbo, O.W. 2005. E-Commerce. www.sentralweb.com. Diakses pada tanggal 12
Mei 2010.
Pressman, R.S. 2002. Rekayasa Perangkat Lunak Buku Satu Edisi Terjemahan.
Andi: Yogyakarta.
Rob, Petter and Carlos Coronel. 1993. Database System: Design, Implementation,
and Management. Wadsworth: United States of America.
Sutanta, E. 2003. Sistem Basis Data. Graha Ilmu : Yogyakarta.


Membangun Aplikasi Ecommerce Toko Buku El-Shaddai - Rumningsih

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Membangun Aplikasi Ecommerce Toko Buku El-Shaddai - Rumningsih

Diunggah oleh

Hak Cipta:

Format Tersedia

TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai

MEMBANGUN APLIKASI ECOMMERCE

PROGRAM DIPLOMA III ILMU KOMPUTER

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

MEMBANGUN APLIKASI ECOMMERCE

Tugas Akhir ini telah disetujui untuk dipertahankan

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

Tugas Akhir ini telah diterima dan disahkan

Prof. Drs. Sutarno, M.Sc. Ph.D Drs. YS. Palgunadi, M.Sc

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

RUMNINGSIH, 2010. DEVELOPING ECOMMERCE APPLICATION OF

Keywords: E-commerce, Bookstore, El-Shaddai

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

RUMNINGSIH, 2010. MEMBANGUN APLIKASI ECOMMERCE

Kata Kunci: Ecommerce, Toko Buku , El-Shaddai

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

Karya ini, saya persembahkan untuk :

2. Semua rekan dan sahabat keluarga besar El-Shaddai GBI Keluarga

3. Bapak, Ibu tercinta dan seluruh keluarga, yang aku sayangi.

4. Saudara Petrus Sugiarto, yang selalu mendukung dalam doa dan

5. Mbak Wiwied, kakak KTBK yang mendukung dalam doa.

6. Semua rekan keluarga besar PMK.

7. Semua sahabat dan teman-teman terbaik D3 Ilmu Komputer 2007.

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

Salam sejahtera bagi kita semua,

5. Keluarga yang telah memberikan dukungan baik material maupun spiritual,

7. Teman-teman semua yang telah memberi dukungan dan semangat,

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

Dalam penyusunan Tugas Akhir ini, penulis telah melakukan usaha

Surakarta, Juni 2010

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

BAB II LANDASAN TEORI

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

BAB III DESAIN DAN PERANCANGAN SISTEM

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

BAB IV IMPLEMENTASI DAN EVALUASI

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

4. Halaman Cara Pemesanan................................................................... 37

DAFTAR PUSTAKA .................................................................................... 47

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

Tabel 1. Simbol dalam Flowchart.................................................................. 8

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

Gambar 1. Context Diagram (CD) ...................................................................... 15

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

Gambar 30. Halaman Pemesanan Pelanggan....................................................... 39

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

A. Latar Belakang Masalah

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

penjualan produk. Dengan pemasaran menggunakan media website di internet ini

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

b. Mendapat pengetahuan dan pengalaman dalam pembuatan aplikasi e-

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

Pada bab desain dan perancangan ini memuat tentang data-data

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

A. Sejarah Electronic Commerce (E-commerce)

B. Electronic Commerce (E-Commerce)

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA

Electronic Commerce merupakan suatu cara berbelanja atau berdagang

C. Analisis dan Perancangan Sistem

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA