PSI : Rancang Bangun Sistem Informasi Penjualan Berbasis Web Pada CV. Give Me Colours.

CV. GIVE ME COLOURS

PROYEK SISTEM INFORMASI

Nama

: JENNY EDIARTY

NIM

: 11.39010.0002

Program : DIII (Diploma Tiga)

Jurusan : Manajemen Informatika

SEKOLAH TINGGI

MANAJEMEN INFORMATIKA & TEKNIK KOMPUTER

SURABAYA

vi ABSTRAK

Pada era teknologi yang saat ini berkembang dengan cepat, hampir semua aspek kehidupan baik di masyarakat dan pemerintahan memanfaatkan teknologi dalam pengolahan data menjadi sebuah informasi yang tepat sesuai dengan kebutuhan pengguna. Menurut data yang diambil dari internet jumlah pengguna aktif internet di seluruh dunia saat ini mencapai lebih dari 2,1 Milyar user, dan

kebany perusahaan – perusahaan terkemuka memilih media web online untuk

memasarkan produknya terlebih lagi proses pemesanan melalui media web online. CV. Give Me Colours ini merupakan sebuah perusahaan yang bergerak dalam bidang percetakan offset printing yang melayani produk cetak dan memberikan layanan terbaiknya untuk mencapai tingkat kepercayaan costumer. Sistem pemasaran perusahaan ini masih menggun periklanan konvensional yang menggunakan brosur dan pemasarannya lebih sering dari satu orang ke orang lain saja. Sehingga dirasa oleh pemilik perusahaan masih belum tercapai tujuannya.

Perusahaan ini menginginkan perluasan dalam sistem promosi dengan menggunakan media periklanan web. Aplikasi ini mampu memberikan kontribusi terhadap kemajuan serta tercapainya tujuan dari CV. Give Me Colours untuk memperkenalkan produk-produknya agar dapat meningkatkan pangsa pasarnya sehingga mendapatkan keutungan lebih besar dari sebelumnya. Selain itu, sistem ini mampu memberikan laporan tentang pemesanan jasa kepada pemilik perusahaan melalui email.

ix DAFTAR ISI

Halaman

ABSTRAK ... vi

ABSTRACT ... vii

KATA PENGANTAR ... viii

DAFTAR ISI ... ix

DAFTAR TABEL ... xii

DAFTAR GAMBAR ... xiii

DAFTAR LAMPIRAN ... xv

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Perumusan Masalah ... 2

1.3 Batasan Masalah... 2

1.4 Tujuan ... 3

1.5 Kontribusi ... 3

1.6 Sistematika Penulisan ... 4

BAB II HASIL SURVEY ... 6

2.1 Identitas Perusahaan ... 6

2.2 Uraian Tentang Perusahaan... 6

2.3 Visi dan Misi Perusahaan ... 7

2.3.1 Visi perusahaan ... 7

2.3.2 Misi perusahaan ... 7

x

2.5 Analisis Sistem yang Sedang Berjalan ... 8

2.6 Dokumen Input Output ... 14

BAB III LANDASAN TEORI ... 15

3.1 Promosi ... 15

3.2 E-Marketing ... 16

3.3 Webvertising ... 17

3.4 Aplikasi ... 20

3.5 Interaksi Manusia dan Komputer ... 21

3.6 Pemesanan Barang ... 21

3.7 Wawancara ... 23

3.8 Persediaan Barang ... 24

3.9 Online ... 25

BAB IV ANALISIS DAN DESAIN SISTEM... 26

4.1 Analisis Sistem ... 26

4.1.1 Proses Pelanggan ... 28

4.1.2 Proses Barang atau Produk ... 28

4.1.3 Proses Pemesanan ... 29

4.2 Desain Sistem ... 29

4.2.1 System Flow Customer... 30

4.2.2 System Flow Produk ... 32

4.2.3 System Flow Pemesanan ... 33

4.2.4 System Flow Pembayaran ... 34

4.2.5 Context Diagram ... 36

xi

4.2.7 HIPO ... 41

4.2.8 Entity Relationship Diagram ... 41

BAB V IMPLEMENTASI DAN PEMBAHASAN ... 53

5.1 Implementasi Sistem ... 53

5.2 Cara Setup Program ... 53

5.3 Melakukan Pembahasan terhadap Implementasi Sistem ... 57

5.3.1 Halaman Home ... 57

5.3.2 Halaman Produk ... 58

5.3.3 Halaman Pemesanan Produk ... 59

5.3.4 Halaman Form Pemesanan... 59

5.3.5 Halaman Data Barang ... 60

5.3.6 Halaman Data Member... 61

5.3.7 Halaman Data Transaksi Pemesanan ... 61

5.3.8 Halaman Form Pembayaran ... 62

BAB VI PENUTUP ... 64

6.1 Kesimpulan ... 64

6.2 Saran ... 64

DAFTAR PUSTAKA ... 66

xii

DAFTAR TABEL

Halaman

Tabel 2.1 Jabatan dan Tugas ... 8

Tabel 4 1 Struktur Tabel Admin ... 44

Tabel 4.2 Struktur Tabel Customer ... 44

Tabel 4.3 Struktur Tabel Produk ... 45

Tabel 4.4 Struktur Tabel Pemesanan ... 45

Tabel 4.5 Struktur Tabel Pembayaran ... 46

Tabel 4.6 Struktur Tabel Detail Pemesanan ... 46

xiii

DAFTAR GAMBAR

Halaman

Gambar 2.1 Struktur Organisasi CV. Give Me Colours ... 7

Gambar 2.2 Document Flow Proses Pelanggan ... 9

Gambar 2. 3 Document Flow Proses Barang atau Produk ... 10

Gambar 2.4 Document Flow Proses Pemesanan ... 12

Gambar 2.5 Document Flow Proses Pembayaran ... 13

Gambar 2.6 Document Penjualan CV. Give Me Colours ... 14

Gambar 4.1 System Flow Customer ... 31

Gambar 4.2 System Flow Produk ... 32

Gambar 4.3 System Flow Pemesanan ... 33

Gambar 4.4 System Flow Pembayaran ... 35

Gambar 4.5 Data Flow Diagram Level Context ... 36

Gambar 4.6 DFD Level 0 ... 37

Gambar 4.7 DFD Level 1 Maintanance Master ... 38

Gambar 4.8 DFD Level 1 Proses Mengelola Transaksi Pemesanan... 39

Gambar 4.9 DFD Level 1 Proses Cetak Laporan... 40

Gambar 4.10 Hierarchy Chart Sistem Informasi Penjualan ... 41

Gambar 4.11 CDM ... 42

Gambar 4.12 PDM ... 43

Gambar 4.13 Halaman Utama User ... 48

Gambar 4.14 Halaman Produk ... 48

Gambar 4.15 Halaman Hubungi Kami ... 49

xiv

Gambar 4.17 Halaman Maintenance Barang ... 51

Gambar 4.18 Halaman Maintenance Member ... 52

Gambar 5.1 Installer xampp ... 54

Gambar 5.2 Pesan Error ... 54

Gambar 5.3 Pesan Error Yes ... 54

Gambar 5.4 Setup Wizard ... 55

Gambar 5.5 Pilih Components ... 55

Gambar 5.6 Lokasi pilhan penyimpanan ... 56

Gambar 5.7 Halaman Finish ... 56

Gambar 5.8 Perintah menjalankan ... 57

Gambar 5. 9 Halaman Home... 58

Gambar 5. 10 Halaman Produk ... 58

Gambar 5. 11 Halaman Pemesanan Produk ... 59

Gambar 5. 12 Halaman Form Pemesanan ... 60

Gambar 5. 13 Halaman Data Barang ... 60

Gambar 5. 14 Halaman Data Member ... 61

Gambar 5. 15 Halaman Data Transaksi Pemesanan ... 62

xv

DAFTAR LAMPIRAN

Halaman

Lampiran 1. Hasil Test Wawancara ... 68

Lampiran 2. Surat Keterangan Survey ... 69

Lampiran 3. Laporan Penjualan. ... 70

Lampiran 4. Listing Program Halaman Home ... 71

Lampiran 5. Listing Program Transaksi Pemesanan... 78

1 BAB I PENDAHULUAN

1.1 Latar Belakang Masalah

CV. Give Me Colours merupakan perusahaan yang bergerak di bidang percetakan offset printing yang melayani produk cetak. CV. Give Me Colours didirikan Rikho Angga Poetra pada awal tahun 2013. Proses pemesanan dan promosi merupakan bagian yang menunjang perkembangan produksi di CV. Give Me Colours. Proses pemesanan dan promosi di CV. Give Me Colours masih

menggun metode lama yakni penyebarannya dari mulut ke mulut dan dari door –

to – door sehingga menyebabkan proses pemesanan menjadi kurang efektif dan

kegiatan promosi menjadi tidak berkembang.

Seiring berkembangnya CV. Give Me Colours, diperlukan penanganan ekstra dalam meningkatkan produktifitas produk khususnya di bidang pemesanan, promosi dan pembayaran. Selain itu juga masalah lain yang timbul adalah

kegiatan promosi melalui media – media poster, iklan, dan lain-lain. CV. Give Me

Colours yang masih belum ada, sehingga berdampak kurang terkenalnya produk CV. Give Me Colours di kalangan masyarakat. Selain itu juga untuk penyimpanan data pemesanan masih menggun note atau catatan biasa, sehingga terjadi penumpukan data pemesanan dikaren tidak tepatnya pengolahan data yang terkait dalam mendapatkan informasi.

Solusi dari permasalahan diatas adalah dengan pembuatan aplikasi media promosi, dan pemesanan dengan menggun media web online diharapkan

dapat meningkatkan pekerjaan menjadi lebih cepat sehingga tidak terjadi hambatan dan kendala dalam penanganan pemesanan dan promosi. Selain itu juga aplikasi ini dapat meningkatkan daya tarik dan pengetahuan masyarakat terhadap produk yang diberikan melalui media web online yang telah diterapkan.Guna mempermudah proses promosi dan pencatatan pemesanan maka dilakukan penerapan dan penggunaan teknologi informasi melalui pembuatan aplikasi media promosi dan pemesanan di CV. Give Me Colours yang menggun media web sehingga dapat meningkatkan daya saing dan daya jual CV. Give Me Colours saat ini, sehingga CV. Give Me Colours dapat dikenal kalangan masyarakat dan

memberikan kemudahan untuk mengolah data – data pemesanan.

1.2 Perumusan Masalah

Berdasarkan latar belakang di atas perlu dirumuskan suatu masalah. Perumusan masalah tersebut dijabarkan di bawah ini:

a. Bagaimana merancang bangun aplikasi sistem informasi penjualan berbasis

web pada CV. Give Me Colours sehingga mampu diterima dan dimengerti oleh user?

1.3 Batasan Masalah

Dalam membuat aplikasi ini diperlukan pembatasan agar tidak menyimpang dari topik yang diambil. Pembatasan aplikasi tersebut dijelaskan di bawah ini:

a. Aplikasi ini merancang bangun pemesanan yang dilakukan oleh satu customer

untuk satu transaksi barang dan pembayaran dilakukan melalui konfirmasi

3

b. Aplikasi ini membuat laporan pemesanan dan pembayaran yang dilakukan

oleh admin.

1.4 Tujuan

Dengan melihat perumusan masalah yang ada, dalam proyek sistem informasi ini didapatkan tujuan yang dibahas. Tujuan tersebut dijelaskan di bawah ini:

a. Membuat aplikasi media promosi dan pemesanan berbasis web online yang

berisi fitur-fitur untuk pemesanan dan promosi, laporan pemesanan yang terjadi serta maintenance data master.

b. Membuat aplikasi media promosi dan pemesanan yang efektif dan efisien

dalam pencatatan maupun pelaporan sehingga data yang dihasilkan valid, lengkap, dan cepat dalam pelaporan.

c. Membuat aplikasi dengan tampilan menu yang user friendly dengan tujuan

untuk memudahkan dan mempercepat dalam menggun aplikasinya.

1.5 Kontribusi

Beberapa hal yang dapat diperoleh dari proyek sistem informasi di CV. Give Me Colours antara lain:

a. Merancang dan membangun sebuah aplikasi yang membantu dalam

meningkatkan pangsa pasar/marketplace dari konsumen CV. Give Me Colours sehingga dapat mencapai keuntungan yang maksimal.

b. Mempermudah admin dalam mengolah dan memelihara data-data pemesanan

c. Mempermudah pelanggan atau customer dalam memperoleh informasi

souvenir yang dicari.

1.6 Sistematika Penulisan

Sistematika penulisan laporan proyek sistem informasi digun untuk menjelaskan penulisan laporan per bab. Sistematika penulisan proyek sistem informasi dapat dijelaskan pada alinea di bawah ini.

Bab pertama pendahuluan membahas tentang latar belakang penulis

dalam mengangkat judul ”Rancang Bangun Sistem Informasi Penjualan Berbasis

Web pada CV. Give Me Colours”.

Bab kedua hasil survey membahas tentang gambaran umum CV. Give Me Colours Selalu dan lingkup kerjanya beserta struktur organisasi yang bersangkutan.

Bab ketiga landasan teori membahas tentang landasan teori yang digunakan oleh penulis dalam perancangan sistem informasi distribusi. Landasan teori yang digunakan adalah: Sistem, Sistem Informasi, Distribusi, Perancangan, Teknik wawancara yang baik.

Bab keempat analisis dan desain sistem membahas tentang spesifikasi prosedur dalam menyelesaikan Rancang Bangun Sistem Informasi Penjualan Berbasis Web pada CV. Give Me Colours meliputi analisis Document Flow, Data

Flow Diagram, Context Diagram, Entity Relationship Diagram beserta Struktur

5

Bab kelima implementasi dan pembahasan membahas tentang spesifikasi

hardware dan software yang dipakai serta membahas prosedur penggunaan

aplikasi distribusi ini.

Bab keenam penutup membahas tentang kesimpulan dan saran yang dapat digunakan sebagai bahan perbaikan dan pengembangan dari kegiatan perancangan dan pembuatan aplikasi ini.

6 BAB II HASIL SURVEY

2.1 Identitas Perusahaan

Nama Perusahaan : CV. Give Me Colours

Alamat : Griya Kebraon Utama VII DE 6 Surabaya

No Telp./Hp : (031) – 60474114 / 0856 311 8595

E-mail : GiveMeColours@yahoo.com

Contact Person : Rikho Angga Poetra

Jabatan : Pemilik

Bisnis Utama : Percetakan Offset Printing

2.2 Uraian Tentang Perusahaan

CV. Give Me Colours didirikan oleh Rikho Angga Poetra pada awal tahun 2013 dan berlokasi di Griya Kebraon Utama VII DE 6, Surabaya, telp (031) - 60474114. Perusahaan ini bergerak pada bidang jasa percetakan offset printing dan multimedia.

Bisnis utama dari perusahaan ini adalah layanan pembuatan id card, pin, kalender, pembuatan album foto kenangan,dan lain-lain.

7

2.3 Visi dan Misi Perusahaan 2.3.1Visi perusahaan

Give Me Colours ingin menjadi jasa percetakan termuka dan dikenal orang seluruh Indonesia yang selalu mengutam kepuasaan customer serta kualitas yang terbaik.

2.3.2 Misi perusahaan

Give Me Colours mempunyai misi untuk menjadi jasa online dan offline yang terpercaya di Indonesia. Mewujudkan customer lebih mudah dalam melakukan transaksi di seluruh Indonesia. Give Me Colours menyedi layanan yang inovatif, mudah di jangkau dan berkualitas.

2.4 Struktur Organisasi

Uraian Jabatan dan Tugas masing-masing komisaris : Tabel 2.1 Jabatan dan Tugas

Jabatan Tugas

Komisaris Menerima laporan secara keseluruhan serta mengotorisasi persetujuan yang diajukan dari direktur.

Manager Pelaksana dan penerima laporan dari staff bagian masing-masing

Staff Administrasi Bertugas mengatur keuangan dan mencatat segala hal yang berhubungan dengan kepentingan perusahaan Staff Art Desaign Bertugas membuat kreatif design dll

yang berkaitan dengan bidang kreatifitas.

Staff Lapangan Bertugas langsung di lapangan untuk mengangantar pesanan ke pelanggan yang dapat terjangkau

Staff Marketing Bertugas mencari pelanggan,

memasarkan produk dan menentukan target pasar yang dituju.

2.5Analisis Sistem yang Sedang Berjalan

Berdasarkan hasil studi lapanagn yang dilakukan pada CV. Give Me Colours, dapat dibuat suatu analisis sistem. Analisis sistem yang ada yaitu sebagai berikut:

A. Document Flow Proses Pelanggan

Document flow yang berfungsi untuk mengetahui secara detail alur

transaksi tersebut. Untuk melakukan transaksi pemesanan produk pada CV. Give Me Colours, seorang customer harus mengisi form customer yang sudah disedi

9

oleh bagian admin. Setelah data customer sudah diisi, bagian admin merekap dan meyimpan. Seperti yang terlihat pada Gambar 2.2 dibawah ini.

Master Customer

Admin Customer

Mengisi form customer

Form customer terisi Form customer

Merekap data customer

Data customer Membuat

form customer

Selesai Form customer

Mulai

B. Document Flow Proses Barang atau Produk

Proses document flow ini customer sudah di rekap, lalu admin membuat

list produk yang dibuat oleh bagian desain. Sebelum diberikan langsung oleh

bagian desain, admin terlebih dahulu membuat data produk yang dibuat. Lalu, bagian desain membuat produk yang sudah diberikan oleh admin. Setelah itu bagian admin merekap data produk yang sudah dibuat oleh bagian desain. Gambar 2.3 dibawah ini.

Master Produk

Bag.Design Admin

Mulai

Data produk Mengisi list

Produk

Selesai Data Produk

yang telah dibuat Data Produk

Membuat design produk

Data Produk

Merekap data produk

11

C. Document Flow Proses Pemesanan

Pada Gambar 2.4 di bawah setelah data customer terisi maka customer memilih list produk yang dibuat. Setelah memilih list maka customer diberikan dokumen purchase order. Setelah purchase order telah diberikan oleh bagian admin, customer berhak memilih desain yang dibuat, desain yang dibuat juga harus sesuai besar ukuran yang ingin diberikan kepada bagian desain untuk hasil yang lebih bagus, apakah desain dibuat sendiri oleh customer atau desain yang dibuat oleh CV. Give Me Colours. Apabila desain atau produk yang sudah dibuat oleh CV. Give Me Colours atas permintaan dari customer tidak sesuai maka CV. Give Me Colours membuat list order dan contoh desain yang sudah diberikan oleh customer. Pada bagian vendor, vendor hanya menerima pemesanan dari bagian admin CV. Give Me Colours, jika vendor tersebut mendapatkan pemesanan, maka vendor ini mengerjakan desain yang sudah di berikan oleh

cusrtomer atau produk yang sudah diberikan oleh admin CV. Give Me Colours.

Setelah desain atau produk sudah benar-benar sesuai dari pihak customer maka admin menyimpan list order dan dibuatkan nota pembayaran oleh bagian admin. Setelah nota pembayaran sudah dibuat maka produk dikirimkan kepada customer, lalu customer menerima produk dan nota bukti pembayaran yang sudah dibuat oleh admin dari CV. Give Me Colours.

Master Pemesanan Vendor Admin Customer Mulai Data Customer Data Customer Mengecek Data Customer Membuat List Order List Order List Order Memilih List Produk Purchase Order Purchase Order Membuat Surat

Jalan Surat Jalan

Surat Jalan Membuat Produk Sesuai List Apakah membuat produk? Apakah Design sendiri? YA Membuat Design Produk Membuat Contoh Produk Produk (contoh) 1 1 Produk (contoh) Mengubah Design Produk Apakah Setuju? Tidak Tidak 2 2 YA Produk Produk Mengecek Produk Apakah Produk Sesuai? Tidak Membuat Nota Pembayaran YA Nota Pembayaran Nota Pembayaran Nota Pembayaran Mengirimkan Produk Produk Member? YA Tidak Selesai

13

D. Document Flow Proses Pembayaran

Proses pembayaran dilakukan setelah barang pesanan selesai diproses dan sampai ditangan customer. Proses pembayaran ada 2 jenis, yaitu pembayaran tunai (cash) atau kredit. Untuk tunai atau kredit ini disesuaikan dengan sewaktu proses pemesanan barang pada form pemesanan barang. proses pembayaran laporan ini dapat dilihat pada Gambar 2.5 seperti dibawah ini :

Pembayaran dan laporan Penjualan Pada CV. Give Me Colours

Penjualan Bukti Pelunasan Direktur Konsumen selesai Mulai Mencatat pembukuan Laporan bulanan Pelunasan

Barang pesanan Barang pesanan

Membuat laporan bulanan pembukuan Nota/Invoice Mengecek status pesanan barang Lunas? Pelunasan Pembayaran Y Mengecek DP Pemesanan T DP Sesuai? Bukti Pelunasan Bayar sisa Pelunasan DP Y T

2.6 Dokumen Input Output

Berdasarkan hasil dari studi lapangan CV. Give Me Colours, terdapat dokumen input dan output yang diperlukan dalam menangani proses penjualan yang ada pada CV. Give Me Colours. Dokumen input/output yang adalah dokumen data penjalan yang diisi oleh tiap karyawan setiap transaksi. Dokumen tersebut direkap tiap akhir bulan

15 BAB III LANDASAN TEORI

Dalam bab ini dijelaskan landasan teori yang digun untuk mendukung penyusunan laporan kerja praktek ini. Landasan teori yang dibahas meliputi permasalahan-permasalahan atau prosedur-prosedur yang berlaku saat ini serta beberapa pengertian tentang ilmu yang berkaitan dengan permasalahan.

3.1 Promosi

Pada hakikatnya promosi adalah suatu bentuk komunikasi pemasaran. yang dimaksud dengan komunikasi pemasaran adalah aktivitas pemasaran yang

berusaha menyebarkan informasi, mempengaruhi/membujuk, dan/atau

mengingatkan pasar sasaran atas perusahaan dan produknya agar bersedia menerima, membeli, dan loyal pada produk yang ditawarkan perusahan yang bersangkutan. (Tjiptono, 2002:219).

Terence A. Shimp (2000:6) menyebutkan bahwa kegiatan promosi terdiri dari semua kegiatan pemasaran yang mencoba terjadinya aksi pembelian suatu produk yang cepat atau terjadinya pembelian dalam waktu yang singkat. Dalam promosi terdapat lima fungsi yang sangat penting bagi suatu perusahaan/lembaga. Kelima fungsi tersebut yaitu informing (memberikan informasi), persuading (membujuk), reminding (mengingatkan), adding value (menambah nilai) dan assisting (mendampingi upaya dari perusahaan).

Di setiap promosi dalam media apapun pasti memiliki tujuan tertentu, Rossiter dan Percy (dalam Tjiptono, 2002:222) mengklasifikasikan tujuan promosi sebagai efek dari komunikasi sebagai berikut:

1. Menumbuhkan persepsi pelanggan terhadap suatu kebutuhan (category need). 2. Memperkenalkan dan memberikan pemahaman tentang suatu produk kepada

konsumen (brand awareness).

3. Mendorong pemilihan terhadap suatu produk (brand attitude).

4. Membujuk pelanggan untuk membeli suatu produk (brand purchase intention). 5. Mengimbangi kelemahan unsur bauran pemasaran lain (purchase facilitation). 6. Menanamkan citra produk dan perusahaan (positioning).

.

3.2 E-Marketing

Pengertian tentang E-Marketing menurut Armstrong dan Kottler (2004:74) adalah sebagai berikut: E-Marketing is the marketing side of E-Commerce, it

consists of company efforts to communicate abaout, promote and sell products

and services over the internet. Yang bisa diartikan sebagai berikut: E-Marketing

adalah sisi pemasaran dari E-Commerce, yang terdiri dari kerja dari perusahaan untuk mengkomunikasikan sesuatu, mempromosikan, dan menjual barang dan jasa melalui internet.

Keuntungan yang dapat diberikan dengan adanya penggunaan

E-marketing ini bagi perusahaan menurut Jamal (1996:18) yaitu:

a. Mampu menjangkau berbagai konsumen dalam suatu lingkungan yang

17

b. Target adalah konsumen yang telah terbagi ke dalam kelompok dan

mengembangkan dialog berkelanjutan.

c. Transaksi binis secara elektronik dan dengan biaya yang rendah. Email dan

data files dapat dipindahkan kepada konsumen yang terpilih atau semua konsumen dalam hitungan detik.

d. Jalur proses penjualan langsung dari produsen ke pengguna tanpa harus

melewati jalur distribusi klasik.

e. Dapat menambahkan produk untuk dipasarkan secara cepat dan melakukan

perubahan dalam rencana penjualan dengan sangat cepat.

f. Dapat melacak kegiatan penjualan yang sudah terjadi, langkah-langkahnya

dan hasil yang didapat.

g. Dapat mengawasi pesaing.

h. Mencipt dialog antara perusahaan dengan konsumen

i. Dapat mendistribusikan program dan informasi tentang produk melalui

E-mail atau file transfer.

3.3 Webvertising

Menurut Diana (2006:199) iklan di internet (webvertising) merupakan salah satu bentuk kemajuan teknologi yang memungkinkan terwujudnya one-to-one

advertisement. Dalam layanan ini konsumen bisa berinteraksi secara langsung,

real time, dan dua arah dengan perusahaan yang mengiklankan produk dan

jasanya.

Dewasa ini sudah mulai banyak perusahaan yang beralih atau mulai berekspansi pula ke webvertising. Data dari Interactive Advertising Bureau

menunjukkan bahwa lima kategori produk yang paling banyak membelanj iklan di Internet pada tahun 1998 secara berurutan adalah: komputer (27%), customer

products (25%), telekomunikasi (14%), jasa keuangan (13%), dan news media

(10%). Semakin banyak perusahaan yang tertarik untuk beriklan di Internet didorong oleh sejumlah pertimbangan, diantaranya:

a. Adanya kecenderungan bahwa mulai banyak pemirsa televisi, pendengar

radio, pembaca koran, dan pembaca majalah yang beralih ke Internet dengan berbagai motif, misalnya berita yang lebih up-to-date, fasilitas e-mail, dan

chatting, kemampuan interaktif dan multimedia Internet, dan sebagainya.

Perubahan ini tentu saja diikuti oleh para pengiklan yang bertujuan mengjangkau para audiens sasarannya secara efektif dan efisien.

b. Webvertising bisa diperbarui, dilengkapi, atau diubah setiap saat dengan biaya

minimal, karenanya informasi yang tersedia selalu tepat waktu dan terkini.

Respons (berupa click-through rate) dan hasil (dalam page views) bisa diukur

dalam waktu sangat singkat. Karakteristik informasi up-to-date, respons besar

dan hasil tinggi inilah yang menjadi daya tarik situs www.detik.com _dalam

mendapatkan banyak pengunjung.

c. Webvertising mampu mengjangkau pelanggan potensial dalam jumlah yang

sangat besar, dalam lingkup global, dan dengan biaya yang sama tanpa mempengaruhi audiens.

d. Webvertising kadangkala lebih murah dibandingkan iklan di media

konvensional seperti TV, koran, atau radi. Ini dikaren media-media konvensional tersebut dibatasi ruang yang tersedia, frekuensi penayangan atau pemuatan, dan jumlah stasiun atau surat kabar yang digun.

19

e. Webvertising mampu secara efektif dan efisien mengkombinasikan teks,

audio, grafis dan animasi.

f. Jumlah pengakses Internet, pemakai Internet, nilai transaksi e-business, dan

peluang aplikasi Internet mengalami lonj drastis. Sebagai contoh, menurut Nielsen/Net Ratings, rata-rata waktu yang digun untuk online meningkat dari 9jam dan 42 menit per bulan (Desember 2000) menjadi 11 jam dan 20 menit per bulan (Desember 2001)

g. Werbvertising bisa interaktif dan ditujukan bagi interest groups dan/atau

individu spesifik tertentu. Karena internet diakses terutama karena daya tarik isinya, maka peluang segmentasi pasar dan one-to-one advertisement terbuka luas.

Secara garis besar, terdapat 6 metode webvertising, yaitu: banners, splash

screen, spot leasing, URL (Universal Resource Allocators), e-mail, dan chatting

room. Selain keenam metode utama ini, masih ada beberapa metode lain yang

masih dalam tahap perkembangan, misalnya iklan di newsgroup, iklan di Internet

television, dan lain-lain.

a. Banner

Banner merupakan bentuk iklan di internet yang paling sering dijumpai.

Biasa ukuran file untuk sebuah banner berkisar antara 7 kilobyte hingga 10 kilobyte.

b. Splash Screen

Splash Screen adalah halaman pertama dari sebuah website yang digun

untuk menarik perhatian pemakai internet untuk jangka pendek sebagai promosi atau wahana untuk memasuki homepage situs bersangkutan.

c. Spot Leasing

Spot Leasing adalah penyedi penyewaan space/ruang (spot) tempat iklan

di homepage pada web seperti search engines kepada setiap pelaku bisnis yang berminat. Jangka waktu penyewaannya tergantung pada kesepakatan kontrak antara pemilik search engines dan penyewa.

d. URL

URL adalah fungsi yang dapat melakukan pencarian berdasarkan kata kunci yang diketik pada search engine. Penggunaan URL bisa membuat target audiens ‘terkunci’ dan unwanted viewers tersaring.

e. Email

Email adalah sarana untuk mengirim surat atau pesan melalui jaringan internet. Dengan email kita hanya membutuhkan beberapa menit agar surat/pesan kita sampai ke tujuan dan tidak perlu menunggu berhari-hari seperti mengirim surat pos.

f. SiteMap

Sitemap adalah daftar halaman dari sebuah website yang biasa diakses oleh pengguna. Biasanya sitemap digun sebagai perencanaam dalam web

design dan juga navigasi dalam web tersebut.

3.4 Aplikasi

Perangkat lunak aplikasi adalah suatu subkelas perangkat lunak komputer yang memanfaatkan kemampuan komputer langsung untuk melakukan suatu tugas yang diinginkan pengguna. Biasanya dibandingkan dengan perangkat lunak sistem yang mengintegrasikan berbagai kemampuan komputer, tapi tidak secara

21

langsung menerapkan kemampuan tersebut untuk mengerj suatu tugas yang menguntungkan pengguna. Contoh utama perangkat lunak aplikasi adalah pengolah kata, lembar kerja, dan pemutar media.

3.5 Interaksi Manusia dan Komputer

Menurut Rizky (2006: 4), Interaksi Manusia dan Komputer (IMK) adalah sebuah disiplin ilmu yang mempelajari desain, evaluasi, implementasi dari sistem komputer interaktif yang dipakai oleh manusia, beserta studi tentang faktor-faktor utama dalam lingkungan interaksinya.

Interaksi antara manusia dan komputer bertemu pada user interface (atau yang sering disebut dengan interface) dimana ini meliputi software dan hardware.

Input diterima melalui hardware seperti keyboard dan mouse dan kemudian

diteruskan ke software yang kemudian diolah dan dikeluarkan dalam bentuk tampilan pada layar ataupun pada hardware yang lain.

Sitemap tidak hanya berguna untuk memudahkan pengguna dalam

mengakses webnya, namun juga dapat memudahkan Google dalam melakukan pelac.

3.6 Pemesanan Barang

Berjalannya sistem persediaan barang bermula saat terjadinya pemesanan barang untuk persediaan di gudang. Pemesanan barang dimulai saat supervisor melakukan pemeriksaan barang di gudang dan apabila setelah dilakukan pemeriksaan terdapat barang yang sudah habis persediaannya atau berada di

bawah standar persediaan, maka supervisor menyerahkan rincian permintaan barang kepada bagian administrasi umum untuk pemesanan barang tersebut. Kemudian bagian administrasi umum membuat surat pesanan barang yang ditujukan kepada supplier. Setelah surat pesanan barang tersebut diterima oleh supplier dan jika stok barang tersebut tersedia, maka supplier membuat surat pengiriman barang yang dilengkapi dengan faktur. Lalu supplier mengirimkan barang tersebut beserta surat kelengkapannya ke bagian administrasi umum. Surat kelengkapan pengiriman barang tersebut didokumentasikan oleh bagian administrasi umum secara manual (tidak menggun komputer) kemudian menyerahkan barang tersebut beserta surat kelengkapannya kepada supervisor untuk didokumentasikan dan disimpan. Supervisor membuat laporan tentang pemasukkan barang kepada manajer setiap bulan. Analisa dari sistem pemesanan dan pengiriman barang ini memiliki

kelemahan sebagai berikut :

1. Tidak adanya administrasi gudang sehingga mengakibatkan tugas dan fungsi dari supervisor menjadi tidak maksimal.

2. Tidak adanya finance yang berakibat tidak terkontrolnya pengeluaran perusahaan dengan baik.

3. Pendokumentasian surat kelengkapan pengiriman barang tersebut dilakukan secara manual (tidak menggun komputer), sehingga membutuhkan waktu yang lebih lama dalam proses pencarian data barang yang terdapat di gudang. Hal ini tentunya menghambat proses pemasukan barang serta pencatatannya.

4. Terdapatnya suatu kekuasaan penuh atas barang tersebut oleh supervisor yang mengakibatkan tidak diperlukannya pemeriksaan dan validasi dari manajer untuk

23

proses pemesanan barang. Dengan sistem ini sangat besar kemungkinan terdapat penyimpangan dari kekuasaan yang dimiliki oleh supervisor.

Proses Terjadinya Penjualan Barang yang Digun Proses berikutnya dari sistem persediaan barang adalah proses pengeluaran barang dimana pemesanan barang (spare part) oleh teknisi merupakan awal dari proses ini. Pemesanan barang oleh teknisi harus terlebih dahulu mendapatkan

Persediaan yang ada harus seimbang dengan kebutuhan, karena persediaan yang terlalu banyak mengakibatkan perusahaan menanggung risiko kerus dan biaya penyimpanan yang tinggi disamping biaya investasi yang besar serta menambah daftar persediaan barang death stock. Tetapi jika terjadi kekurangan persediaan berakibat terganggunya kelancaran dalam

kegiatan pelayanan purna jual.

Menurut Ristono (2009) persediaan dapat diartikan sebagai barang-barang yang disimpan untuk digun atau dijual pada masa atau periode yang datang. Oleh sebab itu dirancang sistem informasi manajemen persediaan barang yang harus diad untuk menjamin kelancaran dalam kegiatan pelayanan purna jual, serta menetapkan jadwal pengadaan dan jumlah pemesanan barang sesuai dengan kebutuhan perusahaan.

3.7 Wawancara

Salah satu metode pengumpulan data adalah dengan jalan wawancara, yaitu mendapatkan informasi dengan cara bertanya langsung kepada responden. Cara inilah yang banyak dilakukan di Indonesia belakangan ini.

Wawancara merupakan salah satu bagian terpenting dari setiap survey. Tanpa wawancara, peneliti kehilangan informasi yang hanya dapat diperoleh dengan jalan bertanya langsung kepada responden. Data semacam itu merupakan tulang punggung suatu penelitian survey. Pewawancara diharapkan menyampaikan pertanyaan kepada responden, merangsang responden untuk menjawabnya, menggali jawaban lebih jauh bila dikehendaki mencatatnya. Bila semua tugas ini tidak dilaksan sebagaimana mestinya maka hasil wawancara menjadi kurang bermutu. Syarat menjadi pewawancara yang baik ialah ketrampilan mewawancarai, motivasi yang tinggi, dan rasa aman, artinya tidak ragu dan takut untuk menyampaikan pertanyaan. Demikian pula responden dapat mempengaruhi hasil wawancara karena mutu jawaban yang diberikan tergantung pada apakah dia dapat menangkap isi pertanyaan dengan tepat serta bersedia menjawabnya dengan baik

3.8 Persediaan Barang

Menurut Ristono (2009) persediaan dapat diartikan sebagai barang-barang yang disimpan untuk digun atau dijual pada masa atau periode yang datang. Persediaan terdiri dari persediaan bahan baku, persediaan bahan setengah jadi dan persediaan barang jadi. Persediaan bahan baku dan bahan setengah jadi disimpan sebelum digun atau dimasukkan ke dalam proses produksi, sedangkan persediaan barang jadi atau barang dagangan disimpan sebelum dijual atau dipasarkan. Dengan demikian setiap toko yang melakukan kegiatan usaha umumnya memiliki persediaan.

25

Persediaan merupakan suatu model yang umum digun untuk menyelesaikan masalah yang terkait dengan usaha pengendalian bahan baku maupun barang jadi dalam suatu aktifitas toko.

Maka dapat diambil kesimpulan bahwa pengertian pengendalian persediaan merupakan suatu usaha memonitor dan menentukan tingkat komposisi bahan yang optimal dalam menunjang kelancaran dan efektifitas serta efisiensi dalam kegiatan toko

3.9 Online

Dewasa ini internet sudah sangat familiar di masyarakat, tak hanya bisa diakses dengan mudah melalui komputer tetapi juga via smartphone dan tablet. Sehingga banyak pula orang yang memanfaatkan internet untuk berbisnis dan apa yang mereka kerj itu dinam bisnis online. Ada pula yang membuka toko di internet, maka dinam toko online.

Pengertian online memang tidak sebatas terhubung dengan internet saja, tetapi online merupakan terhubung, terkoneksi, aktif dan siap untuk operasi sehingga dapat menjalin komunikasi dengan atau dikontrol oleh komputer. Online juga dapat didefinisikan sebagai suatu keadaan dimana sebuah komputer atau device terhubung dengan device lain dan biasanya melalui perangkat modem

26 BAB IV

ANALISIS DAN DESAIN SISTEM

Dalam pengembangan teknologi informasi saat ini, dibutuhkan analisa dan perancangan sistem pengolah data yang baik. Sistem pengolah data tersebut diharapkan mampu meningkatkan kinerja pada Sistem Infomasi Pejualan berbasis web pada CV. Give Me Colours yang dibuat. Metode ini membutuhkan analisis yang tepat, kebutuhan bisnis dan beberapa teknik analisis untuk menghasilkan perencanaan yang baik. Analisa merupakan cara utuk menganalisa permasalahan berdasarkan data yang telah diperoleh dari hasil studi lapangan. Sedangkan desain sistem merupakan langkah yang harus ditempuh untuk menyajikan sebuah sistem informasi terorganisir dengan baik.

4.1 Analisis Sistem

Analisa sistem CV. Give Me Colours terdiri dari tiga tahap, yaitu pengumpulan data yang diperlukan melalui survei, permasalahan yang dihadapi pada pemakaian sistem yang lama, dan pemecahan masalah dengan sistem yang baru. Adapun tahap-tahapnya adalah:

a. Survei

Survei dilakukan pada saat pertama kali datang ke CV. Give Me Colours dengan meminta data pada petugas operasional tentang prosedur pencatatan data

27

penelitian terhadap keadaan kantor CV. Give Me Colours. Penelitian yang dilakukan adalah dengan mengamati cara pencatatan transaksi yang dilakukan oleh petugas operasional dalam melayani customer yang melakukan transaksi pencatatan data customer, produk, transaksi telemarketing, pencatatan persediaan barang, serta penjualan dan pembelian barang. Sedangkan data yang diberikan oleh petugas operasional meliputi customer, barang, pegawai, laporan-laporan dan data dari sistem lain yang berlaku di CV. Give Me Colours pada saat itu

b. Permasalahan yang dihadapi pada pemakaian sistem yang telah ada

Permasalahan yang dihadapi CV. Give Me Colours dari pemakaian sistem yang lama adalah sebagai berikut

1. Dari segi teknologi

CV. Give Me Colours masih belum menggun sistem yang terintegrasi, pencatatan masih dilakukan pada sebuah buku yang kemudian dicatat kembali di

Microsoft Excel. Hal ini tentu saja membutuhkan waktu yang cukup lama dan

menghabiskan banyak tenaga.

2. Dari segi dokumen

Dokumen - dokumen yang ada semakin hari semakin menumpuk sehingga kemungkinan terjadinya kerus menjadi semakin tinggi. Dokumen tersebut terdiri dari dokumen telemarketing modul, daftar kantor, daftar customer, daftar divisi, daftar pegawai dan laporan-laporan

3. Dari segi laporan

Laporan data customer, data pegawai, serta laporan lain tidak dapat digunakan sebagai sarana mengambil keputusan. Belum adanya laporan

laporan persedian barang pada bagian gudang mengakibatkan Manajer sulit untuk mengetahui kondisi yang sebenarnya

4. Pemecahan dengan sistem baru

Permasalahan yang ada dapat diatasi dengan sistem yang baru yaitu sistem komputer. Jadi setiap transaksi yang terjadi, data buku yang ada serta data

customer yang ada disimpan dalam suatu database. Laporan yang dibutuhkan

ditampilkan secara otomatis tanpa harus membuat secara manual lagi

4.1.1 Proses Pelanggan

Proses menunjukkan jalannya sistem yang ada pada CV. Give Me Colours. Semua kegiatan dilakukan secara manual, tujuannya agar segala proses sirkulasi telemarketing modul dan informasi inventori perusahaan dapat berjalan efektif.

Proses pelanggan yang berfungsi untuk mengetahui secara detail alur transaksi tersebut. Untuk melakukan transaksi pemesanan produk pada CV. Give Me Colours, seorang customer harus mengisi form customer yang sudah disedi oleh bagian admin. Setelah data customer sudah diisi, bagian admin merekap dan meyimpan

4.1.2 Proses Barang atau Produk

Proses barang atau produk ini customer sudah di rekap, lalu admin membuat list produk yang dibuat oleh bagian desain. Sebelum diberikan langsung oleh bagian desain, admin terlebih dahulu membuat data produk yang dibuat. Lalu, bagian desain membuat produk yang sudah diberikan oleh admin. Setelah itu bagian admin merekap data produk yang sudah dibuat oleh bagian desain

29

4.1.3 Proses Pemesanan

Pada proses ini setelah data customer terisi maka customer memilih list produk yang dibuat. Setelah memilih list maka customer diberikan dokumen

purchase order. Setelah purchase order telah diberikan oleh bagian admin,

customer berhak memilih desain yang dibuat, apakah desain dibuat sendiri oleh

customer atau desain yang dibuat oleh CV. Give Me Colours. Apabila desain atau

produk yang sudah dibuat oleh CV. Give Me Colours atas permintaan dari

customer tidak sesuai maka CV. Give Me Colours membuat list order yang sudah

diberikan oleh customer. Pada bagian vendor, vendor hanya menerima pemesanan dari bagian admin CV. Give Me Colours, jika vendor tersebut mendapatkan pemesanan, maka vendor ini melakukan desain atau produk yang sudah diberikan oleh admin CV. Give Me Colours. Setelah desain atau produk sudah benar-benar sesuai dari pihak customer maka admin menyimpan list order dan dibuatkan nota pembayaran oleh bagian admin

4.2 Desain Sistem

System flow dibuat dengan mengembangkan document flow lama. Pada

system flow ini terdapat beberapa perubahan dari sistem yang lama ke dalam

sistem yang baru. Proses tersebut juga membutuhkan database yang tepat untuk penyimpanan data. Database yang dibutuhkan antara lain, custome, barang, pegawai, modul, produk, transaksi telemarketing, persedian barang, jual beli barang, kirim terima barang, perbaikan barang

Langkah selanjutnya adalah membuat Context Diagram. External Entity dan proses-proses yang terjadi pada Context Diagram didapat dari system flow yang telah dibuat. Pendesain kemudian menyusun secara lengkap masing-masing proses beserta tabel-tabel yang dibutuhkan pada DFD. Context Diagram yang telah dibuat, digun sebagai acuan pembuatan HIPO. File yang terdapat pada DFD digun sebagai acuan membuat ERD dan struktur tabel.

Langkah terakhir adalah mendesain input dan output. Diperlukan beberapa pertimbangan dalam mendesain input dan output yang baik yaitu, bagaimana membuat desain yang sederhanatapi memiliki banyak fitur dan mudah digun

4.2.1 System Flow Customer

Di dalam system flow ini dijelaskan bagaiman proses seorang customer melakukan transaksi pemesanan produk. Dimulai dari customer menginputkan data customer, apakah data customer baru? Jika data customer baru maka

customer baru menginputkan data customer baru, dan apabila data customer tidak

baru maka data tersimpan. Laporan pendataan customer dibuat oleh admin menjadi tiga rangkap, rangkap yang pertama diberikan kepada bagian customer, rangkap kedua diberikan kepada bagian manager, dan laporan rangkap terakhir akan disimpan sendiri oleh bagian admin. Setelah laporan pendataan customer selesai dibuat, maka selesai pula proses customer dibuat. Seperti terlihat pada Gambar 4.1 System Flow Customer.

31 Sysflow Customer Manager Admin Customer Start Mengambil Data Customer Customer Data Customer Input Data Customer Customer = Baru Data Customer Baru Ya Form Pendataan Customer Input Data Customer Baru Update Data Customer Tidak Customer Simpan Data Customer Laporan Pendataan Customer Laporan Pendataan Customer Laporan Pendataan Customer End

4.2.2 System Flow Produk

Sysflow produk ini dimulai dari admin, admin mengambil data produk dari

table produk lalu data produk ditampilkan. Setelah ditampilkan, data produk

diinputkan, apakah produk baru? Jika produk baru maka produk didesain lalu membuat form desain produk dan menginputkan desain produk baru yang disimpan di table produk. Apabila produk tidak baru maka desain produk di

update dan dismpan ditable produk.Setelah semua desain produk disimpan,

bagian admin membuat tiga rekap laporan desain poduk. Seperti terlihat pada Gambar 4.2 System Flow Produk.

Sysflow Produk Admin Manager Bag.Desain Tidak Update Desain Produk End Input Data Produk

Simpan Desain Produk Data Produk

Produk Produk = Baru

Produk Mengambil Data Produk Start Laporan Desain Produk Desain Produk Baru Input Desain Produk Baru Laporan Desain Produk Form Desain Produk Laporan Desain Produk YA

33

4.2.3 System Flow Pemesanan

Sysflow ini dimulai dari customer, customer melihat daftar dan desain

produk. Apakah customer ingin memesan? Jika iya, maka customer menginputkan produk dan jumlah barang, lalu produk dicek yang diambil dari data table produk. Setelah di cek, apakah setuju dengan desain yang dibuat? Jika iya, maka bagian admin menginputkan data customer yang diambil dari table customer, lalu menghitung biaya transaksi pemesanan, dan menyimpan data yang sudah tersimpan di dalam table transaksi pemesanan. Setelah disimpan lalu bagian admin mencetak nota pemesanan dan mencetak laporan pemesanan. Seperti terlihat pada Gambar 4.3 System Flow Pemesanan.

Sysflow Pemesanan Admin Manager Customer Tidak Tidak Ya Ya Simpan Transaksi Pemesanan Setuju? Nota Pemesanan Input Produk & Jumlah Produk Input Data Customer Transaksi Pemesanan Cetak Nota Pemesanan Start Produk Lihat Daftar &

Desain Produk Pesan? Cek Produk Data Customer Cek Data Customer Customer Hitung Biaya Transaksi Pemesanan Cetak Laporan Pemesanan Nota Pemesanan Laporan Pemesanan Laporan Pemesanan End

4.2.4 System Flow Pembayaran

Sysflow pembayaran ini dimulai dari bagian admin yang menginputkan

data customer yang diperoleh dari customer lalu, bagian admin mengecek data

customer yang dibaca dari tabel customer dan mngecek pemesanan produk dari

tabel produk. Bagian admin membuat form data barang atau produk yang diberikan ke customer, setelah membuat form barang atau produk maka mengecek biaya pembayaran customer yang dibaca dari tabel pemesanan. Apakah

customer telat membayar? Jika iya maka uang pembayaran hilang dan transaksi

pemesanan dibatalkan yang disimpan ke tabel pemesanan dan dibuat laporan pembatalan pemesanan yang diberikan oleh bagian manager dan disimpan oleh bagian admin. Apabila customer tidak telat membayar maka bagian admin menghitung total pembayaran dan disimpan data transaksi pembayaran ke dalam tabel pembayaran. Setelah itu mengecek nota pembayaran yang dibaca dari tabel pembayaran dan dibuat nota pembayaran yang diberikan kepada customer dan nota berikutnya disimpan oleh bagian admin. Dari tabel pembayaran mencetak laporan transaksi pembayaran dan membuat laporan transaksi pembayaran sebanyak rangkap 3(tiga), yang pertama diberikan kepada customer, kedua diberikan kepada manager, dan yang terakhir disimpan oleh bagian admin. Setelah laporan transaksi pembayaran dibuat apakah barang rusak? Jika iya maka admin meretur barang dan membuat bukti retur barang atau produk sebanyak rangkap 2(dua), yang pertama diberikan kepada customer dan kedua disimpan ke tabel produk. Apabila barang tidak rusak maka tidak terjadi retur barang. Seperti Gambar 4.4 dibawah ini.

35

Sysflow Pembayaran

Customer Admin Manager

Start Data Customer Data Customer Cek Data Customer Customer Cek Pemesanan Produk Produk Data Barang/ Produk Data Barang/ Produk Telat Bayar? Cek Biaya Pembayaran Customer Pemesanan Uang Pembayaran Hilang Hitung Total Pembayaran YA TIDAK Transaksi Pemesanan dibatalkan Pemesanan Simpan Data Transaksi Pembayaran Pembayaran Cetak Laporan Transaksi Pembayaran Barang Rusak? Lap.Transaksi Pembayaran Bukti Pembatalan Pemesanan Bukti Pembatalan Pemesanan 1 1 Nota Pembayaran Lap.Transaksi Pembayaran Barang Normal 2 2 Retur Barang Bukti Retur Barang Cetak Nota Pembayaran Nota Pembayaran Lap.Transaksi Pembayaran YA Bukti Retur Barang Tidak

Data Barang / Produk

End

4.2.5 Context Diagram

Context diagram adalah Gambaran menyeluruh dari DFD. Didalam

context diagram terdapat 5 (lima) external entity, yaitu :Customer, Manager,

Admin, Supplier dan bagian desain. Untuk detailnya pada Gambar 4.5 dibawah ini.

Nota Pembayaran1

Laporan Transaksi Pembayaran1 Bukti Pembatalan Pemesanan1 Laporan Pemesanan Bukti Pembelian Barang2 Laporan Desain Produk2 Laporan Pendataan Customer1Desain Produk1

Nota Pemesanan1

Nota Penjualan Bukti Retur Penjualan

Desain Produk Laporan Desain Produk1 Bukti Pembelian Barang1

Transaksi Pembelian

Laporan Transaksi Pembayaran Bukti Retur Barang Nota Pembayaran Bukti Pembatalan Pemesanan Laporan Transaksi Pemesanan

Nota Pemesanan Laporan Transaksi Pembelian Bukti Pembelian Barang Laporan Desain Produk Laporan Pendataan Customer Transaksi Pembayaran

Transaksi Pemesanan Transaksi Penjualan Data Customer Data Barang dan Produk Transaksi Retur Penjualan

0

Penjualan Pada PT CV GIVE ME COLOURS + Admin Customer Bagian Desain Manager Supplier

37

4.2.6 Data Flow Diagram

DFD merupakan perangkat yang digun pada metodologi pengembangan sistem yang terstruktur. DFD dapat menggambarkan seluruh kegiatan yang terdapat pada sistem informasi Pemesanan CV. Give Me Colours secara jelas.Pada pemesanan ini yaitu mengelola data master, melakukan transaksi, dan membuat laporan. Tabel yang terlihat antara lain customer, produk, desain, dan

admin. Seperti terlihat pada Gambar 4.6 DFD Level 0.

[Nota Pembayaran1]

[Laporan T ransaks i Pembayaran1] [Bukti Pembatal an Pemes anan1]

[Laporan Pemes anan] [Bukti Pembel i an Barang2]

[Laporan Desain Produk2]

[Laporan Pendataan Customer1]

[Nota Pemes anan1] [Nota Penj ual an]

[Bukti Retur Penjual an] [Laporan Desain Produk1]

[Bukti Pembel i an Barang1] [Laporan T ransaks i Pembayaran]

[Bukti Retur Barang]

Data Pemesanan1

Data Pembayaran1

[Nota Pembayaran] [Bukti Pembatal an Pemes anan]

[Laporan T ransaks i Pemes anan] [Nota Pemes anan]

[Laporan T ransaks i Pembeli an] [Bukti Pembel i an Barang]

[Laporan Desain Produk]

[Laporan Pendataan Customer] [T rans aksi Pembel i an] [T rans aksi Pembayaran]

[T rans aksi Pemesanan]

[T rans aksi Retur Penjual an]

Data Pembayaran Data Pemesanan

Data Customer2 Data Produk1

[T rans aksi Penj ual an]

Data Produk Data Customer1

[Des ai n Produk1] [Des ai n Produk]

[Data Barang dan Produk] [Data Customer] Admin Admin Admin Admin Admin Admin Admin Admin Admin Admin Admin Admin Admin Admin Admin Admin Admin

Suppl i er

Bagi an Des ai n Bagi an

Des ai n

Cus tomer Cus tomer Cus tomer Cus tomer Manager Manager Manager Manager Manager Manager 1

Mengel ol a Master

+

1 Cus tomer

2 Produk

2

Mengel ol a T ransaksi

+

3 _{Pemes anan}T ransaksi

4 _PembayaranT ransaksi

3

Cetak Laporan

+

Cus tomer

Pada DFD level 1 proses mengelola data master terdapat 3 (tiga) sub proses, yaitu mengelola data master produk, customer, dan admin. Admin mengecek data customer dan laporan data customer disimpan pada tabel

customer. Kedua admin mengecek data list produk dan laporan desain produk

disimpan pada tabel produk. Seperti pada Gambar 4.7 DFD Level 1 Maintanance

Master.

[Desain Produk1] [Desain Produk] [Data Barang dan Produk]

[Data Produk] [Data Customer1] [Data Customer]

Admin

Admin

Bag ian Des ain

Cus tomer

1 Cus tomer

2 Produk 1.1

Cus tomer

1.2

Produk

Gambar 4.7 DFD Level 1 Maintanance Master

Pada Gambar 4.8 proses mengelola transaksi pemesanan, yang dilakukan pertama kali adalah memvalidasi setiap masukan dari Admin. Setelah divalidasi maka dapat ditentukan apakah data yang dimasukkan tersebut baru atau sudah ada. Jika data tersebut baru, maka langsung disimpan ke tabel produk. Jika data tersebut sudah ada, maka data produk yang lama diganti oleh data tersebut. Admin membuat nota pemesanan dari data customer yang disimpan di tabel

customer. Transaksi pembayaran yang dilakukan oleh admin masuk kedalam

39

transaksi pembayaran masuk kedalam transaksi pembayaran dan data customer dicek dari tabel customer. Admin juga melakukan retur penjualan dan data produk di cek dari tabel produk.

Data Produk2

Data Cus tomer3

[Transaksi Retur Penjualan] [Transaksi Pembelian] [Transaksi Pembayaran] [Transaksi Pemesanan] [Data Pembayaran] [Data Customer2] [Data Produk1] [Transaksi Penjualan] [Data Pemesanan] Admin

2 Produk

1 Cus tomer 3 _{Pemes anan}Trans aksi

4 Trans aksi Pembayaran Admin Admin Admin Admin 2.1

Trans aksi Pemesanan

2.2

Trans aksi Pembayaran

6 Cus tomer2

7 Produk2

Gambar 4.8 DFD Level 1 Proses Mengelola Transaksi Pemesanan

Pada Gambar 4.9 proses cetak laporan yang dilakukan adalah dalam pendataan customer, desain produk, dan transaksi pemesanan mencetak laporan untuk ke semua bagian yang terkait. Di pendataan customer, data customer yang berasal dari tabel customer mencetak laporan pendataan customer yang diberikan kepada customer, admin, dan manager. Desain produk yang dibaca dari tabel produk mencetak laporan desain produk yang diberikan kepada admin, bagian desain, dan manager. Transaksi pemesanan tersebut membaca data pemesanan yang berasal dari tabel transaksi pemesanan, data customer yang berasal dari tabel

customer, dan desain produk yang dibaca dari tabel produk yang mencetak

transaksi pembayaran membuat nota pembayaran yang diberikan kepada admin dan dari tabel transaksi pembayaran mengecek data pembayaran. Setelah itu membuat laporan transaksi yang diberikan kepada admin dan laporan transaksi selanjutnya diberikan kepada manager. Selanjutnya terdapat laporan desain produk, dan laporan pembelian.

Data Customer8

[Nota Pembayaran1]

Data Produk6

Data Customer7 Data Pemesanan2

[Bukti Pembel ian Barang]

Data Customer6 Data Produk5 Data Pembayaran2

Data Produk4

[Bukti Retur Barang] [Nota Penj ualan]

[Bukti Retur Penj ualan] [Bukti Pembel ian Barang2] [Bukti Pembel ian Barang1] [Laporan T ransaks i Pembel i an]

Data Produk3 Data Customer5 Data Customer4

[Laporan T ransaks i Pembayaran1] [Bukti Pembatal an Pemesanan1]

[Nota Pemes anan1]

[Laporan Desai n Produk]

[Laporan Pemesanan] [Laporan Pendataan Cus tomer1]

[Laporan Desai n Produk1]

[Laporan Desai n Produk2]

[Laporan T ransaks i Pembayaran] [Bukti Pembatal an Pemesanan]

[Nota Pembayaran]

[Data Pembayaran1]

[Data Pemes anan1] [Laporan T ransaks i Pemesanan]

[Nota Pemes anan] [Laporan Pendataan Cus tomer] Admi n Admi n Admi n Admi n Admi n Admi n Admi n Admi n

4 _PembayaranT rans aksi 3 _PemesananT rans aksi

Admi n Admi n

Suppl ier

Bagian Des ai n

Cus tomer Cus tomer Cus tomer Manager Manager Manager Manager Manager Manager 3.1

Laporan Pendataan Customer

3.2

Laporan Transaksi Pemes anan

3.3

Laporan Transaksi Pembayaran

3.4

Laporan Desain Produk

8 Cus tomer1

9 Cus tomer12

10 Produk1

3.5

Laporan Pembeli an

3.6

Laporan Penj ualan

11 Produk12

12 _Pembayaran1T rans aksi

13 Produk13

14 Cus tomer3

15 _Pemesanan1T rans aksi

16 Cus tomer32

17 Produk132

Cus tomer

18 Cus tomer33

41

4.2.7 HIPO

HIPO berguna sebagai alat desain dan teknik dokumentasi dalam siklus pengembangan sistem yang berbasis pada fungsi. Berikut ini adalah hierarchy

chart dari Rancang Bangun Sistem Informasi Penjualan Berbasis Web pada CV.

Give Me Colours, seperti tampak pada Gambar 4.10 Hierarchy Chart Sistem Informasi Pemesanan.

0 Sistem Informasi Penjualan CV. Give Me

Colours 1 Mengelola Data Master 2 Melakukan Transaksi 3 Membuat Laporan 1.1 Mengelola Data Master Produk 1.2 Mengelola Data Master Customer 2.1 Melakukan Transaksi Pemesanan 3.1 Laporan Pendataan Customer 3.3 Laporan Transaksi Pemesanan 3.2 Laporan Desain Produk 3.4 Laporan Transaski Pembayaran 2.2 Melakukan Transaksi Pembayaran 2.3 Melakukan Transaksi Retur Penjualan 3.5 Laporan Pembelian 3.6 Laporan Penjualan

Gambar 4.10 Hierarchy Chart Sistem Informasi Penjualan

4.2.8 Entity Relationship Diagram ERD terbagi menjadi dua bagian, yaitu:

a. Conceptual Data Model (CDM)

CDM dari Aplikasi Penjualan berbasis web pada CV. Give Me Colours terdapat 8 (delapan) tabel yaitu tabel produk, desain produk,

pembayaran. CDM dari Aplikasi Penjualan berbasis web pada CV. Give Me Colours dapat terlihat pada Gambar 4.11 di bawah ini.

Melayani Memproduksi Memaintenance Pasti Mempunyai Mendapatkan Pasti Memiliki Memiliki Memperoleh Mempunyai Customer IDCustomer NamaCustomer AlamatCustomer NoTelpCustomer Pembayaran IDBayar TotalBayar TotalKembali Pemesanan IDPemesanan NamaCustomer AlamatCustomer NoTelpCustomer Produk IDProduk NamaProduk Harga DetailPembayaran IDDetailBayar NamaCustomer NamaProduk Status DetailPemesanan IDDetail NamaProduk JumlahProduk HargaPerSatuan TotalHarga Admin IDAdmin Username Password HakAkses DesainProduk IDDesain Rincian Desain GambarDesain

Gambar 4.11 CDM

a. Physical Data Model (PDM)

PDM dari Aplikasi Penjualan berbasis web pada CV. Give Me Colours merupakan hasil generate dari CDM yang sudah diGambarkan diatas. Pada PDM terdapat 8 (delapan) tabel dengan tipe data dan

43

banyak foreign key untuk lebih jelasnya dapat dilihat pada Gambar 4.12 di bawah ini.

IDADMIN = IDADMIN

IDADMIN = IDADMIN IDPRODUK = IDPRODUK IDADMIN = IDADMIN

IDADMIN = IDADMIN IDPRODUK = IDPRODUK IDCUSTOMER = IDCUSTOMER

IDBAYAR = IDBAYAR

IDADMIN = IDADMIN IDPRODUK = IDPRODUK IDADMIN = IDADMIN

IDCUSTOMER = IDCUSTOMER IDPEMESANAN = IDPEMESANAN IDCUSTOMER = IDCUSTOMER

IDCUSTOMER = IDCUSTOMER

CUSTOMER IDCUSTOMER varchar(20) NAMACUSTOMER varchar(50) ALAMATCUSTOMER varchar(50) NOTELPCUSTOMER integer PEMBAYARAN IDCUSTOMER varchar(20) IDBAYAR varchar(20) TOTALBAYAR integer TOTALKEMBALI integer PEMESANAN IDADMIN varchar(20) IDCUSTOMER varchar(20) IDPEMESANAN varchar(20) NAMACUSTOMER varchar(50) ALAMATCUSTOMER varchar(50) NOTELPCUSTOMER integer PRODUK IDADMIN varchar(20) IDPRODUK varchar(20) NAMAPRODUK varchar(50) HARGA integer DETAILPEMBAYARAN IDADMIN varchar(20) IDCUSTOMER varchar(20) IDBAYAR varchar(20) IDPRODUK varchar(20) IDDETAILBAYAR varchar(20) NAMACUSTOMER varchar(50) NAMAPRODUK varchar(50) STATUS varchar(20) DETAILPEMESANAN IDADMIN varchar(20) IDPRODUK varchar(20) IDCUSTOMER varchar(20) IDPEMESANAN varchar(20) IDDETAIL varchar(20) NAMAPRODUK varchar(50) JUMLAHPRODUK integer HARGAPERSATUAN integer TOTALHARGA integer ADMIN IDADMIN varchar(20) USERNAME varchar(20) PASSWORD varchar(20) HAKAKSES varchar(20) DESAINPRODUK IDADMIN varchar(20) IDPRODUK varchar(20) IDDESAIN varchar(20) RINCIAN_DESAIN long varchar GAMBARDESAIN long binary

Gambar 4.12 PDM

2. DBMS

Struktur tabel pada sistem infornasi penjualan berbasis web pada CV. Give Me Colours adalah sebagai berikut:

a. Tabel Admin

Foreign Key : -

Fungsi Untuk menyimpan data admin

Tabel 4 1 Struktur Tabel Admin

Field Type Data Length Constraint

IDADMIN Varchar 20 Primary Key

USERNAME Varchar 20

PASSWORD Varchar 20

HAK_AKSES Varchar 20

b. Tabel Customer

Primary Key :IDCUSTOMER

Foreign Key :-

Fungsi Untuk menyimpan data customer

Tabel 4.2 Struktur Tabel Customer

Field Type Data Length Constraint

IDCUSTOMER Varchar 20 Primary Key

NAMACUSTOMER Varchar 50

ALAMATCUSTOMER Varchar 50

NOTELP Integer

c. Tabel Produk

Primary Key :IDPRODUK

Foreign Key :IDADMIN reference dari Tabel Admin,

45

Tabel 4.3 Struktur Tabel Produk

Field Type Data Length Constraint

IDADMIN Varchar 20 Foreign Key

IDPRODUK Varchar 20 Primary Key

NAMAPRODUK Varchar 50

HARGA Integer 40

d. Tabel Pemesanan

Primary Key :IDPEMESANAN

Foreign Key :IDADMIN reference dari Tabel Admin,

DCUSTOMER reference dari Tabel Customer

Fungsi Menyimpan data transaksi pemesanan produk

Tabel 4.4 Struktur Tabel Pemesanan

Field Type Data Length Constraint

IDADMIN Varchar 20 Foreign Key

IDCUSTOMER Varchar 20 Foreign Key

IDPEMESANAN Varchar 20 Primary Key

NAMACUSTOMER Varchar 50

ALAMATCUSTOMER Varchar 50

NOTELPCUSTOMER Integer

e. Tabel Pembayaran

Primary Key :IDBAYAR

Foreign Key: IDCUSTOMERreference dari Tabel Customer

Tabel 4.5 Struktur Tabel Pembayaran

Field Type Data Length Constraint

IDCUSTOMER Varchar 20 Foreign Key

IDBAYAR Varchar 20 Primary Key

TOTALBAYAR Integer

TOTALKEMBALI Integer

f. Tabel Detail Pemesanan

Primary Key :-

Foreign Key :IDADMINreference dari Tabel Admin,

IDPRODUKreference dari Tabel Produk, IDCUSTOMER reference dari TabelCustomer, IDPEMESANAN reference dari Tabel Pemesanan

Fungsi Menyimpan data detail transaksi pemesanan

Tabel 4.6 Struktur Tabel Detail Pemesanan

Field Type Data Length Constraint

IDADMIN Varchar 20 Foreign Key

IDPRODUK Varchar 20 Foreign Key

IDCUSTOMER Varchar 20 Foreign Key

IDPEMESANAN Varchar 20 Foreign Key

IDDETAIL Varchar 20

NAMAPRODUK Varchar 50

JUMLAHPRODUK Integer

HARGAPERSATUAN Integer

47

g. Tabel DetailPembayaran

Primary Key :-

Foreign Key :IDADMINreference dari Tabel Admin,

IDPRODUKreference dari Tabel Produk, IDCUSTOMER reference dari TabelCustomer, IDBAYAR reference dari Tabel Pembayaran Fungsi: Menyimpan datadetail dari transaksi pembayaran

Tabel 4.7 Struktur Tabel Detail Pembayaran

Field Type Data Length Constraint

IDADMIN Varchar 20 Foreign Key

IDCUSTOMER Varchar 20 Foreign Key

IDBAYAR Varchar 20 Foreign Key

IDPRODUK Varchar 20 Foreign Key

IDDETAILBAYAR Varchar 20

NAMACUSTOMER Varchar 50

NAMAPRODUK Varchar 50

STATUS Varchar 20

3. Desain Input Output

Desain input output digun untuk memberikan Gambaran terhadap desain halaman aplikasi berbasis web yang dibangun. Berikut ini desain input output dari aplikasi pemesanan CV. Give Me Colours.

a. Halaman Utama User

Halaman ini tampil ketika pengunjung mengakses website Give

Me Colours. Pada halaman ini hanya menampilkan produk-produk Give

Banner

Contact Home

Logo

Produk Price List

About Pemesanan Produk

username password

Login

Gambar 4.13 Halaman Utama User

b. Halaman Produk

Halaman ini menampilkan foto produk-produk yang sudah dibuat oleh CV. Give Me Colours

About

Footer

Home About Produk Price List Contact Pemesanan Produk

Gambar 4.14 Halaman Produk

c. Halaman Hubungi Kami

Halaman ini menampilkan form untuk pertanyaan, keluhan, saran dari para pengunjung yang ditujukan pada Give Me Colours.

49

Header

Konten / Isi Form Hubungi

Footer

Banner

Home Page Transaksi Daftar Barang Tentang Kami Hubungi Kami

Gambar 4.15 Halaman Hubungi Kami

d. Halaman Utama Admin

Halaman ini tampil ketika petugas yang memiliki hak akses

sebagai ”admin” berhasil masuk ke aplikasi. Menu yang ditampilkan

sesuai dengan kedudukan petugas yang masuk. Pada halaman ini hanya menampilkan halaman menu maintenance data master pada aplikasi.

Didalam Halaman Admin terdapat berbagai macam fitur – fitur

untuk mempermudah Admin untuk memaintenance Halaman Web terdiri dari :

1. Data Produk

Fitur yang berisi berbagai macam kategori penggolongan produk yang bisa ditambah ataupun dikurangi dan dapat untuk merubah, dan menghapus produksi.

2. Datar Member

Fitur ini berfungsi untuk membuat ID Member kepada customer yang ingin menjadi member di Give Me Colours, dan menampilkan daftar-daftar customer yang sudah memiliki member.

3. Transaksi

Fitur untuk melihat semua transaksi pemesanan yang terjadi.

4. About

Fitur untuk memaintain halaman muka profil perusahaan berisi banner dan foto profil perusahaan.

5. Data Transaksi Pemesanan

Fitur ini berisi data customer yang sudah memesan produk sesuai tanggal dan apa saja yang sudah dipesan.

Banner Perusahaan

Home About Administrator Logout

Konten

Data Barang

Data Member

Data Transaksi Pemesanan

51

e. Halaman Maintenance Barang

Halaman ini berguna untuk menginputkan data produk terbaru dan untuk melakukan perubahan atau update data produk. Admin yang berhasil masuk ke sistem dapat melakukan penyimpanan data produk dengan mengeklik button tambah data maka harus di isi apa saja yang ingin ditambah.

Home About Administrator Logout

Data Barang

Data Member

Data Transaksi Pemesanan

Show Search

Data Barang Tambah Data

f. Halaman Maintenance Member

Halaman ini berguna untuk menginputkan data customer yang ingin menjadi member di Give Me Colours. Id member secara otomatis keluar sesuai urutan yang ada. Data customer yang perlu dimasukkan adalah nama, alamat, no telpon, dan e-mail. Setelah selesai menginputkan klik tombol proses dan data sudah tersimpan.

Home About Administrator Logout

Data Barang

Data Member

Data Transaksi Pemesanan

Show Search

Data Barang Tambah Data

53 BAB V

IMPLEMENTASI DAN PEMBAHASAN

Implementasi dan penjelasan proragm merupakan uraian yang ditujukan kepada user untuk menjelaskan jalannya program ini.

5.1 Implementasi Sistem

Sistem yang dipergun untuk dapat menjalankan program Aplikasi Media Promosi dan Pemesanan CV. Give Me Colours sebagai berikut.

a. Software Pendukung

1. Sistem Operasi Microsoft Windows XP Service Pack 2

2. Web Browser (Google Chrome)

3. MySQL

4. XAMPP

b. Hardware Pendukung

1. Microprocessor Pentium IV atau lebih tinggi.

2. VGA dengan resolusi 1024 x 760 atau lebih tinggi dan mendukung

Microsoft Windows.

3. RAM 1.00 GB atau lebih tinggi

5.2 Cara Setup Program

Setelah itu double klik file xampp yang baru saja di download, selanjutnya

muncul jendela “installer language” seperti dibawah ini :

Gambar 5.1 Installer xampp

Selanjutnya pilih bahasa, Pilih bahasa Inggris (English), klik OK. Kadang pada proses ini muncul pesan eror, jika ada abaikan saja dan lanjutkan dengan klik OK dan YES.

Gambar 5.2 Pesan Error

55

Berikutnya muncul jendela yang isinya meminta untuk menutup semua aplikasi yang sedang berjalan. Jika semua aplikasi sudah tertutup, maka klik tombol Next.

Gambar 5.4 Setup Wizard

Selanjutnya diminta untuk memilih aplikasi yang diinstal. Centang saja semua pilihan dan klik tombol Next.

Kemudian diminta untuk menentukanlokasi folder penyimpanan file-file dan folder XAMPP secara default diarahkan ke lokasi c\xampp. Namun jika ingin menyimpannya di dalam folder lain bisa klik browse dan tentukan secara manual folder yang ingin digun. Jika sudah selesai, lanjutkan dan klik tombol Install.

Gambar 5.6 Lokasi pilhan penyimpanan

Tunggu beberapa menit hingga proses instalasi selesai. Jika sudah muncul jendela seperti di bawah ini, klik tombol Finish nuntuk menyelesaikannya.

57

Beikutnya muncul jendela dialog seperti Gambar dibawah ini yang menanyakan apakah ingin langsung menjalankan aplikasi XAMPP atau tidak. Jika iya, maka klik YES.

Gambar 5.8 Perintah menjalankan

5.3 Melakukan Pembahasan terhadap Implementasi Sistem

Implementasi dimaksudkan untuk menggambarkan jalannya sistem yang sudah dibuat, dalam hal ini dijelaskan fungsi dari halaman tersebut. Pada Gambar di bawah ini adalah tampilan user interface dari sistem:

5.3.1 Halaman Home

Ketika seorang pengunjung memilih menu services pada website

Give Me Colours maka pengunjung akan diarahkan pada halaman

Services. Pada halaman ini pengunjung juga dapat melihat layanan,dan

Gambar 5. 9 Halaman Home

5.3.2 Halaman Produk

Halaman ini menampilkan beberapa contoh produk yang sudah dibuat oleh CV. Give Me Colours.

59

5.3.3 Halaman Pemesanan Produk

Halaman Pemesanan ini disedi untuk member dan yang tidak menjadi member. Karena setiap customer tidak semua menjadi

member, tetapi apabila customer ingin menjadi member, admin

membuat ID Member.

Gambar 5. 11 Halaman Pemesanan Produk

5.3.4 Halaman Form Pemesanan

Halaman ini berisikan data diri customer yang ingin memesan produk-produk dari CV. Give Me Colours dan berapa jumlah yang ingin dipesan.

Gambar 5. 12 Halaman Form Pemesanan

5.3.5 Halaman Data Barang

Pada halaman data barang ini, admin mempunyai kewenangan untuk menambah produk baru dengan harga atau mengubah harga produk yang sudah ada.

61

5.3.6 Halaman Data Member

Pada halaman data member ini, admin mempunyai kewenangan untuk menambah ID Member baru sesuai keinginan customer.

Gambar 5. 14 Halaman Data Member

5.3.7 Halaman Data Transaksi Pemesanan

Halaman ini berisikan data-data customer yang sudah memesan sesuai tanggal pemesanan dan sesuai data diri customer.

Gambar 5. 15 Halaman Data Transaksi Pemesanan

5.3.8 Halaman Form Pembayaran

Halaman ini berfungsi untuk mengubah status customer yang sudah lunas atau belum lunas. Customer memberi informasi melalui media

email atau media secara pribadi seperti sms atau telpon kepada nomer

yang sudah diberikan kepada masing-masing customer.dan memberi ID member, maka admin hanya memasukkan ID member dan mengubah status.

63

53 BAB V

IMPLEMENTASI DAN PEMBAHASAN

Implementasi dan penjelasan proragm merupakan uraian yang ditujukan kepada user untuk menjelaskan jalannya program ini.

5.1 Implementasi Sistem

Sistem yang dipergun untuk dapat menjalankan program Aplikasi Media Promosi dan Pemesanan CV. Give Me Colours sebagai berikut.

a. Software Pendukung

1. Sistem Operasi Microsoft Windows XP Service Pack 2

2. Web Browser (Google Chrome)

3. MySQL

4. XAMPP

b. Hardware Pendukung

1. Microprocessor Pentium IV atau lebih tinggi.

2. VGA dengan resolusi 1024 x 760 atau lebih tinggi dan mendukung

Microsoft Windows.

3. RAM 1.00 GB atau lebih tinggi

5.2 Cara Setup Program

54

Setelah itu double klik file xampp yang baru saja di download, selanjutnya muncul jendela “installer language” seperti dibawah ini :

Gambar 5.1 Installer xampp

Selanjutnya pilih bahasa, Pilih bahasa Inggris (English), klik OK. Kadang pada proses ini muncul pesan eror, jika ada abaikan saja dan lanjutkan dengan klik OK dan YES.

Gambar 5.2 Pesan Error

Berikutnya muncul jendela yang isinya meminta untuk menutup semua aplikasi yang sedang berjalan. Jika semua aplikasi sudah tertutup, maka klik tombol Next.

Gambar 5.4 Setup Wizard

Selanjutnya diminta untuk memilih aplikasi yang diinstal. Centang saja semua pilihan dan klik tombol Next.

56

Kemudian diminta untuk menentukanlokasi folder penyimpanan file-file dan folder XAMPP secara default diarahkan ke lokasi c\xampp. Namun jika ingin menyimpannya di dalam folder lain bisa klik browse dan tentukan secara manual folder yang ingin digun. Jika sudah selesai, lanjutkan dan klik tombol Install.

Gambar 5.6 Lokasi pilhan penyimpanan

Tunggu beberapa menit hingga proses instalasi selesai. Jika sudah muncul jendela seperti di bawah ini, klik tombol Finish nuntuk menyelesaikannya.

Beikutnya muncul jendela dialog seperti Gambar dibawah ini yang menanyakan apakah ingin langsung menjalankan aplikasi XAMPP atau tidak. Jika iya, maka klik YES.

Gambar 5.8 Perintah menjalankan

5.3 Melakukan Pembahasan terhadap Implementasi Sistem

Implementasi dimaksudkan untuk menggambarkan jalannya sistem yang sudah dibuat, dalam hal ini dijelaskan fungsi dari halaman tersebut. Pada Gambar di bawah ini adalah tampilan user interface dari sistem:

5.3.1 Halaman Home

Ketika seorang pengunjung memilih menu services pada website

Give Me Colours maka pengunjung akan diarahkan pada halaman

Services. Pada halaman ini pengunjung juga dapat melihat layanan,dan

58

Gambar 5. 9 Halaman Home

5.3.2 Halaman Produk

Halaman ini menampilkan beberapa contoh produk yang sudah dibuat oleh CV. Give Me Colours.

5.3.3 Halaman Pemesanan Produk

Halaman Pemesanan ini disedi untuk member dan yang tidak menjadi member. Karena setiap customer tidak semua menjadi

member, tetapi apabila customer ingin menjadi member, admin

membuat ID Member.

Gambar 5. 11 Halaman Pemesanan Produk

5.3.4 Halaman Form Pemesanan

Halaman ini berisikan data diri customer yang ingin memesan produk-produk dari CV. Give Me Colours dan berapa jumlah yang ingin dipesan.

60

Gambar 5. 12 Halaman Form Pemesanan

5.3.5 Halaman Data Barang

Pada halaman data barang ini, admin mempunyai kewenangan untuk menambah produk baru dengan harga atau mengubah harga produk yang sudah ada.

5.3.6 Halaman Data Member

Pada halaman data member ini, admin mempunyai kewenangan untuk menambah ID Member baru sesuai keinginan customer.

Gambar 5. 14 Halaman Data Member

5.3.7 Halaman Data Transaksi Pemesanan

Halaman ini berisikan data-data customer yang sudah memesan sesuai tanggal pemesanan dan sesuai data diri customer.

62

Gambar 5. 15 Halaman Data Transaksi Pemesanan

5.3.8 Halaman Form Pembayaran

Halaman ini berfungsi untuk mengubah status customer yang sudah lunas atau belum lunas. Customer memberi informasi melalui media

email atau media secara pribadi seperti sms atau telpon kepada nomer

yang sudah diberikan kepada masing-masing customer.dan memberi ID member, maka admin hanya memasukkan ID member dan mengubah status.

64 BAB VI PENUTUP

6.1 Kesimpulan

Dari hasil uji coba terhadap rancang bangun sistem informasi penjualan berbasis web di Give Me Colours ini, maka dapat ditarik kesimpulan bahwa aplikasi yang dibuat pada saat proyek sistem informasi ini dapat mempermudah

user dalam menggunakan aplikasi ini dan membantu Give Me Colours dalam

melakukan kegiatan penjualan secara online dan mengenalkan produknya kepada masyarakat luas.

6.2 Saran

Dari aplikasi yang dibuat pada saat pelaksanaan proyek sistem informasi ini masih terdapat beberapa kekurangan yang diharapkan di kemudian hari dapat diperbaiki oleh pihak lain. Beberapa kekurangan tersebut antara lain:

a) Aplikasi ini hanya bisa diakses melalui komputer saja. Untuk kedepannya

mungkin dapat dikembangkan lagi menjadi mobile web aplication sehingga dapat diakses melalui smart phone agar pengunjung dapat lebih mudah mengaksesnya

b) Aplikasi ini hanya menerapkan keamanan sql anti injection pada halaman

login. Untuk kedepannya mungkin masalah keamanan dapat di tambah lagi

c) Sistem dapat dikembangkan menjadi lebih kompleks lagi dengan menggabungkan beberapa sistem yang telah ada (integrated System), misalnya dengan menambahkan beberapa aplikasi yang lain

DAFTAR PUSTAKA

Aldy, 2011. Forum, http://aldesign.web.id/search/forum-adalah-sebuah/, 14 Juni 2012.

Energy, Social Media, 2010. www.socialmediaenergy.com, 20 September 2012

Flatley, Joseph. 2012. ScamWorld : “Get Rich Quick” Schemes Mutate Into an

Online Monster. New York: The Verge.

HM, Jogiyanto. 1989. Analisis dan Desain Sistem Informasi: Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis. Yogyakarta: Penerbit ANDI.

Kotler, Philip. 1984. Marketing Essentials. New Jersey: Prentice Hall Inc.

Kotler, Philip. 2005. Manajemen Pemasaran Jilid 2, Edisi Kesebelas. Indeks. Jakarta

Shimp, Terence A. 2000. Periklanan Promosi. Jakarta: Penerbit Erlangga.

Sholiq. 2006. Pemodelan Sistem Informasi Berorientasi Subjek dengan UML. Surabaya: Penerbit Graha Ilmu.

Tciptono, Fandy. 2002. Strategi Pemasaran. Yogyakarta: Penerbit ANDI.

Wicaksono, Soetam Rizky. 2006. Interaksi Manusia dan Komputer. Surabaya: STIKOM Surabaya

61

5.3.6 Halaman Data Member

Pada halaman data member ini, admin mempunyai kewenangan untuk menambah ID Member baru sesuai keinginan customer.

Gambar 5. 14 Halaman Data Member

5.3.7 Halaman Data Transaksi Pemesanan

Halaman ini berisikan data-data customer yang sudah memesan sesuai tanggal pemesanan dan sesuai data diri customer.

Gambar 5. 15 Halaman Data Transaksi Pemesanan

5.3.8 Halaman Form Pembayaran

Halaman ini berfungsi untuk mengubah status customer yang sudah lunas atau belum lunas. Customer memberi informasi melalui media email atau media secara pribadi seperti sms atau telpon kepada nomer yang sudah diberikan kepada masing-masing customer.dan memberi ID member, maka admin hanya memasukkan ID member dan mengubah status.

63

64 BAB VI PENUTUP

6.1 Kesimpulan

Dari hasil uji coba terhadap rancang bangun sistem informasi penjualan berbasis web di Give Me Colours ini, maka dapat ditarik kesimpulan bahwa aplikasi yang dibuat pada saat proyek sistem informasi ini dapat mempermudah user dalam menggunakan aplikasi ini dan membantu Give Me Colours dalam melakukan kegiatan penjualan secara online dan mengenalkan produknya kepada masyarakat luas.

6.2 Saran

Dari aplikasi yang dibuat pada saat pelaksanaan proyek sistem informasi ini masih terdapat beberapa kekurangan yang diharapkan di kemudian hari dapat diperbaiki oleh pihak lain. Beberapa kekurangan tersebut antara lain:

a) Aplikasi ini hanya bisa diakses melalui komputer saja. Untuk kedepannya mungkin dapat dikembangkan lagi menjadi mobile web aplication sehingga dapat diakses melalui smart phone agar pengunjung dapat lebih mudah mengaksesnya

b) Aplikasi ini hanya menerapkan keamanan sql anti injection pada halaman login. Untuk kedepannya mungkin masalah keamanan dapat di tambah lagi misal dengan menggun enkripsi pada link website dan lain sebagainya

65

c) Sistem dapat dikembangkan menjadi lebih kompleks lagi dengan menggabungkan beberapa sistem yang telah ada (integrated System), misalnya dengan menambahkan beberapa aplikasi yang lain

DAFTAR PUSTAKA

Aldy, 2011. Forum, http://aldesign.web.id/search/forum-adalah-sebuah/, 14 Juni 2012.

Energy, Social Media, 2010. www.socialmediaenergy.com, 20 September 2012

Flatley, Joseph. 2012. ScamWorld : “Get Rich Quick” Schemes Mutate Into an

Online Monster. New York: The Verge.

HM, Jogiyanto. 1989. Analisis dan Desain Sistem Informasi: Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis. Yogyakarta: Penerbit ANDI.

Kotler, Philip. 1984. Marketing Essentials. New Jersey: Prentice Hall Inc.

Kotler, Philip. 2005. Manajemen Pemasaran Jilid 2, Edisi Kesebelas. Indeks. Jakarta

Shimp, Terence A. 2000. Periklanan Promosi. Jakarta: Penerbit Erlangga.

Sholiq. 2006. Pemodelan Sistem Informasi Berorientasi Subjek dengan UML. Surabaya: Penerbit Graha Ilmu.

Tciptono, Fandy. 2002. Strategi Pemasaran. Yogyakarta: Penerbit ANDI.

Wicaksono, Soetam Rizky. 2006. Interaksi Manusia dan Komputer. Surabaya: STIKOM Surabaya