RANCANGAN SISTEM INFORMASI PENJUALAN ONLINE BERBASIS WEB PADA TOKO ALIECE.COM SKRIPSI

(1)

RANCANGAN SISTEM INFORMASI PENJUALAN ONLINE

BERBASIS WEB PADA TOKO ALIECE.COM

SKRIPSI

Oleh :

ERO MUHAMMAD KHADAFI 1022500364

PROGRAM STUDI SISTEM INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER ATMA LUHUR

PANGKALPINANG

2013

(2)

RANCANGAN SISTEM INFORMASI PENJUALAN ONLINE

BERBASIS WEB PADA TOKO ALIECE.COM

SKRIPSI

Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer

Oleh :

ERO MUHAMMAD KHADAFI 1022500364

PROGRAM STUDI SISTEM INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER ATMA LUHUR

PANGKALPINANG

2013

(3)

LEMBAR PERNYATAAN

Yang bertanda tangan dibawah ini :

NIM : 1022500364

Nama : ERO MUHAMMAD KHADAFI

Judul Skripsi : RANCANGAN SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA TOKO ALIECE.COM

Menyatakan bahwa Laporan Tugas Akhir saya adalah hasil karya sendiri dan bukan plagiat. Apabila ternyata ditemukan didalam laporan tugas akhir saya terdapat unsure plagiat, maka saya siap untuk mendapatkan sanksi akademik yang terkait dengan hal tersebut.

Pangkalpinang 5 Oktober 2013

(Ero Muhammad Khadafi)

(4)

(5)

KATA PENGANTAR

Puji syukur kehadirat Allah SWT yang telah melimpahkan rahmat dan Hidayah-Nya kepada penulis, sehingga penulis dapat menyelesaikan tugas akhir yang berjudul : ”RANCANGAN SISTEM INFORMASI PENJUALAN ONLINE BERBASIS WEB PADA TOKO ALIECE.COM DENGAN METODOLOGI BERORIENTASI OBYEK”.

Pada kesempatan ini penulis juga ingin mengucapkan terima kasih kepada pihak-pihak yang telah membantu, baik terlibat secara langsung ataupun tidak dalam proses penyusunan tugas akhir penulis ini. Terima kasih kepada :

1. Yang saya cintai, kedua orang tua saya ibu, bapak, dan segenap keluarga besar yang selalu mendo’akan serta memberikan dukungan baik moril maupun materil.

2. Bapak Dr. Moedjiono, M.Sc selaku Ketua Sekolah Tinggi Manajemen Informatika dan Komputer Atma Luhur Pangkalpinang.

3. Ibu Yuyi Andrika, M.Kom Selaku Kaprodi Sistem Informasi.

4. Bapak Bambang Adiwinoto, M.Kom selaku dosen pembimbing saya yang telah banyak membantu dan mengarahkan penulis dalam menyusun dan menyelesaikan Laporan Tugas Akhir ini Semoga Allah SWT membalas kebaikan dan selalu mencurahkan hidayah serta taufiknya, Amin. .

5. Bapak Fajar selaku Pimpinan Toko Aliece.Com.

6. Teman-teman seperjuangan dalam kuliah yang sudah banyak membantu yang tidak dapat disebutkan satu persatu,

Pangkalpinang, 5 Oktober 2013

Penulis

(6)

ABSTRACTION

Aliece.Com is one effort which move deep computer devices sell areas that gets address at Jl. pangkalpinang bangka's sour kampong. This effort gets to meet the need society in term computer devices needs.

This Sell activity began by customer does good order come directly or over telephone, then clerk notes order who will be ordered and if order was finished therefore sales department make note as voucher. On month end sales department make sell reporting to be turned over to effort owner.

Registry and count process that is done on that effort for the moment still utilize manual system, beginning of goods ordering by customer, note makings process as voucher. It causes to be slowed its write-up makings process fast one and accurate to be given unto effort owner.

Base thing upon, therefore needful a computerised and accurate system, to

back up effort development and sell process step-up at Aliece.Com Shop. That

suggestion is proposed to be able to settles about problem or constraint that often

been found on manual system that be walks. With utilize proposed system it ala is

right, pretty much observation or control to process sell as easier and set.

(7)

ABSTRAKSI

Aliece.Com adalah sebuah usaha yang bergerak dalam bidang penjualan Alat-alat komputer yang beralamat di Jl. Kampung asam pangkalpinang bangka.

Usaha ini dapat memenuhi kebutuhan masyarakat dalam hal keperluan alat-alat komputer.

Kegiatan Penjualan ini dimulai dengan pelanggan melakukan pesanan baik datang langsung atau lewat telpon, kemudian pegawai mencatat pesanan yang akan dipesan dan jika pesanan telah selesai maka bagian penjualan membuat nota sebagai bukti pembayaran. Pada akhir bulan bagian penjualan membuat laporan penjualan untuk diserahkan kepada pemilik usaha.

Proses pencatatan dan perhitungan yang dilakukan pada usaha tersebut pada saat ini masih menggunakan sistem manual, mulai dari pemesanan barang oleh pelanggan, proses pembuatan nota sebagai bukti pembayaran. Hal ini menyebabkan terlambatnya proses pembuatan laporan yang cepat dan akurat untuk diberikan kepada pemilik usaha.

Berdasarkan hal diatas, maka diperlukan suatu sistem yang

terkomputerisasi dan akurat, untuk mendukung pengembangan usaha dan

peningkatan proses penjualan di Toko Aliece.Com. Usul tersebut diusulkan agar

dapat mengatasi permasalahan atau kendala yang sering ditemui pada sistem

manual yang sedang berjalan. Dengan memanfaatkan sistem yang diusulkan ini

secara benar, kemungkinan pengawasan atau kontrol terhadap proses penjualan

menjadi lebih mudah dan teratur.

(8)

DAFTAR ISI

Halaman

Kata Pengantar ... i

Abstraction………… ... ii

Abstraksi……….. ... iv

Daftar Isi………….. ... v

Daftar Gambar….. ……….. ... vi

Daftar Lampiran ... vii

Daftar Tabel ... xii

Daftar Simbol ... xiii

BAB I PENDAHULUAN ... 1

1. Latar Belakang ... 1

2. Perumusan Masalah ... 2

3. Batasan masalah ... 2

4. Metode Penelitian ... 2

5. Tujuan Penelitian ... 3

6. Sistematika Penulisan ... 4

BAB II LANDASAN TEORI ... 6

1. Konsep dasar Sistem Informasi... 6

a. Konsep Dasar Sistem Informasi... 6

b. Sistem Informasi ... 8

2. Analisa dan Peracangan Sistem Berorientasi Obyek Dengan UML ... 16

a. UML (Unified Modeling Language) ... 16

b. Analisa Sistem Berorientasi Obyek ... 18

1) Activity Diagram ... 18

2) Analisa Dokumen Keluaran ... 22

(9)

3) Analisa Dokumen Masukan ... 22

4) Use Case Diagram ... 22

c. Perancangan Sistem Berorientasi Obyek ... 25

1) ERD ... 25

2) LRS ... 27

3) Normalisasi………..28

4) Tabel ... 29

5) Spesifikasi Basis Data ... 29

6) Rancangan Dokumen Keluaran ... 30

7) Rancangan Dokumen Masukan ... 30

8) Rancangan Layar Web ... 31

9) Sequence Diagram ... 31

10) Class Diagram ... 32

BAB III PENGELOLAHAN PROYEK ... 35

1. Project Execution Plan ... 35

a. Objective Proyek ... 35

b. Indentifikasi Stakeholders ... 35

c. Identifikasi Derivelables ... 39

2. Penjadwalan Proyek ... 39

a. Estimasi Waktu Pelaksanaan……… 39

b. Timeline Aktivitas………. 41

c. Work Breakdown Structur………. 42

d. Rencana Anggaran biaya ( RAB )... 42

e. Analisa resiko ... 46

f. Meeting Plan ... 47

g. Project Charter ... 47

h. Approach ( pendekatan )……… 48

i. Pembagian Tugas Dan Tanggung Jawab………. .48

j. Projectplan ( Rencana Proyek )………..……….49

(10)

BAB IV ANALISA DAN RANCANGAN SISTEM ... 50

1. Tinjauan Organisasi………. 50

2. Sejarah Berdirinya Organisasi………. 50

3. Visi dan Misi Organisasi………. 51

4. Struktur Organisasi………. 51

5. Pembagian Tugas dan Wewenang……….. 52

6. Analisa Proses………. 52

7. Analisa Masukan………. 56

8. Analisa Keluaran………. 58

9. Indentifikasi Kebutuhan………. 59

10. Use Case Diagram……….. 60

11. Rancangan Basis Data……….. 63

a. ERD... 63

b. Transformasi diagram ER ke LRS ... 64

c. LRS ... 65

d. Tabel ... 66

e. Spesifikasi Basis Data ... 67

12. Rancangan Antar Muka ... 70

a. Rancangan Masukan ... 70

b. Rancangan Keluaran ... 71

c. Rancangan Dialog Layar... 73

d. Sequence Diagram ... 86

e. Class Diagram……… 93

BAB V PENUTUP ... 94

1. Kesimpulan ... 94

2. Saran ... 94

DAFTAR PUSTAKA ... 96

(11)

Lampiran-A, Masukan Sistem Berjalan ... 97

Lampiran-B, Keluaran Sistem Berjalan ... 99

Lampiran-C, Rancangan Masukan Sistem Usulan ... 101

Lampiran-D, Rancangan Keluaran Sistem Usulan ... 104

Lampiran-E, Surat Keterangan Riset ... 106

(12)

DAFTAR GAMBAR

Halaman

Gambar 2.1 Titik Awal Aktivitas ... 19

Gambar 2.2 Titik Akhir Aktivitas ... 19

Gambar 2.3 Simbol Activities ... 19

Gambar 2.4 Symbol Black Hole Activities ... 20

Gambar 2.5 Symbol Miracle Activities ... 20

Gambar 2.6 Symbol Fork Dalam UML ... 20

Gambar 2.7 Symbol Join Dalam UML ... 21

Gambar 2.8 Symbol Decision Point ... 21

Gambar 2.9 Symbol Guard ... 22

Gambar 2.10 Symbol Swimline ... 22

Gambar 2.11 Symbol Use Case ... 23

Gambar 2.12 Symbol Aktor ... 24

Gambar 3.1 Work Breakdown Structure ... 42

Gambar 4.1 Bagan Struktur Organisasi ... 51

Gambar 4.2 Activity Diagram Catat Daftar Harga Barang... 53

Gambar 4.3 Activity Diagram Catat Daftar Data Pelanggan ... 54

Gambar 4.4 Activity Diagram Transaksi Penjualan ... 55

Gambar 4.5 Activity Diagram Pembuatan Laporan Penjualan ... 56

Gambar 4.6 Use Case Diagram ... 60

Gambar 4.7 Entity Relationship Diagram ... 63

Gambar 4.8 Transformasi Diagram ER ke LRS ... 64

Gambar 4.9 Logical Record Struktur ... 65

Gambar 4.10 Struktur Tampilan ... 73

Gambar 4.11 Rancangan Layar Web Login Pelanggan ... 74

Gambar 4.12 Rancangan Layar Web Pesanan Pelanggan ... 75

Gambar 4.13 Rancangan layar Form Master ... 76

Gambar 4.14 Rancangan Layar Form barang ... 77

Gambar 4.15 Rancangan Layar form User ... 78

(13)

Gambar 4.16 Rancangan Layar Form Pelanggan ... 79

Gambar 4.17 Rancangan Layar Form Transaksi ... 80

Gambar 4.18 Rancangan Layar Form Log_In ... 81

Gambar 4.19 Rancangan Layar Form Pesanann ... 82

Gambar 4.20 Rancangan Layar Form Faktur Pembelian... 83

Gambar 4.21 Rancangan Layar Form Laporan Penjualan ... 84

Gambar 4.22 Rancangan Layar Form Cetak laporan Penjualan ... 85

Gambar 4.23 Sequence Diagram Barang ... 86

Gambar 4.24 Sequence Diagram User ... 87

Gambar 4.25 Sequence Diagram Pelanggan ... 88

Gambar 4.26 Sequence Diagram Log_In... 89

Gambar 4.27 Sequence Diagram Pesanan ... 90

Gambar 4.28 Sequence Diagram Faktur Pembelian ... 91

Gambar 4.29 Sequence Laporan Penjualan ... 92

Gambar 4.30 Class Diagram ... 93

(14)

DAFTAR TABEL

Halaman

Tabel 2.1 Tipe MYSQL ... 16

Tabel 3.1 Indentifikasi Stakeholders ... 36

Tabel 3.2 Peran masing-Masing Stakeholders ... 36

Tabel 3.3 Deliverables Check-list ... 39

Tabel 3.4 Estimasi Waktu Pelaksanaan ... 39

Tabel 3.5 Gant Chat ... 41

Tabel 3.6 Rencana Anggaran Biaya ... 42

Tabel 3.7 Reponsible Assignment Matrix ... 44

Tabel 3.8 Keterangan Kode Raci ... 46

Tabel 3.9 Meeting Plan ... 47

Tabel 3.10 Pembagian Tugas Dan Tanggung Jawab ... 48

Tabel 4.1 Pesanan ... 66

Tabel 4.2 Barang ... 66

Tabel 4.3 Isi ... 66

Tabel 4.4 Faktur Pembelian ... 66

Tabel 4.5 Log_in ... 66

Tabel 4.6 User ... 66

Tabel 4.7 Pelanggan ... 67

Tabel 4.8 Spesifikasi Basis Data Pesanan ... 67

Tabel 4.9 Spesifikasi Basis Data Barang ... 68

Tabel 4.10 Spesifikasi Basis Data Isi ... 68

Tabel 4.11 Spesifikasi Basis Data Faktur Pembelian ... 69

Tabel 4.12 Spesifikasi Basis Data Log_in ... 69

Tabel 4.13 Spesifikasi Basis Data User ... 70

Tabel 4.14 Spesifikasi Basis Data Pelanggan ... 70

(15)

DAFTAR LAMPIRAN

Halaman Lampiran A : Masukan Sistem Berjalan

Lampiran A – 1 : Daftar Harga Barang... 97 Lampiran A – 2 : Data Pelanggan ... 98

Lampiran B : Keluaran Sistem Berjalan

Lampiran B – 1 : Nota ... 99 Lampiran B – 2 : Laporan Penjualan ... 100

Lampiran C : Rancangan Masukan Sistem Usulan

Lampiran C – 1 : Data Barang ... 101 Lampiran C – 2 : Data Pelanggan ... 102 Lampiran C – 3 : Data User ... 103

Lampiran D : Rancangan Keluaran Sistem Usulan

Lampiran D – 1 : Faktur Pembelian ... 104 Lampiran D – 2 : Laporan Penjualan ... 105

Lampiran E Surat Keterangan Riset

Surat keterangan Riset ... 106

(16)

DAFTAR SIMBOL

1. Activity Diagram

Start State

Menggambarkan awal dari suatu aktivitas yang berjalan pada sistem.

End State

Menggambarkan akhir dari suatu aktivitas yang berjalan pada sistem.

Activity

Menggambarkan aktivitas yang dilakukan pada sistem.

Swimlane

Menggambarkan pembagian/pengelompokan berdasarkan tugas dan fungsi tersendiri.

Transition to self

Menggambarkan hubungan antara state atau activity yang kembali kepada state atau activity itu sendiri.

Transition State

Menggambarkan hubungan antara dua state, dua activity ataupun antara state dan activity.

Decision

Menggambarkan kondisi dari sebuah aktivitas yang

bernilai benar/salah.

(17)

State

Menggambarkan kondisi, situasi ataupun tempat untuk beberapa aktivitas.

Fork

Menggambarkan aktivitas yang dimulai dengan sebuah aktivitas dan diikuti oleh dua atau lebih aktivitas yang harus dikerjakan.

Join

Menggambarkan aktivitas yang dimulai dengan dua atau lebih aktivitas yang sudah dilakukan dan menghasilkan sebuah aktivitas.

2. Use Case Diagram

Actor

Menggambarkan orang atau sistem yang menyediakan atau menerima informasi dari sistem atau menggambarkan pengguna software aplikasi (user).

Use Case

Menggambarkan fungsionalitas dari suatu sistem, sehingga pengguna sistem paham dan mengerti mengenai kegunaan sistem yang akan dibangun.

Association

Menggambarkan hubungan antara actor dengan use

case.

(18)

3. Class Diagram

Class

Menggambarkan keadaan (atribut/properti) dari suatu objek.

Class memiliki tiga area pokok, yaitu: nama, atribut, method.

Nama menggambarkan nama dari class/objek.

Atribut menggambarkan batasan dari nilai yang dapat dimiliki oleh property tersebut.

Method menggambarkan implementasi dari layanan yang dapat diminta dari beberapa object dari class , yang mempengaruhi behaviour.

Association

Menggambarkan mekanisme komunikasi suatu objek dengan objek lainnya. Atau dapat juga menggambarkan ketergantungan antarkelas.

Aggregate

Menggambarkan bahwa suatu objek secara fisik dibentuk dari objek-objek lain, atau secara logis mengandung objek lain.

Multiplicity

Menggambarkan banyaknya object yang terhubung satu dengan yang lainnya. Contoh :

1 0..*

1..*

0..1 5..8 4..6,9

Tepat satu

Nol atau lebih

Satu atau lebih

Nol atau satu

range 5 s.d. 8

range 4 s.d. 6 dan 9

(19)

4. Sequence Diagram

Actor

Menggambarkan seseorang atau sesuatu (seperti perangkat, sistem lain) yang berinteraksi dengan sistem.

Boundary

Menggambarkan interaksi antara satu atau lebih actor dengan sistem, memodelkan bagian dari sistem yang bergantung pada pihak lain disekitarnya dan merupakan pembatas sistem dengan dunia luar.

Control

Menggambarkan “perilaku mengatur”,

mengkoordinasikan perilaku sistem dan dinamika dari suatu sistem, menangani tugas utama dan mengontrol alur kerja suatu sistem.

Entity

Menggambarkan informasi yang harus disimpan oleh sistem (struktur data dari sebuah sistem).

Object Message

Menggambarkan pesan/hubungan antar objek, yang menunjukan urutan kejadian yang terjadi.

Message to Self

Menggambarkan pesan/hubungan objek itu sendiri, yang menunjukan urutan kejadian yang terjadi.