SISTEM INFORMASI PERSEDIAAN DAN PENJUALAN BARANG BERBASIS WEB PADA BENGKEL CK.TECHNIC TEGAL

Naskah Publikasi

diajukan oleh

Muhamad Faqih Hamzah 09.02.7372 Muhammad Machbob 09.02.7409 Zulmi Ramdhon 09.02.7360

kepada

JURUSAN MANAJEMEN INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM YOGYAKARTA

2012

i

ii

iii

INVENTORY INFORMATION SYSTEM AND SALE OF STUFF BASE ON WEB

AT BENGKEL CK.TECHNIC TEGAL

SISTEM INFORMASI PERSEDIAAN DAN PENJUALAN BARANG BERBASIS WEB PADA BENGKEL CK.TECHNIC TEGAL

Muhamad Faqih Hamzah

Muhammad Machbob Affandy Zulmi Ramdhon

Jurusan Manajemen Informatika STMIK AMIKOM YOGYAKARTA

ABSTRACT

CK. TEGAL TECHNIK is a workshop for repairing a broken machine. This

workshop is still in the pioneering stage, so all kinds of data processing is still done by manual system. Checking the inventory is still done by calculating one by one the items on the shelves (storage of goods). All kinds of transactions (purchases and sales) are still using manual processes (writing on note book).

Conducting direct observation of the problems that exist in the machine shop CK.

TEGAL TECHNIK. Collect data by questioning or interview with the owner of the garage to get all sorts of data we need. Creating a system to process the data if the transaction (purchase and sales) and inventory checks.

From the results of direct observation, we found many problems, including

duration of the process of checking inventory and transactions (purchases and sales) to be the main problem in the machine shop CK. TEGAL TECHNIK.

Keywords: Information system, Inventory information system, Sale Information System , Inventory Information System And Sale Based on Web.

1. Pendahuluan

1.1 Latar Belakang Masalah

Bengkel Ck.Tehcnik tegal adalah Bengkel mesin bubut yang berlokasi di Jl

Cempaka no 2-3 Kejambon Tegal Timur, Sampai saat ini kegiatan operasional pada

bengkel CK.Technik Tegal masih dilakukan secara manual seperti pencatatan informasi

penjualan dan persediaan barang dengan menggunakan bon, nota, buku pencatatan

dan kertas laporan yang semua ditulis tangan. Untuk mendapatkan data yang dibutuhkan

harus mencari satu per satu nota yang telah disimpan. sesuai dengan urutan tanggal

transaksi. Demikian juga dengan pemeriksaan transaksi penjualan yang terjadi setiap

harinya, harus mengumpulkan seluruh nota penjualan

Salah satu informasi yang dibutuhkan pada bengkel CK. Technic Tegal mengenai

persediaan barang. yaitu barang masuk, barang keluar, dan barang yang ada digudang

atau biasa disebut stok barang. Hal ini membutuhkan ketelitian supaya dalam setiap

laporan tidak terjadi kesalahan yang lebih besar. hal tersebut dapat dihindarkan dengan

menggunakan suatu sistem aplikasi berbasis web agar dapat menyajikan informasi

secara cepat, tepat, efisien, dan akurat. Sehingga dapat memudahkan dalam

pengumpulan, pengolahan, dan penyimpanan data,

Melihat akan pentingnya persediaan dan penjualan barang pada bengkel

ck.technic tegal, maka dalam penyusunan Laporan Tugas Akhir ini penulis tertarik untuk

meninjau permasalahan dari sudut ilmu yang penulis peroleh dari perkuliahan di STMIK

AMIKOM YOGYAKARTA untuk mengadakan penelitian mengenai persediaan dan

penjualan barang dengan judul sebagai berikut :

SISTEM INFORMASI PERSEDIAAN DAN PENJUALAN BARANG BERBASIS WEB

PADA BENGKEL CK.TECHNIC TEGAL.

1.2 Rumusan Masalah

1) Bagaimana merancang sistem informasi yang dapat menunjang proses

pengelolaan persediaan dan penjualan barang pada Bengkel CK Technic

Tegal

2) Bagaimana merancang suatu sistem informasi yang dapat memberikan

laporan yang sesuai dengan kebutuhan pemilik Bengkel CK .Technic Tegal

secara cepat dan berkala?

4

1.3 Batasan Masalah

1) Membangun aplikasi persediaan dan penjualan barang berbasis web pada

BENGKEL CK .TECHNIC TEGAL.

2) Sistem aplikasi berbasis web ini hanya melakukan proses pembelian,

persediaan, dan penjualan barang (barang masuk, stok barang dan barang

keluar), layanan service dan laporan berdasarkan batasan tanggal bulan

dan tahun.

3) Sistem web ini dibangun dengan menggunakan bahasa pemrograman php

dan Adobe Dreamweaver CS3 sebagai alat bantu dalam mendesign antar

muka situs web, serta MySQL sebagai olah datanya.

4) Aplikasi berbasis web ini di jalankan secara offline karna aplikasi ini hanya

untuk benkel CK TECHNIC TEGAL

1.4 Maksud Dan Tujuan

1) Meningkatkan Efisiensi Penulisan Data dari sistem Komputerisasi.

2) Mampu menyajikan informasi yang cepat dan akurat.

3) Mampu menampilkan persediaan dan penjualan barang pada Bengkel CK

TECHNIC TEGAL

1.5 Metode Pengumpulan Data

1) Wawancara (Interview)

2) Pengamatan Langsung (Observasi)

3) Perpustakaan (library)

4) Studi Dokumentasi

1.6 Sistematika Penulisan

1) BAB I : PENDAHULUAN

2) BAB II : LANDASAN TEORI

3) BAB III : ANALISI DAN PERANCANGAN SISTEM

4) BAB IV : PEMBAHASAN

5) BAB V : PENUTUP

2. Landasan Teori

2.1 Konsep Dasar Sistem Informasi

Informasi adalah hasil dari pengolahan data-data tertentu sehingga

menghasilkan suatu yang bermakna dan dapat dimanfaatkan sebagai landasan dalam

5

mengambil keputusan sesuai dengan kebutuhan. Komponen terpenting adalah data,

diantara data dan informasi mempunyai perbedaan.

Data adalah fakta dan kejadian yang belum mempunyai nilai dan manfaat, oleh

karena itu data harus mengalami proses pengolahan data terlebih dahulu. Pengolahan

data adalah manipulasi data yang menjadi bentuk yang lebih berguna

2.2 Bahasa Pemrograman yang Digunakan

2.2.1 HTML ( Hypertext Markup Language)

HTML (Hypertext Markup Language) merupakan suatu format yang digunakan

dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dokumen ini

dikenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikan pada

web browser.

2.2.2 PHP

Php adalah bahasa server side scripting yang menyatu dengan HTML untuk

membuat halaman web yang dinamis. Karena PHP merupakan server-side scripting

maka sintaks dan perintah-perintah PHP akan dieksekusi ke server yang kemudian

hasilnya dikirimkan ke browser.

2.3 Data Base Server Yang digunakan

2.3.1 XAMPP

XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi,

merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server yang

berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL

database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan

Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun),

Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public Licence

dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan

halaman web yang dinamis.

2.4 Perangkat Lunak Yang digunakan

2.4.1 Adobe Dream Weaver CS3

Adobe Dreamweaver CS3 adalah sebuah HTML editor profesional untuk mendesain web secara visual dan mengelola situs atau halaman web. Dream weaver

6

merupakan perangkat lunak utama yang dgunakan oleh web desainer maupun web

programmer dalam membangun suatu situs web.

3. Analisis dan Perancangan Sistem

3.1 Analisis Sistem

Analisis dapat didefinisikan sebagai penguraian dari suatu sistem informasi yang

utuh ke dalam bagian-bagian atau komponennya dengan maksud untuk mengidentifikasi

dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-

hambatan yang terjadi dari kebutuhan-kebutuhan yang dihadapkan sehingga dapat

diusulkan perbaikan-perbaikannya.

3.2 Rancangan Sistem

Di dalam perancangan sistem dibutuhkan langkah langkah dalam membuat

pemecahan masalah secara logika dengan menggunakan alat bantu seperti diagram

konteks dan data flow diagram. Alat bantu ini bermanfaat untuk membantu memahami

alur kerja sistem.

3.2.1 DFD (Data Flow Diagram)

DFD merupakan diagram yang digunakan untuk menggambarkan proses-proses

yang terjadi pada sistem yang akan dikembangkan. Pengembangan DFD biasanya

menggunakan cara berjenjang. Dimulai dengan cara dari context diagram, DFD level 0,

DFD level 1 dan seterusnya sesuai dengan kompleksitas dari sistem yang akan

dikembangkan.

3.3 Rancangan Basis Data

Basis data digunakan untuk media penyimpanan data yang kemudian digunakan

untuk menghasilkan informasi. Oleh karena itu perancangan basis data yang baik sangat

berguna dalam membuat sisten informasi.

Kelompok data yang diprlukan dalam sistem tanya jawab ini beserta tabel

yangdigunakan dijelaskan sebagai berikut:

Tabel 3.1 Rancangan tabel pengguna

Field Type Description Default Userid varchar(20) Primary Key Not null password varchar(20) Not null Email varchar(30) Not null notelpadm varchar(15) Not null

7

Level varchar(8) Not null Nama varchar(30) Not null

Tabel 3.2 Rancangan tabel barang

Field Type Description Default KdBarang char(8) Primary Key Not null NamaBrg varchar(30) Not null Satuan varchar(6) Not null KdJenis varchar(8) Not null Harga int(11) Not null Stok int(11) Unsigned Not null Kodeg varchar(8) Not null

Tabel 3.3 Rancangan tabel pembelian

Field Type Description Default NoBm char(8) Primary Key Not null TglBm Date Not null KdPem char(8) Not null JmlItem int(11) Not null Quantity int(11) Not null TotalBiaya bigint(20) Not null Userid varchar(20) Not null

Tabel 3.4 Rancangan tabel detpembelian

Field Type Description Default NoBm char(8) Not null TglBm date Not null KdBarang char(8) Not null Banyak int(11) Not null Jumlah bigint(20) Not null

Tabel 3.5 Rancangan tabel jasa

Field Type Description Default IdJasa char(8) Primary Key Not null NmJasa varchar(100) Not null Biaya int(11) Not null

Tabel 3.6 Rancangan table Penjualan

Field Type Description Default NoJual char(8) Primary Key Not null TglKlr Date Not null

8

Jmlitem int(11) Not null Quantity int(11) Not null TotalHarga bigint(20) Not null Total bigint(20) Not null Bayar bigint(20) Not null Kembali bigint(20) Not null Biaya int(11) Not null Userid varchar(20) Not null

Tabel 3.7 Rancangan tabel detpenjualan

Field Type Description Default NoJual char(8) Not null KdBarang char(8) Not null Banyak int(11) Not null Jumlah bigint(20) Not null TglKlr Date Not null

Tabel 3.8 Rancangan tabel jenis

Field Type Description Default KdJenis char(8) Primary Key Not null NamaJenis varchar(50) Not null

Tabel 3.9 Rancangan tabel det_biayaservice

Field Type Description Default NoJual char(8) Not null TglKlr Date Not null IdJasa char(8) Not null NmJasa varchar(100) Not null Biaya Int(11) Not null

Tabel 3.10 Rancangan tabel biaya_serv

Field Type Description Default IdJasa char(8) Primary key Not null NmJasa varchar(100) Not null Biaya Int(11) Not null

Tabel 3.11 Rancangan tabel kode

Field Type Description Default KdBarang varchar(2) Primary key Not null Namaid varchar(50) Not null

9

Tabel 3.12 Rancangan tabel pemasok

Field Type Description Default KdPem char(8) Primary Key Not null NamaPem varchar(50) Not null NoTlp varchar(15) Not null Alamat varchar(100) Not null NmPrshn varchar(80) Not null AlamatPrshn varchar(100) Not null TelpPrshn char(15) Not null

Tabel 3.13 Rancangan tabel rak

Field Type Description Default kodeg varchar(6) Primary Key Not null namaRAK varchar(30) Not null lokasi varchar(6) Not null

Tabel 3.14 Rancangan tabel temporer_bk

Field Type Description Default KdBarang char(8) Not null NamaBrg varchar(30) Not null Harga int(11) Not null Banyak int(11) Index Not null Jumlah bigint(20) Not null

Tabel 3.15Rancangan tabel temporer_bm

Field Type Description Default KdBarang char(8) Not null NamaBrg varchar(30) Not null Harga int(11) Not null Banyak int(11) Index Not null Jumlah bigint(20) Not null

10

3.3.1 Relasi Antar Tabel Relasi antar tabel yang telah dibuat dapat dilihat pada gambar 3.1

Gambar 3.1 Relasi antar tabel.

3.4 Rancangan Antar muka

Rancangan antar muka akan menunjukan bagaimana komunikasi antara

pengguna sistem dengan komputer. Komunikasi ini terdiri dari proses mamasukkan data

ke sistem dan menampilkan keluaran atau output ke user atau pemakai.

3.4.1 Rancangam Menu

Rancangan struktur menu berfungsi untuk mengetahui relasi antar dokumen web

yang akan dibuat. Dari struktur tersebut user diberi kemudahan untuk menentukan alur

link-link dalam web tersebut. Rancangan struktur menu dapat di lihat sebagai berikut :

Rancagan menu dapat dilihat pada gambar 3.2.

11

Gambar 3.2 Rancangan menu admin

Gambar 3.3 Rancangan menu user

3.4.2 Rancangan Form

Form dirancang dengan memggunakan antarmuka yang menarik dan mudah digunakan.

1) Rancangan Form Home Halaman ini merupakan halaman pertama

kali di akses oleh user atau pengguna.

2) Rancangan Form Master Data Halaman ini menampilkan menu

tambah pemasok,tambah jenis kendaraan, tambahrak, tambah kode,

tambah biaya jasa atau service

3) Rancangan Formtransaksi Halaman ini menampilkan menu pembelian penjualan , perbaikan dan penjualan

4) Rancangan Form Laporan Halaman ini menampilkan menu cetak

data pemasok, cetak data barang, cetak data pembelian pertanggal

12

dan pertahun, cetak data penjualan pertanggal dan pertahun, dan

menampilkan cetak data biaya

5) Rancangan Form Pencarian Halaman ini menampilkan menu

pencarian barang, pencarian pemasok, pencarian pembelian,

pencarian penjualan dan pencarian biaya

6) Rancangan Form Pengaturan Halaman ini menampilkan menu untuk

menambahkan user

3.4.3 Rancangan Desain Web

1) Rancangan Halaman Utama.

Halaman ini halaman pertama kali yang akan muncul ketika sistem dijalankan,

dapat diakses seluruh user baik yang terdftar maupun tidak terdaftar,

2) Rancangan Halaman Admin.

Setelah admin login maka akan masuk kehalaman home admin guna

mengontrol semua isi dari halaman yang ditampilkan untuk user.

3) Rancangan Halaman User.

Halaman user ada dua menu,yaitu halaman untuk mengedit password user,

halaman transaksi penjaualn atau penjualan dan perbaikan.

4. PEMBAHASAN

4.1 Implementasi Sistem

Implementasi sistem informasi persediaan dan penjualan barang berbasis web

pada bengkel ck.technic tegal sebagai sarana untuk mempermudah proses transaksi

penjualan dan pembelian barang serta pengecekan data atau stok barang pada bengkel

terseburt yang menggnakan bahasa pemrograman PHP dan basis data MYSQL. Pada

saat pertama kali sistem dijalankan akan muncul tamapilan homepage index.

4.1.1 Halaman index

Gambar 4.1.1 Halaman Index

13

Halaman index berfungsi untuk komfirmasi login baik admin maupun user untuk

melakukan pengolahan data yang tersedian pada menu halam tertentu.

4.1.2 Halaman admin

Gambar 4.2.2 Halaman Home admin

Halaman Home untuk admin berfungsi untuk mengelola data keseluruhan baik

penambahan stok barang atau pembelian , transaksi penjualan , transakasi penjualan

dan perbaikan pemambahan data pemasok ,data barang ,data jasa atau biaya service,

penambahan kode, penambahan nama rak , penambahan jenis barang dan pengaturan

pengguna

4.1.3 Halaman Master Data

Gambar 4.3.3 Halaman Master Data

Halaman master data berfungsi untuk menambahkan data , baik data pemasok

,data jenis kendaraan, data rak atau penyimpanan barang, data kode, data tambah nama

14

barang, data tembah nama jasa atau biaya service, yang keseluruhan berfungsi untuk

menambahkan sesuai dengan menu yang ada pada halaman master data

4.1.4 Halaman Transaksi

Gambar 4.4.4 Halaman Transaksi

Halaman Transaksi berfungsi untuk melakukan transaksi barang baik pembelian

barang atau penambahan stok barang , penjualan barang , dan penjualan dan perbaikan

barang

4.1.5 Halaman Laporan

Gambar 4.5.5 Halaman Laporan

Halaman Laporan terdapat menu menu laporan seperti menu cetek data

pemasok yang berguna untuk mencetek laporan data pemasok , cetak data barang yang

berguna untuk mencetek data barang, cetak data pembelian yang berguna untuk

15

mencetak data penjualan , cetak data biaya yang berguna untuk mencetak data biaya

atau jasa, cetak data penjualan yang berguna untuk mencetak data penjualan

4.1.6 Halaman Pencarian

Gambar 4.6.6 Halaman Pencarian

Halaman pencarian terdapat menu cari data pemasok yang berguna untuk

melakukan pencarian data pemasok, cari data barang yang berguna untuk melakukan

pencarian data barang, caari data pembelian yang berfungsi untuk melakukan pencarian

data pembelian, cari data penjualan yang berfungsi untuk melakukan pencarian data

penjualan , cari data biaya atau jasa yang berguna untuk melakukan pencarian data jasa

atau biaya service

4.1.7 Halaman Pengaturan

Gambar 4.7.7 Halaman Pencarian

Halaman Pengatuaran berfungsi untuk mengecek data user yang ada atau yang

tercatat dalam data base selain itu barfungsi untuk penambahan data user

16

4.1.8 Halaman Home untuk Kasir

Gambar 4.8.8 Halaman Home Kasir

Halaman Home Kasir adalah Halaman awal yang digunakan user atau kasir

untuk melakukan transaksi atau pencetakan laporan tertentu tidak seperti home admin

yang bisa melakukan pengolahan data secara keseluruhan karna kasir hanya bisa

melakukan transaksi penjualan tidak pembelian atau penambahan stok barang.

5. KESIMPULAN DAN SARAN

Aplikasi berbasis web ini sangat diharapkan dapat menjadi salah satu media

Informasi yang sangat tepat guna, simple, efisien dan praktis bagi para pengusaha

perbengkelan yang sedang berkembang untuk memudahkan pendataan dan laporan

yang cepat dan akurat. yang nantinya akan sangat berpengaruh untuk kemajuan

perusahaan.

5.1 Implementasi Sistem

Berdasarkan pengamatan penulis, maka dapat diambil beberapa kesimpulan

antara lain:

1. Aplikasi Persediaan dan penjualan barang berbasis web ini akan memberikan

kemudahan bagi para karyawan untuk memperoleh informasi tentang pengadaan

barang yang dibutuhkan dan laporan untuk penunjang kemajuan perusahaan

yang ditentukan berdasarkan tanggal bulan dan tahun dari bengkel

CK.TECHNIK TEGAL.

17

18

2. Aplikasi Persediaan dan penjualan barang berbasis web ini Mempermudah

karyawan dalam proses transaksi perbaikan atau penjualan barang.

5.2 Saran

Berdasarkan kesimpulan diatas sebagai pertimbangan bengkel CK.TECHNIK

TEGAL dalam penyampaian informasi tentang transaksi perbaikan, penjualan serta

persediaan barang maka saran yang akan disampaikan oleh penulis adalah sebagai

berikut: Jika websiteyang dibuat penyusun menjadi pilihan solusi alternatif bagiSMA

Saverius Sragen, guna promosi dan penyampaian informasi penulis bersedia membantu

semaksimal mungkin.

1. Aplikasi berbasis web yang telah dirancang oleh penulis dapat manjadi bahan

pertimbangan dan dijadikan sebagai media alternatif penyampaian informasi

persediaan barang dan transaksi penjualan serta perbaikan barang dimasa kini

dan masa mendatang.

2. Keamanan dan backup data pada aplikasi harus disertakan sebagai perbaikan

dari aplikasi yang dibuat oleh penulis.

Untuk penelitian selanjutnya diharapkan aplikasi yang telah dibuat oleh penulis

agar bisa diakses diberbagai tempat untuk membantu pengembangan aplikasi

dikemudian hari.

DAFTAR PUSTAKA

Arief Rudyanto.M. Pemrograman Web Dinamis menggunakan PHP dan - MySQL . Yogyakarta : Andi Offset ,2006.

Arief Rudyanto.M Pemrograman Basis Data Menggunakan Transact-SQL dengan Microsoft SQL server 2000. Yogyakarta : Andi Offset ,2006.

Fatta Al Hanif, Analisis dan Perancangan Sistem Informasi untuk keunggulan

bersaing perusahaan dan Organisasi modern. Yogyakarta: Andi Offset, 2007.

Kusrini, M.Kom,Strategi Perancangan dan Pengelolaan Basi Data. Yogyakarta: Andi Offset ,2007

HALAMAN JUDULPERSETUJUAN PUBLIKASIABSTRACT1. Pendahuluan1.1 Latar Belakang Masalah1.2 Rumusan Masalah1.3 Batasan Masalah1.4 Maksud Dan Tujuan1.5 Metode Pengumpulan Data1.6 Sistematika Penulisan

2. Landasan Teori2.1 Konsep Dasar Sistem Informasi2.2 Bahasa Pemrograman yang Digunakan2.2.1 HTML ( Hypertext Markup Language)2.2.2 PHP

2.3 Data Base Server Yang digunakan2.3.1 XAMPP

2.4 Perangkat Lunak Yang digunakan2.4.1 Adobe Dream Weaver CS3

3. Analisis dan Perancangan Sistem3.1 Analisis Sistem3.2 Rancangan Sistem3.2.1 DFD (Data Flow Diagram)

3.3 Rancangan Basis Data3.3.1 Relasi Antar Tabel

3.4 Rancangan Antar muka3.4.1 Rancangam Menu3.4.2 Rancangan Form3.4.3 Rancangan Desain Web

4. PEMBAHASAN4.1 Implementasi Sistem4.1.1 Halaman index4.1.2 Halaman admin4.1.3 Halaman Master Data4.1.4 Halaman Transaksi4.1.5 Halaman Laporan4.1.6 Halaman Pencarian4.1.7 Halaman Pengaturan4.1.8 Halaman Home untuk Kasir

5. KESIMPULAN DAN SARAN5.1 Implementasi Sistem5.2 Saran

DAFTAR PUSTAKA