PERANCANGAN APLIKASI KATALOG PRODUK DAN

PEMESANAN BERBASIS WEB PADA PT.HEALTH

WEALTH INTERNATIONAL

SKRIPSI

Oleh:

ANDI TANJAYA

NIM.1145027

PROGRAM STUDI SISTEM INFORMASI

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

STMIK TIME

MEDAN

2015
 ABSTRAK

Kemajuan teknologi saat ini berkembang dengan sangat pesat, berbagai

hal dapat dengan mudah di akses dengan cepat. Salah satunya orang dapat dengan
mudah membeli barang secara online dengan memanfaatkan smartphone mereka
hanya dengan memesan melalui website. Perusahaan PT. Health Wealth
International merupakan suatu perusahaan Multi Level Marketing (MLM) yang
memasarkan produk kesehatan. Namum dalam pemasaran, distributornya belum
melalui secara online.

Penelitian ini bertujuan untuk memberikan solusi bagi permasalahan

distributor PT. Health Wealth International tersebut. Penelitian ini merancang
sebuah Website pemasaran dengan menggunakan PHP dan MySQL. Website yang
dibangun berguna sebagai sarana kegiatan transaksi pembelian. Website yang
dibuat bersifat multiuser, yang terdiri dari admin dan customers.

Hasil dari penelitian ini diharapkan dapat melakukan penjualan online dan
untuk menyediakan informasi mengenai manfaat produk yang dijual oleh
distributor PT. Health Wealth International.

Kata Kunci : Website, PHP, MySQL

i
 ABSTRACT

The current technology advancement has improved extremely rapidly that

information can be promptly. People for an example, can easily purchase products
via online connection by utilising their smartphones. PT. Health Wealth
International is an international company with the concepts of Multi Level
Marketing (MLM) as its business basis to market health products. However, the
distributors in this case, have not put online connection into practice in marketing
the products.

This study was condueted to provide a solution toward the problem of the
distributors of PT. Health Wealth International. This study designed a marketing
website with the basis of PHP and MySQL. The website constructed functions as
a media of purchasing. It is multi-users and comprises administrator and
customers.

The result of this study in expected to stimulate online selling and to

provide information about the benefits of the wellness products sold by the
distributors of PT. Health Wealth International.

Keywords: Website, PHP, MySQL

ii
 KATA PENGANTAR

Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa karena

dengan berkat dan anugerah-Nya penulis dapat menyelesaikan penyusunan skripsi

yang berjudul “ Perancangan Aplikasi Katalog Produk dan Pemesanan Berbasis

Web pada PT. Health Wealth International “ dengan baik.

Penulisan skripsi ini bertujuan untuk salah satu syarat dalam memperoleh

gelar sarjana, program studi Sistem Informasi pada STMIK TIME Medan.

Penulis juga ingin mengucapkan terima kasih kepada banyak pihak yang

telah membantu dalam penyelesaian penyusunan skripsi ini. Penulis mengucapkan

terima kasih kepada :

1. Bapak Andy,SE., selaku dosen Pembimbing I telah memberikan arahan

dan bimbingan bagi penulis demi penyempurnaan penulisan skripsi ini.

2. Ibu Feriani Astuti,S.Kom.,M.Kom., selaku dosen pembimbing II yang

telah membimbing penulis dalam hal penulisan skripsi ini.

3. Bapak Simon Kanggali, selaku Ketua Yayasan STMIK TIME Medan.

4. Bapak Prof. Chainur Arrasyid, S.H., selaku Ketua BPH STMIK TIME

Medan.

5. Bapak Prof. Harlem Marpaung, Ph.D., selaku Ketua STMIK TIME

Medan.

6. Bapak Jackri Hendrik,S.T.,M.Kom., selaku Pembantu Ketua I STMIK

TIME Medan.

7. Ibu Feriani Astuti,S.Kom.,M.Kom., selaku Ketua Program Studi Sistem

Informasi STMIK TIME Medan.

iii
 8. Seluruh Dosen STMIK TIME Medan yang telah memberikan arahan

kepada penulis dalam menyelesaikan skripsi ini.

9. Orang tua dan teman-teman yang ada di STMIK TIME Medan.

10. Para staf dan karyawan STMIK TIME Medan yang telah bersedia bekerja

sama dengan penulis dalam hal melayani permintaan penulis dalam

penyelesaian skripsi ini.

Penulis juga menyadari bahwa penyusunan skripsi ini masih belum

sempurna, baik dalam penulisan maupun isi, oleh karena itu penulis

mengharapkan kritik dan saran dari pembaca yang dapat membantu dalam

penyempurnaan isi skripsi ini.

Medan, 21 April 2015

Penulis,

Andi Tanjaya

1145027

iv
 DAFTAR ISI

ABSTRAK ....................................................................................................... i

ABSTRACT ...................................................................................................... ii

KATA PENGANTAR ...................................................................................... iii

DAFTAR ISI ...................................................................................................... v

DAFTAR GAMBAR ......................................................................................... viii

DAFTAR TABEL ............................................................................................. xi

DAFTAR LAMPIRAN ..................................................................................... xii

BAB I PENDAHULUAN ...................................................................... 1

1.1 Latar Belakang Masalah .................................................. 1

1.2 Identifikasi Masalah ........................................................ 2

1.3 Batasan Masalah.............................................................. 3

1.4 Tujuan dan Manfaat Penelitian ....................................... 3

1.5 Sistematika Penulisan ..................................................... 4

BAB II LANDASAN TEORI................................................................. 5

2.1 Konsep Sistem Informasi ................................................ 5

2.1.1 Sistem .................................................................. 5

2.1.2 Informasi ............................................................. 8

2.1.3 Sistem Informasi ................................................. 10

2.2 Pemasaran E-Bisnis ......................................................... 11

2.3 Pengertian Pemesanan ..................................................... 15

2.4 Data Flow Diagram ........................................................ 15

2.5 Flow Of Document .......................................................... 19

v
 2.6 Internet ............................................................................ 22

2.7 Web ................................................................................. 25

2.7.1 Aplikasi Web....................................................... 25

2.7.2 Web Server .......................................................... 26

2.7.3 Web Statis dan Web Dinamis ............................. 26

2.7.4 HTML ................................................................. 27

2.8 PHP ................................................................................. 28

2.9 DBMS ............................................................................. 30

2.10 Adobe Dreamweaver ....................................................... 33

BAB III METODE PENELITIAN ......................................................... 35

3.1 Tempat dan Jadwal Penelitian......................................... 35

3.2 Kerangka Kerja ............................................................... 35

3.2.1 Metode Pengumpulan Data ................................. 36

3.2.2 Analisa Sistem..................................................... 37

3.2.3 Perancangan Sistem ............................................ 37

3.2.4 Pembangunan Sistem .......................................... 38

3.2.5 Uji Coba Sistem .................................................. 38

BAB IV ANALISA DAN PERANCANGAN ......................................... 39

4.1 Analisa............................................................................. 39

4.1.1 Strategi Pemasaran dan Penjualan ...................... 40

4.1.2 Analisa Kebutuhan Sistem .................................. 40

4.2 Perancangan .................................................................... 42

4.2.1 Usulan Prosedur Baru ......................................... 42

vi
 4.2.2 Perancangan Data Flow Diagram (DFD) ........... 43

4.2.3 Perancangan Kamus Data ................................... 46

4.2.4 Perancangan Tampilan Website .......................... 48

4.2.5 Perancangan Database ........................................ 58

BAB V HASIL DAN PEMBAHASAN ................................................. 63

5.1 Tampilan Hasil ................................................................ 63

5.1.1 Tampilan Untuk User .......................................... 63

5.1.2 Tampilan Untuk Admin ...................................... 68

5.2 Pembahasan ..................................................................... 74

BAB VI KESIMPULAN DAN SARAN ................................................. 76

6.1 Kesimpulan ..................................................................... 76

6.2 Saran ................................................................................ 76

DAFTAR PUSTAKA

LAMPIRAN

vii
 DAFTAR GAMBAR

Gambar 2.1 Empat Sumber Dasar Dalam Diagram Aliran Data ................... 18

Gambar 3.1 Kerangka Kerja Penelitian .......................................................... 36

Gambar 4.1 Context Diagram ......................................................................... 43

Gambar 4.2 DFD Level 0 ................................................................................ 44

Gambar 4.3 DFD Level 1 Proses Pendaftaran ................................................ 44

Gambar 4.4 DFD Level 1 Proses Login ......................................................... 45

Gambar 4.5 DFD Level 1 Proses Pemesanan ................................................. 45

Gambar 4.6 DFD Level 1 Proses Pengecekan Informasi Produk................... 46

Gambar 4.7 Tampilan Halaman Depan Sebelum Login ................................. 48

Gambar 4.8 Tampilan Halaman Produk Sebelum Login ................................ 48

Gambar 4.9 Tampilan Halaman Keterangan Produk Sebelum Login ............. 49

Gambar 4.10 Tampilan Halaman Tentang Kami Sebelum Login..................... 49

Gambar 4.11 Tampilan Halaman Daftar Pelanggan Baru ................................ 50

Gambar 4.12 Tampilan Halaman Setelah Login ............................................... 50

Gambar 4.13 Tampilan Halaman Profile .......................................................... 51

Gambar 4.14 Tampilan Halaman Produk ......................................................... 51

Gambar 4.15 Tampilan Halaman Pembelian .................................................... 52

Gambar 4.16 Tampilan Input Data Login......................................................... 52

Gambar 4.17 Tampilan Halaman Setelah Login Admin ................................... 53

Gambar 4.18 Tampilan Halaman Konfirmasi Pelanggan ................................. 53

Gambar 4.19 Tampilan Profile Admin .............................................................. 54

Gambar 4.20 Tampilan Arsip Pelanggan .......................................................... 54

viii
Gambar 4.21 Tampilan Arsip Produk ............................................................... 55

Gambar 4.22 Tampilan Input Produk ............................................................... 55

Gambar 4.23 Tampilan Output Order............................................................... 56

Gambar 4.24 Tampilan Tentang Kami ............................................................. 56

Gambar 4.25 Tampilan Input Registrasi ........................................................... 57

Gambar 4.26 Tampilan Input Pesanan .............................................................. 57

Gambar 4.27 Tampilan Edit Profile.................................................................. 58

Gambar 4.28 Rancangan Hubungan Antar Tabel ............................................. 62

Gambar 5.1 Tampilan Home Website ............................................................. 63

Gambar 5.2 Tampilan Produk Sebelum Login................................................ 64

Gambar 5.3 Keterangan Produk Sebelum Login ............................................ 64

Gambar 5.4 Tampilan Tentang Kami Sebelum Login .................................... 65

Gambar 5.5 Tampilan Daftar Pelanggan Baru ................................................ 65

Gambar 5.6 Tampilan Halaman Setelah Login ............................................... 66

Gambar 5.7 Tampilan Profile ......................................................................... 66

Gambar 5.8 Tampilan Produk ......................................................................... 67

Gambar 5.9 Tampilan Pembelian.................................................................... 67

Gambar 5.10 Tampilan Awal Login Admin ...................................................... 68

Gambar 5.11 Tampilan Setelah Login Admin ................................................... 69

Gambar 5.12 Tampilan Proses Konfirmasi Pelanggan ..................................... 69

Gambar 5.13 Tampilan Edit Konfirmasi Pelanggan ......................................... 70

Gambar 5.14 Tampilan Proses Persetujuan Konfirmasi Pelanggan ................. 70

Gambar 5.15 Tampilan Profile ......................................................................... 71

Gambar 5.16 Tampilan Edit Profile.................................................................. 71

ix
Gambar 5.17 Tampilan Pelanggan .................................................................... 71

Gambar 5.18 Tampilan Edit Pelanggan ............................................................ 72

Gambar 5.19 Tampilan Produk ......................................................................... 72

Gambar 5.20 Tampilan Edit Produk ................................................................. 73

Gambar 5.21 Tampilan Order ........................................................................... 73

Gambar 5.22 Tampilan Tentang Kami ............................................................. 74

x
 DAFTAR TABEL

Tabel 2.1 Simbol-Simbol Dalam Bagan Alir Dokumen .................................. 19

Tabel 3.1 Jadwal Penelitian .............................................................................. 35

Tabel 4.1 Tabel Kamus Data Customer ............................................................ 46

Tabel 4.2 Tabel Kamus Data Stock................................................................... 47

Tabel 4.3 Tabel Administrator .......................................................................... 59

Tabel 4.4 Tabel Order ....................................................................................... 59

Tabel 4.5 Tabel Order Detail ............................................................................ 59

Tabel 4.6 Tabel Order Temp ............................................................................. 60

Tabel 4.7 Tabel Order Detail Temp .................................................................. 60

Tabel 4.8 Tabel Pelanggan ................................................................................ 60

Tabel 4.9 Tabel VPelanggan ............................................................................. 61

Tabel 4.10 Tabel Produk ..................................................................................... 61

xi
 DAFTAR LAMPIRAN

Lampiran 1 Daftar Riwayat Hidup

Lampiran 2 Surat Keputusan Dosen Pembimbing

Lampiran 3 Kartu Bimbingan Dosen Pembimbing I

Lampiran 4 Kartu Bimbingan Dosen Pembimbing II

Lampiran 5 Source Code

Lampiran 6 CD Program

xii
 BAB I

PENDAHULUAN

1.1. Latar Belakang Masalah

Pesatnya perkembangan teknologi dan informasi, memberikan

kemudahan-kemudahan bagi masyarakat untuk memperoleh informasi yang

mereka butuhkan. Informasi sangat penting bagi semua orang, apalagi jika

berkaitan dengan bisnis, dimana semua orang memerlukan informasi yang cepat,

tepat dan jelas. Untuk memenuhi kebutuhan informasi maka para pengusaha-

pengusaha dan pelaku bisnis memberikan pelayanan secara maksimal kepada para

pelanggannya, dengan meyediakan fasilitas yang memadai seperti web yang kini

menjadi sumber data yang terbesar dan sangat berharga untuk setiap pengguna

karena didalam web kumpulan informasi-informasi saling terhubung dan dapat

diakses melalui koneksi internet.

Internet merupakan media elektronik yang sudah tidak asing lagi di

masyarakat, pemanfaatannya sudah meluas hingga ke pasar bisnis. Tidak sedikit

perusahaan-perusahaan yang memanfaatkan teknologi ini untuk memudahkan

proses bisnis mereka seperti pemasaran produk, jual beli hingga transaksi

pembayaran. Namun manfaat internet juga sangat bergantung pada produk dan

jasa yang akan ditawarkan. Produk yang satu memanfaatkan internet secara

berbeda dengan produk yang lainnya. Tipe atau jenis usaha juga ikut serta

mempengaruhi cara perusahaan-perusahaan dalam memanfaatkan internet sebagai

sarana bisnisnya.

1
 2

PT. Health Wealth International (HWI) merupakan sebuah perusahaan

multilevel marketing yang menjual produk kesehatan. Lokasi pemasaranya sudah

meluas di seluruh Indonesia. Di wilayah Medan pun persaingan dengan produk

kosmetik lainnya juga semakin ketat. Penulis sebagai salah seorang distributor

HWI yang memasarkan dan mendistribusikan produk HWI. Untuk dapat bersaing

dan memperluas daerah pemasaran memerlukan biaya promosi yang cukup besar.

Selain itu informasi mengenai produk barang yang baru belum tersebar dengan

cepat. Oleh karena itu, perlu dirancang sebuah aplikasi berbasis web yang dapat

digunakan sebagai media promosi produk-produk baru dari perusahaan dan juga

untuk dijadikan sebagai media pemesanan barang oleh customer. Berdasarkan

alasan itulah, maka penulis merasa tertarik untuk melakukan penelitian dengan

memilih judul ”Perancangan Aplikasi Katalog Produk dan Pemesanan

Berbasis Web pada PT. Health Wealth International”.

1.2. Identifikasi Masalah

Adapun permasalahan yang muncul dihadapi oleh distributor PT. Health

Wealth International :

1. Lambatnya distribusi informasi dari distributor ke customer, antara lain

informasi mengenai produk dan promosi-promosi yang sedang berlangsung.

2. Distributor membutuhkan biaya yang cukup besar dalam mempromosikan

barang dan jasa jika melalui media koran dan televisi.

 3

1.3. Batasan Masalah

Ruang lingkup penulisan ini adalah:

1. Website yang di bangun hanya sebatas katalog produk dan pemesanan produk.

2. Website yang di bangun tidak menyediakan fasilitas untuk pembayaran secara

online.

3. Perangkat lunak yang digunakan untuk mendesain web yaitu Adobe

Dreamweaver CS4 dan XAMPP.

4. Website di bangun dengan menggunakan HTML, CSS, PHP, dan MySQL.

1.4. Tujuan dan Manfaat Penelitan

Adapun tujuan dalam penelitian ini adalah untuk memudahkan

distributor menjual dan mempromosikan produk melalui website sehingga dapat

menghemat biaya promosi dan tidak perlu lagi mencetak katalog maupun brosur

dalam jumlah besar.

Manfaat dari penelitian ini adalah memudahkan customers dalam

memperoleh informasi mengenai produk serta melakukan pemesanan produk

secara langsung, menggunakan situs dapat meningkatkan pemasaran produk.

1.5. Sistematika Penulisan

Rincian isi dari laporan skripsi ini meliputi beberapa BAB, yaitu :

BAB I PENDAHULUAN

Pada BAB ini akan membahas tentang latar belakang

masalah, identifikasi masalah, batasan masalah, tujuan dan

manfaat serta sistematika penulisan.

 4

BAB II LANDASAN TEORI

Pada BAB ini berisi tentang landasan teori yang digunakan

untuk menunjang penyusunan laporan skripsi ini.

BAB III METODE PENELITIAN

BAB ini berisi pembahasan metode pengumpulan data, alur

kerja sistem berjalan dan alur kerja sistem usulan.

BAB IV ANALISA DAN PERANCANGAN

BAB ini berisi pembahasan masalah serta rancangan sistem

yang berupa analisa dan desain sistem yang digunakan.

BAB V HASIL DAN PEMBAHASAN

BAB ini berisi tampilan output yang dihasilkan oleh sistem

dan penjabaran mengenai kelebihan dan kelemahan sistem.

BAB VI KESIMPULAN DAN SARAN

BAB ini berisi kesimpulan dan saran terhadap laporan

skripsi yang telah dilakukan.

 BAB II

LANDASAN TEORI

2.1. Konsep Sistem Informasi

Penjelasan mengenai sistem informasi mencakup definisi sistem, informasi

dan sistem informasi.

2.1.1. Sistem

Sistem berasal dari Yunani yang artinya kesatuan. Suatu sistem adalah

jaringan kerja dari produser-produser yang saling berhubungan, berkumpul

bersama untuk melakukan kegiatan atau untuk mencapai suatu sasaran tertentu. Di

dalam mendefinisikan pengertian sistem ada dua kelompok pendekatan yang harus

diperhatikan yaitu menekankan pada prosedur dan menekankan pada komponen

atau elemennya.

Pendekatan sistem yang lebih menekankan pada prosedur mendefenisikan

sistem dengan pengertian sebagai berikut, sistem adalah jaringan kerja dari

prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk

melakukan kegiatan dalam rangka mencapai tujuan tertentu. (Zaki Baridwan, 2008: 3)

Sistem juga merupakan kesatuan (entity) yang terdiri dari bagian-bagian disebut

sub sistem yang saling berkaitan dengan tujuan untuk mencapai tujuan-tujuan tertentu.

(Zaki Baridwan, 2008: 4). Pendekatan sistem yang merupakan jaringan kerja dari

prosedur lebih ditekankan pada urutan-urutan operasi di dalam suatu sistem. Prosedur

adalah urutan operasi yang melibatkan beberapa orang di dalam satu atau lebih

5
 6

departemen untuk menjamin penanganan yang seragam dari transaksi bisnis yang

terjadi. Prosedur juga dapat diartikan sebagai suatu urutan kegiatan klerikal, biasanya

melibatkan beberapa orang dalam satu departemen atau lebih, yang dibuat untuk

menjamin penanganan secara seragam transaksi perusahaan yang terjadi berulang-

ulang.

Mempelajari suatu sistem akan lebih mudah dimengerti apabila kita telah

mengetahui arti suatu sistem. Lebih lanjut pengertian sistem kita peroleh dari

defenisinya. Dengan demikian pengertian atau defenisi yang ada diatas mempunyai

peranan yang penting di dalam pendekatan untuk mempelajari suatu sistem.

Sistem dapat juga diartikan sebagai kumpulan dari Lingui-Lingui seperti

manusia, saran, menentukan proses secara teratur, saling mempengaruhi atau

saling bersaing satu dengan yang lainnya, dimana keseluruhannya merupakan satu

kesatuan untuk mencapai tujuan yang telah ditetapkan bersama.

Analisis dan perancangan sistem seperti yang ditampilkan oleh

penganalisis sistem berupaya menganalisis input data atau aliran data secara

sistematis, memproses atau mentransformasikan data, menyimpan data dan

menghasilkan output informasi dalam konteks bisnis khusus. (Kenneth E. Kendall

dan Julie E. Kendall, 2010: 7)

Suatu sistem mempunyai karakteristik atau sifat-sifat yang tertentu,

seperti:

1. Komponen-komponen (Components)

Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi yang

artinya saling bekerja sama membentuk satu kesatuan. Komponen-komponen

 7

sistem dapat berupa suatu subsistem atau bagian dari sistem. Setiap sistem

tidak peduli betapapun kecilnya, selalu mengandung komponen-komponen.

2. Batas sistem (Boundary)

Batas sistem merupakan daerah yang membatasi antara suatu sistem dengan

sistem yang lainnya atau dengan lingkungan luarnya. Batas sistem ini

memungkinkan suatu sistem dipandang sebagai satu kesatuan. Batas suatu

sistem menunjukkan ruang lingkup (scope) dari sistem tersebut.

3. Lingkungan luar sistem (Environment)

Lingkungan luar dari suatu sistem adalah apapun di luar batas dari sistem yang

mempengaruhi operasi sistem. Lingkungan luar sistem dapat bersifat

menguntungkan dan dapat juga bersifat merugikan sistem tersebut.

Lingkungan luar yang menguntungkan merupakan energi dari sistem dan

dengan demikian harus tetap dijaga dan dipelihara. Sedangkan lingkungan luar

yang merugikan harus ditahan dan dikendalikan, kalau tidak maka akan

mengganggu kelangsungan hidup dari sistem.

4. Penghubung (Interface)

Penghubung merupakan media penghubung antara satu subsistem dengan

yang lainnya. Melalui penghubung ini memungkinkan sumber-sumber daya

mengalir dari satu subsistem ke subsistem yang lainnya. Keluaran dari satu

sistem akan menjadi masukan untuk subsistem yang lainnya dengan melalui

penghubung.

5. Masukan (Input)

Masukan adalah energi yang dimasukkan ke dalam sistem. Masukan dapat

berupa masukan perawatan (maintenance input) dan masukan sinyal (signal

 8

input). Maintenance input adalah energi yang dimasukkan supaya sistem

tersebut dapat beroperasi. Signal input adalah energi yang diproses untuk

didapat keluaran.

6. Keluaran (Output)

Keluaran adalah hasil dari energi yang diolah dan diklasifikasikan menjadi

keluaran yang berguna dari sisa pembuangan. Keluaran dapat merupakan

masukan untuk subsistem yang lain atau kepada supra sistem.

7. Pengolah (Process)

Suatu sistem dapat mempunyai suatu bagian pengolah yang akan merubah

masukan menjadi keluaran. Suatu sistem produksi akan mengolah masukan

berupa bahan baku dan bahan-bahan yang lain menjadi keluaran berupa

barang jadi.

8. Sasaran (Objectives)

Suatu sistem pasti mempunyai tujuan atau sasaran. Kalau suatu sistem tidak

mempunyai sasaran, maka operasi sistem tidak akan ada gunanya. Sasaran

dari sistem sangat menentukan sekali masukan yang dibutuhkan sistem dan

keluaran yang akan dihasilkan sistem. Suatu sistem dikatakan berhasil bila

mengenai sasaran atau tujuannya. (Jogiyanto Hartono, 2010: 4)

2.1.2. Informasi

Informasi merupakan bagian yang terpenting di dalam sebuah organisasi.

Tanpa adanya informasi suatu organisasi tidak mungkin bisa maju. Suatu sistem yang

kurang mendapat informasi akan menjadi luruh, kerdil dan akhirnya berakhir.

Robert N. Anthony dan John Dearden menyebut keadaan dari sistem dalam
 9

hubungannya dengan keberakhirannya dengan istilah entropy yang disebut negative

entropy. (Zaki Baridwan, 2008: 4)

Informasi adalah data yang sudah diolah menjadi bentuk yang lebih

berguna dan lebih berarti bagi yang menerimanya. Informasi mengandung arti

yang dihubungkan dengan kenyataan, simbol-simbol, gambar-gambar, kata-kata,

angka-angka, huruf-huruf atau simbol yang menunjukkan ide, objek, kondisi dan

situasi. (Jogiyanto Hartono, 2010: 8)

Sumber dari informasi adalah data sedangkan data merupakan bentuk

jamak dari bentuk tunggal data item. Data merupakan kenyataan yang

menggambarkan suatu kejadian-kejadian dan kesatuan nyata. Kejadian-kejadian (event)

adalah sesuatu yang terjadi pada saat tertentu. Di dalam dunia bisnis, kejadian-

kejadian nyata yang sering terjadi adalah perubahan dari suatu nilai barang menjadi

nilai uang atau nilai piutang dagang. Kesatuan data adalah merupakan suatu objek

nyata sebagai tempat, benda, dan orang, yang betul-betul ada dan terjadi.

Data merupakan bentuk yang masih mentah yang belum dapat bercerita

banyak sehingga perlu diolah lebih lanjut. Data diolah melalui suatu model untuk

dihasilkan informasi. Data yang diolah untuk menghasilkan informasi

menggunakan suatu model proses tertentu.

Data yang diolah melalui suatu model menjadi informasi, penerima

kemudian menerima informasi tersebut, membuat suatu keputusan dan melakukan

tindakan, yang berarti menghasilkan suatu tindakan lain yang akan membuat

sejumlah data kembali. Data tersebut akan ditangkap sebagai input, diproses

kembali lewat suatu model dan seterusnya membentuk suatu siklus. Siklus ini
 10

disebut dengan siklus informasi (information cycle) dan disebut juga dengan

siklus pengolahan data (data processing cycle).

Tingkat kualitas informasi dipengaruhi oleh :

1. Akurat (Acurrate)

Informasi yang disampaikan harus bebas dari kesalahan dan tidak boleh

menyesatkan sehingga informasi dapat tersalurkan dan sampai pada

pencerminan maksud informasi tersebut

2. Tepat Waktu (Timeliness)

Informasi yang dihasilkan tidak terlambat karena akan mempunyai nilai

yang tidak baik, yang bisa berakibat fatal dalam pengambilan keputusan.

3. Relevan (Relevance)

Informasi tersebut harus dapat memberikan manfaat bagi pemakai. Relevan

informasi untuk setiap orang selalu berbeda berdasarkan atas kebutuhan

masing-masing orang.

2.1.3. Sistem Informasi

Sistem informasi juga dapat diartikan sebagai suatu sistem di dalam suatu

organisasi yang mempertemukan kebutuhan pengolahan transaksi harian,

mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi

dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan.

(Jogiyanto Hartono, 2010: 11)

Berdasarkan atas definisinya maka sistem informasi itu merupakan :

1. Suatu sistem yang dibuat oleh manusia yang terdiri dari komponen-

komponen dalam organisasi untuk mencapai suatu tujuan.

 11

2. Sekumpulan prosedur organisasi yang pada saat dilaksanakan akan

memberikan informasi bagi pengambil keputusan dan untuk mengendalikan

organisasi.

3. Suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan

pengolahan transaksi, mendukung operasi, bersifat manajerial, dan

kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu

dengan laporan-laporan yang diperlukan.

(Jogiyanto Hartono, 2010: 12)

2.2. Pemasaran E-Bisnis

Pemasaran adalah kegiatan perorangan dan organisasi yang memudahkan

dan mempercepat hubungan pertukaran yang memuaskan dalam lingkungan

yang dinamis melalui penciptaan, pendistribusian, promosi dan penentuan

harga barang, jasa dan gagasan.

Pemasaran juga merupakan suatu proses sosial dan manajerial dimana

individu dan kelompok mendapatkan apa yang mereka butuhkan / inginkan

dan menciptakan, menawarkan serta mempertukarkan produk yang bernilai

dengan produk lain (Kotler, 2011: 8)

Strategi pemasaran terdiri dari unsur – unsur yang dinamakan bauran

pemasaran atau marketing mix yang dikenal dengan 4 P, yaitu :

1. Product (produk)

Apa yang dibeli oleh pelanggan untuk memuaskan keinginan / kebutuhannya.

Produk dapat berupa barang fisik, berbagai jenis jasa atau suatu gagasan.
 12

2. Promotion (promosi)

Promosi berhubungan dengan penjualan produk, termasuk periklanan dan

penjualan langsung.

3. Place (tempat)

Tempat berhubungan dengan cara mendistribusikan produk secara fisik

kepada pelanggan melalui saluran distribusi.

4. Price (harga)

Harga terdiri dari semua elemen yang berhubungan dengan apa yang dibayar

oleh pelanggan untuk produk itu.

Sistem pemasaran adalah suatu sistem berbasiskan komputer yang bekerja

untuk mendukung sistem manajemen perusahaan dalam menyelesaikan

masalah yang berhubungan dengan pemasaran produk perusahaan. Sistem

pemasaran melalui internet atau dikenal dengan E-commerce, saat ini telah

menjadi popular dikarenakan oleh beberapa kelebihan baik pembeli / penjual.

Beberapa kelebihan bagi pembeli adalah : (Kotler, 2011: 731)

1. Kemudahan

Pelanggan dapat memesan produk kapan saja dan dimana pun mereka berada.

2. Informasi

Pelanggan dapat menemukan banyak sekali informasi pembanding mengenai

perusahaan, produk–produknya serta pesaingnya tanpa harus meninggalkan

kantor atau rumah, sehingga mereka dapat menfokuskan kriteria tugas seperti

harga, kualitas, kinerja dan ketersediaan.

 13

3. Lebih sedikit perdebatan

Pelanggan tak perlu bertatap muka langsung dengan penjual sehingga dapat

menghindari perdebatan dan faktor emosional lainnya.

4. Biaya yang relatif rendah

Penjual dapat menekan biaya yang dikeluarkan seperti biaya pemeliharaan

toko, uang sewa, asuransi dan katalog – katalog yang harus dicetak.

5. Membangun hubungan

Penjual dapat belajar banyak dari pelanggannya dan dapat berbicara online

melalui internet. Penjual juga dapat menyediakan laporan, demo perangkat

lunak, atau info – info untuk didownload oleh pelanggan.

6. Pengukuran pengunjung

Penjual dapat mempelajari berapa orang yang mengunjungi situs online

mereka dan beberapa yang berhenti pada tempat – tempat tertentu / berbelanja.

Menurut Kienan definisi dari E-commerce adalah bisnis jenis apapun

yang dilakukan secara online. Apakah bisnis tersebut berorientasi konsumen

maupun bisnis ke bisnis, dan tidak peduli apa tujuannya. Bisnis yang terjadi pada

E-commerce bisa bermacam-macam dimulai dari penjualan, pembelian,

periklanan, pendistribusian, manufaktur, pendidikan, atau hiburan.

Dilihat dari hubungan penjual dan pembeli, E-commerce dibagi 3 yaitu

hubungan :

1. Business to Business (B2B)

Hubungan B2B adalah hubungan yang terjadi antara dua perusahaan yang

sudah saling kenal melalui jaringan internet. Contohnya adalah hubungan

antara perusahaan cat kayu dengan perusahaan kursi.

 14

2. Business to Customer (B2C)

Hubungan B2C adalah hubungan yang terjadi antara suatu perusahaan dengan

pelanggan melalui jaringan internet. Contohnya adalah hubungan antara

perusahaan penjualan komputer dengan pembeli atau pemakai.

3. Customer to Customer (C2C)

Hubungan C2C adalah hubungan yang terjadi antara pelanggan dengan

pelanggan lain melalui jaringan internet. Contohnya adalah hubungan antara

pemakai komputer yang ingin menjual komputernya dengan pemakai lain.

Keuntungan E-commerce dibedakan menjadi 2 bagian yaitu :

Keuntungan bagi organisasi

1. Dapat digunakan sebagai lahan untuk menciptakan pendapatan (revenue

generation), seperti memasarkan langsung produk / jasa.

2. Menurunkan biaya operasional

Berhubungan langsung dengan pelanggan melalui internet dapat menghemat

kertas dan biaya telepon, tak perlu menyiapkan tempat ruang pamer (outlet)

ataupun gudang besar.

3. Memperpendek product cycle dan management supplier

Perusahaan dapat memesan bahan baku atau produk ke supplier langsung

ketika ada pemesanan sehingga perputaran barang lebih cepat dan tidak perlu

gudang besar untuk menyimpan produk tersebut.

4. Melebarkan jangkauan (global reach)

Pelanggan dapat menghubungkan perusahaan / penjual dari manapun di

seluruh dunia.
 15

5. Waktu operasi tidak terbatas

Bisnis melalui internet dapat dilakukan 24 jam per hari.

6. Dapat meningkatkan penetrasi pasar

7. Meningkatkan value chain (rantai pendapatan)

Keuntungan bagi pembeli

1. Home shopping

Pembeli dapat melakukan transaksi dari rumah sehinga dapat menghemat

waktu, menghidari kemacetan dan lain – lain.

2. Pembeli memilih pilihan yang luas dan dapat membandingkan produk maupun

jasa yang ingin dibelinya.

3. Product on demand

Pembeli dapat mencari produk sesuai dengan keinginan.

4. Tidak dibatasi waktu

Pembeli dapat melakukan transaksi kapan saja selama 24 jam per hari.

2.3. Pengertian Pemesanan

Menurut penulis pemesanan adalah suatu kegiatan yang dilakukan untuk

memperoleh tiket atau tempat duduk dalam sebuah transaksi. Sedangkan menurut

Kamus Besar Bahasa Indonesia pemesanan adalah “ proses, perbuatan, cara

memesan (tempat,barang,dsb) kepada orang lain.”

2.4. Data Flow Diagram

Seorang penganalisis sistem perlu menggunakan kebebasan konseptual

yang dilakukan melalui suatu diagram aliran data, yang secara grafis menandai
 16

proses-proses serta aliran data dalam suatu sistem bisnis. Menurut pernyataan

aslinya, diagram aliran data menggambarkan pandangan sejauh mungkin

mengenai masukan, proses dan keluaran sistem yang berhubungan dengan

masukan, proses dan keluaran dari model sistem umum.

Diagram Aliran Data adalah perangkat-perangkat analisis dan perancangan

yang terstruktur sehingga memungkinkan penganalisis sistem memahami sistem

dan subsistem secara visual sebagai suatu rangkaian aliran data yang saling

berkaitan. (Kenneth E. Kendall & Julie E. Kendall, 2010: 305)

Pendekatan aliran data memiliki 4 kelebihan utama mengenai cara data-

data berpindah di sepanjang sistem, yaitu :

1. Kebebasan dari menjalankan implementasi teknis sistem yang terlalu dini.

2. Pemahaman lebih jauh mengenai keterkaitan satu sama lain dalam sistem dan

subsistem.

3. Mengkomunikasikan pengetahuan sistem yang ada dengan pengguna melalui

Diagram Alir Data.

4. Menganalisis sistem yang diajukan untuk menentukan apakah data-data dan

proses yang diperlukan sudah diterapkan.

Pendekatan aliran data memiliki kelebihan tambahan karena bisa

digunakan sebagai latihan yang bermanfaat bagi penganalisis sistem sehingga

memungkinkan mereka bisa memahami dengan lebih baik keterkaitan satu sama

lain dalam sistem dan subsistem.

Kelebihan lain dari pendekatan aliran data adalah bisa digunakan sebagai

suatu perangkat untuk berinteraksi dengan pengguna. Penggunaan diagram aliran

data yang menarik adalah menunjukkan mereka kepada pengguna sebagai

 17

representasi tidak lengkap pemahaman penganalisis mengenai sistem. Kemudian

pengguna bisa diminta untuk berkomentar atas keakuratan konseptualisasi

penganalisis dan penganalisis memasukkan perubahan-perubahan yang

merefleksikan sistem dengan lebih akurat dari sudut pandang pengguna.

Kelebihan terakhir dari diagram aliran data adalah memungkinkan

penganalisis menggambarkan setiap komponen yang digunakan dalam diagram.

Kemudian penganalisis harus memastikan bahwa semua keluaran yang diperlukan

bisa diperoleh dari data-data masukan dan bahwa logika pemrosesan terefleksi

dalam diagram. Mendeteksi dan memperbaiki kesalahan dan kerusakan

perancangan dari sifat dasar ini pada tahap-tahap awal siklus hidup

pengembangan sistem jauh lebih mudah dibandingkan bila dilakukan pada fase

pemograman, pengujian dan implementasi berikutnya.

Dalam diagram aliran data logis tidak ada perbedaan antara proses manual

dengan proses otomatis. Tidak satu pun dari keduanya merupakan proses-proses

yang secara grafis digambarkan secara kronologis. Melainkan proses-proses

tersebut dikelompokkan bersama-sama ketika analisis berikutnya menyatakan

bahwa cukup masuk akal bila melakukan cara demikian. Proses-proses manual

digabungkan bersama, sedangkan proses-proses otomatis juga bisa dipasangkan

satu sama lain. (Kenneth E. Kendall & Julie E. Kendall, 2010: 264). Contoh dapat

dilihat pada gambar 2.1.

 18

Gambar 2.1 Empat Sumber Dasar Dalam

Diagram Aliran Data

Sumber : (Kenneth E. Kendall & Julie E. Kendall, 2010: 265)

Keterangan gambar :

1. Entitas

Kotak rangkap dua digunakan untuk menggambarkan suatu entitas eksternal

yang dapat mengirimkan data atau menerima data dari sistem.

2. Aliran Data

Tanda panah menunjukkan perpindahan data dari satu titik ke titik lain dengan

kepala tanda panah mengarah ke tujuan data.

3. Proses

Bujur sangkar dengan sudut membulat digunakan untuk menunjukkan adanya

proses transformasi.

4. Penyimpanan Data

Penyimpanan data menandakan penyimpanan manual, seperti lemari file atau

sebuah file ataupun basisdata terkomputerisasi. Karena penyimpanan data

 19

mewakili seseorang, tempat atau sesuatu, maka diberi nama dengan sebuah

kata benda. Penyimpanan data sementara, seperti kertas catatan atau sebuah

file komputer sementara tidak dimasukkan ke dalam diagram aliran data.

(Kenneth E. Kendall & Julie E. Kendall, 2010: 266)

2.5. Flow of Document

Flowchart adalah penggambaran secara grafik dari langkah-langkah dan

urut-urutan prosedur dari suatu program. Flowchart biasanya mempermudah

penyelesaian suatu masalah khususnya masalah yang perlu dipelajari dan

dievaluasi lebih lanjut. Sistem akuntansi dapat dijelaskan dengan menggunakan

bagan alir dokumen. Tabel 2.1 berikut ini melukiskan simbol-simbol standar yang

digunakan oleh analis sistem untuk membuat bagan alir dokumen yang

menggambarkan sistem tertentu. (Mulyadi, 2001: 60)

Tabel 2.1 berikut ini adalah simbol-simbol standar yang digunakan:

Tabel 2.1 Simbol-simbol dalam bagan alir dokumen

Simbol Arti Keterangan

Simbol ini menggambarkan semua

jenis dokumen, yang merupakan

Dokumen formulir yang digunakan untuk

merekam data terjadinya suatu

transaksi

1
Simbol ini menggambarkan dokumen
2 Dokumen dan
asli dan tembusannya. Nomor lembar
tembusannya
dokumen dicantumkan di sudut kanan
 20

atas.

Simbol ini menggambarkan catatan

akuntansi yang digunakan untuk

Catatan mencatat data yang direkam

sebelumnya di dalam dokumen atau

formulir.

Karena keterbatasan ruang halaman

kertas untuk menggambar, diperlukan

Penghubung simbol penghubung untuk

pada halaman memungkinkan aliran dokumen

yang sama berhenti di suatu lokasi pada halaman

tertentu dan kembali berjalan di lokasi

lain pada halaman yang sama.

Simbol penghubung ini menunjukkan

Penghubung bagaimana bagan alir yang tercantum

pada halaman pada halaman tertentu terkait dengan

yang berbeda bagan alir yang tercantum pada

halaman yang lain.

Simbol ini menggambarkan kegiatan

Kegiatan manual manual, seperti : menerima order dari

pembeli, mengisi formulir.

Sistem ini memungkinkan ahli sistem

Keterangan,
menambahkan keterangan untuk
komentar
memperjelas pesan yang disampaikan
 21

dalam bagan alir.

Simbol ini menunjukkan tempat

penyimpanan dokumen, seperti almari

arsip dan kotak arsip.

Untuk menunjukkan urutan

Arsip
pengarsipan dokumen digunakan
sementara
simbol berikut ini:

A = menurut abjad

N = menurut nomor urut

T = kronologis, menurut tanggal

Simbol ini menggambarkan arsip

Arsip permanen yang merupakan tempat

permanen penyimpanan dokumen yang tidak

akan diproses lagi.

On-line Simbol ini menggambarkan

computer pengolahan data dengan komputer

process secara on-line.

Simbol ini menggambarkan

Keying (typing,
pemasukan data ke dalam komputer
verifying)
melalui on-line terminal.

Simbol ini menggambarkan arsip

Pita magnetik
komputer yang berbentuk pita
(magnetic tape)
magnetic
 22

Simbol ini menggambarkan arsip

On-line storage komputer yang berbentuk on-line (di

dalam memory komputer)

Ya
Simbol ini menggambarkan keputusan

Keputusan yang harus dibuat dalam proses

Tidak
pengolahan data.

Garis alir Simbol ini menggambarkan arah

(flowline) proses pengolahan data.

Jika dua garis alir bersimpangan, untuk

menunjukkan arah masing-masing

Persimpangan
garis, salah satu garis dibuat sedikit
garis alir
melengkung tepat pada persimpangan

kedua garis tersebut.

Mulai/berakhir Simbol ini untuk menggambarkan awal

(terminal) dan akhir suatu sistem akuntansi.

Sumber: (Mulyadi, 2001: 60)

2.6. Internet

Pengertian internet sangat beragam. Pertama, internet adalah kumpulan

yang luas dari jaringan komputer besar dan kecil yang saling bersambungan

menggunakan jaringan komunikasi yang ada di seluruh dunia. Kedua, internet

juga diartikan juga sebagai keseluruhan manusia yang secara aktif berpartisipasi,

sehingga membuat internet menjadi sumberdaya informasi yang sangat berharga.

 23

Internet adalah kumpulan dari jaringan komputer yang ada di dunia yang saling

terhubung (network of networks). Internet terdiri dari ribuan jaringan komputer

lokal dari berbagai tipe dan ukuran yang dikelola oleh masing-masing organisasi.

Internet merupakan kumpulan dari jaringan global yang saling tersambung. Tidak

seperti jaringan perusahaan yang hanya terbatas pada karyawan perusahaan

tersebut, internet bisa diakses oleh setiap orang yang memiliki sebuah komputer

pribadi yang dilengkapi dengan sebuah modem.

Agar internet bisa beroperasi, harus ada hubungan antar komputer dan

terdapat suatu standar yang mengatur bagaimana komputer-komputer tersebut

berkomunikasi. Hubungan antar komputer bisa melalui berbagai media seperti

kabel, gelombang mikro, radio atau serat optik. Jalur antar dua titik dalam internet

bisanya melalui saluran yang secara fisik dikelola oleh berbagai organisasi yang

berbeda-beda. Seluruh jaringan di internet saling berkomunikasi dengan

menggunakan bahasa komputer standar (secara teknis disebut protocol). Yang

disebut Trasmission Control Protokol/internet protocol (TCP/IP). Protocol ini

merupakan cara standar untuk memaketkan dan mengalamatkan data komputer

(sinyal elektronik) sehingga data tersebut dapat dikirim ke komputer terdekat atau

keliling dunia dan tiba dalam waktu yang cepat tanpa mengalami kecacatan atau

hilang. Dengan internet kita dapat memperoleh suatu pengalaman yang tidak

dapat diperoleh melalui sistem komunikasi tradisional sebelumnya, seperti masuk

ke berbagai perpustakaan di seluruh dunia, berkorespondensi dengan teman di

seluruh dunia, bergabung dengan kelompok minat tertentu untuk berdiskusi dan

belajar hal-hal yang paling baru, mencari data dan dokumen di seluruh dunia.

(http://www.pempropsu.go.id/unitkerja/kantorpd/)
 24

Berikut adalah layanan yang disediakan oleh internet yang berbasis pada

protokol TCP/IP yaitu:

1. World Wide Web (WWW). Layanan ini adalah layanan yang sering kita

gunakan, layanan WWW ini menggunakan protokol yang dinamakan protokol

HyperText Tranfer Protocol (HTTP).

2. File Transfer (Pengiriman File). FTP ini memungkinkan kita untuk

mengirimkan atau menerima file dari komputer yang lain dengan

menggunakan jaringan. Oleh karena masalah keamanan data, FTP seringkali

memerlukan username dan password tertentu, meskipun banyak juga FTP

server yang dapat melalui anonymous (pengguna biasa dan tanpa password,

permintaan password dapat diisi dengan alamat email).

3. Remote Login (Telnet). Telnet memungkinkan pengguna komputer dapat

melakukan login ke dalam suatu komputer di dalam jaringan. Ketika kita

melakukan telnet, secara tidak langsung kita telah menjadi pengguna yang sah

dari komputer tersebut.

4. Electronic Mail (Email). Layanan yang digunakan untuk mengirim dan

menerima email. Untuk pengiriman email digunakan protocol Simple Mail

Transfer Protocol (SMTP) dan untuk membaca email digunakan protokol Post

Office Protocol 3 (POP3).

5. Network File Sistem (NFS) adalah sebuah pelayanan akses file-file jarak jauh

yang memungkinkan klien-klien untuk mengakses file-file pada jaringan jarak

jauh.

6. Name Server adalah daftar nama alamat yang digunakan pada internet untuk

menjelaskan mengenai alamat asli host internet (berupa nomor IP mesin).

 25

7. Remote Execution memungkinkan pengguna komputer untuk menjalankan

suatu program di komputer yang lain.

(http://library.gunadarma.ac.id/files/disk1/2/jbptgunadarma-gdl-s1-2004-

fritaromau-70-bab2.pdf)

2.7. Web

World Wide Web (WWW) atau biasa disebut dengan web, merupakan

salah satu sumber daya internet yang berkembang pesat. Informasi web

didistribusikan melalui pendekatan hypertext, yang memungkinkan suatu text

pendek menjadi acuan untuk membuka dokumen yang lain. Dengan pendekatan

hypertext ini seseorang dapat memperoleh informasi dengan meloncat dari suatu

dokumen ke dokumen yang lain. Dokumen-dokumen yang dapat diaksespun dapat

tersebar di berbagai mesin dan bahkan diberbagai negara. Bagai jaring laba-laba,

jejaring web telah membentang ke seluruh penjuru dunia. Tidak hanya terbatas

pada lembaga-lembaga penelitian yang ingin mempublikasikan hasil riset, web

juga banyak digunakan oleh perusahaan bisnis yang ingin mengiklankan produk

atau untuk melakukan transaksi bisnisnya.

2.7.1. Aplikasi Web

Pada awalnya aplikasi web dibangun hanya dengan menggunakan bahasa

yang disebut HyperText Markup Language (HTML) dan protokol yang digunakan

dinamakan Hypertext Transfer Protocol (HTTP). Pada perkembangan berikutnya,

sejumlah skrip dan objek dikembangkan untuk memperluas kemampuan HTML.

Pada saat ini, banyak skrip seperti itu antara lain yaitu PHP dan ASP, sedangkan
 26

contoh yang berupa objek antara lain adalah applet (java). Aplikasi web sendiri

dapat dibagi menjadi web statis dan web dinamis. (http://ardiansyah5.tripod.com/

bab2.html)

2.7.2. Web Server

Web server adalah sebuah bentuk server yang khusus digunakan untuk

menyimpan halaman website atau homepage. Komputer dapat dikatakan sebagai

webserver jika dalam komputer tersebut memiliki suatu program server yg

bernama Personal Web Server (PWS). PWS difungsikan agar komputer klien

dapat memanggil halaman web yg ada di dalam sebuah komputer server. Web

Server berfungsi menangani permintaan klien melalui protokol HTTP. Macam-

macam webserver yaitu Apache (Open source), Internet Information Service (IIS)

merupakan produk Windows, XITAMI, PWS, yang dibutuhkan untuk

menjalankan webserver adalah apache yang dikompilasikan dengan PHP dan

Mysql. Middleware adalah perangkat lunak yang bekerja sama dengan web server

dan berfungsi menerjemahkan kode-kode tertentu, menjalankan kode-kode

tersebut, dan memungkinkan berinteraksi dengan basis data, PHP, ASP, dan Perl

adalah beberapa contoh middleware. (http://ardiansyah5.tripod.com/bab2.html)

2.7.3. Web Statis dan Web Dinamis

Web statis adalah web yang dibangun dengan menggunakan HTML dalam

perancangan webnya di mana isinya statis tidak dapat berubah dengan dinamis.

Berbeda dengan web dinamis, isinya bisa dinamis misalkan jumlah baris yang

ditampilkan dilayar bisa diatur sejumlah baris yang ada di database, sehingga jika
 27

kita melakukan penambahan di database, maka di halaman web juga akan

bertambah. Web dinamis dapat dibangun dengan menggunakan Server Side Script,

karena server side script ini dieksekusi di server dan dapat mengakses

environment lainnya seperti database. Sedangkan client-side script dieksekusi di

client dan tidak bisa mengakses ke database. Contoh client-side script adalah

Javascript, VBScript. Contoh server-side script adalah PHP, ASP, JSP.

(www.evopage.com/download/java/CatWebProg.doc)

Web statis dibentuk dengan menggunakan HTML tetapi ada kekurangan

pada aplikasi ini karena terletak pada keharusan untuk memelihara program secara

terus menerus untuk mengikuti setiap perubahan yang terjadi. Kelemahan ini

diatasi dengan model aplikasi web dinamis. Dengan memperluas kemampuan

HTML, yakni dengan menggunakan perangkat lunak tambahan, perubahan

informasi dalam halaman halaman web dapat ditangani melalui perubahan data,

bukan melalui perubahan program. Sebagai implementasinya, aplikasi web dapat

dikoneksikan ke basis data. Dengan demikian perubahan informasi dapat

dilakukan oleh operator atau yang bertanggungjawab terhadap kemutakhiran data,

dan tidak menjadi tanggung jawab pemrogram atau web master. Pengertian web

yang dinamis juga terkadang diartikan sebagai halaman yang dilengkapi dengan

animasi gambar, selain dapat berinteraksi dengan basis data.

(http://ardiansyah5.tripod.com/bab2.html)

2.7.4. HTML

HTML singkatan dari hypertext markup language, merupakan program

penulisan informasi sebuah homepage. Tulisan ini merupakan pendahuluan cara

 28

menulis dengan bahasa HTML. Banyak orang masih menuliskan bahasa HTML

mempergunakan alat bantu seperti NotePad yang terdapat dalam Windows atau

Simple Text Macintosh. Panduan ini akan menolong anda menulis HTML dengan

lancar. Bahkan apabila anda cenderung tidak melakukan pengeditan HTML secara

langsung dan hendak mempergunakan Editor HTML seperti Netscape Compose

atau Amaya dari W3C atau Frontpage Express dari Microsoft, panduan ini akan

semakin menolong anda dalam menulis HTML dengan program-program tersebut

dan memungkinkan dokumen HTML buatan anda dapat diakses oleh berbagai

jenis program browser. (http://www.ai3.itb.ac.id/Tutorial/PengenalanHTML.html)

2.8. PHP

PHP Hypertext PreProcessor (PHP) merupakan salah satu bahasa

pemrograman yang banyak di pakai untuk membangun web yang dinamis. PHP

dapat disisipkan di antara bahasa HTML dan karena bahasa server side, maka

bahasa PHP akan dieksekusi di server, sehingga yang di kirimkan ke browser

adalah “Hasil Jadi” dalam bentuk HTML, dan kode PHP tidak akan terlihat.

Sampai sekarang versi yang telah dikeluarkan adalah PHP5. Penggunaan bahasa

PHP ini sangat mendukung untuk pembuatan buku tamu, polling, counter, forum,

dengan menggunakan DBMS MySQL. Salah satu keuntungan dari PHP adalah

pengembangnya bersedia membagi dan mempublikasikan kode sumber (source)

PHP. Beberapa Code Library yang dibuat oleh programmer-programmer PHP

banyak tersedia secara online di Internet, tentunya dapat didownload secara gratis.

Aplikasi apapun yang di butuhkan, bisa di pastikan dapat ditemukan di Internet.

PHP sebagai server side scripting secara umum digunakan untuk membuat situs
 29

dinamis atau aplikasi berbasis Web. Jadi langkah pertama untuk mempelajari PHP

adalah menguasai HTML terlebih dahulu.

Sejarah singkat berkembangnya PHP di mulai pada :

1. Akhir 1994: Rasmus Lerdorf, programmer Unix dan Perl membuat skrip

Makro Perl CGI yang dapat mengetahui siapa saja yang mengakses

resumenya yang ditaruh di web.

2. Awal 1995: PHP 1 (Personal Home Page Tools), Rasmus menulis ulang PHP

dalam C dan mengajarkan belasan programmer untuk menggunakannya. Ia

juga melengkapinya dengan Form Interpreter (FI) untuk memproses SQL dan

data Form.

3. September sampai Oktober 1995: PHP 2. Kode PHP dan FI ditulis ulang dan

digabungkan menjadi PHP/FI, akhir 1995 dibagikan gratis bagi publik

pertama kalinya.

4. April 1996: Rasmus menulis mod_php, modul PHP untuk Apache.

5. Desember 1996: PHP/FI pertama kali mendukung MySQL dan telah dipakai

di-15 ribu situs di dunia.

6. Pertengahan 1997: Pemakai PHP/FI mencapai 50 ribu situs.

7. Oktober 1997: PHP3 dimulai dengan sumbangan parser dari Zeev dan Andi.

8. Januari 1998: Dukungan MySQL untuk Windows dan PHP mendukung lebih

dari 7 database, mSQL, MySQL, Sybase, PostgreSQL, SQL Server, Adabas

dan Oracle.

9. 6 Juni 1998: PHP 3 (Professional Home Page) dirilis.

10. Desember 1998: PHP disertakan di RedHat Linux (PHP 3 sejak RedHat 6.2

dan PHP 4 sejak 7).

 30

11. Mei 1999: PHP 4 beta.

12. Oktober 1999: PHP melampaui FrontPage sebagai modul Apache terpopuler.

13. November 1999: PHP digunakan di 1,1 juta domain dan 357 ribu alamat IP

menurut survey Netcraft. Zeev dan Andi mendirikan Zend Technologies, LTd.

14. 20-24 Januari 2000: Konferensi Internasional PHP di TelAviv.

15. 2 Maret 2000: Zend diluncurkan sebagai portal PHP.

16. 22 Mei 2000: PHP4 diluncurkan.

Pada bulan Juli 2004, komunitas PHP merilis PHP versi baru PHP5 yang

dikatakan membawa perubahan yang cukup besar terhadap dunia pemrograman

web. PHP 5 dikatakan sebagai loncatan baru menuju Enterprise Application. Pada

bagian inti yaitu Engine program PHP, dilakukan perombakan total. Zend Engine

yang dipakai sejak PHP versi 3 diganti dengan Zend Engine 2 yang memiliki

konsep Object Oriented Programming yang jauh lebih bagus dengan tidak

mengorbankan kecepatan proses yang merupakan keunggulan PHP dibandingkan

script language lainnya. Beberapa fitur utama PHP 5 memperbaiki dukungan

terhadap XML, adanya extension untuk Simple XML, SOAP, dan MySQL, serta

dibundelnya SQLite dalam PHP. (http://www.benpinter.net/article.php?story

=20030407053611131)

2.9. DBMS

Sistem Manajemen Basis Data merupakan perangkat lunak yang mengatur

proses pengelolaan database. Pengelolaan ini meliputi pembuatan database, akses

terhadap database serta penyimpanan data dalam database. Sedangkan pengertian

dari database adalah sekumpulan file-file yang paling berhubungan satu sama lain
 31

atau beberapa kunci penghubung, tersimpan dalam media penyimpanan diluar

memori komputer. Media simpan ini dapat berupa disket, Hardisk.

Basis data (database) merupakan kumpulan dari data yang saling

berhubungan dengan yang lainnya, tersimpan di perangkat keras komputer dan

digunakan perangkat lunak untuk memanipulasinya. Database merupakan salah

satu komponen yang penting dalam sistem informasi, karena merupakan basis

dalam menyediakan informasi bagi para pemakai. Penerapan database dalam

sistem informasi disebut dengan database sistem. Sistem basis data (database

sistem) adalah suatu sistem informasi yang mengintegrasikan kumpulan dari data

yang saling berhubungan satu dengan yang lainnya dan membuatnya tersedia

untuk beberapa aplikasi yang bermacam-macam didalam suatu organisasi. Dengan

sistem basis data ini tiap-tiap orang atau bagian dapat memandang database dari

beberapa sudut pandang yang berbeda. Bagian kredit dapat memandangnya

sebagai data piutang, bagian penjualan dapat memandangnya sebagai data

penjualan, bagian personalia dapat memandangnya sebagai data karyawan, bagian

gudang dapat memandangnya sebagai data persediaan. Dalam membuat suatu

database diperlukan suatu langkah atau tahapan supaya pengorganisasian file

dapat menjadi lebih baik. Langkah utama tersebut yaitu:

1. Menentukan tipe-tipe file

Basis data dibentuk dari suatu kumpulan file. File dalam pemrosesan transaksi

dapat digolongkan menjadi File induk (Master file), File transaksi (transaction

file), File laporan (report file), File sejarah (history file), File pelindung

(backup file), File kerja (working file).

 32

2. Membuat akses dan organisasi file

Akses file (file access) adalah suatu metode yang menunjukkan bagaimana

suatu program komputer akan membaca record-record dari suatu file. File

dapat diakses dengan dua cara yaitu secara urut (sequential access) atau secara

langsung (direct access atau random access). Metode urut dilakukan dengan

membaca atau menulis suatu record di file dengan membaca terlebih dahulu

mulai dari record pertama, urut sampai dengan record yang diinginkan.

Metode akses langsung dilakukan dengan cara langsung membaca record pada

posisinya di file tanpa membaca dari record pertama terlebih dahulu.

Organisasi file adalah pengaturan dari suatu record secara logika dalam file

dihubungkan satu dengan lainnya, File dapat diorganisasikan secara urut atau

secara acak. (http://ikc.vip.net.id/umum/choiruldasarsql.php)

Database MySQL merupakan database yang handal dan telah teruji untuk

menangani berbagai aplikasi berbasis web. Database MySQL ini memiliki

kemampuan dan kecepatan database yang berlayar. Ketangguhan sistem

Database MySQL untuk menangani data dalam jumlah besar ini menjadi

pertimbangan untuk digunakan dalam sistem informasi pemetaan potensi dan

Implementasi energi terbaru. MySQL juga terbukti sangat kompatibel dengan

PHP dan mendukung pembuatan aplikasi networking. MySQL merupakan salah

satu database dari sekian banyak database lain seperti Oracle, MS SQL, Postgress

SQL dan lain-lain. Dari sekian banyak MySQL termasuk paling mudah dalam

penggunaannya. (http://ikc.vip.net.id/umum/choiruldasarsql.php)

MySQL sebelumnya dikenal dengan miniSQL yang dikembangkan oleh

MySQL AB (perusahaan IT Swedia) sejak tahun 1979 dibawah komando Michael

 33

Widenius Monty. MySQL realese 1.0, dikeluarkan pada bulan Mei 1996 secara

terbatas untuk kalangan sendiri, pada bulan oktober 1996 baru dilepas untuk

publik setelah muncul Versi 3. Versi awal MySQL hanya berjalan diatas Linux

dan Solaris tetapi setelah versi 3.22, MySQL mulai berjalan di berbagai platform

termasuk Windows. Sejak tahun 2000 MySQL muncul sebagai produk

opensource sejati menggunakan lisensi GPL (General Public License). MySQL

merupakan salah satu database terbesar yang digunakan dalam pengolahan data di

dunia. Hal ini terbukti digunakannya MySQL oleh beberapa perusahaan dan

institusi besar dunia seperti NASA (USA), Yahoo/Finance, Aizawa (Japanase

Security) dan lain-lain. Hingga kini MySQL sudah memasuki Versi 5.0 yang

dapat di download secara bebas di internet melalui alamat

http://dev.mysql.com/download/mysql/5.0.html. (Pemograman Web Dinamis

dengan Php5, Teguh Wahyono)

2.10. Adobe Dreamweaver

Adobe Dreamweaver (dahulu: Macromedia Dreamweaver) adalah sebuah

aplikasi pembangunan web yang aslinya dibuat oleh Macromedia. Sekarang,

sistem ini dikembangkan oleh Adobe Systems, yang membeli Macromedia pada

tahun 2005. Adobe Dreamweaver tersedia untuk sistem operasi Mac dan

Windows.

Versi terbaru yang dikembangkan mendukung untuk teknologi web,

seperti CSS, JavaScript dan berbagai bahasa skrip berbasis server dan framework

yang mencakup ASP (ASP JavaScript, ASP VBScript, ASP.NET C#, ASP.NET

VB), ColdFusion, Scriptlet dan PHP.

 34

Dreamweaver, seperti editor HTML lainnya, meng-edit file secara local

dan kemudian meng-upload-nya ke remote web server menggunakan FTP, SFTP

atau WebDAV. Sekarang, Dreamweaver CS4 mendukung Subversion (SVN)

versi sistem kontrol.

 BAB III

METODE PENELITIAN

3.1. Tempat dan Jadwal Penelitian

Penelitian dilakukan di PT. Health Wealth International (HWI). Penelitian

dimulai dari bulan November 2014 dan berakhir pada bulan April 2015. Jadwal

penelitian selengkapnya di sajikan pada tabel 3.1 :

Tabel 3.1 Jadwal Penelitian

November Desember Januari Februari Maret April

Waktu 2014 2014 2015 2015 2015 2015

Kegiatan 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

Pengumpulan
Data
Analisis
Sistem
Perancangan
DFD
Perancangan
Database
Perancangan
Input
Perancangan
Output
Penulisan
Laporan
Skripsi

3.2. Kerangka Kerja

Dalam melakukan perancangan sistem, diperlukan sebuah kerangka kerja

yang dijadikan sebagai panduan mengenai langkah-langkah yang harus dikerjakan.

Adapun kerangka kerja yang dibuat penulis seperti gambar 3.1:

35
 36

Pengumpulan Data

Analisis Sistem

Perancangan DFD

Perancangan Database

Perancangan Input

Perancangan Output

Gambar 3.1 Kerangka Kerja Penelitian

3.2.1. Metode Pengumpulan Data

Dalam melakukan penelitian ini, penulis melakukan pengumpulan data

dengan cara sebagai berikut:

a. Wawancara (Interview)

Dalam hal ini dilakukan tanya jawab dengan pemilik PT. Health Wealth

International (HWI) mengenai aspek-aspek dan kegiatan yang berhubungan

dengan sistem informasi yang diterapkan. Adapun aspek yang ditanyakan

mencakup alur kerja distribusi barang ke distributor yang sedang berjalan pada

perusahaan dan pihak-pihak yang terlibat didalamnya.

b. Pengamatan (Observation)

Observation adalah suatu metode yang dilakukan untuk mendapatkan data dan

informasi dengan cara mengamati dan mencatat proses-proses yang berhubungan

dengan sistem yang akan dirancang. Adapun proses yang diamati mencakup
 37

proses pemasaran distributor ke customer dan proses pencatatan data penjualan

barang kepada customer.

c. Kepustakaan

Metode ini digunakan untuk mengumpulkan teori-teori yang akan digunakan

dalam proses penyelesaian laporan skripsi, dengan mencari dan mengeksplorasi

pustaka baik yang berupa buku maupun file-file yang didapatkan melalui internet,

berupa buku pengenalan PHP, proses koneksi PHP ke MySQL dan Adobe

Dreamweaver CS 4.0.

3.2.2. Analisa Sistem

Pada tahap ini akan dianalisis permasalahan lebih mendalam mengenai

masalah yang muncul pada sistem berjalan, sehingga dapat dirancang sebuah sistem

baru untuk menyelesaikan permasalahan tersebut. Prosedur kerja dari sistem berjalan

dapat dirincikan sebagai berikut:

a. Proses distributor mengambil barang ke perusahaan.

Proses ini dilakukan oleh distributor, pembelian barang dapat langsung ke kantor

dan menemui kasir perusahaan.

b. Proses penjualan barang yang dilakukan oleh distributor.

Proses ini dilakukan oleh distributor, dimana pada saat ini proses penjualannya

masih dilakukan secara offline. Distributor menyebarksan katalog produk dari

rumah ke rumah dan menwarkannya ke calon customers.

3.2.3. Perancangan Sistem

Perancangan sistem secara menyeluruh menjelaskan rancangan sistem secara

detail mulai dari DFD, ERD, kamus data dan tabel pada basisdata. Data Flow
 38

Diagram (DFD) adalah representasi grafik dari sebuah sistem, yang menggambarkan

pandangan sejauh mungkin mengenai masukan, proses dan keluaran sistem.

Serangkaian diagram aliran data berlapis juga dapat digunakan untuk

merepresentasikan dan menganalisis prosedur-prosedur mendetail dalam sistem yang

lebih besar.

Prosedur kerja dari sistem usulan dapat diuraikan sebagai berikut:

1. Pertama kali harus dilakukan penginputan data-data awal seperti data barang dan

proses registrasi customer.

2. Proses transaksi akan dimulai dari proses data pemesanan.

3.2.4. Pembangunan Sistem

Proses dilanjutkan dengan melakukan coding terhadap perangkat lunak untuk

melakukan koneksi ke database. Sistem akan dibuat dengan menggunakan aplikasi

Adobe Dreamweaver CS 4.0 dan database dirancang dengan aplikasi MySQL.

Proses dilanjutkan dengan membuat script PHP untuk melakukan koneksi ke

database MySQL dan melakukan proses testing and debugging terhadap script PHP.

3.2.5. Uji Coba Sistem

Setiap aplikasi perangkat lunak yang telah dibangun harus dilakukan uji coba

terlebih dahulu, untuk mengetahui apakah aplikasi perangkat lunak yang dibangun

sudah sesuai dengan yang diharapkan dan bekerja dengan baik atau masih terdapat

kesalahan (error). Setiap kesalahan (error) yang terjadi akan diperbaiki kembali.

Pengujian akan dilakukan secara lokal pada sebuah personal computer (PC) dengan

melakukan pengisian beberapa data contoh, kemudian mengamati data yang

ditampilkan oleh sistem.

 BAB IV

ANALISA DAN PERANCANGAN

4.1. Analisa

Untuk saat ini distributor perusahaan masih menggunakan katalog produk,

door to door, dan media social seperti BBM, LINE, WECHAT, FACEBOOK.

dalam memasarkan produk mereka. Sistem yang sedang berjalan sekarang ini

adalah customer memesan produk yang diinginkannya melalui telepon atau

langsung menemui distributor yang ada. Setelah itu distributor akan membeli

barang ke perusahaan lalu memberikan pesanan tersebut ke customer.

Jika stok tersedia dari perusahaan maka distributor akan menyiapkan

barang yang dipesan yang kemudian dikirimkan ke customer. Dan jika stok tidak

tersedia atau habis maka distributor akan menginformasikan ke customer, jika

customer bersedia menunggu maka distributor akan membuat surat purchase

order (PO) ke counter perusahaan, jika barang tersebut sudah ready maka

distributor akan mengirimkan ke customer.

Pengiriman barang yang dilakukan oleh distributor juga memakai jasa

JNE, TIKI, dan pengangkutan lain, dalam hal memudahkan pengiriman barang.

Untuk customer di luar kota, setelah uang ditransfer ke rekening distributor maka

distributor akan mengirimkan barang melalui jasa angkutan. Barang yang sudah

dibeli tidak bisa dikembalikan.

39
 40

4.1.1. Strategi Pemasaran dan Penjualan

Adapun strategi pemasaran dan penjualan dari produk kesehatan adalah

sebagai berikut :

a) Segmentasi pasar ke kalangan menengah ke bawah.

b) Low Price High Quality yaitu harga produk yang lebih murah dari pesaing-

pesaing yang ada dengan mutu dan kualitas yang baik

c) Produk-produk yang dihasilkan memiliki ciri khas tersendiri dengan kualitas

yang bagus.

d) Penerapan strategi low price and high quality yang sampai saat ini telah

membuat perusahaan berkembang terus.

4.1.2. Analisa Kebutuhan Sistem

Dengan menganalisa kebutuhan dari hasil yang telah disurvei maka

diberikan panduan atau solusi yang baik untuk merancang sistem pendukung

yang dapat memenuhi kebutuhan pemakai dan mendapatkan pelayanan yang

memuaskan.

Adapun beberapa solusi / panduan yang ditawarkan oleh penulis sebagai

berikut :

1. Informasi produk yang lebih detail.

Semua produk yang ada di perusahaan dapat dengan mudah diketahui melalui

gambar produk, harga produk dan spesifikasi produk.

Customer dapat memperoleh informasi tersebut melalui internet dengan hanya

mengakses web produk kesehatan. Dengan demikian akan memudahkan

customer untuk memesan maupun melihat info produk terbaru tanpa perlu lagi
 41

melihat katalog, brosur ataupun media massa lain yang dianggap kurang

efisien.

2. Mempercepat penyebaran informasi.

Informasi produk berupa rincian spesifikasi produk, keunggulan harga yang

diberikan dapat lebih cepat diketahui oleh customer yang berada di jangkauan

pemasaran maupun di luar jangkauan pemasaran. Meskipun penyebaran

informasi produk dapat juga dilakukan melalui brosur dan iklan di media cetak

tetapi semua itu membutuhkan biaya yang tidak sedikit dan waktu yang lama.

Pada web, hal tersebut dapat diantisipasi dan untuk merubah isi dari web dapat

dilakukan hanya dengan meng-update isi database dari web tersebut.

3. Memudahkan customer dalam hal pemesanan.

Biasanya proses pemesanan secara offline, customer masih bertanya-tanya

tentang detail produknya ke distributor. Karena customer tidak memperoleh

informasi lengkap tentang produk yang ingin di pesannya.

4. Prestise (gengsi) dan kebanggaan

Dengan adanya pemasaran dan pemesanan produk melalui media internet

sebagai salah satu sarana untuk memperluas pemasaran dan pelayanan jelas

merupakan suatu kebanggan bagi distributor dan perusahaan. Selain itu juga

dapat meningkatkan mutu perusahaan di mata customer maupun pada dunia

bisnis.
 42

4.2. Perancangan

Pada tahapan perancangan, penulis akan menampilkan rancangan dari

sistem aplikasi yang akan penulis bangun, baik dari segi DFD, database, ERD,

kamus data, dan sebagainya.

4.2.1. Usulan Prosedur Baru

Sistem yang dirancang adalah berbasis online yang terdiri dari halaman-

halaman situs web, dimana halaman-halaman tersebut menampilkan informasi-

informasi seperti profil distributor, detail tiap jenis produk, dan pemesanan

produk secara online namun tidak membahas mengenai proses pembayaran.

Customer dapat mengetahui spesifikasi produk-produk kesehatan secara langsung

melalui online tanpa dibatasi ruang dan waktu. Dalam sistem yang akan dirancang

ini customer yang belum mendaftar menjadi pelanggan hanya bisa melihat detail

produk disertai detail harga suatu produk. Customer yang ingin menjadi

pelanggan dapat mendaftarkan diri secara online. Setelah calon customer

menerima konfirmasi dari pihak distributor maka customer tersebut sudah bisa

melakukan transaksi pemesanan dengan memilih produk yang diinginkannya dan

akan ditampilkan detail barang yang dipesan. Dalam penelitian ini, tidak dibahas

mengenai proses pembayaran dan diasumsikan masih seperti sistem yang sedang

berjalan, dimana pembayaran dilakukan dengan transfer ke bank. Customer juga

bisa melakukan konfirmasi setelah melakukan pembayaran atas suatu transaksi

dengan cara menelepon ke distributor secara langsung.

 43

4.2.2. Perancangan Data Flow Diagram (DFD)

Tahapan awal dalam pembangunan sebuah sistem informasi adalah dengan

membuat perancangan Data Flow Diagram (DFD) yang menjelaskan mengenai

alur data dari input, proses hingga output yang dibagi menjadi 3 tahap, yakni :

1. Diagram Context

Diagram Context merupakan tahap awal dalam perancangan suatu DFD.

Diagram Context menjelaskan secara umum alur data yang masuk dan

keluar dalam sistem tersebut. Dalam diagram context, belum dipaparkan

proses yang terjadi dalam sistem yang dibangun.

Informasi Produk

Edit Password

Konfirmasi Pendaftaran
Guest
Admin Konfirmasi
Persetujuan (Non Member)

Data Pelanggan
Informasi Produk 0

Update Delivery Status

Aplikasi Pemasaran Produk

Berbasis Web
Laporan

Nama User & Password Customer

Konfirmasi Proses Login
(Member)

Jumlah Pemesanan

Informasi Produk

Status Pengiriman

Gambar 4.1 Context Diagram

2. DFD Level 0

Pada tahap DFD ini, sudah dipaparkan secara umum proses yang berjalan

dalam sistem, namun belum secara rinci, yakni dari admin yang menginput

data ke master data web sehingga dapat diakses oleh user. User juga boleh

melakukan penginputan data berupa data member, dan sebagainya.

 44

Edit Password Konfirmasi Pendaftaran

Guest
Admin
(Non Member)

Data Pelanggan
1.0

Konfirmasi
Persetujuan
Pendaftaran

Informasi 4.0 Informasi Produk

Pelanggan

Pelanggan Informasi
Order Pengecekan Informasi Produk
Record
Produk
Produk
Record
Pelanggan Record Pelanggan

Record Produk
2.0
3.0
Update Delivery
Status
Laporan Login
Pemesanan
Data Produk

Nama User & Password Pelanggan

Konfirmasi Proses Login
(Member)
Jumlah Pemesanan

Informasi Produk

Status Pemesanan

Gambar 4.2 DFD Level 0

3. DFD Level 1

Pada tahap DFD ini, sudah dipaparkan secara rinci proses yang terdapat

dalam sistem, seperti terlihat pada gambar 4.3 berikut:

1.1

Data Pelanggan
Pengisian Data Pelanggan
Informasi Baru
Pelanggan

Admin VPelanggan
Konfirmasi Pendaftaran Guest
(Non Member)
Informasi
Pelanggan
1.2

Konfirmasi
Persetujuan Informasi
Persetujuan Pelanggan Baru Pelanggan
Pelanggan

1.3

Edit Password

Edit Password

Informasi
Administrator

Administrator

Gambar 4.3 DFD Level 1 Proses Pendaftaran

 45

2.1

Nama User & Password

Pengisian Data Login User

Informasi
Pelanggan
Pelanggan
Konfirmasi Proses Login Guest
(Member)
Informasi
Pelanggan
2.2

Pengecekan Data User

Gambar 4.4 DFD Level 1 Proses Login

3.1

Data Record
Produk Produk
Pencatatan Pemesanan

Record
Pemesanan

OrderTemp &
OrderTempDetail

Record
Pemesanan

3.2

Record
Produk
Produk
Submit Pemesanan

Record
Pemesanan

Record Status
Order &
Pemesanan
OrderDetail

Record
Pemesanan

3.3

Update Delivery
Status
Update Status Pemesanan

Gambar 4.5 DFD Level 1 Proses Pemesanan

 46

4.1

Informasi
Order Pembacaan Data Produk dari
Database

Order Informasi
Order
Informasi Produk Guest
(Non Member)

4.2

Menampilkan Data Produk

Gambar 4.6 DFD Level 1 Proses Pengecekan Informasi Produk

4.2.3. Perancangan Kamus Data

Rancangan kamus data dari sistem usulan dapat dirincikan seperti pada

tabel 4.1 dan tabel 4.2.

Tabel 4.1 Tabel Kamus Data Customer

Nama Data Customer

Deskripsi Merupakan data yang berisi perincian data customer

Sumber Data Proses Pengisian Data Customer

Isi Data Customer_ID [A .. Z] - [0 .. 9]

Customer_Name [a .. z] - [A .. Z] - [0 .. 9]

Customer_Address [a .. z] - [A .. Z] - [0 .. 9]

Customer_Phone [0 .. 9]

Customer_Date dd/mm/yyyy
 47

Tipe dan Ukuran Data Customer_ID Character (10)

Customer_Name Varchar (50)

Customer_Address Varchar (100)

Customer_Phone Varchar (10)

Customer_Date Date Time

Struktur Data Customer = Customer_ID + Customer_Name +

Customer_Address + Customer_Phone +

Customer_Date.

Tabel 4.2 Tabel Kamus Data Stock

Nama Data Stock

Deskripsi Merupakan data yang berisi perincian data stock

Sumber Data Proses Pengisian Data Stock

Isi Data Product_ID [A .. Z] - [0 .. 9]

Product_Name [a .. z] - [A .. Z] - [0 .. 9]

Product_Price [0 .. 9]

Tipe dan Ukuran Data Product_ID Character (10)

Product_Name Varchar (50)

Product_Price Double

Struktur Data Stock = Product_ID + Product_Name +

Product_Price
 48

4.2.4. Perancangan Tampilan Website

Pada tahap perancangan ini, penulis menampilkan beberapa perancangan hasil

output pada sistem yang penulis bangun. Adapun perancangan Output dari

aplikasi ini, yakni :

1. Pengunjung

a. Halaman Depan Sebelum Login

Username Textbox
Password Textbox
Login Daftar

Halaman Utama
Produk
Keterangan Produk

Tentang Kami
Contents

Gambar 4.7 Tampilan Halaman Depan Sebelum Login

b. Halaman Produk Sebelum Login

Username Textbox
Password Textbox
Login Daftar

Halaman Utama Textbox Cari Tampil Semua

Produk
Gambar Keterangan
Keterangan Produk
Nama/Kode
xxx
Produk
Tentang Kami Picture
Berat xxx
Stok xxx
Harga xxx

Gambar 4.8 Tampilan Halaman Produk Sebelum Login

 49

c. Halaman Keterangan Produk Sebelum Login

Username Textbox
Password Textbox
Login Daftar

Halaman Utama
Produk
Keterangan Produk

Tentang Kami
Contents

Gambar 4.9 Tampilan Halaman Keterangan Produk Sebelum Login

d. Halaman Tentang Kami Sebelum Login

Username Textbox
Password Textbox
Login Daftar

Halaman Utama
Produk
Keterangan Produk

Tentang Kami
Contents

Gambar 4.10 Tampilan Halaman Tentang Kami Sebelum Login

 50

e. Halaman Daftar Pelanggan Baru

Username Textbox
Password Textbox
Login Daftar

Nama
Halaman Utama
Password
Produk
Password sekali lagi
Keterangan Produk Provinsi

Tentang Kami Kota

Alamat

Email

No. Telp/Telp. Genggam

Daftar Batal

Gambar 4.11 Tampilan Halaman Daftar Pelanggan Baru

f. Halaman Setelah Login

Profile
Produk
Pembelian
Keluar Contents

Gambar 4.12 Tampilan Halaman Setelah Login

 51

g. Halaman Profile

Profile xxx
Nama
Produk Password xxx

Pembelian Provinsi xxx

Kota xxx
Keluar
Alamat xxx

Email xxx

No. Telp/Telp. Genggam xxx

Edit

Gambar 4.13 Tampilan Halaman Profile

h. Halaman Produk

User xxx
Faktur Bon xxx
Profile Total Harga xxx

Produk Selesai Batal

Pembelian Cari Tampil Semua
Keluar G a m ba r K e te r a n g a n

N a m a/ K o d e
xxx
P roduk
P ic tu r e
U kura n xxx
S to k xxx
H a rga xxx

Q ty B e li

Gambar 4.14 Tampilan Halaman Produk

 52

i. Halaman Pembelian

Profile
Produk Jlh Nama/Order Barang Berat Harga@ Total
Pembelian xxx xxx xxx xxx xxx
Keluar
Total Harga xxx

Back

Gambar 4.15 Tampilan Halaman Pembelian

2. Admin

Perancangan Tampilan Admin dari Aplikasi yang penulis bangun dibagi

menjadi 2, yakni Input pada Admin dan Input pada Common User.

1. Input Admin

a. Input Data Login

Login

Username Textbox :
Password Textbox :

Login Batal

Gambar 4.16 Tampilan Input Data Login

 53

b. Halaman Setelah Login Admin

Konfirmasi Pelanggan
Profile
Pelanggan
Produk
Order
Tentang Kami
Keluar

Gambar 4.17 Tampilan Halaman Setelah Login Admin

c. Konfirmasi Pelanggan

Konfirmasi Pelanggan
Textbox Cari Tampil Semua
Profile
Pelanggan
Nama Provinsi Kota Alamat Email No Telp/No HP Persetujuan Hapus
Produk
Setuju Hapus
Order
Tentang Kami
Keluar

Gambar 4.18 Tampilan Konfirmasi Pelanggan

 54

d. Profile Admin

Konfirmasi Pelanggan
Nama xxx
Profile
Password xxx
Pelanggan
Edit
Produk
Order
Tentang Kami
Keluar

Gambar 4.19 Tampilan Profile Admin

e. Arsip Pelanggan

Konfirmasi Pelanggan
Textbox Cari Tampil Semua
Profile
Pelanggan
Nama Provinsi Kota Alamat Email No Telp/No HP Edit Hapus
Produk
Edit Hapus
Order
Tentang Kami
Keluar

Gambar 4.20 Tampilan Arsip Pelanggan

 55

f. Arsip Produk

Konfirmasi Pelanggan
Textbox Cari Tampil Semua
Profile
Tambah
Pelanggan
Produk Nama/Kode Tambah Ubah Hapus
Berat Stok Harga
Produk Stok
Order
Textbox Edit Hapus
Tentang Kami
Tambah
Keluar Stok

Gambar 4.21 Tampilan Arsip Produk

g. Input Produk

Kode

Nama

Berat

Stok

Harga

Simpan Batal

Gambar 4.22 Tampilan Input Produk

 56

h. Laporan Output Order

Konfirmasi Pelanggan dari Day Month sampai Day Month Cari Tampil Semua

Profile
Status
Tgl Faktur Bon Customer Total Harga #
Pengiriman
Pelanggan
xxx xxx xxx xxx xxx Delivered
Produk
On Process
Order
Tentang Kami
Keluar

Page Number

Gambar 4.23 Tampilan Output Order

i. Tentang Kami

Konfirmasi Pelanggan
Profile
Pelanggan
Produk
Order
Tentang Kami
Keluar
Contents

Gambar 4.24 Tampilan Tentang Kami

 57

2. Input Customer

Input Customer dibagi menjadi beberapa bagian, yaitu :

a. Registrasi

Nama

Password

Password sekali lagi

Provinsi

Kota

Alamat

Email

No. Telp/Telp. Genggam

Daftar Batal

Gambar 4.25 Tampilan Input Registrasi

b. Input Pesanan

Gambar Keterangan

Nama/Kode
xxx
Produk
Picture
Ukuran xxx
Stok xxx
Harga xxx

Qty Beli

Gambar 4.26 Tampilan Input Pesanan

 58

c. Edit Profile

Nama xxx

Password xxx

Provinsi xxx

Kota xxx

Alamat xxx

Email xxx

No. Telp/Telp. Genggam xxx

Edit

Gambar 4.27 Tampilan Edit Profile

4.2.5. Perancangan Database

Perancangan database merupakan satu tahap perancangan yang penting

dalam pembangunan sebuah sistem. Dalam database dipaparkan berbagai macam

data field-field dan tabel yang membantu dalam pembangunan sistem. Adapun isi

dari tabel database tersebut memaparkan mengenai nama field, tipe data yang

digunakan beserta value dan keterangan untuk primary key. Melalui perancangan

database, dapat memudahkan penulis untuk mengatur kapasitas data dan memory

yang dibutuhkan dalam pembangunan sistem tersebut, sehingga sistem yang

dibangun dapat berjalan dengan efektif dan efisien.

 59

Berikut merupakan perancangan database sistem yang penulis bangun,

yang dimana dijelaskan dalam bentuk tabel, yaitu :

1. Tabel Administrator

Tabel 4.3 Tabel Admininistrator

Field Data Type Size

Username varchar 10

Password varchar 32

2. Tabel Order

Tabel 4.4 Tabel Order

Field Data Type Size

Email varchar 60

Faktur_Bon Int 6

Tgl_Pembelian Date -

status_order enum(„On Process‟, -

„Delivered‟)

3. Tabel Order Detail

Tabel 4.5 Tabel Order Detail

Field Data Type Size

Faktur_Bon int 6

Id_Produk int 6

Jlh_Barang int 4
 60

Harga int 9

4. Tabel Order Temp

Tabel 4.6 Tabel Order Temp

Field Data Type Size

Email Varchar 60

Faktur_Bon_Temp Int 6

Tgl_Pembelian Date -

5. Tabel Order Detail Temp

Tabel 4.7 Tabel Order Detail Temp

Field Data Type Size

Faktur_Bon_Temp int 6

Id_Produk int 6

Jlh_Barang int 4

Harga int 9

6. Tabel Pelanggan

Tabel 4.8 Tabel Pelanggan

Field Data Type Size

Nama Text -
 61

Password Varchar 32

Provinsi Char 40

Kota Char 40

Alamat Text -

Email Varchar 60

NoTelp_NoHP Char 20

7. Tabel VPelanggan

Tabel 4.9 Tabel VPelanggan

Field Data Type Size

Nama Text -

Password Varchar 32

Provinsi Char 40

Kota Char 40

Alamat Text -

Email Varchar 60

NoTelp_NoHP Char 20

8. Tabel Produk

Tabel 4.10 Tabel Produk

Field Data Type Size

Id_Produk int 5

Gambar_Produk text -
 62

Nama_Produk text -

Berat int 3

Stok int 3

Harga int 9

Rancangan hubungan antar tabel pada database dapat dilihat pada gambar berikut:

VPelanggan
Email
Nama
Password
Provinsi
Kota Order Order_Detail
Alamat 1 ∞
NoTelp_NoHP Faktur_Bon Faktur_Bon
Email Id_Produk
∞ Tgl_Pembelian Jlh
Pelanggan
1 1 TglPesan Harga
Email Jlh
Nama
Password Produk
Provinsi 1
Kota Id_Produk
Alamat Gambar_Produk Administrator
NoTelp_NoHP Nama_Produk
UserName
Ukuran
Password
Harga
Order_Temp Order_Detail_Temp
1 ∞
Faktur_Bon_Temp Faktur_Bon_Temp
∞
Email Id_Produk ∞
Tgl_Pembelian Jlh
Harga

Gambar 4.28 Rancangan Hubungan Antar Tabel

 BAB V

HASIL DAN PEMBAHASAN

5.1. Tampilan Hasil

Berikut ini adalah tampilan hasil dari sistem informasi yang penulis

bangun, yakni aplikasi katalog produk dan pemesanan berbasis web. Hasil dari

aplikasi yang dibuat akan di tampilkan dalam dua kategori yaitu tampilan untuk

administrator dan tampilan untuk user, setelah melakukan proses login.

5.1.1. Tampilan untuk User

1. Tampilan Home Website

Ini merupakan tampilan awal di saat user memasuki halaman web yang

penulis bangun. Disisi kiri website terdapat bagian login, dimana bagi user yang

ingin melakukan pemesanan bisa dilakukan setelah menjadi member.

Gambar 5.1 Tampilan Home Website

63
 64

2. Tampilan Produk Sebelum Login

Gambar 5.2 Tampilan Produk Sebelum Login

3. Tampilan Keterangan Produk Sebelum Login

Gambar 5.3 Keterangan Produk Sebelum Login

 65

4. Tampilan Tentang Kami Sebelum Login

Gambar 5.4 Tampilan Tentang Kami Sebelum Login

5. Tampilan Daftar Pelanggan Baru

Gambar 5.5 Tampilan Daftar Pelanggan Baru

 66

6. Tampilan Halaman Setelah Login

Gambar 5.6 Tampilan Halaman Setelah Login

7. Tampilan Profile

Gambar 5.7 Tampilan Profile

 67

8. Tampilan Produk

Gambar 5.8 Tampilan Produk

9. Tampilan Pembelian

Gambar 5.9 Tampilan Pembelian

 68

5.1.2. Tampilan untuk Admin

1. Tampilan Awal Login

Sebelum melakukan akses data baik menginput data maupun melihat

berbagai data yang diisi oleh user pada halaman web, admin terlebih dahulu

melakukan proses login dengan mengisi nama dan juga password untuk bisa

mengakses ke halaman berikutnya. Tampilan setelah log out juga akan langsung

menuju pada tampilan login ini.

Gambar 5.10 Tampilan Awal Login Admin

 69

2. Tampilan setelah Login

Gambar 5.11 Tampilan Setelah Login Admin

Tampilan awal setiap halaman dari navigasi yang disediakan bagian kiri

website adalah seperti diatas. Admin juga disediakan suatu fasilitas untuk

melakukan view, edit, dan juga delete untuk setiap data yang telah diinput.

3. Tampilan Proses Konfirmasi Pelanggan

Gambar 5.12 Tampilan Proses Konfirmasi Pelanggan

Klik tombol „Setuju‟ untuk menyetujui pendaftaran dari pelanggan, sehingga

sistem akan menampilkan halaman proses edit konfirmasi pelanggan.

 70

4. Tampilan Proses Edit Konfirmasi Pelanggan

Gambar 5.13 Tampilan Edit Konfirmasi Pelanggan

Admin dapat mengganti data pelanggan yang memohon pendaftaran, dan untuk

menyetujuinya klik tombol „Setuju‟.

5. Tampilan Proses Persetujuan Konfirmasi Pelanggan

Gambar 5.14 Tampilan Proses Persetujuan Konfirmasi Pelanggan

Apabila muncul tampilan proses persetujuan konfirmasi pelanggan, berarti data

pelanggan telah tersimpan ke dalam tabel „Pelanggan‟ dan pelanggan dapat

melakukan login ke dalam sistem untuk melakukan pemesanan.

 71

6. Tampilan Profile

Gambar 5.15 Tampilan Profile

Pemakai data mengganti data admin dengan mengklik tombol „Ganti‟ sehingga

akan muncul tampilan berikut ini:

Gambar 5.16 Tampilan Edit Profile

Setelah selesai mengganti data, maka klik tombol „Ganti‟.

7. Tampilan Pelanggan

Gambar 5.17 Tampilan Pelanggan

 72

User admin dapat mengganti dan menghapus data pelanggan sesuai dengan

keinginannya. Apabila user mengklik tombol „Edit‟ maka akan muncul tampilan

berikut ini:

Gambar 5.18 Tampilan Edit Pelanggan

8. Tampilan Produk

Gambar 5.19 Tampilan Produk

User dapat mengklik tombol „Edit‟ untuk mengubah data stok ataupun mengklik

tombol „Hapus‟ untuk menghapus data stok. Selain itu, user juga dapat menambah
 73

jumlah stok dengan mengisi jumlah stok pada text box dan mengklik tombol

„Tambah Stok‟, seperti terlihat pada tampilan berikut:

Gambar 5.20 Tampilan Edit Produk

9. Tampilan Order

Gambar 5.21 Tampilan Order

 74

11. Tampilan Tentang Kami

Gambar 5.22 Tampilan Tentang Kami

5.2. Pembahasan

` Setelah melakukan penelitian dan pembangunan sistem informasi, penulis

akan memberikan penjelasan singkat mengenai sistem berjalan dan sistem usulan

yakni sebagai berikut :

1. Sistem Berjalan

a. Untuk saat ini distributor masih menggunakan katalog dalam memasarkan

produk mereka. PT. Health Wealth International (HWI) hanya menjual

produknya ke distributor saja dan tidak melayani penjualan langsung ke

konsumen.

b. Sistem yang sedang berjalan sekarang ini adalah distributor membeli

produk yang diinginkannya dan langsung menemui counter HWI.

2. Sistem Usulan

Setelah menganalisa sistem berjalan, penulis merancang sebuah website

yang menyediakan fasilitas bagi pelanggan untuk melihat stok yang dijual oleh
 75

distributor dan memesan langsung melalui website. Adapun website ini

memiliki kelebihan, yakni :

a. Dengan adanya website maka dapat diperoleh informasi tentang semua

produk yang dijual distributor secara lengkap. Jadi, apabila customer ingin

melihat info produk baru atau memesan produk, customer tinggal

mengunjungi website distributor dan mencari produk yang diinginkan.

b. Dengan adanya website ini maka customer tidak perlu lagi memesan melalui

telephone

c. Dengan adanya website maka distributor tidak perlu lagi mencetak katalog

dalam jumlah besar dan promsi dapat menjangkau di seluruh indonesia.

Adapun kelemahan yang ada pada website penulis bangun, yakni tampilan

design yang masih kurang menarik.

3. Kebutuhan Sistem Komputer

Aplikasi katalog produk dan pemesanan berbasis web yang penulis bangun

dapat dijalankan pada software dan hardware dengan perincian sebagai

berikut:

a. Software dengan spesifikasi minimum sebagai berikut :

1) Web browser Mozilla 4.0.1

2) Sistem operasi Microsoft Windows XP atau Windows 7.

b. Hardware dengan spesifikasi minimum sebagai berikut:

1) Komputer dengan processor Intel(R) Core(TM) Duo CPU T6570 @

2.10GHz, 956MB of RAM.

2) Keyboard, mouse dan printer sebagai media input dan output.

 BAB VI

KESIMPULAN DAN SARAN

6.1. Kesimpulan

Selama dalam proses perancangan dan uji coba aplikasi katalog produk

dan pemesanan berbasis web ini, penulis dapat menarik beberapa kesimpulan,

yakni :

1. Menggunakan website dapat meningkatkan pemasaran produk dalam

jangkauan luas.

2. Website ini memberikan kemudahan bagi customer untuk melihat penjelasan

produk yang dijual oleh distributor.

6.2. Saran

Adapun saran-saran yang ingin penulis sampaikan sehubungan dengan

pengembangan sistem ini, yakni :

1. Sistem dapat dikembangkan lebih lanjut sehingga mendukung proses

pembayaran dengan kartu kredit ataupun dengan layanan pembayaran online

lainnya, seperti paypall.

2. Tampilan dapat lebih ditingkatkan lagi dengan menambahkan fitur flash dan

gambar-gambar lainnya sehingga website kelihatan lebih menarik lagi.

76
 DAFTAR PUSTAKA

Kotler, P., 2011, Manajemen Pemasaran Jasa, Cetakan Pertama, Edisi Kedua,
Penerbit Salembat Empat, Jakarta.

Jogiyanto, Hartono., 2010, Analisis dan Desain Sistem Informasi, Pendekatan

Terstruktur Teori dan Praktek Aplikasi Bisnis. Yogyakarta.

Baridwan, Zaki., 2008, Sistem Informasi Akuntansi, Edisi ke-2, BPFE,

Yogyakarta.

Mulyadi., 2001. Sistem Akuntansi, Edisi ke-3. Cetakan ke-3. Salemba Empat,
Jakarta.

Santoso H., Aplikasi Web sebagai Pelengkap Sistem Komputerisasi, PT. Elex
Media Komputindo, 2010.

Sidik, B. dan H.I Pohan, Pemograman Web dengan HTML, Penerbit,

Informatika, 2009.

Wahyono T., Pemograman Web Dinamis dengan PHP 5, PT. Elex Media
Komputindo, 2009.

Kenneth E. Kendall, Julie E. Kendall. 2010. Analisis dan Perancangan Sistem.

Jakarta : PT. Indeks Kelompok Gramedia.