DESAIN DAN IMPLEMENTASI KATALOG ONLINE (E-COMMERCE) UNTUK MENDUKUNG PEDAGANGAN

BUKU STUDI KASUS PADA UPT PENERBITAN UMM PRESS

TUGAS AKHIR

Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Sarjana Strata 1

Teknik Informatika Universitas Muhammadiyah Malang

Disusun Oleh :

ASYIQ 06560263

JURUSAN INFORMATIKA FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG 2011

KATA PENGANTAR

Puji syukur kehadirat Allah SWT, yang selalu memberikan kekuatan

petunjuk serta melimpahkan segala Rahmat dan Hidayah-Nya, sehingga penulis

dapat menyelesaikan tugas akhir yang berjudul Desain dan Implementasi

Katalog Online (E-Commerce) untuk Mendukung Pedagangan Buku Studi

Kasus pada Upt Penerbitan UMM Press dengan baik, sebagai suatu

persyaratan dalam menyelesaikan studi dan memperoleh gelar Sarjana Strata 1 (S-

1) di Jurusan Teknik Informatika Fakultas Teknik Universitas Muhammadiyah

Malang.

Penulis menyadari bahwa menyusun tugas akhir ini tidak akan berjalan

dengan baik tanpa ada bimbingan, bantuan, dukungan dan kerjasama dari berbagai

pihak. Oleh karena itu dalam kesempatan ini dengan setulus hati penulis

mengucapkan terima kasih yang sedalam-dalamnya kepada :

1. Kedua Orang Tua, Ayah (alm. Qaani Ahyad) dan Ibu (alm. Lutfiah) yang

telah memberikan dukungan moril dan materil, semangat, bimbingan dan

do a yang selalu dipanjatkan kepada Allah SWT sehingga saya diberikan

kemudahan dan kelancarana dalam menuntut ilmu dan menyelesaikan

tugas akhir ini.

2. Kepada pak lek pak lek saya yang selalu memberikan pengarahan terbaik

bagi jalan saya di masa mendatang

3. Kakak-kakak saya (ANIQ) dan (AFIQ) (mbak Lia) yang selalu

memberikan semangat, dorongan dan saran-saran dalam menyelesaikan

Tugas Akhir ini.

4. keponakan saya (Arini Ulfa Samara (Rara)) yang selalu memberikan

inspirasi baru dan menyenangkan pada sesuasana pengerjaan Tugas Akhir

ini.

5. Ibu Ir. Nur Alif M,MT selaku dosen pembimbing I yang telah memberikan

kesempatan, petunjuk, pengarahan, waktu, koreksibimbingan dan terutama

kelapangan hati untuk membimbing saya sehingga Tugas Akhir ini dapat

diselesaikan dengan baik.

6. Bapak Setio Basuki, St selaku dosen pembimbing II, yang juga telah

membantu, memberikan arahan dan ilmu tiada habisnya serta

membimbing dalam penulisan laporan Tugas Akhir ini sehingga dapat

terselesaikan dengan baik.

7. Hormat saya dan ucapan terimakasih sedalam-dalamnya kepada seluruh

dosen pengajar di Jurusan Teknik Informatika yang telah membimbing

saya dalam menuntut ilmu sehingga saya bias menjadi seseorang yang

lebik baik dari yang kemarin.

8. Terimakasih kepada seluruh staff tata usaha Jurusan Teknik Informatika

dan staff tata usaha Fakultas Teknik.

9. Terimakasih kepada Ir. Joko Triwanto, MP beserta staff UMM Press

(Mbak Sri) (Mbak Ayu) (Pak Ridlo) (Pak Ahmad) (Pak Latif) yang

memberikan izin untuk melakukan setudi kasus di UPT Penerbitan UMM

Press memberikan informasi serta masukan kepada saya dalam pembuatan

skripsi ini

10. Kepada sahabat-sahabat saya Left Brain community : Fredy, Arif Setiawan,

Depri, Ramdhani, Rizki, Edo, Putu, Nurul Arifin, Roman Fajar, Andi

Sofiya, Yahya, Milhi, Oos, Samsul, Arie dan masih banyak yang lainnya

sehingga tidak bias saya sebutkan satu persatu semoga dengan

kebersamaan yang ada hingga sekarang tetap terjaga seutuhnya hingga

nanti.

11. Kepada teman-teman kost LANSA 92, tirto utomo gang 6 (semua).

12. Kepada seluruh pihak yang membantu dalam penyelesaian Tugas Akhir

ini.

Penulis menyadari bahwa karya tulis ini masih jauh dari kesempurnaan. Oleh

karena itu, saran dan kritik membangun sangat penulis harapkan untuk

kesempurnaan karya tulis ini. Penulis berharap semoga karya tulis ini

bermanfaat Amin Ya Robbal alamin.

Malang, 19 Desember 2011

Penulis

DAFTAR ISI

LEMBAR PERSETUJUAN . i

LEMBAR PENGESAHAN .. ii

SURAT PERNYATAAN

iii

KATA PENGANTAR ...... iv

DAFTAR ISI . vi

DAFTAR GAMBAR . xi

DAFTAR TABEL .. xv

ABSTRAKSI . xvi

ABSTRACT ... xvii

BAB I PENDAHULUAN . 1

1.1. Latar Belakang .. . 1

1.2. Rumusan Masalah .. 2

1.3. Tujuan Tugas Akhir . .. 2

1.4. Batasan Masalah .

2

1.5. Metodelogi .

3

1.6. Sistematika Pembahasan .. . 3

BAB II LANDASAN TEORI .. 5

2.1. Internet ........... 5

2.2. E-Commerce .......... 5

2.2.1. Pengertian E-Commerce .. 5

2.2.2. Klasifikasi E-Commerce .. 6

2.2.3. Standar Teknologi E-Commerce . 7

3.3.4. Manfaat E-Commerce .

8

2.3. Macromedia Dreamweaver

10

2.4. HTML

11

2.4.1. Definisi HTML

11

2.4.2. Struktur HTML

11

2.5. Cascading Style Sheet

12

2.6. PHP Hypertext Processor (PHP) .. 13

2.7. MySQL .. 15

2.7.1. Pengertian MySQL .. 15

2.7.2. Administrasi pada Database MySQL . 17

BAB III ANALISA DAN DESAIN SISTEM . 19

3.1. Analisa Sistem . 19

3.1.1. Keadaan System Saat ini . 19

3.1.2. Permasalahan yang Didahapi

19

3.1.3. Sistem yang Didiinginkan Pemakai Sistem ............ 20

3.2. Desain Sistem .. 21

3.2.1. Use Case diagram

21

3.2.2. Activity Diagram . 26

3.2.2.1. Admin . 26

3.2.2.2. Guest .. 28

3.2.3 Sequence Diagram .. 30

3.2.3.1. Member ... 30

3.2.3.2. Admin . 36

3.3. Desain Table .. 37

3.3.1. Tabel Kategori . 37

3.3.2. Table Admin

37

3.3.3. Table Meta .. 37

3.3.4. Table Modul . 38

3.3.5. Table Berita . 38

3.3.6. Table Meta ... 39

3.3.7. Table Produk

39

3.4. Desain Form . 40

3.4.1. Desain Halaman Utama (Home) . 40

3.4.2. Halaman About Us (UMM Press) . 41

3.4.3. Halaman Produk UMM Press .

41

3.4.4. Halaman News (Berita di UMM) .. 42

3.4.5. Halaman Detail Tenatang Buku .. 42

3.4.6. Halaman Contact Us (Kritik dan Saran Kepada UMM Press) . 43

3.4.7. Halaman Tatacara Pembayaran ... 43

3.4.8. Halaman Utama Admin Catalog Online

44

3.4.9. Halaman Form Edit Meta pada Admin

44

3.4.10. Halaman Utama Form Meta pada Admin . 45

3.4.11. Halaman Utama Form Kategori pada Admin .. 45

3.4.12. Halaman Edit Form Kategori pada Admin ...... 46

3.4.13. Halaman Utama Menu Produk pada Admin

46

3.4.14. Halaman Masukkan Buku Baru didalam Form Produk

pada Admin ............................................................................... 47

3.4.15. Berita pada Menu Utama di Admin ........................................... 47

3.4.16. Halaman Masukkan Berita Baru Pada Form Berita .................. 48

3.4.17. Halaman Utama pada Menu Order Buku di Admin ................... 48

3.4.18. Halaman Utama Form Module Pada Web Admin . 49

3.4.19. Form Masukkan Module Baru pada Menu Modul ................... 49

3.4.20. Form Admin pada Menu Admin ............................................... 50

3.4.21. Halaman Update Admin pada Admin ...................................... 50

BAB IV IMPLEMENTASI DAN PENGUJIAN ...................................... 51

4.1. Pembuatan Database ............................................................................. 51

4.2. Koneksi ................................................................................................. 51

4.3. Implementasi Sistem ............................................................................. 52

4.4. Halaman Utama .................................................................................... 52

a. Home ................................................................................................. 53

b. Menu Tentang Visi dan Misi Umm Press ........................................ 55

c. Menu Tentang Produk Umm Press ..................................................... 55

d. Halaman tentang Berita pada Kampus UMM (Universitas

Muhammadiyah Malang) .................................................................. 56

e. Halaman tentang Contact Us ............................................................ 56

f. Halaman Tentang Cara Pembayaran ................................................. 57

4.5. Administrator ....................................................................................... 57

a. Halaman Tentang Cara Pembayaran .............................................. 58

b. Menu Site Meta ............................................................................... 58

c. Menu Site Kategori ......................................................................... 59

d. Halaman Site Produk ....................................................................... 60

e. Halaman Site News ........................................................................ 61

f. Halaman Site Order ........................................................................ 62

g. Halaman Site Module ....................................................................... 63

h. Halaman Site User Admin .............................................................. 63

4.6. Pengujian Sistem .................................................................................. 64

4.6.1. Halaman Utama ......................................................................... 64

4.6.1.1. Pengujian Pendaftaran Member .................................... 64

4.6.1.2. Pengujian Login Member ............................................... 66

4.6.1.3. Pengujian Kategori Buku ................................................ 67

4.6.1.4. Halaman Keterangan Tiap Buku .................................... 68

4.6.1.5. Pengujian Pencarian Buku ............................................. 69

4.6.1.6. Pengujian Contact Us ...................................................... 70

4.6.1.7. Pengujian Pemesanan Katalog ....................................... 70

4.6.2. Pengujian Halaman Administrator .............................................. 72

4.6.2.1. Pengujian Login Admin ................................................. 72

4.6.2.2. Pengujian Site Kategori .................................................. 73

4.6.2.3. Pengujian Pada Site Produk ........................................... 75

4.6.2.4. Pengujian Pada Halaman Site News .............................. 76

BAB V PENUTUP ........................................................................................ 78

5.1. Kesimpulan ........................................................................................... 78

5.2. Saran ...................................................................................................... 78

DAFTAR GAMBAR

Gambar 2.1 Daftar table-tabel pada database MySQL .................................... 17

Gambar 3.1. Use Case Proses dari Katalog Online . 21

Gambar 3.2. Cek Data Pemesanan

27

Gambar 3.3. Cek Data Pembayaran . 28

Gambar 3.4. Akses Katalog .. 28

Gambar 3.5. Konfirmasi Daftar Belanja

29

Gambar 3.6. Konfirmasi Pembayaran .. 29

Gambar 3.7. Melakukan Registrasi

30

Gambar 3.8. Login User .................................................................................... 31

Gambar 3.9. Registrasi User ............................................................................ 31

Gambar 3.10. Member ...................................................................................... 32

Gambar 3.11. Daftar Belanja ........................................................................... 32

Gambar 3.12. Pembayaran ............................................................................... 33

Gambar 3.13. Katalog ...................................................................................... 33

Gambar 3.14. Memperbaharui Katalog ............................................................ 34

Gambar 3.15. Menghapus Data Katalog .......................................................... 34

Gambar 316. Menambah Data Katalog ............................................................. 35

Gambar 3.17. Cek Data Pemesanan .................................................................. 35

Gambar 3.18. Cek Data Pembayaran ................................................................. 36

Gambar 3.19. Class Diagram pada Sistem Katalog ......................................... 36

Gambar 3.20. Form Halaman Utama ............................................................... 40

Gambar 3.21. Form About Us ..... 41

Gambar 3.22. Form Produk

41

Gambar 3.23. Form Berita ................................................................................ 42

Gambar 3.24. Form Detail Buku ...................................................................... 42

Gambar 3.25. Form Contact Us ... 43

Gambar 3.26. Form Tatacara Pembayaran ....................................................... 43

Gambar 3.27. Form Utama Admin ................................................................. 44

Gambar 3.28. Edit Meta .................................................................................. 44

Gambar 3.29. Form Utama Meta pada Admin ................................................ 45

Gambar 3.30. Form Utama Kategori pada Admin ........................................... 45

Gambar 3.31. Form Edit Kategori pada Admin ............................................... 46

Gambar 3.32. Form Utama Produk pada Admin ............................................. 46

Gambar 3.33. Form Penambahan Buku pada Menu Produk ............................. 47

Gambar 3.34. Utama Form Berita .................................................................... 47

Gambar 3.35. Form Masukka Berita Baru pada Form Berita ........................... 48

Gambar 3.36. Form Utama Order Buku ........................................................... 48

Gambar 3.37. Form Utama Modul ................................................................... 49

Gambar 3.38. Form Masukkan Module Baru .................................................. 49

Gambar 3.39. Form Utama Admin ................................................................... 50

Gambar 3.40. Update Admin ............................................................................ 50

Gambar 4.1. Halaman Utama ........................................................................... 52

Gambar 4.2. Halaman Login ............................................................................ 53

Gambar 4.3. Modul Kategori ............................................................................ 53

Gambar 4.4. Pencari Buku ............................................................................... 54

Gambar 4.5. Modul Berita ............................................................................... 54

Gambar 4.6. Buku Best Seller dan Terbaru ...................................................... 54

Gambar 4.7. Profil Umm Press ........................................................................ 55

Gambar 4.8. Tentang Produk ........................................................................... 55

Gambar 4.9. Halaman Berita ............................................................................ 56

Gambar 4.10. Halaman Contact Us .................................................................. 56

Gambar 4.11. Tatacara Pembayaran ................................................................. 57

Gambar 4.12. Login Admin .............................................................................. 57

Gambar 4.13. Halaman Utama Admin .............................................................. 58

Gambar 4.14 Halaman Meta ............................................................................. 58

Gambar 4.15. Halaman Update Meta .............................................................. 59

Gambar 4.16. Halaman Site Kategori .............................................................. 59

Gambar 4.17. Halaman Update Kategori ........................................................ 60

Gambar 4.18. Halaman Produk ........................................................................ 60

Gambar 4.19. Halaman Update Produk ........................................................... 61

Gambar 4.20. Halaman Site News ................................................................... 61

Gambar 4.21. Halaman Update Berita .............................................................. 62

Gambar 4.22. Halaman Site Order ................................................................... 62

Gambar 4.23. Halaman Site Module ................................................................. 63

Gambar 4.24. Halaman Update Module ........................................................... 63

Gambar 4.25. Halaman Site User ..................................................................... 63

Gambar 4.26. Halaman Site User ..................................................................... 64

Gambar 4.27. Form Register Member Apabila Dikosongkan .......................... 65

gambar 4.28. Form Register Member Telah Diisi ............................................ 66

Gambar 4.29. Bahwa Form telah Terdaftar ...................................................... 66

Gambar 4.30. Kesalahan dalam Memasukkan Usernme dan Password ........... 66

Gambar 4.31. Masukkan Id Member ............................................................... 67

Gambar 4.32. Tanda User Menjadi Member .................................................... 67

Gambar 4.33. Tanda Keterangan Buku ............................................................. 68

Gambar 4.34. Halaman Detail Buku Sebelum Login ....................................... 68

Gambar 4.35. Halaman Keterangan Buku Setelah Login ................................. 69

Gambar 4.36. Inputan pada Pencarian Buku .................................................... 69

Gambar 4.37. Hasil Pencarian Katalog ............................................................ 70

Gambar 4.38. Inputan Contact Us ................................................................... 70

Gambar .4.39. Form Pemesanan di Kosongkan ............................................... 71

Gambar 4.40. Inputan Pemesanan .................................................................... 71

Gambar 4.41. Form Hasil dari Inputan Pemesan yang di Setujui ..................... 72

Gambar 4.42. Tampilan Hasil Pemesanan pada Administrator ........................ 72

Gambar 4.43. Inputan Login Admin ............................................................... 73

Gambar 4.44. Tanda User Menjadi Admin ...................................................... 73

Gambar 4.45. Menambahkan Kategori ............................................................. 73

Gambar 4.46. Hasil Penambahan Kategori pada Halaman Administrator ......... 74

Gambar 4.47. Tampilan Inputan Kategori pada Halaman Depan Web ........... 74

Gambar 4.48. Memasukkan Buku Baru ............................................................ 75

Gambar 4.49. Hasil Inputan Buku pada Halaman Administrator ..................... 75

Gambar 4.50. hasil inputan buku pada halaman web katalog online ................ 76

Gambar 4.51. Menambahkan Berita Baru ......................................................... 76

Gambar 4.52. Tampilan Inputan Berita pada Halaman Administrator ............. 77

Gambar 4.53. Hasil Inputan pada Halaman Berita ............................................ 77

DAFTAR TABEL

Tabel 3.1. Melakukan Registrasi . 28

Tabel 3.2. Mengakses Katalog .. 28

Table 3.3. Konfirmasi Pembayaran .. 28

Tabel 3.4. Konfirmasi Daftar Belanja ........................................................... 23

Tabel 3.5. Melakukan Login ....................................................................... 23

Tabel 3.6. Login Admin ................................................................................ 23

Table 3.7. Memperbaharui Katalog .. 24

Tabel 3.8. Menghapus Data Katalog ............................................................ 25

Tabel 3.9. Menambah Data Katalog ............................................................. 25

Tabel 3.10. Cek Data Pemesanan

26

Tabel 3.11. Cek Data Pembayaran ................................................................. 26

Table 3.12. Kategori

37

Tabel 3.13. Admin .......................................................................................... 37

Tabel 3.14. Meta ............................................................................................. 37

Tabel 3.15. Module ........................................................................................ 38

Tabel 3.16. Berita ........................................................................................... 38

Tabel 3.17. Order ........................................................................................... 39

Tabel 3.18. Produk ......................................................................................... 39

Tabel 4.1. Koneksi Database ........................................................................ 52

DAFTAR PUSTAKA

1. Hakim, Lukmanul. Membongkar Trik Rahasia Para Master PHP &

MySQL, Loko Media, Yogyakarta, 2008.

2. Wiswakarma, Komang. Membuat Katalog Online dengan PHP & CSS.

Loko Media, Yogyakarta, 2009.

3. Oneto, Erima. Sudarma, S. Joomla ! Cara Cepat dan Mudah Membuat

Website. Media Kita, Jakarta Selatan, 2009.

4. Kurniawan, Budi, S.Kom. A.Md., S.Pd. Sugiri, Desain Web Menggunakan

HTML + CSS. Andi, Yogyakarta, 2007.

5. www. Gunadarma.ac.id. Data Flow Diagram. 12 Januari 2009.

6. Madcoms, 2008. PHP & MySQL untuk Pemula. Andi, Yogyakarta. 2009.

This document was created with Win2PDF available at http://www.daneprairie.com.The unregistered version of Win2PDF is for evaluation or non-commercial use only.