MEMBANGUN APLIKASI ECOMMERCE TOKO BUKU EL-SHADDAI TUGAS AKHIR

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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA UNIVERSITAS SEBELAS MARET SURAKARTA CopyRight © 2010 Created By Rum.n.s M3207030

TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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 NIP. 19600809 198612 1 001

Drs. YS. Palgunadi, M.Sc NIP. 19560407 198303 1 004


TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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 ecommerce concerning of El-Shaddai Bookstore. E-commerce is an activity of purchasing and selling electrically in the internet network. E-commerce of ElShaddai bookstore is a web that provides facilities to sell special product of ElShaddai 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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 D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA UNIVERSITAS SEBELAS MARET SURAKARTA CopyRight © 2010 Created By Rum.n.s M3207030

TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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 D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA UNIVERSITAS SEBELAS MARET SURAKARTA CopyRight © 2010 Created By Rum.n.s M3207030

TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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 D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA UNIVERSITAS SEBELAS MARET SURAKARTA CopyRight © 2010 Created By Rum.n.s M3207030

TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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 ElShaddai maka perlu dirancang program aplikasi e-commerce untuk pemasaran dan D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA UNIVERSITAS SEBELAS MARET SURAKARTA CopyRight © 2010 Created By Rum.n.s M3207030

TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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 ElShaddai.

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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai b. Mendapat pengetahuan dan pengalaman dalam pembuatan aplikasi ecommerce.

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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai Pada bab desain dan perancangan ini memuat tentang data-data yang diperlukan dalam perancangan sitem, perancangan database, desain interface yang digunakan dalam pembuatan aplikasi ecommerce. 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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) D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA UNIVERSITAS SEBELAS MARET SURAKARTA CopyRight © 2010 Created By Rum.n.s M3207030

TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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”. ECommerce 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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 D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA UNIVERSITAS SEBELAS MARET SURAKARTA CopyRight © 2010 Created By Rum.n.s M3207030

TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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). D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA UNIVERSITAS SEBELAS MARET SURAKARTA CopyRight © 2010 Created By Rum.n.s M3207030

TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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 database 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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 ecommerce 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai

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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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 D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA UNIVERSITAS SEBELAS MARET SURAKARTA CopyRight © 2010 Created By Rum.n.s M3207030

TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

Gambar 4. Data Flow Diagram (DFD) Level 1 Proses Pemesanan Produk D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA UNIVERSITAS SEBELAS MARET SURAKARTA CopyRight © 2010 Created By Rum.n.s M3207030

TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai d. Data Flow Diagram (DFD) Level 1 Proses Manajemen Website

Gambar 5. Data Flow Diagram (DFD) Level 1 Proses Manajemen Website


TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai e. Data Flow Diagram (DFD) Level 1 Proses Laporan 6.1 Laporan data pemesanan

Data pemesanan

Laporan Transaksi

Laporan data pelanggan

6.2 Data pelanggan

Laporan Pelanggan

Laporan data kategori

Pemesanan

Pelanggan

6.3 Data kategori

Pemilik

Kategori

Laporan Kategori

Laporan data koleksi

6.4

Data koleksi

Koleksi

Laporan Koleksi

Laporan data pembelian

6.5

Data pembelian Pembelian

Laporan pembelian

Laporan data Order

6.6

Data Order Order barang

Laporan Order Barang

Gambar 6. Data Flow Diagram (DFD) Level 1 Proses Laporan


TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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 Nama Field kd_koleksi* kd_kategori nm_barang file_gambar berat_brg harga diskon stok keterangan

Tabel 3. Tabel Koleksi Tipe Ukuran Field Keterangan varchar 10 Primary Key, kode koleksi barang integer 4 Kode kategori varchar 70 Nama barang varchar 50 Tempat penyimpanan file gambar diupload varchar 10 Berat barang integer 10 Harga barang per item integer 2 Diskon barang per item integer 4 Stok barang text Keterangan barang


TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 2. Tabel Kategori Tabel 4. Tabel Kategori Tipe Ukuran Field Keterangan integer 4 Primary Key, Auto_increment, kode kategori varchar 50 Nama kategori text Keterangan dari kategori varchar 5 Imbuhan atau huruf awalan dari kategori integer 4 Jumlah total dari masingmasing kategori integer 2 Diskon global per kategori

Nama Field kd_kategori*

nm_kategori keterangan prefix total diskon

3. Tabel Pelanggan Nama Field id_plg*

nama kelamin alamat nm_kota propinsi kd_post negara email telp_rumah telp_hp no_fax username password status

Tabel 5. Tabel Pelanggan Tipe Ukuran Field Keterangan integer 4 Primary Key, Auto_increment, id pelanggan varchar 50 Nama pelanggan enum ‘P’,’W’ Jenis kelamin pria atau wanita varchar 100 Alamat pelanggan varchar 30 Id_kota tempat tinggal pelanggan varchar 30 Propinsi pelanggan integer 5 Kode pos pelanggan varchar 30 Negara tempat tinggal pelanggan varchar 40 Alamat email pelanggan varchar 12 Nomor telepon rumah pelanggan varchar 12 Nomor handphone pelanggan varchar 10 Nomor fax pelanggan varchar 15 Username pelanggan yang digunakan pada saat login varchar 32 Password pelanggan tinyint 1 Status Pelanggan


TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 4. Tabel Pemesanan Nama Field id_pesan* no_pesan id_plg tanggal kd_koleksi jumlah harga berat_brg

Tabel 6. Tabel Pemesanan Tipe Ukuran Field Keterangan integer 4 Primary key, Auto_inc, id pemesanan char 12 Nomor transaksi pemesanan integer 4 Id pelanggan date Tanggal pemesanan varchar 10 Kodekoleksibarang yang dibeli integer 4 Jumlah barang yang dibeli integer 10 Harga saat pelanggan memesan varchar 10 Berat barang yang dibeli

5. Tabel Konfirmasi Nama Field id_konfirmasi* no_pesan

id_plg id_delivery jml_bayar unik_transfer

bank_asal rek_asal atas_nama rek_tujuan tgl_pesan tgl_transfer to_nama to_alamat to_id_kota to_kd_post to_no_telp file_bukti status

Tabel 7. Tabel Konfirmasi Tipe Ukuran Field Keterangan integer 4 Primary key, Auto_increment, id konfirmasi char 12 Nomor transaksi pemesanan yang didapat dari table pemesanan integer 11 Id pelanggan varchar 7 Id Jasa pengiriman yang dipilih integer 10 Nominal jumlah uang yang dibayarkan char 3 Angka unik transfer yang akan digunakan pada saat transaksi transfer varchar 30 Nama bank asal ketika pelanggan transfer varchar 20 Nomor rekening pelanggan ketika transfer varchar 40 Nama rekening pelanggan varchar 20 Id rekening tujuan (diambil dari tabel rekening) date Tanggal pemesanan date Tangal pada saat transfer varchar 50 Nama tujuan pengiriman tinytext Alamat tujuan pengiriman varchar 20 Id kota tujuan pengiriman integer 5 Kode pos tujuan pengiriman varchar 14 Nomor telepon varchar 50 File bukti transfer tinyint 1 Status konfirmasi


TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 6. Tabel Kota Tabel 8. Tabel Kota Tipe Ukuran Field Keterangan varchar 11 Primary key, id kota varchar 11 Id propinsi kota berada varchar 30 Nama kota

Nama Field id_kota* id_propinsi nm_kota

7. Tabel Delivery Tabel 9. Tabel Delivery Tipe Ukuran Field Keterangan varchar 7 Primary key, id delivery varchar 30 Nama delivery

Nama Field id_delivery* nama_delivery

8. Tabel Ongkir Tabel 10. Tabel Ongkir Tipe Ukuran Field Keterangan integer 4 Primary key, Auto, id ongkir varchar 11 id kota (diambil dari tabel kota) varchar 7 Id jasa pengiriman varchar 10 Berat barang standar 1 kg varchar 3 Kode pengiriman integer 10 Biaya ongkos kirim varchar 10 Lamanya waktu kirim

Nama Field id_ongkir * id_kota id_delivery berat kode_pengiriman

ongkos_kirim etd

9. Tabel Pembelian Tabel 11. Tabel Pembelian Nama Field Tipe Ukuran Field Keterangan 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 D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA UNIVERSITAS SEBELAS MARET SURAKARTA CopyRight © 2010 Created By Rum.n.s M3207030

TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 10. Tabel Suplier Tabel 12. Tabel Suplier Tipe Ukuran Field Keterangan integer 4 Primary key,Auto_increment, id supplier varchar 30 Nama supplier varchar 100 Alamat supplier varchar 12 Nomor telepon supplier text Keterangan supplier

Nama Field id_suplier * nm_suplier alamat no_telp keterangan

11. Tabel Polling Tabel 13. Tabel Polling Tipe Ukuran Field Keterangan integer 3 Primary key, Auto_increment, id polling varchar 100 Judul polling text Option/pilihan polling text Hasil perolehan polling tinyint 1 Status polling aktif dan tidak aktif

Nama Field id_polling* judul option result status

12. Tabel Berita Tabel 14. Tabel Berita Tipe Ukuran Field Keterangan integer 3 Primary key, Auto_increment, id berita varchar 100 Judul berita text Berita lengkap date Tanggal berita diterbitkan

Nama Field id_berita* judul lengkap tanggal

13. Tabel Bukutamu Tabel 15. Tabel Buku Tamu Nama Field id_btamu*

Tipe integer

Ukuran Field 3

nama email komentar tanggal

varchar varchar text date

30 60

Keterangan Primary key, Auto_increment, id buku tamu Nama tamu Email tamu Komentar Tanggal tamu mengisi buku tamu


TUGAS AKHIR


14. Tabel Kontak Kami Nama Field id_kontak* nama email komentar

Tabel 16. Tabel Kontak Kami Tipe Ukuran Field Keterangan integer 4 Primary key, Auto_increment, id kontak varchar 30 Nama pengisi kontak varchar 60 Email pengisi kontak text Komentar

15. Tabel Propinsi Nama Field id_propinsi* propinsi

Tabel 17. Tabel Propinsi Tipe Ukuran Field Keterangan varchar 11 Primary key, id propinsi varchar 20 Nama propinsi

16. Tabel Jumlah Order Nama Field tanggal* jumlah

Tabel 18. Tabel Jumlah Order Tipe Ukuran Field Keterangan date Primary key, tanggal pemesanan integer 11 Jumlah transaksi pemesanan

17. Tabel Admin Nama Field userID*

Tipe varchar

passID

varchar

Tabel 19. Admin Ukuran Field Keterangan 30 Primary key, user id/ username yang dipakai untuk login administrator 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 D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA UNIVERSITAS SEBELAS MARET SURAKARTA CopyRight © 2010 Created By Rum.n.s M3207030

TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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 Elshaddai 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 D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA UNIVERSITAS SEBELAS MARET SURAKARTA CopyRight © 2010 Created By Rum.n.s M3207030

TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 2. Desain Form Profil Form halaman profil berisi tentang profil penjelasan dari toko buku ElShaddai 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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 D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA UNIVERSITAS SEBELAS MARET SURAKARTA CopyRight © 2010 Created By Rum.n.s M3207030

TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai KONFIRMASI TRANSFER No. Pesan : Jumlah bayar : Rekening/Setoran Anda Dari Bank : No Rekening Anda : Atas nama : Rekening Tujuan Bank Tujuan : Tgl transfer : Bukti Transfer Upload bukti transfer

browser

: 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

MENU ADMIN

URUTKAN DATA Kategori : no

kode

lihat 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai BAB IV IMPLEMENTASI DAN EVALUASI

Bab ini akan membahas mengenai hasil penelitian pembuatan Aplikasi ECommerce 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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 D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA UNIVERSITAS SEBELAS MARET SURAKARTA CopyRight © 2010 Created By Rum.n.s M3207030

TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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 D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA UNIVERSITAS SEBELAS MARET SURAKARTA CopyRight © 2010 Created By Rum.n.s M3207030

TUGAS AKHIR

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

administrator untuk memanajemen data pelanggan.


bagi

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. D3 ILMU KOMPUTER – MANAJEMEN INFORMATIKA - FMIPA UNIVERSITAS SEBELAS MARET SURAKARTA CopyRight © 2010 Created By Rum.n.s M3207030

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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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 ElShaddai dan juga menawarkan serta memasarkan produk secara online dengan jangkauan lebih luas karena menggunakan jaringan internet. Aplikasi web ecommerce 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

Membangun Aplikasi E-Commerce Toko Buku El-Shaddai 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 TUGAS AKHIR

Recommend Documents