Pembuatan Aplikasi Penjualan Online Berbasis Web pada Toko Sepatu Giovanni.

(1)

ABSTRACT

This final project is about a development of web-based online selling application. By this online selling website, Giovanni Shoe Boutique could effectively communicate update information about them to their consumer. The information basically consists of brand new product arrival and details of product range, enriches with off air and promotion activities which held by Giovanni Shoe Boutique. Moreover, Giovanni Shoe Boutique also serves for online selling, which trough this website consumer (member) could do online purchase, that includes payment process without having to come to the shop. It is simply by internet connection; consumer could get information or even shop in an efficient and prompt time.

This online selling application is web based. Therefore is needs a web browser, such as Internet Explorer to be able to use this application. This web application will also be developed in ASP.NET and will apply high level data-basis management that is using SQL Server.

This application is expected to give high benefit to both the consumer and Giovanni Shoe Boutique.

Keyword : Online Selling, ASP.NET, SQL Server.

Universitas Kristen Maranatha

(2)

ABSTRAK

Proyek Tugas Akhir ini adalah pembuatan aplikasi penjualan online berbasis web. Dengan adanya website penjualan online ini Toko Sepatu Giovanni dapat mendistibusikan informasi kepada para konsumennya. Informasi yang diberikan berupa info mengenai produk terbaru, kegiatan dan promo apa saja yang diadakan oleh Toko Sepatu Giovanni. Tidak hanya itu, Toko Sepatu Giovanni juga melayani penjualan online, dimana melalui website ini konsumen (member) bisa melakukan belanja secara online sampai pada proses pembayaran tanpa harus datang ke toko secara langsung. Hanya dengan koneksi melalui internet, konsumen bisa langsung memperoleh informasi atau bahkan mungkin berbelanja dalam waktu yang singkat dan efisien.

Aplikasi penjualan online ini berbasis web. Oleh karena itu, dibutuhkan web browser, seperti Internet Explorer untuk dapat menggunakan aplikasi ini. Aplikasi web ini akan dikembangkan dalam ASP.NET dan menggunakan manajemen basis data tingkat tinggi yaitu dengan menggunakan SQL Server.

Diharapkan dengan adanya aplikasi ini dapat memberikan manfaat baik kepada para konsumen maupun Toko Sepatu Giovanni.

Kata kunci : Penjualan Online, ASP.NET, SQL Server.

Universitas Kristen Maranatha

(3)

DAFTAR ISI

Abstract ... ... i

Abstrak ... ...ii

Kata Pengatar ... ... iii

Daftar Isi ... ... v

Daftar Gambar... ... vii

Daftar Tabel... ... x

Daftar Lampiran... ...xi

Bab I Pendahuluan 1.1 Latar Belakang Masalah ... 1

1.2 Perumusan Masalah ... 3

1.3 Tujuan Pembahasan ... 4

1.4 Batasan Masalah... 4

1.5 Sistematika Penulisan ... 6

Bab II Landasan Teori 2.1 Data Flow Daigram (DFD) ... 7

2.1.1 Komponen DFD... 8

2.2 Kamus Data ... 9

2.2.1 Fungsi Kamus Data ... 9

2.2.2 Hubungan DFD dan Kamus Data... 9

2.2.3 Isi Kamus Data ... 9

2.3 Spesifikasi Proses PSPEC ... 11

2.3.1 Syarat dari PSPEC ... 12

2.3.2 Isi PSPEC... 12

2.4 Database dan SQL Server 2000... 13

2.5 Macromedia Dreamweaver MX ... 16

2.5.1 Pengenalan Macromedia Dreamweaver MX... 16

2.5.2 Kemampuan baru Macromedia Dreamweaver MX ... 16

2.6 Arsitektur Framework.NET ... 18

2.6.1 Pengertian .NET ... 18

2.6.2 Framework.NET ... 18

2.6.3 Common Language Runtime (CLR) ... 19

2.6.4 Framework Class Library (FCL) ... 20

2.6.5 ASP.NET ... 21

2.6.5.1 Kebutuhan ASP.NET... 21

2.6.5.2 Sistem Operasi yang dibutuhkan... 21

2.6.5.3 Software dan hardware yang dibutuhkan ... 22

2.6.5.4 Proses Instalasi ... 22

Bab III Analisis dan Perancangan 3.1 Proses Bisnis ... 25

3.2 Rancangan ERD... 29

3.3 Basis Data Relasional... 30

3.4 Rancangan DFD ... 33

3.4.1 PSPEC... 37

3.4.2 Kamus Data ... 44

3.5 Rancangan Antar Muka... 48

Bab IV Hasil Tercapai... 54

Bab V Evaluasi ... 68

5.1 Black Box Testing... 68

Universitas Kristen Maranatha

(4)

Bab VI Kesimpulan dan Saran ... 79

Universitas Kristen Maranatha

(5)

DAFTAR GAMBAR

Gambar 1. Proses instalasi IIS I ... 22

Gambar 2. Cek atau Install IIS pada Windows Components ... 23

Gambar 3. Install IIS berhasil ... 23

Gambar 4. Proses Penyampaian Informasi... 27

Gambar 5. Proses Pendaftaran Member... 28

Gambar 6. Proses Berbelanja ... 29

Gambar 7. ER Diagram ... 30

Gambar 8. DFD Llevel 0... 34

Gambar 9. DFD Level 1 ... 35

Gambar 10. DFD Level 2 dari Proses 2 ... 36

Gambar 11. DFD Level 2 dari Proses 4 ... 37

Gambar 12. Proses Login ... 48

Gambar 13. Proses Register ... 48

Gambar 14. Proses Searching ... 49

Gambar 15. Proses Order ... 49

Gambar 16. Proses Belanja ... 50

Gambar 17. Proses Cek Daftar Order ... 50

Gambar 18. Proses Add Produk ... 51

Gambar 19. Proses View Shoes List... 51

Gambar 20. Proses View Empty Stock ... 52

Gambar 21. Proses Update... 52

Gambar 22. Proses Delete ... 53

Gambar 23. Tampilan Home ... 54

Gambar 24. Tampilan Registrasi... 55

Gambar 25. Tampilan Login ... 55

Gambar 26. Tampilan View Detail Produk ... 56

Gambar 27. Tampilan Order ... 56

Gambar 28. Tampilan Daftar Belanja ... 57

Gambar 29. Tampilan Jika Belum Memilih Produk ... 57

Gambar 30. Tampilan Company Profile ... 58

Gambar 31. Tampilan Outlets ... 58

Gambar 32. Tampilan Contact Us ... 59

Gambar 33. Tampilan Admin Menu... 59

Gambar 34. Tampilan Add Produk ... 60

Gambar 35.Tampilan View Shoes List ... 60

Gambar 36. Tampilan View Empty Stok... 61

Gambar 37. Tampilan Add New User-Admin ... 61

Gambar 38. Tampilan Member List ... 62

Gambar 39. Tampilan New Order ... 62

Gambar 40. Tampilan Old Order ... 63

Gambar 41. Email to Friend ... 63

Gambar 42. Laporan Penjualan ... 64

Gambar 43. Add New Entry Guestbook-Admin... 64

Gambar 44. View Guestbook-Admin ... 65

Gambar 45. Add New Entry Testimonials-Admin ... 65

Gambar 46. View Testimonials-Admin ... 66

Gambar 47.Guestbook-User ... 66

Universitas Kristen Maranatha

(6)

Gambar 48. View Testimonials-User... 67

Gambar 49. Error Checking- Login... 70

Gambar 50. Error Checking-Email ... 70

Gambar 51. Error Checking-Nomor Telp,Hp ... 70

Gambar 52. Logout ... 71

Gambar 53. Error Checking-Username,Password ... 71

Gambar 54. Error Checking-Confirm Password ... 72

Gambar 55. Error Checking-Delete Member... 73

Gambar 56. Add Produk... 74

Gambar 57. Update ... 75

Gambar 58. Delete produk-Before ... 76

Gambar 59. Error Checking-Delete Produk... 77

Gambar 60. Delete Produk-after ... 77

Gambar 01. Order Success... 78

Gambar 62. Error Checking-Stok ... 78

Universitas Kristen Maranatha

(7)

DAFTAR TABEL

Tabel 1. Contoh Simbol Kamus Data ... 10

Tabel 2. Contoh Kamus Data ... 11

Tabel 3. Contoh PSPEC... 13

Tabel 4. Tabel Member ... 30

Tabel 5. Tabel Produk ... 30

Tabel 6. Tabel Warna ... 31

Tabel 7. Tabel Ukuran ... 31

Tabel 8. Tabel Punya Stok ... 31

Tabel 9. Tabel Order ... 31

Tabel 10. Tabel Suborder ... 32

Tabel 11. Tabel Guestbook ... 32

Tabel 12. Tabel Testimonial ... 32

Tabel 13. PSPEC proses 1 ... 37

Tabel 14. PSPEC proses 2.1 ... 37

Tabel 20. PSPEC proses 4.2. ... 41

Tabel 25. Kamus Data Tabel Member... 44

Tabel 26. Kamus Data Tabel Produk ... 44

Tabel 27. Kamus Data Tabel Warna ... 45

Tabel 28. Kamus Data Tabel Ukuran. ... 45

Tabel 29. Kamus Data Tabel Punya Stok ... 45

Tabel 30. Kamus Data Tabel Order... 46

Tabel 31. Kamus Data Tabel Suborder ... 46

Tabel 32. Kamus Data Tabel Guestbook ... 46

Tabel 33. Kamus Data Tabel Testimonial ... 47

Tabel 34. Proses Add member... 69

Tabel 35.Proses Login ... 71

Tabel 36. Proses Edit Profile-Member... 72

Tabel 37. Proses Delete-Member... 73

Tabel 38. Proses Add-Produk ... 74

Tabel 39. Proses Update-Produk ... 75

Tabel 40. Proses Delete-Produk ... 76

Tabel 41. Proses Order ... 78

Universitas Kristen Maranatha

(8)

DAFTAR LAMPIRAN

Lampiran A Kuesioner ...A-1 Lampiran B Source Code ...B-1

Universitas Kristen Maranatha

(9)

BAB I PENDAHULUAN

1.1 Latar Belakang Masalah

Toko sepatu Giovanni berdiri pada tanggal 1 Februari 1996 di Kings

Shopping Centre. Outlet yang kedua dibuka pada bulan November 2002 di

Istana Plaza. Outlet yang ketiga dibuka pada bulan Mei 2004 di Kings

Shopping Centre dan yang terakhir berdiri pada bulan Oktober 2005 di

Bandung Indah Plaza. Produk yang ditawarkan toko sepatu Giovanni adalah

sandal dan sepatu casual serta formal untuk wanita berusia 18-30. Selain

mempunyai pengrajin sepatu sendiri, perusahaan juga melakukan

outsourcing dalam penyediaan produk perusahaan.

Saat ini aktivitas promosi yang dilakukan oleh perusahaan antara lain :

•

Advertising yaitu pemasangan iklan melalui koran, brosur, radio.

•

Sales promotion seperti memberikan kado pada event-event khusus

contohnya pada waktu natal, lebaran, imlek, hari valentine atau ulang

tahun member.

•

Personal selling yang biasanya dilakukan oleh karyawan toko.

•

Public relation berupa grand opening toko, menyebarkan newsletter,

mensponsori beberapa events di kota Bandung, seperti bazaar SMA

Santa Angela dan SMA BPK.

•

Direct Marketing yaitu dengan menggunakan direct mail dan member

card.

●

Direct mail yang dibuat berisi sebuah undangan untuk

mengunjungi toko baru dan mendapatkan potongan harga.

●

Konsumen yang melakukan transaksi pembelian berapa pun

jumlah atau harganya, ditanyai mengenai apakah ia ingin

membuat sebuah member card, jika konsumen bersedia, ia

akan diberikan sebuah temporary card. Member card diberikan

Universitas Kristen Maranatha

(10)

jika customer sudah melakukan pembelian sebesar minimal

lima ratus ribu rupiah dalam jangka waktu dua tahun, setiap

pembelian akan dicatat pada temporary card. Setiap customer

yang sudah menjadi member akan mendapat potongan harga

sebesar 10%.

•

Mengirimkan sms kepada customer yang berisikan tentang informasi

produk-produk baru atau potongan harga.

•

Mengirimkan katalog ke rumah-rumah untuk berkomunikasi dengan

konsumen. Tetapi pembuatan katalognya saja membutuhkan waktu

yang cukup lama, dimulai dari penyerahan gambar, editing oleh

perusahaan percetakan, approval dari perusahaan, perbaikan jika

terjadi kesalahan, approval final, sampai akhirnya dicetak, memerlukan

waktu lebih dari dua minggu. Banyak terdapat keluhan dari konsumen

yang mendapati bahwa model sepatu yang terdapat di katalog sudah

habis terjual pada saat konsumen hendak membelinya di toko.

Meskipun semua aktivitas tersebut sudah dilaksanakan, perusahaan masih

mengalami kesulitan dalam mendistribusikan infomasi produk kepada

konsumen. Oleh karena itu, dibutuhkan sebuah media yang bisa meberikan

berbagai informasi secara cepat dan efektif yaitu melalui pembuatan

pembelanjaan online Toko Sepatu Giovanni berbasis web. Melalui website

ini, para konsumen lama maupun baru tidak hanya mendapat informasi saja,

konsumen juga bisa melakukan pembelanjaan secara online bahkan sampai

pada proses pembayaran. Diharapkan dengan adanya website promosi Toko

Sepatu Giovanni menjadi lebih baik dari sebelumnya.

Universitas Kristen Maranatha

(11)

1.2 Perumusan

Masalah

Dari latar belakang masalah di atas, ditemukan perumusan masalah sebagai

berikut :

1) Bagaimana membuat website penjualan online agar Toko Sepatu

Giovanni bisa dikenal oleh masyarakat luas bahkan sampai di luar

wilayah Bandung, karena Toko Sepatu Giovanni hanya ada di

Bandung saja?

2) Bagaimana membuat website penjualan online agar Toko Sepatu

Giovanni dapat mendistribusikan informasi mengenai

produk-produknya secara lengkap, up-to-date, cepat dan efektif kepada calon

konsumen baru maupun kepada para konsumen?

3) Bagaimana membuat website penjualan online sebagai media promosi

selain melalui koran, radio atau sms. Mengingat perkembangan

teknologi yang semakin canggih menuntut kita untuk serba cepat

dalam memperoleh informasi?

4) Bagaimana membuat website penjualan online agar para konsumen

bisa melakukan belanja secara online, bahkan sampai pada proses

pembayaran?

5) Bagaimana membuat website penjualan online agar perusahaan bisa

memberikan atau menyediakan pelayanan yang terbaik kepada para

konsumen?

6) Bagaimana membuat website penjualan online agar dapat menjalin

komunikasi yang baik antara perusahaan dan konsumen?

Universitas Kristen Maranatha

(12)

1.3 Tujuan

Pembahasan

Dengan

dibuatnya

website penjualan online ini diharapkan :

•

Masyarakat semakin mengenal Toko Sepatu Giovanni, bukan hanya

masyarakat Bandung saja melainkan dari luar kota.

•

Informasi yang diberikan kepada calon konsumen baru maupun

konsumen lama menjadi semakin cepat dan efektif.

•

Menjadi media promosi yang lebih canggih dibanding sebelum

menggunakan aplikasi website penjualan ini.

•

Calon konsumen baru maupun konsumen lama dapat memperoleh

informasi yang up-to-date, lengkap, cepat dan efektif mengenai

produk-produk yang sesuai dengan kebuthan dan keinginannya.

•

Para konsumen bisa melakukan pembelanjaan secara online, tanpa

harus datang ke langsung ke toko.

•

Komunikasi antara perusahaan dengan konsumen berjalan baik dan

dapat tercipta image yang baik pada benak konsumen.

1.4 Batasan

Masalah

1) Batasan Perangkat Lunak (software).

•

Sistem

operasi

Microsoft Windows XP Professional SP 2.

•

Sistem Basis Data: SQL Server 2000.

•

Bahasa Pemrograman (scripting): ASP.NET.

•

Editor

Pemrograman:

Visual Studio.NET Framework 1.1 dan

Macromedia Dreamweaver MX 2004.

•

Web browser: Internet Explorer.

Universitas Kristen Maranatha

(13)

2) Batasan Perangkat Keras (hardware).

•

Server dan Pengembangan:

1. Processor AMD Sempron(tm) 2500+, MMX,

3Dnow,~1.7GHz.

2. Memory / RAM 256 Mb.

3. Harddisk 40 Gb.

4. Keyboard + Mouse.

•

Client

1. Processor Intel Pentium III.

2. Memory / RAM 256 Mb atau lebih tinggi.

3) Batasan aplikasi :

•

website ini berisi tentang informasi produk baik sepatu

maupun sandal berupa gambar produk, kode barang, warna,

kategori, dan ukuran.

•

Memiliki

tiga

user yaitu user biasa, member dan admin.

1. Untuk user biasa (user regular), yaitu semua user yang

mengunjungi website ini.

2. User member, yaitu user yang sudah melakukan proses

registrasi sebagai member. Fasilitas yang bisa didapat

oleh user member seperti melakukan pemesanan secara

online, mendapat potongan harga (discount), dan

mendapat ucapan pada waktu ulang tahun.

3. User admin, yaitu user yang bertugas untuk maintenance

website ini(dari pihak giovanni), seperti meng-update,

insert, delete data baik data produk maupun data

customer (nama, no telp, alamat, tanggal lahir) dan

upload gambar.

•

Untuk

mengakses

website ini user hanya menggunakan web

browser (internet explorer).

Universitas Kristen Maranatha

(14)

1.5 Sistematika

Penulisan

Penulisan laporan tugas akhir terdiri atas enam bab dengan

penyusunan sebagai berikut :

Bab I Pendahuluan

Bersi Latar Belakang, Perumusan Masalah, Tujuan, Batasan Masalah,

dan Sistematika Penulisan.

Bab II Landasan Teori

Menjelaskan tentang teori-teori apa saja yang digunakan dan

mendukung dalam pembuatan aplikasi laporan Tugas Akhir.

Bab III Analisis dan Perancangan

Bab ini berisi tentang analisis perancangan dalam pembuatan aplikasi

penjualan online, seperti Proses Bisnis, Rancangan ERD, Rancangan

DFD beserta kamus data dan PSPEC dan Rancangan Antarmuka.

Bab IV Hasil Tercapai

Sebagian besar isi dari bab ini berisi tampilan penjelasan aplikasi pada

monitor.

Bab V Evaluasi

Bab ini berisi laporan implementasi awal dari penggunaan aplikasi dan

sistem yang baru, dimana dalam tahap ini dilakukan juga dilakukan

pengujian.

Bab VI Penutup (Kesimpulan Saran)

Merupakan bagian akhir dari laporan hasil kerja praktek penulis yang

berisi kesimpulan dan saran dan pengembangan terhadap aplikasi ini.

Universitas Kristen Maranatha

(15)

BAB VI PENUTUP

6.1 Kesimpulan

•

Dengan adanya aplikasi penjualan online Toko Sepatu Giovanni

menjadi lebih dikenal oleh masyarakat, tidak hanya di bandung

saja melainkan dari luar bandung juga.

•

Dengan adanya aplikasi penjualan online media informasi

menjadi lebih canggih daripada sebelumnya.

•

Dengan adanya aplikasi penjualan online Toko Sepatu Giovanni

menjadi lebih mudah dan cepat dalam mendistribusikan

informasi kepada para konsumen.

•

Dengan adanya aplikasi penjualan online lebih menghemat

waktu dan biaya, karena konsumen tidak perlu datang langsung

ke toko. Hanya dengan melakukan koneksi internet konsumen

bisa langsung mengakses web ini.

•

Dengan

adanya

aplikasi penjualan online para konsumen tidak

hanya mendapatkan informasi mengenai produk, konsumen

juga bisa melakukan pembelanjaan secara online sampai pada

mekanisme pembayaran.

•

Aplikasi penjualan online bisa menjadi media komunikasi antara

konsumen dengan pihak Toko Sepatu Giovanni. Sehingga

perusahaan bisa memberikan pelayanan yang terbaik kepada

para konsumennnya.

6.2 Saran

•

Website harus selalu ter-update, sistem keamanan seluruh data

harus benar-benar terjamin.

Universitas Kristen Maranatha

(16)

•

Sistem pembayaran bisa lebih canggih dan sistem keamanan

pembayaran juga terjamin.

•

Diharapkan ada pengembangan dan penambahan fitur-fitur

terbaru dalam waktu selanjutnya.

Universitas Kristen Maranatha

(17)

DAFTAR PUSTAKA

[1] Edi, D. (2003). Diktat mata kuliah Pengantar Sistem Informasi.

Universitas Kristen Maranatha : Fakultas Teknologi Informasi.

[2] Hadiyan, T. (2005). Diktat mata kuliah Pemrograman Web Lanjut.

Universitas Kristen Maranatha : Fakultas Teknologi Informasi.

[3] Janudin. (2005). Belajar Sendiri .NET . Yogyakarta : C.V Andi Offset.

[4] Martina, I. (2003). 36 Jam Belajar Sendiri Komputer Microsoft SQL

Server 2000. Jakarta : Elex Media Kompetindo.

[5] Rickyanto, I. (2002). Desain Web dengan Mecromedia Dreaweaver

MX. Jakarta : P.T Elex Media Kompetindo.

[6] Leonardi, F. (2006). Pengaruh Marketing Communication Mix terhadap

penjualan Giovanni. Universitas Katolik Parahyangan : Fakultas Ekonomi.

[7] http://

www.charles&keith.com

. Dicuplik tanggal 14 September 2006.

[8] http://

www.roxy.com

. Dicuplik tanggal 24 Juni 2008.

[9]

http://www.sexyshoes.co.uk

. Dicuplik tanggal 24 Juni 2008.