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
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 :
Agung Brastama Putra, S.Kom Moh. Irwan Afandi, ST, MSc NPT. 276070740220
Dekan Fakultas Teknologi Industri
Universitas Pembangunan Nasional ”Veteran” Jawa Timur
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
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.
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
v
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.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
viii
Gambar 2.1. Perbedaan Model Aplikasi Web Tanpa dan Dengan Ajax .. 10
Gambar 2.2. Data dan Informasi ... 12
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.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.
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 yang merupakan 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 :
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 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
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.
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
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.
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.
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
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
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 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.
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
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
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
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).
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
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
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
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.
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
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
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
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
- 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
Gambar 3.5 Menu Data Pembelian
Penjelasan Alur Data Pembelian pada Gambar 3.5 : 1. Pilih menu data pembelian
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
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
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
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
Gambar 3.8 Menu Penjualan
Penjelasan Alur Penjualan pada Gambar 3.8 : 1. Input data penjualan
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
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
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
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)
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.
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
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 :
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.
transaksi
Gambar 3.16 Conceptual Data Model (CDM)
3.6.2 Physical Data Model (PDM)
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
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
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 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
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 interface form Login pada Gambar 4.1 :
Gambar 4.1 Form Login
Jika nik atau password tidak benar maka akan muncul seperti pada interface message seperti pada Gambar 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
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.
4. Form Suplier
Pada form ini mempunyai fungsi untuk menyimpan dan menampilkan data-data para suplier yang telah terlibat dalam proses pembelian barang, dalam form ini user dapat menambahkan data suplier atau data suplier baru, form ini juga dapat merubah atau mengganti data suplier yang lamah dengan yang baru, serta user dapat mencari data suplier dengan memasukkan kode suplier yang diinginkan.
Gambar 4.5 Form Suplier
Gambar 4.6 Form Tambah Data Suplier Baru
5. Form Detail Data Suplier
Pada form ini user dapat melihat secara rinci data personal suplier yang lengkap berisi kode suplier, nama, alamat, no tlep, email, no rekening, dan keterangan suplier tersebut, user juga dapat mengubah dan juga menghapus data.
6. Form Jenis Barang
Pada form ini user dapat mengimputkan data jenis barang yang sesuai dengan nama atau merk barang tersebut fungsi dari jenis barang ini adalah untuk mengkatagorikan barang tersebut sesuai dengan jenisnya, pada form ini juga user dapat merubah dan menghapus data jenis barang.
Gambar 4.8 Form Input dan Data Jenis Barang
7. Form Data Barang
Gambar 4.9 Form Data Barang
Pada menu form data barang juga terdapat menu satuan barang dimana menu ini akan menyimpan semua data satuan barang sesuai dengan jenis barang masing-masing, user cukup mengimputkan satuan barang pada form input kemudian user menekan button simpan maka data satuan barang akan secara otomatis menyimpan kedalam database, pada form ini user juga dapat merubah dan menghapus data jenis barang.
Pada gambar form dibawah ini adalah merupakan form detail daftar barang dimana dalam form ini user dapat mencetak data barang tersebut dengan menekan button cetak tersebut, dalam form ini juga seorang user dapat merubah data dengan memilih menu edit, user juga dapat menghapus data tersebut dengan memilih menu hapus, seorang user juga dapat mencari data barang yang ingin dicari dengan memilih form cari dengan memasukkan nama barang maka akan keluar data barang yang sesuai dengan data barang yang akan dicari.
Gambar 4.11 Form Detail Data Barang
Pada Gambar 4.12 merupakan tampilan dari out put laporan data barang yang dapat dicetak oleh admin kapan saja, sedangkan pada Gambar 4.11 adalah menu untuk mencetak data laporan pada sebuah media kertas.
Gambar 4.13 Form Print Laporan Data Barang
8. Form Data Pembelian
Pada form ini system merekap semua data pembelian barang kepada suplier dan system menyimpan data tersebut kedalam database sesuai dengan tanggal transaksi pembelian barang serta nama suplier tersebut, user admin juga dapat melihat data pembelian barang, menambahkan data pembelian barang, merubah data pembelian barang, menghapus data pembelian barang, serta user dapat mencari data pembelian barang yang ingin dicari pada form cari nama barang, dengan memasukkan nama barang yang telah dibeli maka system otomatis akan menampilkan data pembelian barang tersebut.
Pada gambar dibawah ini adalah tampilan dari out put laporan data pembelian barang yang dapat dicetak oleh seorang admin, laporan ini berisi data informasi tentang data-data transaksi pembelian barang dan detail data barang.
Gambar 4.15 Form Laporan Data Pembelian Barang
Form dibawah ini adalah merupakan form tambah untuk data pembelian barang, yang mana didalam form tersebut terdapat no faktur, jenis barang, nama produk, satuan barang, kode suplier, harga beli, harga jual, jumlah barang atau stok barang, kemudian total harga pembelian barang, setelah user mengimputkan data tersebut kemudian tekan button simpan untuk menyimpan data. Pada no faktur akan merubah secara otomatis setiap user mengimputkan data pembelian barang baru.
9. Form Grafik Pembelian
Pada grafik pembelian ini berguna untuk mengukur besar pembelian barang setiap bulannya dengan batang grafik sebagai ukuran besar pembelian barang tersebut, diatas dan dibawah batang grafik mempunyai angka yang melambangkan angka pembelian barang, user juga dapat mencetak grafik dengan menekan button cetak.
Gambar 4.17 Form Grafik Pembelian Barang
10. Form Menu Kasir
