i

SISTEM INFORMASI PENJUALAN ONLINE DI OPTIK “ANNISA”

BERBASIS WEB DENGAN MENGGUNAKAN PHP DAN MYSQL

SKRIPSI

Diajukan Sebagai Salah Satu Syarat

Untuk Memperoleh Gelar Sarjana Jenjang Strata Satu (S1)

Pada Program Studi Teknik Informatika Fakultas Teknik

Universitas Muhammadiyah Ponorogo

ALFIN NURRASYID

10530879

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH PONOROGO

(2015)

ii

iii

iv

v

Halaman Persembahan

Lantunan Al-Fatihah beriring Shalawat dalam silahku merintih,

menadakan doa dalam syukur yang tiada terkira, terima kasih untukmu.

Kupersembahkan sebuah karya kecil ini untuk ayahanda dan ibundaku tercinta,

yang tiada pernah hentinya selama ini memberiku semangat, doa, dorongan,

nasehat dan kasih sayang dan pengorbanan yang tak tergantikan hingga aku selalu

kuat menjalani setiap rintangan yang ada di depanku.,, Ayah,.. Ibu,, terimalah

kado kecilku ini sebagai tanda keseriusanku untuk membalas semua

pengorbananmu,.. dalam hidupmu demi hidupku kalian ikhlas mengorbankan

segala perasaan tanpa kenal lelah, dalam lapar berjuang separuh nyawa hingga

segalanya.. Maafkan anakmu Ayah,,, Ibu,,, masih saja ananda menyusahkanmu.

Dalam silah di lima waktu fajar terbit hingga terbenam… seraya tanganku

menadah”..ya Allah ya Rahman ya Rahim…. Terimakasih telah kau tempatkan

aku diantara kedua malaikatmu setiap waktu ikhlas menjagaku,,, mendidikku,,,

membimbingku dengan baik,,, ya Allah berikanlah balasan setimpal syurga

firdaus untuk mereka dan jauhkanlah mereka nanti dari panas nya sengat hawa api

neraka

Untukmu Ayah (SURYANTO),,, Ibu (LILIK ZUHARINI)…Terimakasih…

We always loving you…(ttd. Anakmu)

vi

MOTTO

“Lebih baik terlambat dari pada tidah wisuda sama sekali”

vii

ABSTRAK

Sistem Informasi Penjualan Online di Optik Annisa Berbasis WEB dengan

Menggunakan PHP & MySQL

Alfin Nurrasyid

10530879

Keberadaan data pada suatu instansi merupakan hal yang sangat vital

salah satu instansi tersebut adalah optik. Untuk memudahkan dalam melakukan

pencatatan hingga pelaporan serta penjualan secara online. Sekarang banyak optik

yang menggunakan sistem informasi. Optik Annisa merupakan optik yang telah

memiliki beberapa cabang dan telah memanfaatkan sistem informasi dalam proses

bisnisnya. Di dalam optik ini, sistem informasi berguna untuk mencatat seluruh

aktivitas transaksi penjualan baik secara online maupun offline (face to face)

antara penjual dan pembeli. Sistem informasi ini juga lebih memudahkan

pencarian data member begitu pula keluhan-keluhan dari tiap member yang sudah

tercatat di optic ini.Sistem informasi ini diharapkan bias menjadi solusi dari

permasalahan terkait marketing di optic annisa.

Kata kunci: Sistem Informasi

viii

KATA PENGANTAR

Puji syukur alhamdulillah kehadirat Allah SWT yang telah melimpahkan

segala rahmat dan karuniaNya, sehingga penulis dapat menyelesaikan laporan

tugas akhir ini yang berjudul “Sistem Informasi Penjualan Online di Optik

Annisa Berbasis WEB Dengan Menggunakan PHP & MySQL” yang

merupakan salah satu persyaratan untuk menyelesaikan program studi strata satu

(S1) pada Jurusan Teknik Informatika Universitas Muhammadiyah Ponorogo.

Penulis menyadari bahwa laporan tugas akhir ini masih jauh dari

sempurna. Karena itu, kritik dan saran akan senantiasa penulis terima dengan

senang hati.

Dengan segala keterbatasan, penulis menyadari pula bahwa laporan tugas

akhir ini takkan terwujud tanpa bantuan, bimbingan, dan dorongan dari berbagai

pihak. Untuk itu, dengan segala kerendahan hati, penulis menyampaikan ucapan

terima kasih kepada:

1. Bapak Ir. Aliyadi, MM, M.Kom, selaku Dekan Fakultas Teknik

Universitas Muhammadiyah Ponorogo sekaligus Dosen pembimbing

penulis yang memberikan masukan saran kepada penulis.

2. Ibu Munirah M, S.Kom, M.T, selaku Kepala Program Studi (Kaprodi)

Teknik Informatika.

3. Ibu Dra. Ida Widaningrum M. Kom selaku dosen penguji pada ujian

skripsi Teknik Informatika Universitas Muhammadiyah Ponorogo.

4. Ibu Ellisia Kumalasari S. Pd, M. Pd, selaku dosen penguji pada ujian

skripsi Teknik Informatika Universitas Muhammadiyah Ponorogo.

5. Ayah dan Ibu tercinta serta Adikku dan Saudara-saudara tersayang, yang

telah memberikan kasih sayang, perhatian dan pengorbanannya dengan

ix

ikhlas kepada penulis, semoga beliau selalu dilindungi dan diberkahi oleh

Allah SWT.

6. Teman-teman dan sahabat yang telah memberi warna pada hidup saya

selama ini sekaligus menjai acuan saya untuk segera menyelesaikan Tugas

Akhir saya ini.

Semoga Allah SWT membalas kebaikan dan selalu mencurahkan hidayah

serta taufikNya, Amin.

Ponorogo, 2015

Penulis,

Alfin Nurrasyid

x

DAFTAR ISI

HALAMAN JUDUL ........................................................................................ i

HALAMAN PENGESAHAN SKRIPSI .......................................................... ii

HALAMAN BERITA ACARA UJIAN SKRIPSI .......................................... iii

HALAMAN BERITA ACARA BIMBINGAN SKRIPSI ............................... iv

HALAMAN PERSEMBAHAN ...................................................................... v

HALAMAN MOTTO ...................................................................................... vi

ABSTRAK ....................................................................................................... vii

KATA PENGANTAR .................................................................................... viii

DAFTAR ISI .................................................................................................... x

DAFTAR TABEL ............................................................................................ xii

DAFTAR GAMBAR ....................................................................................... xiii

BAB I : PENDAHULUAN

A. Latar Belakang ......................................................................... 1

B. Rumusan Masalah ................................................................... 2

C. Batasan Masalah ....................................................................... 3

D. Tujuan ....................................................................................... 3

E. Manfaat ..................................................................................... 4

F. Sistematika penulisan ............................................................... 5

BAB II : TINJAUAN PUSTAKA

A. Sekilas Tentang Optik ANNISA ............................................. 6

B. Penelitian Terdahulu ................................................................. 8

C. Penjualan Online (e-commerce) ............................................... 10

D. Pengertian Sistem Informasi..................................................... 12

1. Pengertian Sistem ................................................................. 12

2. Pengertian Informasi ............................................................ 14

3. Pengertian Sistem Informasi................................................. 15

E. Konsep Perancangan Sistem..................................................... 16

1. Flowchart .............................................................................. 16

2. Data Flow Diagram (DFD) ................................................... 21

xi

3. Entity Relationship Diagram (ERD) .................................... 24

4. Pengertian PHP ..................................................................... 29

5. Basis Data ............................................................................. 31

6. PHP MyAdmin ..................................................................... 37

7. XAMPP ................................................................................ 39

8. Adobe Dreamweaver CS6 .................................................... 42

a. Pengertian Adobe Dreamweaver CS6 ............................. 42

b. Fasilitas Adobe Dreamweaver CS6 ................................ 42

BAB III : PERANCANGAN SISTEM

A. Analisis Masalah ...................................................................... 45

B. Analisis Kebutuhan .................................................................. 46

C. Kebutuhan Software dan Hardware .......................................... 47

D. Metode yang Digunakan........................................................... 48

E. Perancangan Sistem .................................................................. 48

BAB IV : IMPLEMENTASI DAN PEMBAHASAN

A. Implementasi Sistem ................................................................ 68

B. Tampilan Program .................................................................... 68

1. Menu Utama ........................................................................ 68

2. Menu Profil .......................................................................... 72

3. Menu Cara Pembelian .......................................................... 75

4. Menu Login .......................................................................... 78

5. Menu Daftar Member ........................................................... 79

6. Menu Pencarian Produk ....................................................... 80

7. Menu Administrator ............................................................. 81

BAB V : PENUTUP

A. Kesimpulan ................................................................................ 87

B. Saran dan Kritik ......................................................................... 87

DAFTAR PUSTAKA ...................................................................................... 90

xii

DAFTAR TABEL

Tabel 2.1 Simbol Flowchart .......................................................................... 17

Tabel 2.2 Simbol DFD ................................................................................... 2

Tabel 3.1 Tabel Admin .................................................................................. 52

Tabel 3.2 Tabel Member ............................................................................... 53

Tabel 3.3 Tabel Produk .................................................................................. 53

Tabel 3.4 Tabel Katagori................................................................................ 54

Tabel 3.5 Tabel Pesanan ................................................................................ 54

Tabel 3.6 Tabel Produk View ......................................................................... 55

Tabel 3.7 Tabel Pesanan Item ........................................................................ 55

xiii

DAFTAR GAMBAR

Gambar 2.1 Struktur Organisasi ..................................................................... 7

Gambar 2.2 Kardinalitas Relasi ..................................................................... 25

Gambar 2.3 Diagram E-R untuk Relasi Satu ke Satu..................................... 26

Gambar 2.4 Diagram E-R untuk Relasi Satu ke Banyak ............................... 27

Gambar 2.5 Diagram E-R untuk Relasi Banyak ke Banyak .......................... 28

Gambar 2.6 Tampilan Halaman Awal PHPMyAdmin ................................... 38

Gambar 2.7 Tampilan Menu pada PHPMyAdmin ......................................... 39

Gambar 2.8 Tampilan Adobe Dreamweaver CS6 .......................................... 43

Gambar 3.1 Flowchart Sistem Manual Penjualan ......................................... 48

Gambar 3.2 Flowchart Sistem Administrator ................................................ 49

Gambar 3.3 Flowchart Sistem User............................................................... 50

Gambar 3.4 ERD SI Penjualan Online ........................................................... 51

Gambar 3.5 Relasi Antar Tabel ...................................................................... 52

Gambar 3.6 DFD Level 0............................................................................... 56

Gambar 3.7 DFD Level 1............................................................................... 56

Gambar 3.8 DFD Level 2 proses 1 ................................................................ 57

Gambar 3.9 DFD Level 2 Proses 2 ................................................................ 57

Gambar 3.10 DFD Level 2 Proses 3 .............................................................. 58

Gambar 3.11 Perancangan Struktur Menu Utama ......................................... 59

Gambar 3.12 Perancangan Struktur Menu Admin ......................................... 59

Gambar 3.13 Rancangan Halaman Utama ..................................................... 60

Gambar 3.14 Rancangan Halaman Home ...................................................... 61

Gambar 3.15 Rancangan Halaman Profil....................................................... 62

Gambar 3.16 Rancangan Halaman Cara Pembelian ...................................... 62

Gambar 3.17 Rancangan Halaman Request Produk ...................................... 63

Gambar 3.18 Rancangan Form Login Member.............................................. 63

Gambar 3.19 Desain Form Daftar Member ................................................... 64

Gambar 3.20 Form Pencarian Produk ............................................................ 64

Gambar 3.21 Rancangan Form Login Admin ................................................ 65

Gambar 3.22 Halaman Administrator ............................................................ 65

xiv

Gambar 4.1 Menu Utama ............................................................................... 67

Gambar 4.2 Menu Profil ................................................................................ 70

Gambar 4.3 Menu Cara Pembelian ................................................................ 72

Gambar 4.4 Menu Request Produk ............................................................... 74

Gambar 4.5 Menu Login ............................................................................... 76

Gambar 4.6 Menu Daftar Member ................................................................ 77

Gambar 4.7 Dialog Box Jika Terjadi Kesalahan Peinputan Data................... 80

Gambar 4.8 Dialog Box Jika Berhasil Mendaftar Menjadi Member .............. 81

Gambar 4.9 Menu Pencarian Produk ............................................................. 81

Gambar 4. 10 Menu Login Admin ................................................................. 83

Gambar 4.11 Menu Administrator ................................................................ 84