SKRIPSI
Untuk memenuhi salah satu persyaratan
Mencapai Derajat Sarjana
Program Studi Teknik Informatika
Disusun oleh
Syaiful Wahab
1371101465
TEKNIK INFORMATIKA
FAKULTAS ILMU KOMPUTER
UNIVERSITAS WIDYA DHARMA KLATEN
2017
i
HALAMAN PERSETUJUAN
Diajukan oleh
Syaiful Wahab
1371101465
Telah di setujui dan siap di hadapkan untuk di uji oleh dewan penguji
Pembimbing Utama
……………………
……………………
ii
NIK. 690 909 299
SURAT PERNYATAAN
NIM : 1371101465
Solenoid)
Adalah benar-benar karya saya sendiri dan bebas dari plagiat. Hal-hal yang
bukan merupakan karya saya dalam skripsi ini telah diberi tanda sitasi dan
Penulis
Syaiful Wahab
iii
HALAMAN PENGESAHAN
Hari :
Tanggal :
Tempat : Universitas Widya Dharma Klaten
___________________________ ________________________
NIK_______________________ NIK : _________________
Penguji I Penguji II
________________________ ________________________
NIK : _________________ NIK : _________________
Tugas Akhir ini telah di terima dan diserahkan sebagai salah satu
NIK : ____________________________
HALAMAN PERSEMBAHAN
iv
Sembah sujud syukur kepada Allah SWT, Taburan Cinta dan Kasih
karunia yang Engkau berikan akhirnya skripsi yang sederhana ini dapat
terselesaikan.
Ayahanda Joko Sutrisna dan Ibundaku Narimo tercinta Terima kasih atas Do’a,
semangat, motivasi, kasih sayang yang tiada pernah putus. Serta kakakku Supardi
Terima Kasih atas Do’a, motivasi dan semangat yang selalu menguatkan. Tak
lupa juga untuk Anis Yunia Rahmawati yang selalu memberikan Do’a, motivasi
MOTTO
v
Mengeluh akan memperburuk keadaanmu, namun tetap bersyukur dan tersenyum
akan menguatkanmu.
Hari ini harus lebih baik dari hari kemarin dan hari esok harus lebih baik dari
hari seakarang.
KATA PENGANTAR
vi
Puji syukur kepada Allah SWT yang senantiasa melimpahkan berkah dan
Dengan segala kerendahan hati, penulis menyadari bahwa penulisan tugas akhir
ini tidak akan selesai tanpa adanya bantuan, bimbingan maupun pengarahan dari
berbagai pihak, baik secara langsung maupun tidak langsung. Dalam kesempatan
2. Ibu Dr. Th. Kriswianti N. M .Si selaku Dekan Fakultas Ilmu Komputer
3. Bapak Fajar Budi Hartono, M.Eng selaku Ketua Program Studi Teknik
selaku Dosen Pembimbing I dan II, terima kasih untuk bimbingan dan
6. Bapak Joko Sutrisno dan Ibu Narimo, kedua orang tuaku yang telah
vii
7. Bapak H. Joko Istiyanto, S.P selaku pemilik dari CV. Karya Solenoida
yang telah membantu dan bekerjasama dengan baik terutama dalam proses
semua pihak-pihak yang tidak dapat disebutkan satu per satu yang telah
baik anda semua mendapatkan ganjaran yang melimpah dari Allah SWT.
maupun cara menyampaikan dan penyajian materi. Untuk itu segala kritik
Penulis
viii
DAFTAR ISI
ix
ABSTRAK
penjual, dengan cara seperti itu sangat tidak efisien. Serta dalam pengolahan data
pesanan maupun pembuatan laporan jika masih menggunakan sistem lama masih
kurang tepat. Oleh karena dibangunlah sistem informasi yang baru yang lebih
secara tepat.
Bahan dan materi penelitian data produk, kategori, dan data transaksi penjualan.
x
Hasil penelitian ini adalah Sistem Informasi Web Penjualan Penghemat
Bahan Bakar Femax. Dengan adanya sistem ini diharapkan dapat membantu
penjual dalam pengolahan data transaksi penjualan.
Kata Kunci : Sistem Informasi Penjualan, berbasisi web, php dan html.
xi
1
BAB I
PENDAHULUAN
A. Latar Belakang
segala ruang lingkup kehidupan. Setiap lembaga atau instansi tertentu sangat
bisnis banyak perusahaan yang menggunakan layanan internet atau web untuk
mengubah hampir semua fungsi bisnis di area dan seriap kegiatannya, mulai
aksesoris mobil & motor , aksesoris ini berupan alat penghemat BBM
global perusahaan ini juga mempunyai web akan tetapi konten web ini hanya
di berisi informasi pengenalan produk FEMAX. pada menu pembelian web ini
perusahaan jika ingin membeli produk ini, dengan cara seperti itu tidak efektif
atau web masih sangat minim kisaran 15%, untuk penjualan di Toko langsung
menggunakan saran internet atau web untuk media penjualan online. Pihak
produk FEMAX serta tidak terpaut dalam keadaan waktu dan tempat.
Pelayanan dan penjualan secara online yang selama ini di lakukan dengan cara
manual, yaitu dengan cara pembeli yang sudah mengunjungi web harus
menghubungi admin dapat di atasi dengan adanya web penjualan, yang dapat
berikut. Pada sistem web saat ini masih terkendala jika admin tidak aktif
pembelian online. Serta web saat ini belum teredia layanan penjualan yang
2. Rumusan Masalah
3. Batasan Masalah
b. Sistem ini yang di bahas adalah pengolahan data produk, data pembeli,
4. Keaslian Penelitian
web penjualan penghemat bahan bakar femax (Studi kasus CV. Karya
informasi web penjualan secara manual. Hal itu yang menerik perhatian
5. Manfaat Penelitian
c. Bagi peneliti
mahasiswa.
B. Tujuan Penelitian
Penelitian ini memiliki beberapa tujuan yang akan dicapai. Adapun tujuan
pengolahan Data panjualan, data transaksi, serta data yang lainnya yang di
C. Tinjauan Pustaka
aksesoris mobil & motor yaitu berupa alat penghemat bakan bakar yang
di beri nama FEMAX. Pabrik sekaligus toko pusat CV. Karya solenoida
berada di jln. Ahmad Yani no. 94 wedi, Klaten, terdapat outlet resmi yang
pemilik dari perusahaan ini. Pada web yang sudah ada, belum ada toko
2. Penelitian Pendukung
petshop klaten” yang di buat dengan bahas pemograman PHP dan data
7
8
waktu satu minggu barang tidak di proses makan secara otomatis akan
terhapus.
produk harus menjadi member agar jika inggin membeli produk lagi
(Batik)” pada sistem informasi pada dasarnya sama dengan ada yang di
pelanggan yang akan membeli produk CV. Karya Solenoida tidah harus
produk kebutuhan Sekunder. Dari analisis pembeli yang sama akan datang
kembali untuk membeli femax paling sering dua sampain tiga kali.
pembeli, dengan cara mengupload foto faktur trasnfer. maka dari itu
admin. Untuk laporan transaksi dari Sistem Informasi ini juga bisa di print
D. Landasan Teori
Dalam landasan teori ini, akan dijelaskan hal-hal yang menjadi landasan
Informasi adalah data yang telah di letakkan dalam konteks yang lebih
2. Pengertian Penjualan
3. Pengertian Web
11
web engine. semua dokumen web di tampilkan oleh browser dengan cara
di terjemahkan.
5. Basis data
Basis data terdiri dari dua kata, yaitu basis dan data. Basis kurang lebih
yang direkam dalam bentuk huruf, simbol, teks, gambar, bunyi atau
kombinasinya.
12
seperti :
Basis data dan almari arsip sesungguhnya memiliki prinsip kerja dan
tujuan yang sama. Prinsip utamanya adalah pengaturan data atau arsip.
almari besi atau kayu sebagai media penyimpanan elektronis seperti disk
(disket atau hardisk). Hal ini merupakan konsekuensi yang logis karena
basis data dikelola atau ditangani melalui perantaraan alat atau mesin
pintar elektronis (yang kita kenal sebagai komputer). Perbedaan media ini
jumlah dan jenis metode atau cara yang dapat digunakan dalam upaya
penyimpanan.
13
6. Diagram konteks
No Simbol Keterangan
data yang mengalir dari masukan (input) dan keluaran (output). Simbol-
No Simbol Keterangan
Arus data diberi simbol satu panah
digunakan untuk menunjukkan arus dari
Simbol Data Flow
1. data atau informasi dari suatu sistem ke
Diagram.
pemakai.
e. Kardinalitas
relasi yang terjadi antara dua himpunan entitas (misal A dan B) dapat
berupa :
nomor.
supply.
9. Pengertian Key
Menurut para ahli, kunci (key) hanya memiliki satu makna dalam teori
relasional itu adalah kumpulan dari satu atau lebih kolom yang nilai-nilai
lebih atribut yang menentukan atribut lainnya atau antara atribut lain
saling berkaitan.
Dalam metode relasional, ada 6 kunci yang di kenal yang akan di jelas
sebagai berikut.
a. Candidat key.
nilai kombinasi yang unik diantara semua kejadian yang spesifik dari
entetitas. Candidat key ini tidak boleh berisi atribut dari tabel yang
asing. Setiap tabel dapat memiliki satu atau lebih candidate key.
unik. Primary key harus merupakan field yang benar-benar unik dan
tidak boleh ada nilai NULL. Pengertian lainya Primary Key adalah
suatu baris dalam table. Primary key, salah satu atrribut dari candidat
memiliki satu atau lebih candidate key. Semisal file pegawai berisi
Key) dan untuk kunci utama (primary key) adalah salah satu yang
dipilih dari kunci calon. Misalnya No. induk di jadikan primary key,
dalam suatu entity terdapat dua field yang bisa dijadikan sebagai
kunci. Sementara yang boleh dijadikan kunci hanya satu, maka anda
harus memilih salah satu. Field yang anda pilih, disebut primary key,
Tempat lahir, Tanggal lahir, Alamat, Kota. No induk dan no ktp adalah
kunci calon (Candidate Key) dan untuk kunci utama (primary key)
adalah salah satu yang dipilih dari kunci calon. Misalnya No. induk di
jadikan primary key, maka primary key nya adalah no induk. Dan
key. Foreign key adalah sebuah kumpulan field dalam satu relasi yang
berikut,“primary key” adalah field kunci / utama dari suatu tabel yang
menunjukkan bahwa field yang menjadi kunci tersebut tidak bisa diisi
dengan data yang sama, atau dengan kata lain primary key menjadikan
e. Composite key
Hal ini sering bingung dengan kunci composite, meskipun ini juga
merupakan kunci yang terdiri dari 2 atau lebih atribut yang secara unik
22
seorang mahasiswa. Oleh karena itu kunci utama untuk entitas ini
kepemilikan mereka dalam model data. Ini berarti bahwa setiap satu,
tidak ada, atau semua, dari beberapa atribut dalam kunci senyawa
f. Sekunder key
adalah contoh web server, web server Apache yang mendukung PHP, web
dan PHP, web server Tomcat yang medukung java Server Pages ( JSP).
data yang akan di olah pada halam web. Data base bisa disebut data base
user dengan data-data yang ada di dalam database. Dengan DBMS user
Arsitektur DBMS ada yang stand alone dan ada yang client server.
DBMS yang harus di gunakan adalah database server karena aplikasi web
adalah aplikasi client server yang dapat di akses oleh banyak user selama
ada koneksi internet, berikut adalah beberapa DBMS server yang populer
saat ini :
24
25
HTTP atau Heyper text Markup Language merupkan salah satu format
halaman web. Dokumen ini di kenal sebagai web page . dokumen HTML
merupakan dokumen yang di sajikan pada web Browser. Tag adalah kode
yang di gunkan untuk moles text ASCII menjadi HTML. Tag di awali
tanda runcing. ada text pembuka <HTML> dan ada text penutup
dalam pembuatan dokumen HMTL adalah tag html, tag body, dan tag
dokumen adalah dokumen HTML tag ini sebagai tag pertama dalam
dokumen HTML , tag head merupakan tag berikutnya setelah tag html, di
tampilakan. Tag title merupakan tag di dalam head yang di gunakan untuk
menuliskan judul dari dokumen HTML yang akan mucul pada caption
halam browser jika halam tersebut di akses. tag body merupakan section
utama dalam dokumen web pada section ini semua dokumen yang akan di
26
Contoh program :
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
dilisensikan secara gratis serta dapat di-download secara bebas dari situs
resminya http://www.php.net
27
Contoh program :
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
14. MySQL
MySQL adalah salah satu jenis database server yang sangat terkenal
SQL atau DBMS yang multithread, multiuser, dengan kuran lebih enam
WYSIWYG (What You See is What You Get) atau dalam bahasa
akhir web kita nanti akan sama dengan tampilan pada saat proses
suatu web bukanlah hal yang sulit. Kita tidak perlu menguasai berbagai
aplikasi ini sudah disediakan alat alat otomatis. Selain itu, aplikasi ini juga
menyediakan 3 macam tampilan yaitu Code View, Design View dan Split
View. Code View cocok untuk para programmer yang terbiasa dengan
kode kode pemrograman web. Sedangkan Design View cocok untuk para
a. Toolbar
Nama Keterangan
Nama Keterangan
Sublime Text Editor pertama kali dirilis pada tanggal 18 januari 2008,
dan sekarang versi Sublime Text Editor sudah mencapai versi 3 yang
dan juga windows. Sangat Banyak fitur yang tersedia pada Sublime Text
drag and drop direktori ke sidebar terasa mirip dengan TextMate untuk
Mac OS.
tahapan yang ada pada SDLC untuk membangun sebuah perangkat lunak.
ini adalah sebuah metode yang tepat untuk membangun sebuah perangkat
lunak yang tidak terlalu besar dan suber daya manusia yang terlibat dalam
Dapat di lihat pada gambar 10. berikut adalah penjelasan dari tahap-
dan hubungan-hubunganya.
memenuhi spesifikasinya.
METODE PENELITIAN
Tahap ini di lakukan untuk menentukan bahan dan materi yang di perlukan
sehingga terwujud suatau hasil penelitian. Bahan dan materi berupa informasi
1. Data Petugas
2. Data Produk
3. Data Pembeli
4. Data Transaksi
B. Alat Penelitian
32
33
d. XAMPP
e. WEB Browser
halaman website yang telah di buat. Dalam penelitian ini web browser
f. Adobe Dreamweaver
informasi.
g. Sublime text2
C. Jalan Penelitian
sebagai berikut
36
1. Pengumpulan Data
di lakukan diantaranya:
a. Observasi
Adapun data-data yang akan diperoleh dari observasi yaitu berupa data
b. Wawancara
2. Analisis sistem
menerima pesanan online via telfon atau sms hanya bertugas saat
HDD 160GB.
D. Perancangan sistem
sehingga setelah instalasi, sistem akan benar-benar bisa berjalan dengan baik.
1. Diagram Konteks
di buat.
terdapat dua entitas yaitu petugas, dan pembeli. Petugas adalah yang
untuk sistem berasal dari petugas dan pelanggan. Input dari petugas adalah
DFD adalah suatu model logika data atau proses yang di buat unruk
menggambarkan dari mana asal data dan kemana tujuan data yang keluar
dari sistem, dimana, data disimapan, proses apa yang menghasilkan data
tersebut. interakasi antara data yang tersimpan dan proses yang di kenakan
dari input dan output. DFD menunjukan hubungan antara data pada sistem
a. DFD level 1
Solenoida dapat dilihat yang mana telah tersajikan pada gambar 3.2
berikut.
kedalam sistem.
pengiriman.
Pada tahap ini mengumpulkan serta menentukan data apa saja yang
data yang di peroleh dari DFD, maka data yang di perlukan adalah data
petugas , data detail petugas, data pembeli, data produk, data transaksi,
tahap 1.
mencapai kinerja yang terbaik . pada tahap ini mengambarkan jenis dan
tipe data serta relasi antar tabel dari tabel satu ke tabel yang lain. dimana
ada beberapa tabel yang saling berkaitan. Dengan adanya relasi tersebut
akan mempermudah pembacaan tabel karena akan terlibat file mana yang
di jadikan primary key dan foreigen key. Dari tabel tersebut mempunyai
Jumlah file :4
group Varchar 25
berikut.
Jumlah file : 14
Jumlah file :7
Jumlah file : 15
50
Jumlah file : 10
51
Jumlah file : 10
Jumlah file : 10
53
Jumlah file :8
Jumlah file :8
penhemat bahan bakar femax di CV. Karya Solenoida adalah sebagai berikut
Desain Form halaman login petugas dapat dilihat pada sajian gambar
3.8
dilihat pada sajian gamabar 3.9 form tambah petugas dan gambar 3. 10
daftar petugas.
56
dan daftar kategori untuk melihat kategori yang sudah di input-kan, dapat
dilihat pada sajian 3.11 tambah kategori dan gambar 3.12 daftar kategori.
kan.gambar dapat dilihat pada sajian 3.13 tambah produk dan gambar
5. Tampilan index
6. Form Pemesanan
7. Daftar pesanan
pesanan. gambar dapat dilihat pada sajian gambar 3.18 form managemen
pesanan.
penlitian baik dari objek yang diteliti maupun dalam pembuatan program serta
pemaikain software.
A. Hasil Penelitian
Hasil penelitian ini berupa perangkat lunak atau aplikasi yang dapat
digunakan untuk media penjualan online dengan berbasis web penjualan alat
HTML dan PHP. Pada aplikasi ini terdapat 6 form utama di dalam halaman
khusus petugas yaitu terdapat form login petugas, form petugas, form
produk, form kategori, form pesanan, form tarif jne. Terdapat laporan transksi
yaitu form pemesanan serta form cek status. Sistem ini akan di uji
1. Login Petugas
tombol login.
60
61
halaman khusus petugas. Jika terdapat kesalahan pada saat pengisian form
halaman petugas. Pada daftar ini terdapat tombol tambah, edit , hapus,
cekbox dan form cari. Form cari di gunakan untuk mencari data
menampilkan Form yang dapat di lihat pada sajian gambar 4.3. jika
tombol edit di klik maka form sudah otomatis terisi sesuai data yang
akan di edit.
tambah maupun edit petugas. Terdapat tombol tutup dan tambah , jika
63
tombol tutup di klik maka akan kembali tampilan daftar petugas, serta
data yang sudah di inputkan akan secara otomatis tehapus. Jika form
telah di isi dengan tepat dan di klik tombol tambah maka data yang
sudah di inputkan akan tersimpan. Untuk form edit hapir sama dengan
update. Untuk fungsi dan kebutuhan tetap sama, jika edit maka form
akan terisi otomatis sesuai data yang akan di edit, kemudian jika
tombol tutup di klik maka akan kembali ke form daftar petugas dan
data tidak ada perubahan. Jika form inputan edit telah disi dan tombol
update di klik makan data akan tersimpan sesuai yang telah di edit.
Pada gambar yang terlihat pada sajian gambar 4.4. terdapat tombol
tombol tutup dan tambah, jika tombol edit di klik terdapat tombol
tutup dan update, Tombol hapus untuk menghapus data. Tombol edit
mulai dari tarif, estimasi pengiriman. untuk tarif jne tidak tredapat
tambah karena semua data sudah di inputkan. Tampilan daftar tarif jne
di mana telah di sajikan pada gambar 4.6. Tampilan form edit dapat di
lihat pada sajian gambar 4.7 di sana terbapat form inputan yang tidak
bisa di rubah yaitu nama kota serta nama kecamatan. Untuk tombol
65
pada Form edit sama seperti lainya hanya terdapat tutup dan update
form tambah produk dan edit peoduk. Pada halaman data produk ini
yang terlihat pada gambar 4.8 terdapat tombol yaitu tambah produk, edit,
66
hapus, dan cek box untuk aksi masal. Tombol hapus untuk menghapus
produk yang tersaji pada gambar 4.8 terdapat tombol tambah produk
produk. Kolom cari digunakan untuk mencari data produk yang telah
6. Halaman index
memasukkan kata kuci nama produk. Pada sajian gambar 4.10 adalah
halaman index.
produk di klik maka akan muncul tampilan detail dari prduk tersebut
tampilan halam detail barang dapat di lihat pada sajian gambar 4.11.
beli dan kranjang belanja dapat di lihat pada sajian gambar 4.12.
69
yang sudah di beli, semua akan tampil di halaman ini. Pada halalam
barang yang akan di beli. Pada keranjang belanja terdapat dua tombol
gambar 4.13.
7. Halaman Pemesanan
harus di isi. Di samping form yang haris di isi oleh pembeli terdapat
71
daftar belanja yang telah di beli dan terdapat total yang harus di
untuk menyimpan data pesanan dan dapa pemesan kedalam data base.
8. Pengelolaan Pesanan
terlihat pada gambar 4.14. terdapat tombol, edit, hapus dan tombol
mengubah data. Jikas sudah masuk kedalam Form edit terdapat tombol
pada form ini terdapat tombol cetak alamat yang di gunakan untuk
pesanan.
Data halaman Cek Status, pada sajian gambar 4.15 pembeli dapat
kirim dan sudah di terima. Sebelum pembeli cek status pembeli harus
73
Setalah Form di isi dengan benar maka pembeli harus menekan tombol
4.15.
dengan dokumen berupa format word. Hasil bisa di lihat pada sajian
gambar 4.16
B. PEMBAHASAN
Sistem ini merupakan program aplikasi atau program sistem informasi web
penjualan di CV. Karya Solenoida wedi Klaten yang sudah didesain dan
penelitian ini didapatkan hasil berupa sebuah perangkat lunak yang bisa
Solenoida wedi Klaten. Pada aplikasi ini terdapat enam data utama yang
dikelola, yaitu data produk, data kategori produk, data petugas (petugas), data
lunak (software).
spesifikasi CPU CORE 2 DUO 2.53 GHz , LCD 12”, Memory 4 GB DDR3,
dalam pembuatan ERD dan DFD, XAMPP digunakan untuk membuat data
secara offline.
oleh pengguna, sebagai contoh ketika pengguna akan menghapus data maka
Cetak alamat dan cetak laporan transaksi bisa dicetak langsung dari
PENUTUP
Dari beberapa uraian tentang penelitian penulis dan analisis data yang
telah dijelaskan pada bab sebelumnya, maka untuk bab selanjutnya penulis
A. KESIMPULAN
digunakan untuk mengelola data transaksi penjualan online yang ada di CV.
Karya Solenoida. Pada penggunaan sistem baru ini yang berbasis web
75
76
dan PHP sudah berjalan dengan baik sesuai perencanaan yang diharapkan.
dan cetak alamat dengan cara manual. Sedangkan dalam sistem baru
sangat mudah dan cepat dalam pengolahan data cetak alamat dan
petugas.
3. Informasi yang dihasilkan juga bersifat cepat dan tepat waktu karena jika
B. SARAN
dari itu dapat dikemukakan beberapa saran yang dapat menjadi bahan atau
data transaksi penjualan online yang ada pada CV. Karya Solenoida.
1. Penerapan sistem baru akan berjalan dengan baik dan sukses jika yang
2. Semua pihak yang terlibat dalam hal ini perlu melakukan peninjauan
3. Sistem yang telah ada perlu dikembangkan dan diperbaiki secara terus
perlukan.
5. Sistem baru ini masih di perlukan pengembangan agar menjadi lebih baik.
jasa pengiriman. Pada fasilitas cek status perlu di kembangkan agar tidak
hanyak cek status saja tetapi dapat mengecek atau tracking paket.