SISTEM INFORMASI TRANSAKSI PENJUALAN DAN PEMBELIAN STOK BARANG PADA CV. ANDA SIDOARJO BERBASIS WEB.

SIDOARJO BERBASIS WEB

SKRIPSI

Disusun oleh :

WILDAN FIRMANSYAH

NPM. 0835010087

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS TEKNOLOGI INDUSTRI

UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN”

JAWA TIMUR

SIDOARJO BERBASIS WEB

SKRIPSI

Diajukan Untuk Memenuhi Sebagai Persyaratan Dalam Memperoleh Gelar Sarjana Komputer

Jurusan Sistem Informasi

Disusun oleh :

WILDAN FIRMANSYAH

NPM. 0835010087

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS TEKNOLOGI INDUSTRI

UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN”

JAWA TIMUR

SISTEM INFORMASI TRANSAKSI PENJUALAN DAN

PEMBELIAN STOK BARANG PADA CV. ANDA

SIDOARJO BERBASIS WEB

Disusun Oleh :

WILDAN FIRMANSYAH

NPM. 0835010087

Telah disetujui untuk mengikuti Ujian Negara Lisan Tahun Akademik 2012/2013

Pembimbing Utama Pembimbing Pendamping

Dr. Ronny S.Kom.M.Kom.MH Agung Brastama Putra, S.Kom

Mengetahui,

Ketua Progdi Sistem Informasi Fakultas Teknologi Industri UPN ”Veteran” Jawa Timur

Nur Cahyo Wibowo S.Kom.M.Kom NPT. 279030440197

STOK BARANG PADA CV. ANDA SIDOARJO BERBASIS WEB Disusun Oleh :

WILDAN FIRMANSYAH

NPM. 0835010087

Telah dipertahankan di hadapan dan diterima oleh Tim Penguji Skripsi Jurusan Sistem Informasi Fakultas Teknologi Industri

Universitas Pembangunan Nasional ”Veteran” Jawa Timur Pada Tanggal 31 Januari 2013

Pembimbing : Tim Penguji :

1. 1.

Dr. Ronny S.Kom.M.Kom.MH Nur Cahyo Wibowo, S.Kom, M.Kom NPT. 279030440197

2. 2.

Agung Brastama Putra, S.Kom Moh. Irwan Afandi, ST, MSc NPT. 276070740220

3.

Priza Pandunata, S.Kom NPT. 283010640212 Mengetahui,

Dekan Fakultas Teknologi Industri

Universitas Pembangunan Nasional ”Veteran” Jawa Timur

Ir. SUTIYONO, MT. NIP. 19600713 198703 1001

FAKULTAS TEKNOLOGI INDUSTRI PANITIA UJIAN SKRIPSI / KOMPREHENSIF

KETERANGAN REVISI Mahasiswa di bawah ini :

Nama : Wildan Firmansyah NPM : 0835010087

Jurusan : Sistem Informasi

Telah mengerjakan revisi / tidak ada revisi*) pra rencana (design) / skripsi ujian lisan TA 2012/2013 dengan judul:

”

SISTEM INFORMASI TRANSAKSI PENJUALAN DAN PEMBELIAN STOK BARANG PADA CV. ANDA SIDOARJO BERBASIS WEB

”

Surabaya, 8 Februari 2013 Dosen Penguji yang memerintahkan revisi:

1) Nur Cahyo Wibowo, S.Kom, M.Kom NPT. 279030440197

2) Moh. Irwan Afandi, ST, MSc NPT. 276070740220

3) Priza Pandunata, S.Kom NPT. 283010640212

Mengetahui,

Pembimbing Utama Pembimbing Pendamping

Dr. Ronny S.Kom.M.Kom.MH Agung Brastama Putra, S.Kom

{

}

{

}

PENYUSUN : WILDAN FIRMANSYAH

i

ABSTRAK

Pengelolaan barang merupakan hal yang harus benar-benar diperhatikan secara detail. Baik pada saat barang masuk, pembaharuan data, maupun kegiatan lainnya yang terkait. Pendataan yang benar akan menghasilkan informasi yang valid. Begitu juga layaknya dengan kegiatan transaksi yang harus diperhatikan secara serius. Baik transaksi penjualan, pembelian, pembayaran maupun kegiatan transaksi lainnya. CV. Anda adalah sebuah toko yang bergerak dalam bidang stationery, foto copy, dan percetakan. Toko yang bertempat di Kab. Sidoarjo melayani penjualan ke masyarakat sekitar dan perkantoran. Harga yang ditawarkan juga cukup sepadan dengan kualitas sehingga toko ini selalu ramai dikunjungi. CV. Anda mengalami beberapa kendala dalam menjalankan usahanya. Seperti pencarian data barang, data penjualan dan data pembeli. Sehingga diharapkan adanya aplikasi yang dapat menangani masalah tersebut.

Masalah seperti itu membutuhkan penyelesaian yang cepat dan tepat dengan teknologi yang mudah dioperasikan dan dipahami sebagai solusi. Dengan bahasa pemrograman PHP (Personal Home Page) Hypertext Preprocessor dan MySQL akan membuat sebuah aplikasi berbasis Web. PHP merupakan bahasa script yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP dapat digunakan untuk membangun aplikasi Web. MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL atau DBMS (Data Base Manajemen Sistem). Dengan PHP dan MySQL yang bisa Dynamic Duo akan menjadi solusi dalam membangun sistem informasi pengelolaan barang dan transaksi berbasis web.

Dengan adanya aplikasi pengelolaan barang dan transaksi berbasis web mampu mengatasi masalah yang terkait dengan pengelolaan barang dan transaksi yang berada di toko CV. Anda.

ii

Syukur Alhamdulillaahi rabbil ‘alamin terucap ke hadirat Allah SWT atas segala limpahan Kekuatan-Nya sehingga dengan segala keterbatasan waktu, tenaga, pikiran dan keberuntungan yang dimiliki penyusun, akhirnya penyusun dapat menyelesaikan Skripsi yang berjudul “Sistem Informasi Transaksi Penjualan dan Pembelian Stok Barang pada CV. Anda Sidoarjo Berbasis Web” tepat waktu.

Skripsi dengan beban 4 SKS ini disusun guna diajukan sebagai salah satu syarat untuk menyelesaikan program Strata Satu (S1) pada jurusan Sistem Informasi, Fakultas Teknologi Industri, UPN ”VETERAN” Jawa Timur.

Melalui Skripsi ini penyusun merasa mendapatkan kesempatan emas untuk memperdalam ilmu pengetahuan yang diperoleh selama di bangku perkuliahan, terutama berkenaan tentang penerapan teknologi perangkat bergerak. Namun, penyusun menyadari bahwa Skripsi ini masih jauh dari sempurna. Oleh karena itu penyusun sangat mengharapkan saran dan kritik dari para pembaca untuk pengembangan aplikasi lebih lanjut.

Surabaya, 18 Januari 2013

iii

Ucapan terima kasih ini saya persembahkan kepada Allah SWT., sebagai perwujudan rasa syukur atas terselesaikannya Laporan Skripsi. Karena berkat Rahmat dan berkahNya penulis dapat menyusun dan menyelesaikan Laporan Skripsi ini hingga selesai. Ucapan terima kasih ini saya tujukan kepada :

1. Bapak Prof. Dr. Ir. Teguh Soedarto, MP selaku Rektor Universitas Pembangunan Nasional “Veteran” Jawa Timur.

2. Bapak Ir. Sutiyono, MT selaku Dekan Fakultas Teknologi Industri UPN “Veteran” Jawa Timur.

3. Bapak Ir. Mu’tasim Billah, MS. Selaku Wakil Dekan I yang senantiasa dengan kemurahan hati membela dan membantu mahasiswa dengan sejuta permasalahan yang dihadapi disaat menempuh jenjang perkuliahan.

4. Bapak Nur Cahyo Wibowo, S.Kom. M.Kom. Selaku Ketua Progdi Sistem Informasi UPN “Veteran” Jawa Timur yang telah dengan sabar membimbing dengan segala kerendahan hati dan selalu memberikan kemudahan dan kesempatan bagi saya untuk berkreasi.

5. Bapak Moh. Irwan Afandi, ST, MSc. Selaku Wakil Ketua Progdi Sistem Informasi UPN “Veteran” Jawa Timur yang telah dengan rendah hati memberikan ide sekaligus judul untuk TA saya ini.

6. Bapak Priza Pandunata, S.Kom., Selaku PIA Tugas Akhir Sistem Informasi UPN “Veteran” Jawa Timur.

7. Dr. Ronny S.Kom. M.Kom. MH. selaku dosen pembimbing utama pada Proyek Skripsi ini di UPN “Veteran” Jawa Timur yang telah banyak

iv

8. Bapak Agung Brastama Putra S.Kom selaku dosen pembimbing Pendamping (Pembimbing II) yang telah memberikan banyak ide, petunjuk, masukan, bimbingan, dorongan serta bantuan yang sangat berarti dan bermanfaat bagi tugas akhir ini. Serta bersedia meluangkan waktu untuk membimbing dan membantu.

9. Keluarga tercinta, terutama Bapak Ibuku tersayang, terima kasih atas semua doa, dukungan serta harapan-harapanya pada saat penulis menyelesaikan Skripsi dan laporan ini. Yang penulis minta hanya doa restunya, sehingga penulis bisa membuat sesuatu yang lebih baik dari laporan ini.

10. Adik-adik ku tersayang yang telah banyak memberikan dukungan moral dan spiritual juga kesabaran pada aku, sehingga aku dapat menyelesaikan tugas akhir ini.

11. Teman kuliah pertama kali Himawan Giri A Yoga yang menjadi teman dalam menempuh suka dan duka selama perkuliahan, mas Tri Lathif MS yang telah memberikan pengalaman berharga, kepada Neru yang saling support serta membantu saat akan menempuh ujian lesan, dan yang tak bisa penulis sebutkan satu persatu. Terima Kasih yang tak terhingga untuk kalian semua. Semoga Allah SWT yang membalas semua kebaikan dan bantuan tersebut. 11. Terima kasih buat teman seperjuangan sekaligus partner PKL yang baik, yaitu

M. Fiki Fauzi (Ben) dan Freddy Suryo Negoro (Cak Pred), yang telah berjuang bersama sampai akhir dan yang memberi semangat.

v

Halaman LEMBAR PENGESAHAN

ABSTRAK ... i

KATA PENGANTAR ... ii

UCAPAN TERIMA KASIH ... iii

DAFTAR ISI ... v

DAFTAR GAMBAR ... viii

DAFTAR TABEL ... xi

BAB I PENDAHULUAN ... 1

1.1. Latar Belakang ... 1

1.2. Rumusan Masalah... 2

1.3. Batasan Masalah ... 3

1.4. Tujuan Penelitian ……….. ... 3

1.5. Manfaat Penelitian ... 4

1.6. Sistematika Penulisan ... 5

BAB II TINJAUAN PUSTAKA ... 7

2.1. Profil Singkat CV. Anda ... 7

2.2. Transaksi Penjualan dan pembelian barang ... 8

2.3. Sistem Informasi ... 8

2.4. PHP (Personal Home Page) ... 9

2.4.1 Kelebihan PHP Sebagai Bahasa Pemrograman ... 9

2.5. AJAX ... 10

2.6. Basis Data ... 11

vi

2.9. CSS ... 15

2.10. Interaksi Manusia dan Komputer ... 16

2.11. Browser Web ... 19

BAB III ANALISIS DAN PERANCANGAN SISTEM ... 20

3.1 Analisis Sistem ... 20

3.2 Perancangan Sistem ... 20

3.3 Perancangan Proses ... 20

3.4 Flowchart ... 21

3.4.1 Flowchart Form Admin ... 21

3.4.2 Flowchart Suplier ... 24

3.4.3 Flowchart Jenis Barang... 26

3.4.4 Flowchart Data Barang... 28

3.4.5 Flowchart Data Pembelian... 30

3.4.6 Flowchart Form Kasir... 33

3.4.7 Flowchart Customer... 35

3.4.8 Flowchart Penjualan... 37

3.4.9 Flowchart Data Penjualan... 39

3.4.10 Flowchart Form Manager... 41

3.4.11 Flowchart Maintenance User... 42

3.5 Data Flow Diagram (DFD) ... 44

3.5.1 Diagram Konteks (Context Diagram)……… 45

3.5.2 Diagram level 0……….. 46

3.5.3 Diagram level 1……….. 48

3.6 Perancangan Database……….... 50

vii

3.8 Desain Antarmuka (Interface)... 58

BAB IV HASIL DAN UJI COBA ... 66

4.1 Implementasi dan Uji Coba Sistem ... 66

1. Form Login ... 66

2. Form Menu Admin ... 67

3. Form Data Pribadi... .. 68

4. Form Suplier... 69

5. Form Detail Data Suplier... .. 70

6. Form Jenis Barang... .. 71

7. Form Data Barang... ... 71

8. Form Data Pembelian... .. 74

9. Form Grafik Pembelian... .. 76

10. Form Menu Kasir... .. 76

11. Form Data Pribadi Kasir... ... 77

12. Form Customer... . 78

13. Form Menu Barang... .. 80

14. Form Menu Penjualan... ... 81

15. Form Data Penjualan... ... 83

16. Form Grafik Penjualan... ... 83

17. Form Data Struk... ... 84

18. Form Menu Manager... 85

19. Form Data Pribadi Manager... .... 86

20. Form Maintenance User... ... 87

BAB V PENUTUP ... 89

5.1. Kesimpulan ... 89

viii

Gambar 2.1. Perbedaan Model Aplikasi Web Tanpa dan Dengan Ajax .. 10

Gambar 2.2. Data dan Informasi ... 12

Gambar 3.1. Menu Admin ... 22

Gambar 3.2. Menu Suplier ... 25

Gambar 3.3. Menu Jenis Barang ... 27

Gambar 3.4. Menu Data Barang ... 29

Gambar 3.5. Menu Data Pembelian ... 31

Gambar 3.6. Menu Kasir ... 33

Gambar 3.7. Menu Customer ... 36

Gambar 3.8. Menu Penjualan ... 38

Gambar 3.9. Menu Data Penjualan ... 40

Gambar 3.10. Menu Manager ... 41

Gambar 3.11. Menu Maintenance User ... 43

Gambar 3.12. Diagram Konteks Sistem Informasi Transaksi Penjualan dan Pembelian Stok Barang... . ... 46

Gambar 3.13. Diagram Alir Data Level 0 Sistem Informasi Transaksi Penjualan dan Pembelian Stok Barang... ... 47

Gambar 3.14. Diagram Alir Data Level 1 Proses Pembelian Barang... 48

Gambar 3.15. Diagram Alir Data Level 1 Proses Penjualan Barang... 49

Gambar 3.16. Conceptual Data Model (CDM)... 51

Gambar 3.17. Physical Data Model (PDM)... 52

Gambar 3.18. Form Login Sistem Transaksi Penjualan dan Pembelian Stok Barang... 58

Gambar 3.19. Form Menu Admin... 58

Gambar 3.20. Form Kategori Suplier... 59

Gambar 3.21. Form Kategori Jenis Barang... 59

Gambar 3.22. Form Kategori Data Pembelian... 60

ix

Gambar 3.26. Form (a) Kategori Penjualan... 62

Gambar 3.27. Form (b) Kategori Penjualan... 62

Gambar 3.28. Form Kategori Daftar Penjualan... 63

Gambar 3.29. Form Kategori Grafik Penjualan... 63

Gambar 3.30. Form Kategori Struk... 64

Gambar 3.31. Form Menu Manager... 64

Gambar 3.32. Form Kategori Maintenance User... 65

Gambar 4.1. Form Login ... 66

Gambar 4.2. Form Message Error Login ... 66

Gambar 4.3. Form Menu Admin ... 67

Gambar 4.4. Form Data Pribadi ... 68

Gambar 4.5. Form Suplier ... 69

Gambar 4.6. Form Tambah Data Suplier Baru ... 70

Gambar 4.7. Form Detail Data Suplier... 70

Gambar 4.8. Form Input dan Data Jenis Barang ... 71

Gambar 4.9. Form Data Barang ... 72

Gambar 4.10. Form Input dan Data Satuan Barang ... 72

Gambar 4.11. Form Detail Data Barang... 73

Gambar 4.12. Form Laporan Data Barang ... 73

Gambar 4.13. Form Print Laporan Data Barang ... 74

Gambar 4.14. Form Data Pembelian Barang ... 74

Gambar 4.15. Form Form Laporan Data Pembelian Barang ... 75

Gambar 4.16. Form Tambah Data Pembelian Barang ... 75

Gambar 4.17. Form Grafik Pembelian Barang... 76

Gambar 4.18. Form Menu Kasir ... 77

Gambar 4.19. Form Data Pribadi Kasir ... 78

Gambar 4.20. Form Menu Customer ... 79

Gambar 4.21. Form Menu Tambah Data Customer ... 79

x

Gambar 4.25. Form (b) Menu Penjualan Barang ... 82

Gambar 4.26. Tampilan Out Put Struk ... 82

Gambar 4.27. Form Data Penjualan Barang ... 83

Gambar 4.28. Form Grafik Penjualan Barang ... 84

Gambar 4.29. Form Input Data Struk ... 84

Gambar 4.30. Form Data Struk ... 85

Gambar 4.31. Form Menu Manager ... 86

Gambar 4.32. Form Data Pribadi Manager ... 86

Gambar 4.33. Form Maintenance User ... 87

Gambar 4.34. Form Tambah Data User ... 88

xi

Tabel 3.1. Tabel Admin ... 53

Tabel 3.2. Tabel Suplier ... 53

Tabel 3.3. Tabel Jenis Barang ... 54

Tabel 3.4. Tabel Barang ... 54

Tabel 3.5. Tabel Pembelian ... 55

Tabel 3.6. Tabel Customer ... 56

Tabel 3.7. Tabel Penjualan ... 56

Tabel 3.8. Tabel Satuan ... 57

1 1.1 Latar Belakang

CV. Anda Sidoarjo merupakan salah satu perusahaan swasta yang bergerak dalam bidang stationery, foto copy, dan percetakan, CV. Anda mengalami beberapa kendala dalam menjalankan usahanya. Seperti pencarian data barang, data penjualan dan data pembeli pada bidang stationery. Sehingga diharapkan adanya aplikasi yang dapat menangani masalah tersebut. Beberapa masalah yang muncul seperti pendataan dan pencarian stok barang menjadi kendala yang sering dialami. Sehingga sedikit banyak makan waktu untuk melakukan hal tersebut. Pembeli akan merasa sedikit tidak puas dengan pelayanan yang memakan waktu lama. Umumnya pada saat pembeli datang melakukan pertanyaan mengenai barang yang dicari baik berkaitan dengan merk, harga, serta model. Kemudian pada saat supplier menyimpan stok barang perlu pencatatan data yang detail.

Pemanfaatan teknologi informasi yang dimaksud adalah komputerisasi sistem penjualan dan pengolahan stok barang pada CV. Anda Sidoarjo. Dengan berbenah menyempurnakan sistem informasi yang lama atau sistem manual yang selanjutnya akan merancang dan mendisain sistem yang baru. Diharapkan sistem yang baru mampu mempermudah kinerja pengurus dalam mengelolah data dan informasi.

Adanya masalah atau kendala yang dialami CV. Anda Sidoarjo membutuhkan penanganan yang cepat seperti memanfaatkan teknologi yang mudah dioperasikan dan dipahami. Khususnya pengelolaan barang dan transaksi

serta pencatatan yang sering dilakukan CV. Anda Sidoarjo membutuhkan sistem aplikasi untuk mempermudah kegiatan pencarian data, pengelolaan stok, pencatatan dan transaksi. Sehingga hal tersebut dapat ditangani secara tepat dan cepat.

Salah satu alternatif yang dilakukan untuk mengatasi hal itu adalah di gunakanya Aplikasi Teknologi PHP (Personal Home Page Hypertext Preprocessor) dan MySQL sebagai database, maka kendala yang dialami oleh CV. Anda Sidoarjo dapat ditangani secara efektif dan efisien dalam sebuah aplikasi berbasis web dengan local database server. Mengapa harus aplikasi berbasis web dengan local database server, karena kebutuhan CV. Anda Sidoarjo sendiri yang perkembangannya akan mempunyai beberapa cabang toko. Sehingga perencanaan dalam pembangunan aplikasi ini dibuat berbasis web dengan local database server agar dalam melakukan pemindahan database tidak sulit pada proses hosting ke server jika nanti sudah dibutuhkan satu database besar untuk menangani beberapa cabang toko.

Salah satu keunggulan sistem ini adalah meningkatkan layanan dengan konsep Manajemen Hubungan dengan Pelanggan atau Customer yangmerupakan sebuah filosofi bisnis yang menggambarkan suatu strategi bisnis dan loyalitas terhadap pelanggan. Konsep ini telah dikenal dan banyak diterapkan untuk meningkatkan pelayanan diperusahaan.

1.2 Rumusan Masalah

Berdasarkan latar belakang di atas maka dapat dirumuskan masalah, yaitu : a. Bagaimana melakukan pencatatan transaksi pembelian barang dan penjualan

b. Bagaimana melakukan pencatatan data barang, data supplier, data pelanggan di CV. Anda ?

c. Bagaimana pembuatan laporan transaksi penjualan dan transaksi pembelian di CV. Anda ?

1.3 Batasan Masalah

Sehubungan dengan besar dan luasnya permasalahan yang terdapat pada web aplikasi maka akan dibuat batasan permasalahan yang akan dibahas pada tugas akhir ini. Batasan-batasan atau ruang lingkup permasalahan yang akan ditangani yakni :

a. Sistem menangani transaksi pembelian dan penjualan barang, pencatatan stok barang, pencatatan data penjualan dan pembelian, pencatatan data supplier dan data pelanggan, serta pembuatan nota konsumen, laporan stok barang, laporan data pembelian, dan laporan data penjualan barang, menampilkan grafik penjualan dan pembelian barang pada bidang stationery.

b. Menggunakan MySQL sebagai local database server.

c. Dalam aplikasi ini tidak melakukan proses retur pembelian maupun retur penjualan barang dan hutang serta piutang.

1.4 Tujuan Penelitian

Adapun tujuan hasil TA yang telah didefinisikan dari permasalahan adalah sebagai berikut :

a. Melakukan pengelolaan barang, melakukan pencatatan data pembelian barang, melakukan proses transaksi pembelian dan penjualan barang, menyimpan data

transaksi pembelian dan data penjualan barang, mencatat data supplier dan data para pelanggan.

b. Mengimplementasikan sistem informasi penjualan dan pengolahan stok barang ini untuk menunjukkan penggunaan PHP dalam membangun suatu web aplikasi yang membantu menyediakan informasi yang aktual bagi user/pengguna yang membutuhkan.

c. Menghasilkan informasi/laporan dan data secara detail dari data pembelian barang dan data penjualan barang.

d. Menyempurnakan sistem informasi yang lama dengan merancang dan mendesain sistem informasi yang baru untuk mempermudah penggunaan teknologi informasi di CV. Anda Sidoarjo.

1.5 Manfaat Penelitian

Dengan adanya tujuan yang ingin dicapai dari hasil TA, bisa diuraikan manfaat yang dapat diterapkan sebagai berikut :

a. Memudahkan proses pengelolaan stok barang.

b. Mempermudah proses transaksi penjualan dan pembelian barang.

c. Memudahkan pencatatan data transaksi penjualan dan pembelian barang.

d. Mempermudah pencatatan serta peyimpanan data supplier dan data para pelanggan.

e. Memudahkan pembuatan laporan secara detail pembelian barang dan penjualan barang, serta pembuatan laporan stok barang di CV. Anda Sidoarjo.

f. Mempermudah pencarian data barang, data penjualan dan data pembeli. g. Tidak memakan waktu yang lama dalam menangani proses transaksi pembeli

h. Mempermudah dan lebih cepat dalam menganalisa besar penjualan dengan memanfaatkan menu grafik penjualan.

1.6 Sistematika Penulisan

Dalam penyusunan tugas akhir, sistematika pembahasan diatur dan disusun dalam lima bab, dan tiap-tiap bab terdiri dari sub-sub bab. Untuk memberikan gambaran yang lebih jelas, maka diuraikan secara singkat mengenai materi dari bab-bab dalam penulisan tugas akhir ini sebagai berikut :

BAB I PENDAHULUAN

Bab ini berisi latar belakang, perumusan masalah, batasan masalah, tujuan penelitian, manfaat penelitian, dan sistematika penulisan pembuatan tugas akhir ini.

BAB II TINJAUAN PUSTAKA

Pada bab ini menjelaskan tentang teori-teori pemecahan masalah yang berhubungan dan digunakan untuk mendukung dalam pembuatan tugas akhir ini.

BAB III ANALISIS DAN PERANCANGAN SISTEM

Bab ini menjelaskan tentang tata cara metode perancangan sistem yang digunakan untuk mengolah sumber data yang dibutuhkan sistem antara lain: Data Flow Diagram (DFD).

BAB IV HASIL DAN UJI COBA

Menjabarkan cara kerja pada program aplikasi web , dalam memproses penyimpanan dan pencarian dan pencarian data.

BAB V PENUTUP

Berisi kesimpulan yang diperoleh selama tugas akhir selama merancang aplikasi web dan saran yang diberikan sebagai acuan untuk perbaikan dan pengembangan aplikasi lebih lanjut.

DAFTAR PUSTAKA

Pada bagian ini akan dipaparkan tentang sumber-sumber literatur yang digunakan dalam pembuatan laporan tugas akhir ini.

7

Pada bab II ini akan dibahas beberapa teori dasar untuk menunjang penyelesaian skripsi ini, anatara lain: Profil CV. Anda, Pengertian Transaksi Penjualan dan pembelian barang, Sistem Informasi, PHP (Personal Home Page), Pengertian AJAX, Pengertian Basis Data, Adobe Dreamweaver CS5, Pengertian PHP, XAMPP, CSS.

2.1 Profil Singkat CV. Anda

CV. Anda sebuah Perusahaan milik perseorangan, yang didirikan pada tanggal 30 Juli 2010, berkedudukan dan berdomisili di kabupaten sidoarjo, CV. Anda Sidoarjo merupakan salah satu perusahaan swasta yang bergerak dalam bidang stationery, foto copy, dan percetakan, CV. Anda mengalami beberapa kendala dalam menjalankan usahanya. Seperti pencarian data barang, data penjualan dan data pembeli pada bidang stationery. CV. Anda merupakan salah satu CV atau toko milik pribadi yang terletak di Jalan Samanhudi Sidoarjo No.50 Pada awal berdirinya CV. Anda merupakan atas dasar kekeluargaan.

Perusahaan ini didirikan dengan tujuan menjadi distributor peralatan kantor serta sekolah di Sidoarjo, dengan adanya CV. Anda ini dapat menyuplai atau memenuhi kebutuhan peralatan kantor dan sekolah yang ada di Kabupaten Sidoarjo. Dilihat dari prospek masa depannya CV. Anda merupakan salah satu untuk memenuhi kebutuhan masyarakat untuk keperluan operasional perkantoran dan tempat usaha lainnya yang ada di Kabupaten Sidoarjo.

2.2 Transaksi Penjualan dan Pembelian Barang

Transaksi pembelian merupakan kegiatan membeli barang satu atau lebih dengan kesepakatan tertentu. Dari sudut pandang toko transaksi pembelian adalah kegiatan mengambil barang dari supplier (penyetok) atau pun pabrik yang memproduksi barang dengan cara pendistribusian masing -masing. Baik dengan melalui distributor atau langsung memberikan kepada penjual seperti toko. Sebaliknya toko yang telah mendapatkan barang dari supplier akan menjual barang yang didapat agar memperoleh keuntungan. Hal itu yang disebut dengan transaksi penjualan yang tentunya terjadi kesepakatan harga antara penjual dengan pembeli. Tentunya lebih baik jika transaksi pembelian dan penjualan tercatat dengan baik. Karena data transaksi penjualan dan pembelian akan dijadikan sebuah data analisa untuk melihat pendapatan. Data tersebut juga bisa untuk dijadikan referensi bahan mentah supaya dianalisah dan diolah jika sewaktu-waktu dibutuhkan.

Penjualan adalah arus masuk bruto dari manfaat ekonomi yang timbul dari aktivitas normal perusahaan selama satu periode bila arus kas masuk itu mengakibatkan kenaikan ekuitas, yang tidak berasal dari kontribusi penanam modal.

2.3 Sistem Informasi

Sistem informasi adalah suatu sistem yang dibuat oleh manusia yang terdiri dari komponen-komponen dalam organisasi untuk mencapai suatu tujuan yaitu menyajikan informasi. Pengertian lain dari sistem informasi adalah sekumpulan prosedur organisasi yang pada saat dilaksanakan dan memberikan informasi bagi pengambil keputusan dan/atau untuk mengendalikan informasi.

2.4 PHP (Personal Home Page)

PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa sekumpulan scrip yang digunakan untuk mengolah data dari formulir web. Dalam perkembangannya Ramus Lerdorf merilis kode sumber tersebut untuk umum dan menamakannya PHP/FI. Dengan perilisan kode sumber tersebut, banyak orang yang tertarik untuk ikut mengembangkan PHP. PHP merupakan salah satu perantara yang memungkinkan suatu aplikasi berinteraksi dengan database seperti MySQL.

2.4.1 Kelebihan PHP Sebagai Bahasa Pemrograman

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaanya.

2. Web Server yang mendukung PHP dapat ditemukan dimana - mana dari mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah.

3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan developer yang siap membantu dalam pengembangan.

4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena memiliki referensi yang banyak.

5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime melalui consoleserta juga dapat menjalankanperintah-perintah system.

2.5 AJAX

AJAX bukanlah bahasa pemrograman baru, tetapi merupakan teknik baru penggunaan standar yang telah ada. Dengan AJAX, aplikasi web yang dibuat akan dapat menjadi lebih baik, cepat dan menambah unsur user-friendly serta interaktif. AJAX berbasiskan pada JavaScript dan request HTTP. Fakta bahwa aplikasi web lebih disukai daripada aplikasi desktop untuk penyebaran informasi pada lokasi yang jauh tidak lepas dari manfaat yang diperoleh.

AJAX, dengan memanfaatkan minimal JavaScript, DOM, dan XMLHttpRequest, dapat digunakan untuk mengurangi kesenjangan antara aplikasi web konvensional dan aplikasi desktop. Gambar 2.1 menunjukkan skema perbedaan antara aplikasi web konvensional dan aplikasi web berbasis Ajax.

Gambar 2.1 Perbedaan Model Aplikasi Web Tanpa dan Dengan Ajax Nampak pada Gambar 2.1 pada aplikasi web yang berbasis Ajax, terdapat bagian yang disebut lapisan Ajax (atau terkadang disebut mesin Ajax). Lapisan inilah yang mengatur komunikasi antara klien dan server. Menurut Kadir (2009) Butir penting yang perlu diperhatikan dalam lapisan Ajax:

1) Lapisan Ajax meminta layanan ke server atau tidak, tergantung pada jenis layanan dari antarmuka. Sebagai contoh, validasi terhadap objek formulir tidak perlu melakukan permintaan ke server, tetapi ditangani di sisi klien. Namun, pemeriksaan keabsahan password mau tidak mau harus dilayangkan ke server karena harus berhubungan dengan database.

2) Sekalipun penambahan lapisan Ajax berkesan memperlambat proses (karena komunikasi ke server tidak lagi dilakukan secara langsung), kenyataannya sebaliknya. Hal ini disebabkan permintaan yang diakukan oleh lapisan Ajax menghasilkan informasi yang jauh lebih sedikit dibandingkan kalau yang diminta adalah untuk keseluruhan halaman.

3) Lapisan Ajax bekerja dengan pendekatan asinkron. Asinkron berarti bahwa klien bisa meminta layanan dari server dan tidak perlu menunggu sampai server melayaninya. Dengan demikian, saat informasi dari server belum didapat, layanan kepada pemakai tetap bisa dilakukan.

4) Komunikasi antara klien dan server tidak perlu mengubah keseluruhan antarmuka dalam halaman web. Hanya bagian tertentu yang terpengaruh. Hal seperti ini tidak bisa dilakukan pada aplikasi web yang tidak menggunakan Ajax.

2.6 Basis Data

Basis data (database) adalah kumpulan dari berbagai data yang saling berhubungan satu dengan yang lainnya. Basis data tersimpan di perangkat keras, serta dimanipulasi dengan menggunakan perangkat lunak. Pendefinisian basis data meliputi spesifikasi dari tipe data, struktur dan batasan dari data atau informasi yang akan disimpan. Database merupakan salah satu komponen yang penting

dalam sistem informasi, karena merupakan basis dalam menyediakan informasi pada para pengguna atau user. Perangkat lunak basis data yang digunakan dalam pemrograman dan merupakan perangkat basis data aras tinggi (high level) pada konsep program sistem kali ini menggunakan My SQL.

Manajemen modern mengikutsertakan informasi sebagai sumber daya penting yang setara dengan sumber daya manusia, uang, mesin, dan material. Informasi adalah suatu bentuk penyajian data yang misalnya manajer. Bagi pihak manajemen, informasi merupakan bahan untuk pengambilan keputusan dan selalu dibutuhkan. Oleh karena itu data, proses, serta informasi merupakan satu kesatuan, dari data lalu diproses dan kemudian menjadi informasi, seperti gambar 2.2 dibawah ini:

Gambar 2.2 Data dan Informasi

Dengan adanya komputer, data dapat disimpan dalam media pengingat yang disebut hard disk. Dengan media ini, kehadiran kertas yang digunakan untuk menyimpan data dapat dikurangi. Selain itu, data menjadi lebih cepat untuk diakses terutama kalau dikemas dalam bentuk database.

Informasi

Proses

MySQL adalah sebuah implementasi dari sistem manajemen basisdata relasional (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Public License). Setiap pengguna dapat secara bebas menggunakan MySQL, namun dengan batasan perangkat lunak tersebut tidak boleh dijadikan produk turunan yang bersifat komersial. MySQL sebenarnya merupakan turunan salah satu konsep utama dalam basis data yang telah ada sebelumnya; SQL (Structured Query Language). SQL adalah sebuah konsep pengoperasian basisdata, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.

Alasan menggunakan MySQL yaitu MySQL dapat berjalan stabil pada berbagai sistem operasi, MySQL didistribusikan sebagai perangkat lunak sumber terbuka sehingga dapat digunakan secara gratis, MySQL dapat digunakan oleh beberapa pengguna dalam waktu yang bersamaan tanpa mengalami masalah atau konflik, MySQL dapat mendeteksi pesan kesalahan pada klien dengan menggunakan lebih dari dua puluh bahasa, MySQL mampu menangani basis data dalam skala besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada tiap tabelnya, MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah Select dan Where dalam perintah (query), MySQL memiliki ragam tipe data yang sangat kaya, seperti signed / unsigned integer, float, double, char, text, date, timestamp, dan lain-lain.

2.6.1 Koneksi Database MySql dengan PHP

Berikut penulisan fungsi script untuk koneksi ke database MySQL : 1) mysql_connect()

Perintah ini digunakan untuk melakukan koneksi ke server database

MySQL, fungsi ini memiliki format penulisan sebagai berikut:

mysql_connect (host, username, password) ;

2) mysql_select_db()

Perintah ini digunakan untuk memilih database yang ada di server MySQL, fungsi ini memiliki format penulisan sebagai berikut.

mysql_select_db (nama_database_{, pengenal_koneksi) ;}

3) mysql_query()

Perintah ini digunakan untuk melakukan query atau menjalankan permintaan terhadap sebuah tabel atau sejumlah tabel database, fungsi ini memiliki format penulisan sebagai berikut.

mysql_query (permintaan, pengenal koneksi) ;

2.7 Adobe Dreamweaver CS5

Adobe Dreamweaver CS5 Adalah salah satu perangkat lunak yang banyak dipergunakan oleh para web master dunia guna membuat, mengedit sebuah website, mempunyai sistem manajemen konten yang telah diuji secara akurat.

Dreamweaver memungkinkan pengguna untuk menciptakan preview sebuah website di web browser . Ini menyediakan fitur transfer dan sinkronisasi, kemampuan untuk mencari dan mengganti baris teks atau kode oleh istilah pencarian dan ekspresi reguler di seluruh situs, dan fitur template yang memungkinkan update satu sumber kode bersama dan tata letak di seluruh situs tanpa server sisi meliputi atau scripting.

Dreamweaver dapat menggunakan pihak ketiga "Extensions" untuk memperluas fungsi inti dari aplikasi, yang setiap pengembang web bisa menulis (sebagian besar dalam HTML dan Java Script).

2.8 XAMPP

XAMPP merupakan software triad dari 3 aplikasi yaitu apache sebagai web servernya, PHP sebagai bahasa pemograman serta MySQL sebagai databasenya. Dengan XAMPP kebutuhan software telah terpenuhi.

2.9 CSS

CSS (Cascading Style Sheets) digunakan dalam kode HTML (Hypertext Markup Language) untuk menciptakan suatu kumpulan Style yang terkadang dapat digunakan untuk memperluas kemampuan HTML (Hypertext Markup Language).

CSS (Cascading Style Sheet) adalah bahasa yang digunakan untuk format tampilan HTML (Hypertext Markup Language), bahasa yang direkomendasikan W3C (World Wide Web Consortium) untuk melukiskan gaya seperti huruf, warna, ukuran, jarak, posisi pada dokumen-dokumen web. CSS (Cascading Style Sheet) sangat membantu para web designer untuk memperindah halaman web template.

CSS (Cascading Style Sheet) sama fungsinya dengan cara format HTML (Hypertext Markup Language) biasa, namun CSS mempunyai lebih banyak elemen yang bisa kita atur. Contoh : Tag table punya elemen border, CSS (Cascading Style Sheet) juga punya format untuk border namun lebih detail lagi seperti : border-top, border-right, border-bottom, border-left. artinya lebih kompleks karena memungkinkan kita membuat sisi border yang berbeda.

2.10 Interaksi Manusia dan Komputer

Menurut Rizky (2006:4) Human Computer Interaction (HCI) atau Interaksi Manusia dan Komputer (IMK) adalah sebuah disiplin ilmu yang mempelajari desain, evaluasi, implementasi dari sistem komputer interaktif untuk dipakai oleh manusia, beserta studi tentang faktor-faktor utama dalam lingkungan interaksinya. Di dalam proses implementasinya IMK dipengaruhi berbagai macam faktor. Menurut Rizky (2006:5) faktor-faktor tersebut antara lain:

1) Organisasi

Yang dimaksud sebagai organisasi dalam lingkup ini adalah tempat kerja bagi para pengguna, yang nantinya akan membawa efek terhadap tugas serta tanggung jawab yang harus diemban oleh pengguna. Selain itu, kebijakan dari organisasi tersebut juga sangat mempengaruhi implementasi dari IMK.

2) Lingkungan

Lingkungan sekitar pengguna dapat menjadi sebuah faktor yang mempengaruhi dari subyektifitas penilaian sebuah desain. Sebuah aplikasi yang didesain dalam sebuah lingkungan yang bising atau ramai, akan sangat berbeda dengan sebuah aplikasi yang memang ditujukan untuk pengguna yang berada dalam lingkungan yang lebih tenang.

3) Kesehatan

Faktor yang satu ini seringkali terlupakan oleh para programmer saat melakukan perancangan antar muka dalam kaitannya dengan IMK. Faktor kesehatan yang dimaksud bisa berupa kombinasi warna dalam desain antar muka bagi pengguna dengan intensitas yang sangat tinggi yang dapat mengakibatkan sakit kepala saat bekerja, atau juga kombinasi tombol shortcut pada keyboard

yang dapat mengakibatkan kelelahan pada tangan saat bekerja dengan frekuensi yang sangat akut.

4) Pengguna

Faktor pengguna merupakan salah satu faktor yang sangat kompleks, karena selain dari tingkat pendidikan dan pemahaman masing-masing pengguna yang dipastikan berbeda, faktor ini juga dipicu oleh kenyamanan yang dipastikan subyektif dalam penilaiannya, juga faktor pengalaman dan trauma khusus bagi para pengguna yang sebelumnya telah memakai sebuah aplikasi dengan desain antar muka tertentu.

5) Kenyamanan

Faktor kenyamanan merupakan faktor dependan dari berbagai faktor lain, seperti faktor lingkungan dan faktor pengguna. Faktor ini sangat relatif ukurannya dibanding faktor yang lain.

6) Antar muka

Sebuah antar muka dalam konteks IMK bukanlah satu-satunya faktor utama tetapi menjadi faktor yang terpenting.

7) Kendala

Dalam proses desain dan implementasi sebuah aplikasi yang dianggap ideal, tiap tim ataupun individu yang terlibat di dalamnya pasti terlibat dengan berbagai macam kendala yang akan menghambat proses interaksi di dalamnya. Kendala yang dibahas dalam IMK lebih banyak mengacu kepada kendala teknis, seperti waktu pengerjaan, biaya yang harus dikeluarkan, lingkungan yang ditempati oleh pengguna serta peralatan atau komputer yang digunakan dalam melakukan interaksi.

8) Produktifitas

Desain antar muka dapat menjadi salah satu pemicu produktifitas, tetapi bukan menjadi satu-satunya faktor yang harus diperhitungkan. Karena dengan desain antar muka yang dianggap nyaman oleh pengguna, diharapkan pengguna tidak lagi dikacaukan dengan pemikiran terhadap desain antar muka aplikasi dan dapat lebih berkonsentrasi terhadap hal lain yang lebih dapat memacu produktifitasnya.

IMK terdiri dari komponen-komponen sebagai berikut: a) Interaksi

Yang dimaksud interaksi dalam konteks IMK adalah komunikasi apapun yang terjadi antara manusia dan komputer. Jenis-jenis komunikasi antara lain:

command entry, menus and navigation, forms and spreadsheets, question and answer dialogue, natural language dialogue, WIMP dan direct manipulation. (Rizky, 2006:8).

b) Manusia

Dalam hal ini unsur manusia adalah pengguna yang dapat berupa seseorang ataupun sekelompok pengguna yang bekerja dalam sebuah tim atau organisasi dan saling berkaitan dalam mengerjakan tugas tertentu. Manusia dalam konteks IMK merupakan faktor utama yang perlu diperhatikan dalam konteks psikologi yang disebut sebagai cognitive psychology. Hal ini dikarenakan bahwa tiap manusia atau pengguna berada dalam strata yang berbeda, terutama dari segi pemahaman, level pendidikan, tradisi serta sensor indra yang dimiliki masing-masing kelompok pengguna. (Rizky, 2006:13-14).

c) Komputer

Dalam konteks IMK, komputer bisa diartikan sebagai perangkat keras ataupun perangkat lunak dari berbagai macam jenis yang nantinya akan berinteraksi dengan unsur manusia. Sehingga komputer akan dipandang sebagai sebuah alat yang akan berinteraksi terhadap manusia sebagai pengguna. (Rizky, 2006:20).

2.11 Browser Web

Browser web adalah software yang digunakan untuk menampilkan informasi dari server web. Software ini kini telah dikembangkan dengan menggunakan user interface grafis, sehingga pemakai dapat dengan mudah melakukan poin dan klik untuk pindah antar dokumen.

Lynx adalah browser web yang masih menggunakan mode text, yang akibatnya adalah tidak adanya gambar yang dapat ditampilkan. Lynx pada lingkungan DOS ( Disk Operating System ) dan *.nix (keluarga system operasi UNIX). Akan tetapi perkembangan dari browser mode text ini tidaklah secepat browser web dengan GUI (Grafic User Interface).

Disaat perkembangan WWW ada dua browser web yang populer yaitu Internet Explorer (IE) dan Nescape Navigator. Namum saat ini bermunculan browser web lain yang turut meramaikan persaingan untuk merebut para pengguna internet. Diantara browser web yang telah banyak digunakan pada saat peluncuran adalah MSN, Opera dan Mozilla Firefox. Diantara browser web ini terdapat kelebihan dan kekurangan sehingga pengguna dapat memilih sesuai dengan keinginan dan kemudahan yang ditawarkan.

20 3.1 Analisis Sistem

Sebelum memasuki tahap perancangan program, tahap analisis dilakukan agar nantinya dalam merancang program tidak terjadi kesalahan. Dikarenakan hal tersebut analisis adalah tahap penting sebelum memasuki tahap selanjutnya, apabila pada tahap ini terjadi kesalahan maka tahap selanjutnya sudah dipastikan akan terjadi kesalahan.

Analisis sistem bertujuan untuk mempelajari prosedur yang sedang berjalan sekarang dan kebutuhan atau keinginan dari orang yang akan menggunakan aplikasi ini. Tujuan dari perancangan system ini secara garis besar adalah untuk menghasilkan bentuk perancangan yang dapat memenuhi kebutuhan akan penyelesaian masalah secara tepat dan benar.

3.2 Perancangan Sistem

Sub-bab ini akan menjelaskan mengenai proses desain dari aplikasi web interakif dan dinamis yang akan dibuat. Proses desain sistem aplikasi dalam sub-bab ini akan dibagi menjadi 2 tahapan penting, yaitu: perancangan proses dan perancangan database.

3.3 Perancangan Proses

terdapat dalam sistem ini, yaitu : 1) Admin

User admin sebagai administrator memiliki hak akses terhadap sistem untuk mengimputkan data yang dibutuhkan dalam sistem ini seperti data suplier, data jenis barang, data barang, grafik, dan data pembelian yang bisa diatur oleh admin.

2) Kasir

Dalam kasir ini seorang kasir hanya dapat melihat dan memasukkan data customer, barang, penjualan barang, data penjualan, grafik, dan struk.

3) Manager

Seorang manager disini dimaksudkan sebagai ownernya sendiri yang mana mempunyai hak akses full untuk bisa mengatur atau memaintenance para user untuk login di aplikasi sesuai dengan jabatan masing-masing user.

3.4 Flowchart

Diagram alur menjelaskan gambaran umum mengenai sistem aplikasi yang dibuat. Pada diagram tersebut, terdapat beberapa proses yang terlibat, Berikut ini penjelasan diagram alur dari berbagai macam menu yang ada pada setiap user aplikasi :

3.4.1 Flowchart Form Admin

Flowchart form admin menggambarkan proses-proses yang dilakukan oleh

dengan data suplier, data jenis barang, data barang, grafik, dan data pembelian. Berikut adalah diagram alur pengoprasian pada halaman form admin :

Gambar 3.1 Menu Admin

Penjelasan Alur Form Admin pada Gambar 3.1 : 1. Mulai

2. Pilih login admin

Seorang admin diberikan hak akses untuk masuk ke halaman admin, didalam halaman admin seorang admin dapat menambahkan data, merubah data, menghapus data, mencari data, mencetak data, dan melihat grafik.

3. Pilih menu

Pada step ini seorang admin dapat memilih menu sesuai dengan fungsi kerja yang diinginkan, yang mana seorang admin dapat mengolah dan memproses data pembelian yang meliputi tambah data, edit data, hapus data, cari data, serta cetak data.

a. Masuk menu data pribadi

Seorang admin dapat melihat data pribadi tentang dirinya dan data hak akses untuk masuk ke system admin.

b. Masuk menu suplier

User admin dapat menambahkan, melihat, merubah, mencari, dan menghapus data suplier pada menu ini.

c. Masuk menu jenis barang

Menu ini mempunyai kegunaan untuk mengolah dan memproses data jenis barang pada menu tersebut seorang admin dapat menambahkan, melihat, merubah, dan menghapus data jenis barang.

d. Masuk menu data barang

Pada menu ini seorang admin dapat mengelolah dan memproses data barang seperti menambahkan, melihat, merubah, mencari, dan menghapus data barang pada menu ini.

e. Masuk menu data pembelian

Di dalam menu ini berfungsi untuk menyimpan data pembelian barang yang diinputkan oleh seorang admin serta dapat menambahkan, melihat, merubah, mencari, dan menghapus data pembelian barang pada menu ini.

f. Masuk menu grafik

Pada menu grafik seorang admin dapat melihat pergerakan grafik pembelian barang perbulannya dan dapat mencetak batang grafiknya.

g. Log out

Seorang admin dapat keluar atau meninggalkan aplikasi pada menu tersebut.

4. Selesai

3.4.2 Flowchart Suplier

Flowchart merupakan bagan yang menunjukkan alir (flow) didalam program atau prosedur sistem secara logika. Digunakan terutama untuk alat bantu komunikasi dan dokumentasi. Tujuan utamanya penggunaan flowchart adalah untuk menggambarkan suatu tahapan penyelesaian secara sederhana, terurai, rapi, dan jelas dengan menggunakan simbol-simbol standar.

Pada flowchart menu suplier menggambarkan proses-proses pengimputan dan penyimpanan data-data suplier yang dilakukan oleh admin. Seorang admin bertanggung jawab mengelola data-data yang berhubungan dengan data suplier dengan menggunakan menu edit, hapus, simpan data serta input data. Berikut adalah diagram alur pengoprasian pada halaman menu suplier :

Gambar 3.2 Menu Suplier

Penjelasan Alur Suplier pada Gambar 3.2 : 1. Pilih menu suplier

User admin dapat menambahkan, melihat, merubah, mencari, dan menghapus data suplier pada menu ini.

a. Masuk menu tambah data suplier

Seorang admin dapat menambahkan data suplier baru pada menu ini : - tambah

- tambah data suplier - simpan data

b. Masuk menu edit

User admin dapat merubah data suplier dengan menggunakan menu ini : - edit

- input data suplier baru - simpan

c. Masuk menu hapus

Dalam menu ini seorang admin dapat menghapus data suplier yang tidak diperlukan.

d. Masuk menu lihat detail

Seorang admin dapat melihat informasi data suplier secara lengkap dan detail serta dalam menu ini admin juga dapat hapus dan edit data suplier.

2. Selesai

3.4.3 Flowchart Jenis Barang

Pada flowchart menu jenis barang menggambarkan proses-proses pengimputan dan penyimpanan data-data jenis barang yang dilakukan oleh admin. Seorang admin bertanggung jawab mengelola data-data yang berhubungan dengan data jenis barang dengan menggunakan menu edit, hapus, simpan data serta input data. Berikut adalah diagram alur pengoprasian pada halaman menu jenis barang:

Gambar 3.3 Menu Jenis Barang

Penjelasan Alur Jenis Barang pada Gambar 3.3 : 1. Pilih menu jenis barang

Menu ini mempunyai kegunaan untuk mengolah dan memproses data jenis barang pada menu tersebut seorang admin dapat menambahkan, melihat, merubah, dan menghapus data jenis barang.

a. Masuk menu tambah jenis barang

Seorang admin dapat menambahkan data jenis barang baru pada menu ini : - tambah

- simpan data

b. Masuk menu hapus

Dalam menu ini seorang admin dapat menghapus data jenis barang yang tidak diperlukan.

c. Masuk menu edit

User admin dapat merubah data jenis barang dengan menggunakan menu ini :

- edit

- input data suplier baru - simpan

2. Selesai

3.4.4 Flowchart Data Barang

Pada flowchart menu data barang menggambarkan proses-proses pengimputan dan penyimpanan data-data barang yang dilakukan oleh admin. Seorang admin bertanggung jawab mengelola data-data yang berhubungan dengan data barang dengan menggunakan menu edit, cari, hapus, simpan data, cetak serta input data. Berikut adalah diagram alur pengoprasian pada halaman menu data barang :

Gambar 3.4 Menu Data Barang

Penjelasan Alur Data Barang pada Gambar 3.4 : 1. Pilih menu data barang

Pada menu ini seorang admin dapat mengelolah dan memproses data barang seperti menambahkan, melihat, merubah, mencari, dan menghapus data barang pada menu ini.

a. Masuk menu tambah data barang

Seorang admin dapat menambahkan data barang baru pada menu ini : - tambah

- tambah data barang - simpan data

b. Masuk menu tambah satuan

Seorang admin dapat menambahkan data satuan barang baru pada menu ini serta hapus dan edit data.

c. Masuk menu detail barang

Seorang admin dapat melihat informasi data satuan barang secara lengkap dan detail serta dalam menu ini admin juga dapat cari, hapus, cetak, dan edit data satuan barang.

2. Selesai

3.4.5 Flowchart Data Pembelian

Pada flowchart menu data pembelian menggambarkan proses-proses pengimputan dan penyimpanan data pembelian yang dilakukan oleh admin. Seorang admin bertanggung jawab mengelola data-data yang berhubungan dengan data pembelian dengan menggunakan menu edit, cari, hapus, simpan data, cetak serta input data. Berikut adalah diagram alur pengoprasian pada halaman menu data pembelian :

Gambar 3.5 Menu Data Pembelian

Penjelasan Alur Data Pembelian pada Gambar 3.5 : 1. Pilih menu data pembelian

Di dalam menu ini berfungsi untuk menyimpan data pembelian barang yang diinputkan oleh seorang admin serta dapat menambahkan, melihat, merubah, mencari, dan menghapus data pembelian barang pada menu ini.

a. Masuk menu tambah data barang

Seorang admin dapat menambahkan data barang baru pada menu ini. b. Masuk menu tambah data pembelian

Seorang admin dapat menambahkan data pembelian barang pada menu ini: - tambah

- tambah data pembelian barang - simpan data

c. Masuk menu cari

Pada menu ini seorang admin dapat mencari nama barang atau data barang tersebut dengan cara memasukkan nama barang tersebut dan system akan otomatis menampilkan data yang dicari.

d. Masuk menu hapus

Dalam menu ini seorang admin dapat menghapus data pembelian barang yang tidak diperlukan.

e. Masuk menu cetak

User admin dapat mencetak data pembelian barang dengan menggunakan menu cetak pada halaman pembelian.

f. Masuk menu edit

User admin dapat merubah data pembelian barang dengan menggunakan menu ini :

- edit

- input data pembelian barang baru - simpan

g. Kembali

Untuk step ini admin akan keluar dari menu tersebut. 2. Selesai

3.4.6 Flowchart Form Kasir

Flowchart form kasir menggambarkan proses-proses yang dilakukan oleh kasir. Seorang kasir bertanggung jawab mengelola data-data yang berhubungan dengan data customer, data barang, penjualan barang, data penjualan, grafik, dan struk. Berikut adalah diagram alur pengoprasian pada halaman form kasir :

Penjelasan Alur Form Kasir pada Gambar 3.6 : 1. Mulai

2. Pilih login kasir

Seorang kasir diberikan hak akses untuk masuk ke halaman kasir, didalam halaman kasir seorang kasir dapat menambahkan data, merubah data, menghapus data, mencari data, mencetak data, dan melihat grafik.

3. Pilih menu

Pada step ini seorang kasir dapat memilih menu sesuai dengan fungsi kerja yang diinginkan, yang mana seorang kasir dapat mengolah dan memproses data penjualan yang meliputi tambah data, edit data, hapus data, cari data, serta cetak data.

a. Masuk menu data pribadi

Seorang kasir dapat melihat data pribadi tentang dirinya dan data hak akses untuk masuk ke system kasir.

b. Masuk menu customer

User kasir dapat menambahkan, melihat, merubah, mencari, dan menghapus data kasir pada menu ini.

c. Masuk menu barang

Seorang kasir dapat melihat data barang yang akan dicari dengan menginputkan nama barang yang ingin dicari atau dilihat datanya.

d. Masuk menu penjualan

Di dalam menu ini berfungsi untuk menyimpan data penjualan barang yang diinputkan oleh seorang kasir serta dapat menambahkan, mencetak, dan menyimpan data penjualan barang pada menu ini.

e. Masuk menu data penjualan

Di dalam menu ini berfungsi sebagai master data penjualan barang yang diinputkan oleh seorang kasir serta dapat menambahkan, melihat, mencari, dan menghapus data penjualan barang pada menu ini.

f. Masuk menu grafik

Pada menu grafik seorang kasir dapat melihat pergerakan grafik penjualan barang perbulannya dan dapat mencetak batang grafiknya.

g. Masuk menu struk

Pada menu struk ini seorang kasir dapat mengimputkan nama dan alamat cv serta keterangan pada struk.

h. Log out

Seorang kasir dapat keluar atau meninggalkan aplikasi pada menu tersebut.

4. Selesai

3.4.7 Flowchart Customer

Pada flowchart menu customer menggambarkan proses-proses pengimputan dan penyimpanan data-data customer yang dilakukan oleh kasir. Seorang kasir bertanggung jawab mengelola data-data yang berhubungan dengan data customer dengan menggunakan menu edit, hapus, simpan data serta input data. Berikut adalah diagram alur pengoprasian pada halaman menu customer :

Gambar 3.7 Menu Customer

Penjelasan Alur Customer pada Gambar 3.7 : 1. Pilih menu customer

User kasir dapat menambahkan, melihat, merubah, mencari, dan menghapus data customer pada menu ini.

a. Masuk menu tambah data customer

Seorang kasir dapat menambahkan data customer baru pada menu ini : - tambah

- simpan

b. Masuk menu edit

User kasir dapat merubah data customer dengan menggunakan menu ini : - edit

- input data customer baru - simpan

c. Masuk menu hapus

Dalam menu ini seorang kasir dapat menghapus data customer yang tidak diperlukan.

d. Masuk menu lihat detail

Seorang kasir dapat melihat informasi data customer secara lengkap dan detail serta dalam menu ini kasir juga dapat hapus dan edit data customer.

2. Selesai

3.4.8 Flowchart Penjualan

Pada flowchart menu penjualan menggambarkan proses-proses pengimputan dan penyimpanan data penjualan yang dilakukan oleh kasir. Seorang kasir bertanggung jawab mengelola data-data yang berhubungan dengan data penjualan dengan menggunakan menu input data, simpan data, dan cetak struk. Berikut adalah diagram alur pengoprasian pada halaman menu penjualan :

Gambar 3.8 Menu Penjualan

Penjelasan Alur Penjualan pada Gambar 3.8 : 1. Input data penjualan

Seorang kasir dapat mencatat atau menghitung semua transaksi penjualan barang dengan mudah menggunakan menu ini yang nantinya data barang yang telah terjual akan disimpan ke dalam master data penjualan barang.

2. Tambah kode customer

Seorang kasir dapat menambahkan data customer baru pada menu ini. 3. Inputkan uang tunai

Pada menu ini kasir dapat mengimputkan jumlah nominal uang tunai yang dibayarkan oleh customer ke kasir agar dapat dihitung jumlah nominal kembalian uang pembayaran ke customer dengan tepat.

4. Inputkan diskon

Kasir dapat memberikan atau mengimputkan diskon atau potongan harga kepada customer sesuai dengan ketentuan pembelian per jumlah barang.

5. Cetak struk

Setelah menghitung semua jumlah atau total harga barang serta kembalian uang maupun diskon pembelian maka kemudian seorang kasir dapat mencetak struk pembelian barang pada menu ini.

6. Selesai

3.4.9 Flowchart Data Penjualan

Pada flowchart menu data penjualan menggambarkan proses-proses pengimputan dan penyimpanan data-data penjualan barang yang dilakukan oleh

kasir. Seorang kasir bertanggung jawab mengelola data-data yang berhubungan dengan data penjualan barang dengan menggunakan menu hapus, simpan data serta input data. Berikut adalah diagram alur pengoprasian pada halaman menu data penjualan :

Gambar 3.9 Menu Data Penjualan

Penjelasan Alur Data Penjualan pada Gambar 3.9 : 1. Pilih menu data penjualan

User kasir dapat menambahkan, melihat, mencari, dan menghapus data penjualan pada menu ini.

a. Masuk menu tambah

Seorang kasir dapat menambahkan data penjualan pada menu ini. b. Masuk menu cari

Pada menu ini seorang kasir dapat mencari data penjualan tersebut dengan cara memasukkan nomor faktur penjualan barang tersebut dan system akan otomatis menampilkan data yang dicari.

c. Masuk menu hapus

Dalam menu ini seorang kasir dapat menghapus data penjualan yang tidak diperlukan.

2. Selesai

3.4.10 Flowchart Form Manager

Flowchart form manager menggambarkan proses-proses yang dilakukan oleh manager. Seorang manager bertanggung jawab mengelola data-data yang berhubungan dengan data maintenance user. Berikut adalah diagram alur pengoprasian pada halaman form manager :

Penjelasan Alur form Manager pada Gambar 3.10 : 1. Mulai

2. Pilih login manager

Seorang manager diberikan hak akses untuk masuk ke halaman manager, didalam halaman manager seorang manager dapat menambahkan data, merubah data, melihat data detail, dan menghapus data.

3. Pilih menu

Pada step ini seorang manager dapat menambahkan, menghapus, atau merubah data user aplikasi yang terdapat dalam menu maintenance user.

a. Masuk menu maintenance user

User manager dapat mengolah data user dan hak akses user sesuai dengan fungsi masing-masing user dan jabatan user tersebut.

b. Masuk menu data pribadi

Seorang manager dapat melihat data pribadi tentang dirinya dan data hak akses untuk masuk ke system manager.

c. Log out

Seorang manager dapat keluar atau meninggalkan aplikasi pada menu tersebut.

4. Selesai

3.4.11 Flowchart Maintenance User

Pada flowchart menu maintenance user menggambarkan proses-proses pengimputan dan penyimpanan data-data user yang dilakukan oleh manager. Seorang manager mempunyai akses untuk mengelola data-data yang berhubungan

dengan data user dengan menggunakan menu edit, hapus, simpan data serta input data user. Berikut adalah diagram alur pengoprasian pada halaman menu maintenance user :

Gambar 3.11 Menu Maintenance User

Penjelasan Alur Maintenance User pada Gambar 3.11 : 1. Pilih menu maintenance user

User manager dapat mengolah data user dan hak akses user sesuai dengan fungsi masing-masing user dan jabatan user tersebut.

Seorang manager dapat menambahkan data user baru pada menu ini : - tambah

- input data user - simpan

b. Masuk menu edit

User manager dapat merubah data user dengan menggunakan menu ini : - edit

- input data user baru - simpan

c. Masuk menu hapus

Dalam menu ini seorang manager dapat menghapus data user yang tidak diperlukan.

d. Masuk menu lihat detail

Seorang manager dapat melihat informasi data user secara lengkap dan detail serta dalam menu ini manager juga dapat hapus dan edit data user.

2. Selesai

3.5 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi. Sehingga dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan oleh professional sistem kepada pemakai maupun pembuat program. DFD juga merupakan suatu model data atau proses yang dibuat untuk menggambarkan dari mana asal data dan kemana tujuan data yang keluar dari

sistem, dimana data disimpan, proses apa yang menghasilkan data tersebut, interaksi antara data yang tersimpan, dan proses yang dikenakan pada data tersebut. Dengan adanya DFD akan mempermudah dalam melakukan analisa sistem untuk mendapatkan asal suatu data. Alur data yang terjadi dalam sistem informasi transaksi penjualan dan pembelian stok barang di CV. Anda Sidoarjo, akan ditunjukan melalui Data Flow Diagram (DFD).

3.5.1 Diagram Konteks (Context Diagram)

Pada konteks diagram terdapat tiga entity yaitu entity admin, entity kasir, dan entity manager. Semua proses terjadi didalam proses sistem informasi transaksi penjualan dan pembelian stok barang. Data dan informasi masuk dikelolah ke sistem yang diperoleh dari admin, kasir dan manager. Sehingga menghasilkan data dan informasi yang keluar dari proses sistem informasi transaksi penjualan dan pembelian stok barang. Seorang user admin bertugas untuk mengelola stok barang dan pembelian barang yang mempunyai stok sedikit, seorang kasir mempunyai tugas untuk mencatat data customer dan melayani penjualan barang kepada customer, dan seorang manager atau owner disini bertugas untuk mengelola user pengguna aplikasi tersebut.

Berikut ini Gambar 3.12 diagram konteks dari diagram alur data proses penjualan dan pembelian stok barang :

Gambar 3.12 Diagram Konteks Sistem Informasi Transaksi Penjualan dan Pembelian Stok Barang

3.5.2 Diagram level 0

Pada diagram alir data level 0 ini merupakan decompose atau penurunan dari diagram konteks.

1). Proses Pembelian Barang

Dari sistem proses pengolahan data ini, mengolah data pembelian yang berasal dari informasi pembelian stok barang. Data store yang berperan mengolah data admin, barang, jenis barang, pembelian, satuan, suplier. Dalam proses

pembelian barang ini seorang admin juga dapat untuk mencetak laporan data pembelian dan grafik pembelian barang.

2). Proses Penjualan Barang

Dari sistem proses pengolahan data ini, mengolah data penjualan yang berasal dari informasi penjualan barang. Data store yang berperan mengolah data customer, penjualan, dan struk. Dalam proses penjualan barang ini seorang kasir juga dapat untuk mencetak laporan data penjualan dan grafik penjualan barang.

Berikut Gambar 3.13 diagram level 0 dari diagram alur data proses sistem informasi transaksi penjualan dan pembelian stok barang :

Gambar 3.13 Diagram Alir Data Level 0 Sistem Informasi Transaksi Penjualan dan Pembelian Stok Barang

3.5.3 Diagram level 1 1) Proses Pembelian Barang

Diagram alir data level 1 merupakan decompose atau penurunan dari diagram alir data level 0. Diagram level 1 dari proses pembelian barang dapat diperjelas pada Gambar 3.14 dari proses pembelian barang. Ada dua proses penurunan dari proses pembelian barang yaitu proses penambahan data dan proses perubahan data.

Proses pengolahan data dapat mendapatkan sumber data atau informasi dari admin dan kasir. Data atau informasi yang dikelola berdasarkan rincian dari proses pembelian barang hingga hasil atau output yang didapat dari proses penyimpanan data yang disimpan atau ditampung pada data store.

Berikut Gambar 3.14 diagram level 1 penurunan dari proses pembelian barang :

2) Proses Penjualan Barang

Diagram level 1 dari proses penjualan barang dapat diperjelas pada gambar 3.15 dari proses penjualan barang. Ada dua proses penurunan dari proses penjualan barang yaitu proses penambahan data dan proses perubahan data.

Berikut Gambar 3.15 diagram level 1 penurunan dari proses penjualan barang :

3.6 Perancangan Database

DFD ini merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun pembuat program. Dalam perancangan DFD dibutuhkan database untuk menyimpan data – data yang nantinya akan diolah oleh system. Perancangan database dalam tabel ini dibagi menjadi 3 bagian yaitu :

3.6.1 Conceptual Data Model (CDM)

Conceptual data model (CDM) merupakan langkah awal dalam perancangan database. CDM memodelkan struktur logis dari keseluruhan aplikasi data, tidak tergantung pada software atau pertimbangan model struktur data. CDM yang valid dapat dikonversi ke PDM. CDM mirip dengan konsep ERD, hanya ada beberapa perbedaan sintaks. Conceptual Data Model atau yang sering di sebut dengan CDM merupakan suatu tahap awal perancangan / pembuatan tabel – tabel apa saja yang akan di buat berdasarkan kebutuhan-kebutuhan data yang di digunakan dalam menjalankan suatu proses di dalam aplikasi, perancangan sistem

database ini juga di gunakan untuk mendukung kinerja dari aplikasi yang dibuat. Perancangan CDM ini bersumber dari beberapa Analisis yang memiliki keterkaitan dengan sistem dan data yang diolah dari hasil Analisis tersebut maka kita dapat membayangkan tabel apa saja yang harus dibuat bagai mana relasinya dengan tabel lainnya, berikut ini merupakan rancangan tabel - tabel CDM untuk Sistem Informasi Transaksi Penjualan dan Pembelian Stok Barang pada CV. Anda Sidoarjo Berbasis Web.

transaksi mengambil stok mempunyai mempunyai kategori mencatat memiliki jumlah menyuplai tbl_admin nik nama password jabatan <pi> Integer Variable characters (30) Variable characters (30) Characters (11) <M> <M> <M> <M> nik <pi> tbl_barang kode_barang id_jenis_barang nama_barang satuan_kode stok_barang diskon

<pi> Characters (8) Integer Variable characters (25) Variable characters (11) Integer Integer <M> <M> <M> <M> <M> <M> kode_barang <pi> tbl_costumer kode_costumer nama_costumer alamat no_tlp email

<pi> Characters (6) Variable characters (30) Text (30) Variable characters (15) Variable characters (30)

<M> <M> <M> <M> <M> kode_costumer <pi> tabel_jenis_barang id_jenis_barang nama_jenis_barang <pi> Integer

Variable characters (30) <M> <M> id_jenis_barang <pi> tbl_pembelian kode_pembelian id_jenis_barang kode_barang satuan_kode kode_suplier harga_beli harga_jual jumlah_barang total_harga_beli tanggal bulan

<pi> Characters (8) Integer Characters (8) Variable characters (11) Characters (8) Integer Integer Integer Variable characters (20) Date Integer <M> <M> <M> <M> <M> <M> <M> <M> <M> <M> <M> kode_pembelian <pi> tbl_penjualan id_penjualan kode_customer kode_barang jumlah diskon total_harga tunai kembali tanggal_penjualan bulan <pi> Integer Characters (6) Characters (8) Integer Integer Integer Integer Integer Date Integer <M> <M> <M> <M> <M> <M> <M> <M> <M> <M> id_penjualan <pi> tbl_satuan kode_satuan satuan <pi> Integer <Undefined> <M> <M> kode_satuan <pi> tbl_struk kode_struk nama_toko alamat telp keterangan

<pi> Characters (8) Variable characters (30) Text (30) Characters (15) Text (50) <M> <M> <M> <M> <M> kode_struk <pi> tbl_suplier kode_suplier nama alamat no_tlp email rekening keterangan

<pi> Characters (8) Variable characters (30) Text (30) Variable characters (15) Variable characters (30) Integer Text (50) <M> <M> <M> <M> <M> <M> <M> kode_suplier <pi>

Gambar 3.16 Conceptual Data Model (CDM)

3.6.2 Physical Data Model (PDM)

Model data ini dibuat dengan cara me-generate diagram data konseptual atau conceptual data model (CDM). Diagram data fisik ini menghasilkan

tabel-tabel yang akan digunakan dalam implementasi aplikasi. Dengan Physical data model (PDM)kita dapat mengetahui model fisik hasil pengembangan dari sebuah konsep database. Untuk lebih jelasnya dapat dilihat pada gambar di bawah ini :

FK_TBL_PENJ_TRANSAKSI_TBL_COST FK_TBL_PENJ_MENGAMBIL_TBL_BARA FK_TBL_BARA_MEMPUNYAI_TBL_SATU FK_TBL_BARA_MEMPUNYAI_TABEL_JE FK_TBL_PEMB_MENCATAT_TBL_BARA FK_TBL_PEMB_MEMILIKI__TBL_SATU FK_TBL_PEMB_MENYUPLAI_TBL_SUPL tbl_admin nik nama password jabatan integer varchar(30) varchar(30) char(11) <pk> tbl_barang kode_barang kode_satuan id_jenis_barang2 id_jenis_barang nama_barang satuan_kode stok_barang diskon char(8) integer integer integer varchar(25) varchar(11) integer integer <pk> <fk1> <fk2> tbl_costumer kode_costumer nama_costumer alamat no_tlp email char(6) varchar(30) long varchar varchar(15) varchar(30) <pk> tabel_jenis_barang id_jenis_barang nama_jenis_barang integer varchar(30) <pk> tbl_pembelian kode_pembelian kode_satuan tbl_kode_suplier kode_barang2 id_jenis_barang kode_barang satuan_kode kode_suplier harga_beli harga_jual jumlah_barang total_harga_beli tanggal bulan char(8) integer char(8) char(8) integer char(8) varchar(11) char(8) integer integer integer varchar(20) date integer <pk> <fk2> <fk3> <fk1> tbl_penjualan id_penjualan kode_costumer kode_barang2 kode_customer kode_barang jumlah diskon total_harga tunai kembali tanggal_penjualan bulan integer char(6) char(8) char(6) char(8) integer integer integer integer integer date integer <pk> <fk1> <fk2> tbl_satuan kode_satuan satuan integer <Undefined> <pk> tbl_struk kode_struk nama_toko alamat telp keterangan char(8) varchar(30) long varchar char(15) long varchar <pk> tbl_suplier kode_suplier nama alamat no_tlp email rekening keterangan char(8) varchar(30) long varchar varchar(15) varchar(30) integer long varchar <pk>

3.7 Struktur Tabel

Melihat dari konsep Conceptual Data Model sebelumnya, maka dapat dibuat tabel-tabel yang akan menjadi acuan dari pembuatan sebuah database.

Berikut ini adalah detail masing-masing tabel pada subbab berikut ini: 1) Tabel Admin

Tabel admin akan menyimpan nik, nama, jabatan dan password administrator yang berhak masuk pada halaman admin. Dimana dalam tabel admin ini nantinya menyimpan data admin yang bisa masuk atau login ke dalam admin. Selain itu tabel admin juga menyimpan nama admin yang bersangkutan.

Tabel 3.1 tabel_admin

FieldName Data Type Size Keterangan

nik Int 11 Primary key

nama Varchar 30

password Varchar 30

jabatan Char 11

2) Tabel Suplier

Tabel suplier menyimpan data-data suplier mulai dari kode suplier, nama, no tlp, alamat, email, rekening, serta keterangan dari suplier tersebut.

Tabel 3.2 tabel_suplier

FieldName Data Type Size Keterangan

kode_suplier Char 8 Auto_Increment

nama Varchar 30

alamat Varchar 30

no_tlp Varchar 15

email Varchar 30

rekening int 11

3) Tabel Jenis Barang

Tabel jenis barang menyimpan data id jenis barang dan nama jenis barang. Dimana Tabel jenis barang ini berisi field: id_jenis_barang, nama_jenis_barang. Setiap jenis barang memiliki id yang berbeda-beda dengan mode auto_increment agar menandai setiap jenis barang yang dibuat oleh admin.

Tabel 3.3 tabel_jenis_barang

FieldName Data Type Size Keterangan

Id_jenis_barang Int 11 Auto_Increment nama_jenis_barang Varchar 30

4) Tabel Barang

Tabel barang menyimpan data yang merupakan kumpulan stok barang. Terdapat kode_barang yang menandai setiap nama barang, seperti : kode_barang, id_jenis_barang, nama_barang, kode_satuan, serta stok_barang yang mengisi data barang.

Tabel 3.4 tabel_barang

FieldName Data Type Size Keterangan

kode_barang Char 8 Auto_Increment

id_jenis_barang int 11

nama_barang Varchar 25

kode_satuan int 11

stok_barang int 11

5) Tabel Pembelian

Tabel pembelian ini merupakan form dari data pembelian yang ada pada CV. Anda point of sales. Banyak data-data yang harus dilengkapi oleh Admin ketika mengisi tabel pembelian ini. Mulai dari kode pembelian, id jenis barang, kode barang, kode satuan, kode suplier, harga beli, harga jual, jumlah barang, total harga beli, tanggal, dan bulan dari pembelian barang.

Tabel 3.5 tabel_pembelian

FieldName Data Type Size Keterangan

kode_pembelian Char 8 Auto_Increment

id_jenis_barang Int 11

kode_barang Char 8

kode_satuan Int 11

kode_suplier Char 8

harga_beli Int 11

harga_jual Int 11

jumlah_barang Int 11

total_harga_beli Varchar 20

tanggal Date

bulan Int 11

6) Tabel Customer

Tabel customer berisi data-data setiap customer yang merupakan pelanggan tetap CV. Anda. Selain itu dalam tabel customer berisi field: email, nama_customer, alamat, no_tlp, serta kode customer sebagai primary key dari table tersebut.

Tabel tbgaleri meskipun hanya memiliki beberapa field, namun field tersebut sangat berguna untuk mendeskripsikan data-data setiap pelanggan tetap yang ada di CV. Anda yang di inputkan oleh kasir.

Tabel 3.6 tabel_customer

FieldName Data Type Size Keterangan

kode_customer Char 6 Auto_Increment

nama_customer Varchar 30

alamat Varchar 30

no_tlp Varchar 15

email Varchar 30

7) Tabel Penjualan

Tabel penjualan berisi data-data barang yang laku terjual ada pada daftar penjualan dalam CV. Anda point of sales. Field penjualan yaitu: id penjualan yang membedakan setiap penjualan barang, kode customer, kode_barang, jumlah, diskon, total_harga, tunai, kembali, dan tanggal penjualan.

Tabel 3.7 tabel_penjualan

FieldName Data Type Size Keterangan

id_penjualan Int 11 Auto_Increment

kode_customer Char 6

kode_barang Char 8

jumlah Int 11

diskon Int 11

total_harga Int 11

tunai Int 11

kembali Int 11

tanggal_penjualan Date

8) Tabel Satuan

Pada tabel satuan hanya berisi 2 field yaitu kode satuan dan satuan. Dua field tersebut digunakan untuk mengetahui dan mengubah jenis satuan barang, hingga memudahkan admin dalam mengimputkan barang.

Tabel 3.8 tabel_satuan

FieldName Data Type Size Keterangan

kode_satuan Int 11 Auto_Increment

satuan Char 11

9) Tabel Struk

Pada tabel struk ini berisi tentang data informasi toko serta ketentuan dalam membeli barang. Adapun field yang dibuat yaitu: kode struk sebagai primary key tabel struk, nama toko, alamat, telepon, dan keterangan.

Tabel 3.9 tabel_struk

FieldName Data Type Size Keterangan

kode_struk Char 8 Auto_Increment

nama_toko Varchar 30

alamat Text

telp Char 15

3.8 Desain Antarmuka (Interface) 1. Desain Form Login

Form ini berfungsi untuk proses login masuk ke aplikasi transaksi penjualan dan pembelian stok barang, serta mempunyai fungsi untuk membedakan pengguna atau user yang ingin login ke system sesuai dengan nik masing-masing jabatan user dan sebagai pengecekan data hak akses.

Gambar 3.18 Form Login Sistem Transaksi Penjualan dan Pembelian Stok Barang 2. Desain Form Admin

Form ini merupakan form untuk halaman admin yang mana terdiri dari berbagai menu yang mempunyai banyak fungsi yang akan digunakan seperti dalam mengolah data pembelian barang, melihat daftar barang serta stok barang dan juga grafik pembelian barang.

3. Desain Form Kategori Suplier

Form ini berfungsi sebagai form master data suplier yang mempunyai fungsi sebagai tempat penyimpanan data para suplier di form ini user dapat mengolah data-data suplier serta dapat mencari data nama suplier beserta identitas lainnya yang telah tercantum didalam data suplier tersebut.

Gambar 3.20 Form Kategori Suplier 4. Desain Form Kategori Jenis Barang

Pada form ini mempunyai fungsi untuk menyimpan nama kategori barang yang ada di menu admin ini agar setiap barang dapat dikategorikan sesuai dengan jenis barang tersebut.

5. Desain Form Kategori Data Pembelian

Pada desain form ini berfungsi mencatat semua data pembelian barang sesuai dengan tanggal pembelian dan nama suplier, seorang user juga dapat mencetak data pembelian barang tersebut.

Gambar 3.22 Form Kategori Data Pembelian 6. Desain Form Kategori Grafik Pembelian

Desain form grafik ini berfungsi untuk melihat atau menganalisa pergerakan batang grafik yang menunjukan besarnya angka pembelian barang setiap bulannya, user juga dapat mencetak grafik pembelian tersebut.

7. Desain Form Kasir

Form ini merupakan form untuk halaman kasir yang mana terdiri dari berbagai menu yang mempunyai banyak fungsi yang akan digunakan seperti dalam mengolah data customer, penjualan barang, serta data penjualan barang, data struk dan juga grafik penjualan barang.

Gambar 3.24 Form Menu Kasir 8. Desain Form Kategori Customer

Form ini berfungsi sebagai form master data customer yang mempunyai fungsi sebagai tempat penyimpanan data para customer di form ini user dapat mengolah data-data customer serta dapat mencari data nama customer beserta identitas lainnya yang telah tercantum didalam data customer tersebut.

9. Desain Form Kategori Penjualan

Form penjualan ini mempunyai fungsi untuk mencatat semua penjualan barang dan mencetak struk penjualan barang, form ini memudahkan seorang kasir dalam menghitung total harga barang, menghitung diskon, dan uang kembalian. a.

Gambar 3.26 Form (a) Kategori Penjualan

Form dibawah ini akan tampil setelah seorang kasir mengimputkan data penjualan barang pada form diatas seperti gambar 3.35 form (a) kategori penjualan di menu penjualan.

b.

10. Desain Form Kategori Daftar Penjualan

Pada desain form ini berfungsi mencatat semua data penjualan barang sesuai dengan tanggal penjualan dan nama customer, seorang user juga dapat mencetak data penjualan barang tersebut.

Gambar 3.28 Form Kategori Daftar Penjualan 11. Desain Form Kategori Grafik Penjualan

Desain form grafik ini berfungsi untuk melihat atau menganalisa pergerakan batang grafik yang menunjukan besarnya angka penjualan barang setiap bulannya, user juga dapat mencetak grafik penjualan tersebut.

12. Desain Form Kategori Struk

Dalam form ini seorang kasir dapat mengatur format struk penjualan barang sesuai dengan nama toko, alamat, no tlp, dan keterangan. Serta user dapat meruba format data sesuai ketentuan dari perusahaan.

Gambar 3.30 Form Kategori Struk 13. Desain Form Manager

Form ini merupakan form untuk halaman manager yang mana terdiri dari berbagai menu yang mempunyai beberapa fungsi yang akan digunakan seperti dalam memaintenance user pengguna aplikasi.

14. Desain Form Kategori Maintenance User

Pada form ini seorang manager dapat merubah, mengganti, atau mengimputkan data para user atau pengguna aplikasi untuk login ke system aplikasi menggunakan no nik dan password pengguna aplikasi sesuai dengan jabatan masing-masing user aplikasi.

66 4.1 Implementasi dan Uji Coba Sistem

1. Form Login

Form ini berfungsi untuk proses login masuk ke aplikasi transaksi penjualan dan pembelian stok barang, sebagai pengecekan data hak akses. Form

ini hanya digunakan oleh 3 user didalam perusahaan. Yaitu Bagian Admin, Kasir,

dan Manager atau Owner. Berikut interfaceformLogin pada Gambar 4.1 :

Gambar 4.1 Form Login

Jika nik atau password tidak benar maka akan muncul seperti pada

interface message sepertipadaGambar 4.2 :

2. Form Menu Admin

Pada form dibawah ini merupakan halaman utama dari seorang user admin dimana pada form admin terdapat berbagai menu pilihan yang mempunyai fungsi dari masing-masing menu tersebut, form ini difungsikan untuk mengolah pembelian barang agar memudahkan seorang admin untuk mencatat atau menyimban data-data barang atau stok barang ke database server.

Gambar 4.3 Form Menu Admin

Menu admin diatas terdiri dari 8 menu utama yaitu home, data pribadi, suplier, jenis barang, data barang, data pembelian, grafik, dan log out. Menu home disini berfungsi sebagai halaman utama dari menu admin tersebut, pada menu data pribadi menu ini berisikan tentang informasi nama, nik, serta password user admin yang bersifat privasi, menu suplier menu ini berisi tentang form data-data para suplier yang terlibat dalam proses pembelian barang, menu jenis barang pada menu ini berisi informasi tentang berbagai macam jenis barang sesuai dengan nama barang tersebut, menu data barang didalam menu ini berisikan tentang

informasi tentang data barang mulai dari code barang, jenis barang, sampai satuan barang, menu data pembelian pada menu ini menyimpan semua data-data transaksi pembelian barang kepada suplier secara detail, menu grafik pada menu ini berisikan tentang besar transaksi pembelian barang selama satu bulan yang ditunjukan oleh bagan grafik pembelian, menu log out menu ini berfungsi untuk meninggalkan halaman admin atau keluar dari form admin.

3. Form Data Pribadi

Pada form ini menampilkan informasi pribadi tentang user admin diantaranya informasi tentang nik, nama user, password login user admin, yang mempunyai sifat sangat privasi karena didalamnya berisi informasi hak akses untuk masuk ke system admin tersebut.

86

sesuai dengan jabatan masing-masing user, menu log out menu ini berfungsi untuk keluar dari halaman manager.

Gambar 4.31 Form Menu Manager

19. Form Data Pribadi Manager

Pada form ini menampilkan informasi pribadi tentang user manager diantaranya informasi tentang nik, nama user, password login user manager, yang mempunyai sifat sangat privasi karena didalamnya berisi informasi hak akses untuk masuk ke system manager tersebut.

20. Form Maintenance User

Pada form ini user dapat menambahkan, merubah, menghapus data user pengguna sistem informasi transaksi penjualan dan pembelian stok barang, seorang manager dapat menambahkan hak akses user yang digunakan untuk login ke system sesuai dengan jabatan yang dimiliki oleh seorang user.

Gambar 4.33 Form Maintenance User

Menu pada Gambar 4.34 adalah menu tambah user untuk menambahkan data atau user baru untuk login atau masuk ke system pada form ini berisi informasi tentang nip, nama lengkap pengguna, password, dan jabatan yang mana informasi data tersebut bersifat privasi yang nantinya secara otomatis data akan masuk ke data pribadi masing-masing user pengguna system.

88

Gambar 4.34 Form Tambah Data User

Form dibawah ini mempunyai fungsi untuk menampilkan data user manager secara detail, data tersebut berisikan tentang informasi login dan hak akses user manager, seorang manager juga dapat mengubah dan menghapus data user pada form ini.

89

Setelah melalui berbagai percobaan, dan perbaikan kesalahan, pada akhirnya sistem informasi transaksi penjualan dan pembelian stok barang ini dapat berjalan dengan cukup baik.

5.1 Kesimpulan

Dari hasil observasi dan data-data yang telah diuraikan, dapat ditarik kesimpulan mengenai beberapa hal dalam penulisan laporan tugas akhir ini yaitu : a. Sistem yang telah dibangun sangat berguna untuk operasional perusahaan yang

mana sistem ini mampu mengola data transaksi penjualan dan pembelian stok barang.

b. Sistem yang dibangun sangat memudahkan pekerjaan karyawan sangat membantu dalam kegiatan transaksi penjualan barang, mampu melayani customer dengan lebih cepat dan mudah, serta dapat mencetak data transaksi penjualan dan stok barang, mempermudah dalam menganalisah data penjualan dan pembelian barang setiap bulannya.

5.2 Saran

Penulis mempunyai beberapa saran yang mungkin dapat membantu perkembangan sistem informasi transaksi penjualan dan pembelian stok barang ini menjadi lebih baik lagi menurut sang penulis adalah menambahkan beberapa fitur lagi didalam system seperti menu yang mana fitur tersebut dapat memberikan informasi tentang jumlah transaksi penjualan barang yang dilakukan oleh setiap seorang kasir setiap bulannya yang mana informasi tersebut sangat berguna untuk

90

mengukur tingkat penjualan yang dilakukan oleh seorang kasir setiap bulannya dan setiap kasir yang dapat mencapai penjualan barang sesuai dengan target yang diberikan oleh perusahaan maka perusahaan akan memberikan bonus atau tambahan gaji pada seorang kasir yang mampu memenuhi target penjualan yang ditentukan oleh perusahaan.

Customer Management Solutions, 2000, IT Toolbox Portal for CRM, Jakarta.

Hakim, L, dan Musalini, U.2003. 150 Rahasia dan Trik Menguasai PHP. Jakarta: Elex Media Komputindo.

Rizky, S., 2006, Interaksi Manusia dan Komputer, Sekolah Tinggi Manajemen Informatika & Teknik Komputer, Surabaya.

Siahaan, Hotlan, 2008,”Costumer Relationship Management (CRM) sebagai Sarana Meraih Image Positif untuk Perpustakaan” dalam Jurnal Studi Perpustakaan dan Informasi, Vol. 4, No. 2, Jakarta.

Sunyoto, A., 2007, AJAX Membangun Web dengan Teknologi Asynchronouse JavaScript dan XML, Penerbit ANDI, Yogyakarta.

Sutarman, 2003, Membangun Aplikasi Web dengan PHP dan MySQL, Graha Ilmu, Yogyakarta.