• Tidak ada hasil yang ditemukan

Website Penjualan Sandal Bervariasi Menggunakan ASP.NET dan Database SQL Server 2008.

N/A
N/A
Protected

Academic year: 2017

Membagikan "Website Penjualan Sandal Bervariasi Menggunakan ASP.NET dan Database SQL Server 2008."

Copied!
16
0
0

Teks penuh

(1)

iii ABSTRAK

Aplikasi berbasis web merupakan hasil dari perkembangan ilmu pengetahuan dan teknologi khususnya bidang teknologi informasi yang memanfaatkan media internet. Saat ini aplikasi berbasis web digunakan di berbagai bidang. Salah satu pemanfaatannya digunakan dalam proses pemasaran atau jual beli barang. Graffity Sandal merupakan salah satu wirausaha yang memproduksi dan menjual sandal berbahan dasar karet. Dalam memasarkan produk dan pengelolaan data transaksi, produsen masih menggunakan sistem manual. Untuk mencapai tingkat pengelolaan dan pemasaran produk yang optimal diperlukan sistem informasi yang berbasis komputerisasi, yaitu aplikasi penjualan berbasis web yang mencakup proses pemesanan barang, pengiriman barang, transaksi jual-beli dan pendataan laporan penjualan barang. ASP.NET merupakan salah satu framework pemrograman yang dapat digunakan untuk membangun aplikasi berbasis web, dengan teknologi .NET yang menyediakan konsep pemrograman dengan library dan modul-modul yang dapat mempermudah developer dalam membangun sebuah aplikasi. Dengan dibuatnya aplikasi penjualan berbasis web diharapkan dapat mempermudah pengguna dalam melakukan transaksi penjualan sandal.

(2)

iv ABSTRACT

Web-based application is the outcome of science and technology development, especially in technology and information fields that utilize internet. One of the recent benefits from this web-based application is its utility in marketing or purchase and sale processes.Graffity Sandal is a business that produces and sell sandal from rubber material. Manual system is still used by the producer for their transaction data management and product marketing. To reach optimal marketing product and management level, the company needs to computerize their information and technology system, with web-based marketing system provided with order, shipping, buy and sell transaction, and data entering report processes. ASP.NET is one of programming framework that common in use for web-based application development, added with .NET which equipped with programming concept and library and modules that facilitate developer to build an application. With this web-based marketing application, it is expected that the transaction process of sandal will be easier to be done.

(3)

v

1.1 Latar Belakang Masalah ...1

1.2 Rumusan Masalah...2

1.3 Tujuan Pembahasan...2

1.4 Ruang Lingkup Kajian ...3

1.4.1 Hardware ...3

1.4.2 Software ...3

1.4.3 Aplikasi ...4

1.5 Sumber Data ...4

1.6 Sistematika Penyajian ...4

BAB II KAJIAN TEORI ...6

2.1 Konsep Dasar Sistem Informasi ...6

2.1.1 Sifat Sistem Informasi ...6

2.1.2 Komponen Sistem Informasi...7

2.2 Konsep Dasar Internet...8

2.3 E-commerce (Electronic Commerce) ...10

2.4 Konsep Dasar Website ...12

2.5 Konsep Dasar Basis Data ...13

2.6 Konsep Pemrograman Berbasis Web ...14

2.6.1 HTML ...14

2.6.8 ERD (Entity Relationship Diagram) ...20

2.6.9 Diagram Konteks ...22

2.6.10 DFD (Data Flow Diagram)...23

2.6.11 Kamus Data ...24

BAB III ANALISIS DAN PERANCANGAN SISTEM...25

3.1 Analisis Sistem yang Sedang Berjalan ...25

3.2 Perancangan Sistem ...26

3.2.1 Proses Bisnis...27

3.2.1.1 Modul Guest ...27

3.2.1.2 Modul Member ...28

3.2.1.3 Modul Administrator ...29

3.2.2 Flowchart ...30

3.2.2.1 Flowchart Proses Manual ...30

3.2.2.2 Flowchart Proses Dalam Sistem ...31

(4)

vi

3.2.4 DFD (Data Flow Diagram) ...33

3.2.4.1 DFD (Data Flow Diagram) Level 1 ...33

3.2.4.2 DFD (Data Flow Diagram) Level 2 ...35

3.2.5 Spesifikasi Proses (Process Specification) ...40

3.2.6 Kamus Data...49

3.2.7 ERD (Entity Relationship Diagram) ...59

3.3 Perancangan Program Aplikasi...60

3.3.1 Pembuatan Sistem Menu ...60

3.3.2 Desain Antar Muka Halaman Beranda...61

3.3.3 Desain Antar Muka Halaman Produk ...62

3.3.4 Desain Antar Muka Halaman Kontak ...63

3.3.5 Desain Antar Muka Halaman Pendaftaran ...64

3.3.6 Desain Antar Muka Halaman FAQ...66

3.3.7 Desain Antar Muka Form Login ...67

3.3.8 Desain Antar Muka Form Pemesanan ...68

3.3.9 Desain Antar Muka Keranjang Belanja ...69

3.3.10 Desain Antar Muka Halaman Forum ...72

3.3.11 Desain Antar Muka Halaman Manage Product ...74

3.3.12 Desain Antar Muka Halaman Manage User ...76

3.3.13 Desain Antar Muka Halaman Manage Pemesanan ...76

3.3.14 Desain Antar Muka Halaman Report ...77

BAB IV HASIL PENELITIAN ...78

4.1 Tampilan ...78

4.1.1 Tampilan Halaman Utama ...78

4.1.2 Tampilan Masuk ...79

4.1.8 Tampilan Post Forum ...84

4.1.9 Tampilan Pengaturan User ...85

4.1.10 Tampilan Pengaturan Produk ...86

4.1.11 Tampilan Pengaturan Kota ...87

4.1.12 Tampilan Pengaturan Variasi ...88

4.1.13 Tampilan Pengaturan Pesanan ...89

4.1.14 Tampilan Laporan ...90

BAB V EVALUASI...91

5.1 HasilPengujian ...91

BAB VI KESIMPULAN DAN SARAN...103

6.1 Kesimpulan...103

(5)

vii

DAFTAR GAMBAR

Gambar 1. Framework .NET ...16

Gambar 2. Kardinalitas Satu ke Satu ...21

Gambar 3. Kardinalitas Satu ke Banyak atau Banyak ke Satu ...21

Gambar 4. Kardinalitas Banyak ke Banyak ...21

Gambar 5. Flowchart Proses Manual...30

Gambar 6. Flowchart Proses Dalam Sistem ...31

Gambar 7. Diagram Konteks...32

Gambar 8. DFD (Data Flow Diagram) Level 1...33

Gambar 9. DFD (Data Flow Diagram) Level 2 Pengolahan Produk...35

Gambar 10. DFD (Data Flow Diagram) Level 2 Pengolahan User ...36

Gambar 11. DFD (Data Flow Diagram) Level 2 Pengolahan Variasi ...37

Gambar 12. DFD (Data Flow Diagram) Level 2 Pengolahan Pesanan ...38

Gambar 13. DFD (Data Flow Diagram) Level 2 Pengolahan Forum...39

Gambar 14. DFD (Data Flow Diagram) Level 2 Pengolahan Laporan...40

Gambar 15. ERD (Entity Relationship Diagram) ...59

Gambar 16. Struktur Menu program ...60

Gambar 17. Desain Antar Muka Halaman Beranda ...61

Gambar 18. Desain Antar Muka Halaman Produk ...62

Gambar 19. Desain Antar Muka Halaman Kontak ...63

Gambar 20. Desain Antar Muka Halaman Daftar ...64

Gambar 21. Desain Antar Muka Halaman FAQ ...66

Gambar 22. Desain Antar Muka Halaman Login ...67

Gambar 23. Desain Antar Muka Form Pemesanan...68

Gambar 24. Desain Antar Muka Keranjang Belanja ...69

Gambar 25. Desain Antar Muka Edit Profil ...70

Gambar 26. Desain Antar Muka Halaman Forum ...72

Gambar 27. Desain Antar Muka Manage Product ...74

Gambar 28. Desain Antar Muka Halaman Manage User ...76

Gambar 29. Desain Antar Muka Halaman Manage Pemesanan ...76

Gambar 30. Desain Antar Muka Halaman Report ...77

Gambar 32. Screenshoot Halaman Utama ...78

Gambar 33. Screenshoot Form Login atau Masuk ...79

Gambar 34. Screenshoot Form Pendaftaran ...80

Gambar 35. Screenshoot Halaman Produk ...81

Gambar 36. Screenshoot Halaman Variasi ...82

Gambar 37. Screenshoot Keranjang Belanja ...83

Gambar 38. Screenshoot Forum...84

Gambar 39. Screenshoot Post Forum...84

Gambar 40. Screenshoot Pengaturan User ...85

Gambar 41. Screenshoot Pengaturan Produk ...86

Gambar 42. Screenshoot Pengaturan Kota ...87

Gambar 43. Screenshoot Pengaturan Variasi ...88

(6)

viii

DAFTAR TABEL

Tabel I. Notasi ERD (Entity Relationship Diagram) ...22

Tabel II. Simbol DFD (Data Flow Diagram) ...24

Tabel III. Proses Bisnis Modul Guest ...27

Tabel IV. Proses Bisnis Modul Member ...28

Tabel V. Proses Bisnis Modul Administrator ...29

Tabel VII. Spesifikasi Proses 1.1 Tampil Produk...40

Tabel VIII. Spesifikasi Proses 1.2 Tambah Produk ...41

Tabel IX. Spesifikasi Proses 1.3 Cari Produk ...41

Tabel X. Spesifikasi Proses 1.4 Update Produk ...41

Tabel XI. Spesifikasi Proses 1.5 Hapus Produk ...41

Tabel XII. Spesifikasi Proses 2.1 Tampil User...42

Tabel XIII. Spesifikasi Proses 2.2 Tambah User ...42

Tabel XIV. Spesifikasi Proses 2.3 Cari User ...42

Tabel XV. Spesifikasi Proses 2.4 Update User ...42

Tabel XVI. Spesifikasi Proses 2.5 Hapus User...43

Tabel XVII. Spesifikasi Proses 3.1 Tampil Variasi ...43

Tabel XVIII. Spesifikasi Proses 3.2 Tambah Variasi...43

Tabel XIX. Spesifikasi Proses 3.3 Cari Variasi ...43

Tabel XX. Spesifikasi Proses 3.4 Update Variasi ...44

Tabel XXI. Spesifikasi Proses 3.5 Hapus Variasi ...44

Tabel XXII. Spesifikasi Proses 4.1 Tampil Pesanan ...44

Tabel XXIII. Spesifikasi Proses 4.2 Tambah Pesanan ...45

Tabel XXIV. Spesifikasi Proses 4.3 Cari Pemesanan...45

Tabel XXV. Spesifikasi Proses 4.4 Update Pemesanan ...45

Tabel XXVI. Spesifikasi Proses 4.5 Hapus Pemesanan ...46

Tabel XXVII. Spesifikasi Proses 5.1 Tampil Forum ...46

Tabel XXVIII. Spesifikasi Proses 5.2 Tambah Forum ...46

Tabel XXIX. Spesifikasi Proses 5.3 Cari Forum ...46

Tabel XXX. Spesifikasi Proses 5.4 Hapus Forum ...47

Tabel XXXI. Spesifikasi Proses 6.1 Tampil Pembelanjaan ...47

Tabel XXXII. Spesifikasi Proses 6.2 Tambah Pembelanjaan ...47

(7)

ix

Tabel XXXIV. Spesifikasi Proses 6.4 Hapus Pembelanjaan...48

Tabel XXXV. Spesifikasi Proses 7.1 Tampil Laporan ...48

Tabel XXXVI. Spesifikasi Proses 7.2 Tambah Laporan ...48

Tabel XXXVIII. Kamus Data User ...49

Tabel XXXVII. Kamus Data Produk...50

Tabel XXXIX. Kamus Data Variasi ...50

Tabel XXXIX. Kamus Data Kota ...50

Tabel XXXIX. Kamus Data Provinsi ...51

Tabel XLI. Kamus Data Forum...51

Tabel XL. Kamus Data Pemesanan ...52

Tabel XLII. Kamus Data Pemesanan Detail ...53

Tabel XXXVIII. Kamus Data Registrasi Member ...54

Tabel XXXVIII. Kamus Data Member...55

Tabel XL. Kamus Data Pemesanan Keseluruhan ...55

Tabel XXXVII. Kamus Data Laporan ...57

Tabel XLIII. Keterangan Halaman Beranda ...61

Tabel XLIV. Business Rules Halaman Beranda ...61

Tabel XLV. Keterangan Halaman Produk ...62

Tabel XLVI. Business Rules Halaman Produk ...62

Tabel XLVII. Keterangan Halaman Kontak ...63

Tabel XLVIII. Business Rules Halaman Kontak...63

Tabel XLIX. Keterangan Halaman Pendaftaran ...65

Tabel L. Business Rules Halaman Pendaftaran ...66

Tabel LI. Keterangan Halaman FAQ ...66

Tabel LII. Business Rules Halaman FAQ ...66

Tabel LIII. Keterangan Form Login...67

Tabel LIV. Business Rules Form Login ...67

Tabel LV. Keterangan Form Pemesanan ...68

Tabel LVI. Business Rules Form Pemesanan ...69

Tabel LVII. Keterangan Halaman Keranjang Belanja ...69

Tabel LVIII. Business Rules Halaman Keranjang Belanja ...69

Tabel LIX. Keterangan Halaman Edit Profil ...71

Tabel LX. Business Rules Halaman Edit Profil ...72

(8)

x

Tabel LXII. Business Rules Halaman Forum...73

Tabel LXIII. Keterangan Halaman Manage Product ...74

Tabel LXIV. Business Rules Halaman Manage Product ...75

Tabel LXV. Keterangan Halaman Manage User ...76

Tabel LXVI. Business Rules Halaman Manage User ...76

Tabel LXVII. Keterangan Halaman Manage Pemesanan ...76

Tabel LXVIII. Business Rules Halaman Manage Pemesanan ...77

Tabel LXIX. Business Rules Halaman Report ...77

Tabel LXX. Business Rules Halaman Report...77

(9)

1

Universitas Kristen Maranatha

BAB I PENDAHULUAN

Bab Pendahuluan ini terdiri dari enam sub bab yang meliputi Latar

Belakang, Rumusan Masalah, Batasan Masalah, Tujuan Pembahasan,

Ruang Lingkup Kajian, Sumber Data dan Sistematika Penyajian.

1.1

Latar Belakang Masalah

Sistem informasi merupakan hal penting dan memiliki peranan

utama dalam kehidupan saat ini, dimana sistem informasi berbasis

komputerisasi dapat memberi kemudahan untuk mendapatkan informasi

yang diinginkan dan mengurangi kesalahan yang disebabkan oleh kelalaian

manusia. Dengan adanya sistem informasi, data dapat diolah dan

disampaikan dengan cepat, tepat dan akurat. Seiring dengan perkembangan

teknologi informasi maka dibutuhkan kemudahan dalam segala hal termasuk

penerapan pada sistem penjualan. Salah satu penerapannya adalah sistem

penjualan berbasis web. Sistem penjualan ini menawarkan kemudahan

dalam melakukan pembelian barang ataupun pemesanan barang secara

tidak langsung, karena pembeli tidak harus datang langsung ke produsen

untuk melakukan pemesanan barang melainkan barang dipesan melalui

internet dan akan dikirim langsung ke alamat pemesan.

Graffity Sandal adalah salah satu wirausaha yang memproduksi

sandal dengan berbagai jenis variasi. Dilihat dari ruang lingkup pekerjaan,

tugas dan fungsinya, Graffity Sandal sangat berpotensi untuk menerapkan

sistem penjualan berbasis web yaitu website penjualan sandal. Selain dapat

membantu dalam tugas sehari-hari serta dalam pengambilan keputusan,

penerapan website penjualan ini dapat menciptakan kemandirian. Dengan

adanya website penjualan ini, maka proses pemesanan barang akan lebih

(10)

2

sistem informasi penjualan yang menarik dan mudah diakses mengunakan

media internet dengan tampilan antarmuka website yang menarik.

Berdasarkan uraian yang telah disebutkan maka penulis mengambil

judul “Website Penjualan Sandal Bervariasi Menggunakan ASP.NET dan

Database SQL Server 2008“.

1.2

Rumusan Masalah

Berdasarkan latar belakang di atas, permasalahan dapat

diidentifikasi sebagai berikut :

1. Bagaimana user dapat memberdayakan media web secara lebih

maksimal?

2. Bagaimana cara dan urutan pengaksesan data dan informasi

dalam sebuah website?

3. Bagaimana cara pengelolaan data pemesanan di dalam sebuah

website?

4. Bagaimana cara merancang sebuah website penjualan yang

efektif dan efisien?

1.3

Tujuan Pembahasan

Tujuan dari pembuatan website e-commerce ini adalah :

1. Memaksimalkan penggunaan website sehingga dapat

diimplementasikan dalam bidang jual beli.

2. Memperkenalkan kepada masyarakat urutan dan cara

pengaksesan sebuah website, sehingga mendapatkan data dan

informasi yang diinginkan.

3. Menerapkan cara pengolahan dan pemesanan barang dalam

sebuah website.

4. Menerapkan perancangan website yang menarik, efektif dan

(11)

3

1.4

Ruang Lingkup Kajian

1.4.1

Hardware

Semua jenis hardware beberapa diantaranya processor, memory,

VGA, harddisk dengan spesifikasi standar dapat mengakses halaman web

ini.

Contoh spesifikasi hardware :

- Processor : Intel(R) Pentium 4 1,6 GHz

- Memory : 128 MB RAM

- VGA : 64 MB Approx Total Memory

-

Harddisk : 20 GB

1.4.2 Software

Untuk mengakses website dibutuhkan browser yang berjalan di atas

sistem operasi. Berikut contoh software yang dapat digunakan untuk

mengakses website berbasis ASP.NET.

Sistem Operasi :

- Microsoft Windows XP

Browser :

- Opera Browser

- Mozilla Firefox

- Microsoft Internet Explorer

Software yang digunakan dalam pembuatan aplikasi ini yaitu :

- Microsoft Visual Studio 2010 Ultimate Edition

(12)

4

1.4.3 Aplikasi

Pembuatan website ini dibatasi pada proses pemesanan yang

dilakukan pembeli dari daftar barang yang tersedia, dan pembuatan laporan

yang menunjang proses transaksi jual-beli di dalam website.

1.5

Sumber Data

Data-data yang dipakai oleh penulis untuk merancang dan

menyelesaikan tugas akhir ini berasal dari data Graffity Sandal, internet,

buku-buku literatur dan pengetahuan yang di dapat penulis selama proses

belajar.

1.6

Sistematika Penyajian

Sistematika penyajian dari tiap bab dalam laporan tugas akhir ini

adalah sebagai berikut:

1. BAB I PENDAHULUAN

Bab ini berisi latar belakang, rumusan masalah, batasan

masalah, tujuan pembahasan, ruang lingkup kajian, sumber data

dan sistematika penyajian.

2. BAB II KAJIAN TEORI

Bab ini membahas secara ringkas teori-teori dasar yang

berhubungan dengan perancangan website. Teori-teori ini

diambil dari berbagai pustaka yang diperlukan.

3. BAB III ANALISIS DAN PERANCANGAN

Bab ini berisi perancangan desain website dan database serta

relasi antar tabel yang dibutuhkan.

4. BAB IV HASIL DAN PEMBAHASAN

Bab ini berisi hasil akhir berupa screenshoot website dan

(13)

5

5. BAB V EVALUASI

Bab ini berisi evaluasi website berupa hasil dari pengetesan

dengan cara pembuatan blackbox.

6. BAB VI KESIMPULAN DAN SARAN

Bab ini mencakup kesimpulan dari seluruh laporan, dan saran

untuk pengajuan pengembangan sistem yang diambil selama

(14)

103

Universitas Kristen Maranatha

BAB VI KESIMPULAN DAN SARAN

6.1 Kesimpulan

Dari sistem yang telah dibuat, setelah dianalisa dan dievaluasi maka

dapat ditarik kesimpulan:

1. Website Penjualan Garaffity Sandal ini sudah menunjang fungsionalitas

yang sama dengan tujuan yang diharapkan dalam perumusan masalah,

antara lain:

Pembentukan website sandal secara online.

Pendataan pelanggan.

Pendataan Produk.

Menampilkan laporan penjualan.

Forum yang berisi tentang komentar tentang seputar website graffity.

2. Dengan dibentuknya website ini, diharapkan dapat mengurangi

kesalahan yang terjadi dalam setiap pelaporan.

(15)

104

6.2

Saran

Dalam semua hasil yang telah dicapai saat ini, masih mempunyai

beberapa kekurangan, antara lain:

1. Tampilan kepada user yang lebih menarik.

2. Pelaporan yang lebih diperbaiki.

3. Pemesanan dapat dilakukan melalui media lain yang terintegrasi ke

dalam website.

4. Pembuatan fasilitas live chat yang dapat memberikan informasi lebih

(16)

Universitas Kristen Maranatha

DAFTAR PUSTAKA

Al- Bahra. (2005). Analisis dan Desain: Sistem Informasi. Graha Ilmu.

Tangerang

http://blog.unsri.ac.id/

http://brainmatiks.com/asp.net

http://www.indo-code.com/

http://ilmukomputer.org/

http://www.metalogika.net/

http://www.sejarah-internet.com

http://id.wikipedia.org/

Jogiyanto HM, (1993), Analisis dan Desain Sistem Informasi, Yogyakarta,

Andi Offset.

Jogiyanto, HM. (1995). Pengenalan Komputer Pengolahan Data, Yogyakarta,

Andi Offset.

Kalakota, R. and Whinston, A. B. (1997) Electronic Commerce : a manager’s

guide, Addison-Wesley : Reading, Mass . ; Harlow, England.

Leman, (1998), Metodologi Pengembangan Sistem Informasi, PT. Elex Media Komputindo

Martin, James. (1985). Database Organzation ,Prentice-Hall

Purbo, Onno W. dan Wahyudi, Aang Arif (2001). Mengenal E-Commerce,

Edisi Kedua. Jakarta: PT Elex Media Komputindo

Robert A. Leitch dan K. Roscoc Davis; Jogiyanto. HM, 1993 : 11

Robert E. Johnson, III ( http://www.cimcor.com/ )

Sutanta, Edhy. (2003). Sistem Informasi Manajemen. Graha Ilmu.

Referensi

Dokumen terkait

Untuk meningkatkan peran aktif masyarakat lokal dalam pengelolaan hutan, manfaat jasa hutan khususnya aliran air untuk memenuhi kebutuhan dasar mereka harus

Di antara perkembangan tersebut, dinamika yang paling mendapat perhatian publik dan reaksi pro-kontra adalah perumusan terhadap beberapa tindak pidana baru dalam RUU KUHP, belum

Seiring kemajuan perusahaan, pada tahun 1946, perusahaan TJONG KONG FUNG dilanjutkan oleh putranya dan pada waktu itu merubah nama perusahaan

This family starts to face conflict when Adoniram (the male character) plans to build a new barn on the area set aside for the new house that he has promised to his

Penelitian model pemberdayaan ekonomi terintegrasi keluarga miskin melalui wirausaha produk ikan di kecamatan Kretek Kabupaten Bantul ini dikembangkan berdasarkan

Sehingga pada dasarnya kepercayaan masyarakat Desa Nguwok Kecamatan Modo Kabupaten Lamongan mengenai kematian, penyakit, perceraian dan juga kesulitan ekonomi yang

Adapun Kebijakan Teknis Pembangunan Perkebunan yang merupakan penjabaran dari kebijakan umum pembangunan perkebunan yaitu meningkatkan produksi, produktivitas dan mutu

Dengan uji wilayah Duncan diperoleh rata-rata persentase daya hidup spermatozoa menunjukkan bahwa penambahan glutathion dengan konsentrasi 1 mM memberikan hasil yang