Modul Tutorial Pembuatan Aplikasi Kasir
PERSIAPAN
1.
Mengaktifkan Server Web
Server Web adalah sofware yang menjadi tulang belakang dari World
Wide Web(www). Server web menunggu permintaan dari client yang menggunakan browser
sepert modzila, chrom, Internet Explorer, Opera mini, dan browser lainnya.
Jika ada permintaan dari browser, maka server web akan memproses pemintaan
itu kemudian memberikan hasil prosesnya berupa data yang diinginkan kembali ke browser.
Kami menggunakan software XAMPP. XAMPP adalah sebuah sofware free yang telah
menggabungkan web server, PHP dan MySQL kedalam satu program. Sehingga ketika XAMPP
digunakan, kita tdak perlu lagi menginstall PHP, MySQL dan Apache. Jika dikomputer
anda belum ada XAMPP maka anda bisa mengakses http://www.apachefriends.org.
Dan melakukan download sesuai dengan spesifkasi komputer anda, apakah itu Windows,
Mac OS, atau Linux
·
Buka aplikasi
XAMPP yang ada dikomputer anda
·
Maka muncul
seperti gambar dibawah ini
·
Klik Start Apache dan Mysql
2.
Framework
Pembuatan website di tugas besar ini kami menggunakan framework
yaitu CodeIgniter, oleh karena itu kita harus mempersiapkan CodeIgniter. Jika belum
ada anda bisa mengakses di http://www.codeigniter.com untuk mendownload framework codeigniternya.
· Letakkan file yang telah di download pada folder C:/xampp/htdocs
lalu extract file tersebut
· Agar lebih mudah
boleh mengganti nama folder codeigniternya contoh pada pembuatan web ini kami
mengubah nama folder menjadi TugasBesar
· Buka foldernya kemudian cari folder applicaton
· Lihat tiga folder mvc yang ada: Models, Views, Controllers
MVC adalah teknik atau
konsep yang memisahkan komponen utama menjadi tiga komponen yaitu model, view,
dan controller
§ Model
Model merupakan bagian
penangan yang berhubungan dengan pengolahan atau manipulasi database. Seperti
mengambil data dari database, menginput dan pengolahan database lainnya. Semua
intruksi yang berhubungan dengan pengolahan database di letakkan di dalam
model.
§ View
View merupakan bagian
yang menangani halaman user interface atau halaman yang muncul pada user.
Tampilan dari user interface dikumpulkan pada view untuk memisahkannya dengan
controller dan model sehingga memudahkan web design dalam melakukan
pengembangan tampilan halaman website
§ Controller
Controller merupakan
kumpulan intruksi aksi yang menghubungkan model dan view. Jadi, user tidak akan
berhubungan dengan model secara langsung.
3.
Bootstrap
Bootstrap merupakan
sebuah library framework CSS yang di buat khusus untuk bagian pengembangan
front-end website. Bootstrap merupakan salah satu framework HTML, CSS dan
JavaScript yang paling popular di kalangan web developer. Pada saat ini hamper
semua web developer telah menggunakan bootstrap untuk membuat tampilan
front-end menjadi lebih mudah dan sangat cepat, karena anda hanya perlu
menambahkan class-class tertentu misalnya membuat tombol, grid, navigasi dan
lainnya.
§ Download
bootstrap
§ Buat
sebuah folder baru dengan nama assets pada folder codeigniter tadi yang
diberi nama TugasBesar(xampp/htdocs/TugasBesar)
§ Copy
folder bootstrap yang anda download, lalu simpan di dalam folder assets yang
tadi anda buat (xampp/htdocs/TugasBesar/assets).
4.
Html2pdf
Membuat laporan PDF, kebanyakan beberapa
website bisnis atau e-commerce ada fitur mencetak laporan untuk mengevaluasi
kinerja perusahaan kersebut. Saat ini sudah banyak pengembang pemograman
website yang membuat plugin untuk membuat atau mencetak laporan pdf
seperti Html2Pdf, Mpdf, Fpdf, dan lainnya. Pada tugas besar, kami menggunakan
Html2Pdf sebagai plugin untuk membuat atau mencetak laporan pdfnya
Instalasi
§ Download
plugin Html2Pdf. Pada tugas besar, kami menggunakan Html2Pdf v4.03
§ Jika
belum ada folder assets di folder codeigniter, maka anda harus membuat sebuah
folder baru dengan nama assets pada folder codeigniter tadi yang
diberi nama TugasBesar(xampp/htdocs/TugasBesar)
§ Copy
dan Ekstrak file Html2Pdf yang Anda download, lalu simpan di dalam folder
assets yang tadi anda buat (xampp/htdocs/TugasBesar/assets).
5.
JQuery
JQuery merupakan suatu framework (library)
JavaScript dan cara baru dalam menuliskan kode JavaScript. JavaScript sendiri
adalah bahasa pemograman yang dapat bekerja di sebagian besar browser seperti
Google Chrome, Mozilla Firefox, Safari, Internet Explorer, Opera mini dan
lainnya. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag
SCRIPT. JQuery digunakan untuk mempermudah cara penulisan library JavaScript
sehingga dengan menggunakan JQuery kita dapat mempercepat perpindahan dokumen
HTML, penanganan event (event handling),
pembuatan animasi didalam web.
6.
Perancangan
Entity Relationship Diagram
Penjelasan tentang diagram :
a. Entitas
: user , barang
b. Atribut
·
user :
id_user, nama_user, username, password, level, Is_blokir
·
barang :
kode, nama, harga, stok, gambar
·
transaksi :
jam, tanggal, jumlah,
total
c. Relationship : transaksi
d. Cardinality : Many-to-Many
Relational Scheme
Karena Kardinaltas many-to-many maka relationship
transaksi menjadi tabel baru dan mengambil primary key dari tabel yang
terhubung dengannya seperti mengambil primary key dari tabel user yaitu id_user
dan mengambil primary key dari tabel barang yaitu kode.
·
user :
id_user, nama_user, username, password, level, Is_blokir
·
barang :
kode, nama, harga, stok, gambar
·
transaksi :
id_user, kode_barang, jam, tanggal, jumlah, total
7.
Perancangan
Database
§ Nama
Database : kasir
§ Nama
Tabel
1. barang
2. transaksi
3. user
§ Struktur masing-masing tabel
1. barang
Field
|
Type
|
Null
|
Key
|
Default
|
Extra
|
kode
|
Varchar(10)
|
No
|
Primary
Key
|
Null
|
|
nama
|
Varchar(50)
|
No
|
Null
|
||
harga
|
Int(11)
|
No
|
Null
|
||
stok
|
Int(11)
|
No
|
Null
|
||
gambar
|
Varchar(100)
|
Yes
|
Null
|
2. transaksi
Field
|
Type
|
Null
|
Key
|
Default
|
Extra
|
id_user
|
Int(11)
|
No
|
Primary
Key
|
Null
|
|
tanggal
|
Date
|
No
|
Primary
Key
|
Null
|
|
jam
|
Varchar(11)
|
No
|
Primary
Key
|
Null
|
|
kodebarang
|
Varchar(10)
|
No
|
Primary
Key
|
Null
|
|
jumlah
|
Int(11)
|
No
|
Null
|
||
total
|
Int(11)
|
No
|
Null
|
3. user
Field
|
Type
|
Null
|
Key
|
Default
|
Extra
|
id_user
|
Varchar(10)
|
No
|
Primary
Key
|
0
|
|
nama_user
|
Varchar(100)
|
No
|
Null
|
||
username
|
Varchar(30)
|
No
|
Null
|
||
password
|
Varchar(50)
|
No
|
Null
|
||
level
|
Varchar(30)
|
No
|
Null
|
||
is_blokir
|
Varchar(10)
|
No
|
Null
|
8. Langkah
pembuatan aplikasi kasir
(File
disimpan di xampp/htdocs/TugasBesar/application/models)
Login_model.php
(File
disimpan di xampp/htdocs/TugasBesar/application/controllers)
Login.php
(File
disimpan di xampp/htdocs/TugasBesar/application/views)
login_form.php
(File
disimpan di xampp/htdocs/TugasBesar/application/models)
aksi_login.php
(File
disimpan di xampp/htdocs/TugasBesar/application/views)
aksi_login.php
Tampilan
Form Login
(File disimpan di xampp/htdocs/TugasBesar/application/controllers)
Home.php
(File
disimpan di xampp/htdocs/TugasBesar/application/views)
index.php
Tampilan
Home
(File
disimpan di xampp/htdocs/TugasBesar/application/models)
Kasir_Model.php
(File
disimpan di xampp/htdocs/TugasBesar/application/controllers)
Kasir.php
(File
disimpan di xampp/htdocs/TugasBesar/application/views/barang)
tampil.php
(File
disimpan di xampp/htdocs/TugasBesar/application/views/barang)
tambah.php
(File
disimpan di xampp/htdocs/TugasBesar/application/views/barang)
ubah.php
Tampilan
barang
(File
disimpan di xampp/htdocs/TugasBesar/application/models)
Penjualan_Model.php
(File
disimpan di xampp/htdocs/TugasBesar/application/controllers)
Penjualan.php
(File
disimpan di xampp/htdocs/TugasBesar/application/views/transaksi)
tampil.php
Tampilan
Penjualan
(File
disimpan di xampp/htdocs/TugasBesar/application/models)
Transaksi_Model.php
(File
disimpan di xampp/htdocs/TugasBesar/application/controllers)
Transaksi.php
(File
disimpan di xampp/htdocs/TugasBesar/application/views/transaksi)
tambah.php
Tampilan
Transaksi
(File
disimpan di xampp/htdocs/TugasBesar/application/views)
template.php
(File
disimpan di xampp/htdocs/TugasBesar/application/views)
header.php
(File
disimpan di xampp/htdocs/TugasBesar/application/views)
footer.php
(File
disimpan di xampp/htdocs/TugasBesar/application/views)
content.php
(File
disimpan di xampp/htdocs/TugasBesar/application/views)
navbar.php
(File
disimpan di xampp/htdocs/TugasBesar/application/views)
sidebar.php
(File
disimpan di xampp/htdocs/TugasBesar/application/models)
Laporan_Model.php
(File
disimpan di xampp/htdocs/TugasBesar/application/controllers)
Laporan.php
(File
disimpan di xampp/htdocs/TugasBesar/application/views/laporan)
penjualan.php
Tampilan
tampilkan laporan
(File
disimpan di xampp/htdocs/TugasBesar/application/views/laporan)
Penjualan_pdf.php
Tampilan cetak laporan
bisa minta emailnya master?
ReplyDeletebolek minta cpnya?
ReplyDeletemin minta scripnya dong, kebanyakan kalo ketik manual haha
ReplyDeleteBoleh minta scriptnya via email kak
ReplyDeletemin, kirim script nya boleh?
ReplyDeleteBoleh kirim scriptnya ke email g.suryawan12@gmail.com
ReplyDeletemin, kirim scriptnya boleh ? ke email gilangseptiansyah214@gmail.com
ReplyDeleteBagi source code nya dong gan.
ReplyDeletesetyaagung74@gmail.com
bagi source code nya dong gan
ReplyDeleteardiasking1104@gmail.com
bagi source code nya dong gan
ReplyDeleteardiasking1104@gmail.com
Boleh minta scriptnya via email ga ? maaf kakak saya ingin belajar, jika berkenan kirim kesni ya radenismailsaputra@gmail.com
ReplyDeletemantab jiwa bermanfaat sekali bagi saya terimakasih
ReplyDeleteSoftware Akuntansi Perusahaan
Boleh minta scriptnya gak bos ??
ReplyDeleteKalo bisa tolong kirim ke . edriwahyudi19@gmail.com.
Makasih sebelum nya bos
mantab gan sangat bermanfaat sekali terimakasih
ReplyDeleteSoftware Inventaris Barang
klo boleh saya minta script nya dong bos, kirim ke deniirawan9@gmail.com
ReplyDeleteterima kasih banyak sebelum nya.....
kalau boleh minta scriptnya gan, kirim ke azizakbar54@gmail.com
ReplyDeleteboleh minta scriptnya gan? kirim ke rizky.samudra89@gmail.com
ReplyDeleteTerimakasih infonya jangan lupa mampir
ReplyDeleteSoftware toko gratis
butuh hardware pc ? semua tersedia di
ReplyDeleteKOMPUTEKIT
ReplyDeleteTERIMAH KASIH INFONYA JANGAN LUPA MAMPIR GAN
kOMPUTERKIT
boleh minta script nya kak?
ReplyDeleteBoleh minta scriptnya gan krm ke mohamadmarzuki23@gmail.com
ReplyDeleteboleh mintak script nya gan ?udah cobak ngetik malah nggak nyambung dia, ini email saya dellafberi1721@gmail.com
ReplyDeleteini email yang betul nya gan dellafebri1721@gmail.com
ReplyDeletekirim source code nya ke aqilnafal29@gmail.com
ReplyDeleteminta source codenya bang buat pembelajaran bagasferdiana3343@gmail.com
ReplyDeleteminta source code nya gan georgetimotius.23@gmail.com
ReplyDeleteminta source code nya dong gan, husnamoetiaputri@gmail.com
ReplyDeleteketik dong masa minta hahaha
ReplyDeleteasalamualaikum..
ReplyDeletekka boleh minta scripnya soalx aku pnya error pas ikutin tutorial nya kka
minta script dong
ReplyDeletekakak gambarny ngeblur
ReplyDeleteyo bro, bisakah saya meminta sourcekodenya?? jika ya, tolong kirim ke defaanges3@gmail@gmail.com thanks
ReplyDeleteBoleh donk kirimin scriptnya via email aktual.yudhi@gmail.com
ReplyDeletesaya print terlalu kecil, gak kebaca soalnya. Thanx alot
minta scriptnya dong min, butuh untuk tugas nih hhuhu:(
ReplyDeletemohon maaf bisa minta sourcode y kak
ReplyDeleteboleh minta scrip nya pak ke alexkliwon@gmail.com 🙏🙏
ReplyDeleteudah dapet scrip.nya apa belum mas. kalo udah ada sya minta ya mas/mb trumakasih
Deleteminta copy script.nya kirim ke riswandiasegaf@gmail.com
ReplyDeleteBoleh minta script nya mas.
ReplyDeleteFaiz050898@gmail.com
boleh minta scripnya pak?
ReplyDeleteajis.trigunawan45@gmail.com
bisa minta scripnya pak...
ReplyDeletemakmurhs69@gmail.com
makasi sebelumnya
Kak boleh minta scriptnya ? Kalau boleh kirim ke mrhafidzz77@gmail.com
ReplyDeleteKak boleh minta source kodenya ?? mhmmdadi04@gmail.com
ReplyDeleteKa boleh minta scriptnya? Kalo boleh kirim ke silviadebora82@gmail.com terimakasih sebelumnya
ReplyDeleteKak boleh mintak scriptnya ?
ReplyDeleteAbunambeng@gmail.com
boleh minta scripnya gan..??
ReplyDeletesnoock.pro@gmail.com
kak tolong minta scripnya :)
ReplyDeletefebri.taufiq02@gmailcom
min untuk databasenya emang gak ada relasiya antara tabel 1 dengan lainnya
ReplyDeleteBoleh minta scriptnya om
ReplyDeleteadd.putraw@gmail.com
boleh minta source code nya ke bebaspurnawan@gmail.com. terima kasih
ReplyDeleteminta script nya kak ke email saya fajarsalam07@gmail.com
ReplyDeleteDear Admin,
ReplyDeleteJika berkenan, mohon kirimkan source codenya ke email hubertuscahyoargo@gmail.com.
Regrats,
Argo
ADA YANG BISA BANTU ,KENAPA ERROR DI MY MODEL NOT FOUND DAN MY_CONTROLLER NOT FOUND
ReplyDeleteBoleh saya minta secripnya. Ke email kharirmakhfudz123@gmail.com
ReplyDeleteWow keren banget. Kalau boleh saya mau minta source codenya gan?
ReplyDeleteBoleh minta scriptnya?
ReplyDeleteazarifdha01@gmail.com
This comment has been removed by the author.
ReplyDeleteKaka saya masih sekolah, boleh minta source codenya buat belajar?soalnya guru saya jelasinnya gk jelas makanya saya inisiatif belajar sendiri.
ReplyDeletesmsdnse@gmail.com
Assalamualaikum. Boleh minta source code nya buat belajar ? sisilfia02@gmail.com
ReplyDeleteDownload source code aplikasi berbasis web https://pondokasoft.com
ReplyDeleteDownload source code aplikasi berbasis web https://pondoksoft.com
ReplyDeleteAssalamualaikum...
ReplyDeleteMohon bantuan..boleh izin minta data nya by email..
Gunawan.jpp@gmail.com
Assalamualaikum kak boleh minta source code nya kak,mohon bantuannya
ReplyDeleteBy email : shufisyahra@gmail.com
Min kirim source codenya dong ke kharirmakhfudz123@gmail.com
ReplyDeleteKa boleh minta dikirim source code nya ke aniqmaharanibbh@gmail.com
ReplyDeleteMaaf....kl bolejh minta tlng dikirim source code ke email bahrif182@gmail.com
ReplyDeleteKak boleh minta tolong dikirim source code ke rioaditya2500@gmail.com
ReplyDelete