TUTORIAL APLIKASI KASIR TUGAS BESAR PEMROGRAMAN WEB

Oleh : Kelompok 9 Dwi Octaviani Nindy Surya Agustin

3311501062 3311501063

PROGRAM STUDI TEKNIK INFORMATIKA POLITEKNIK NEGERI BATAM BATAM 2016

Perancangan ER Diagram

Skema relasional tabel Tabel Pengguna Nama Field Id Username Password

Tipe Int(11) Varchar(255) Varchar(255)

Keterangan Primary Key -

Tipe Int(11) Varchar(50) Float Varchar(20)

Keterangan Primary Key -

Nama Field

Tipe

Keterangan

Kode_transaksi

Int(11)

Primary Key

Kode_barang

Int(11)

Foreign Key

Id

Varchar(20)

Foreign Key

Quantity

Int(11)

-

Total

Int(11)

-

Tabel Barang Nama Field Kode_barang Nama_barang Harga Jenis_barang Tabel Transaksi

Tutorial

1. Download Code Igniter di situs www.codeigniter.com Kemudian ekstrak file yang sudah di download, ubah nama folder tersebut menjadi CI_tugasbesar dan letakkan pada folder XAMPP/htdocs

2. Download HTML2PDF di http://html2pdf.fr/en/download . Extract filenya di folder htdocs - CI_tugasbesar - asset.

3. Aktifkan Web Server XAMPP dan Start pada Module Apache dan Mysql

4. Buat database dengan nama db_kasir dengan tabel-tabel seperti berikut

5. Edit

file

database.php

yang

berada

di

CI_tugasbesar/application/config/database.php menjadi seperti berikut :

6. Tabel Nama File dan Folder yang terletak pada folder Application. No

Nama Folder

Nama File

1

models

Barang_model.php Kasir_model.php Laporan_model.php Login_model.php

2

controllers

barang.php kasir.php laporan.php login.php

3

views

Barang_view.php add_barang_view.php update_barang_view.php add_kasir_view.php kasir_view.php Login_view.php Print.php

folder

7. Beri nama kode berikut dengan Barang_model.php dan letakan file sesuai dengan ketentuan tabel db->select("*"); $this->db->from("barang"); return $this->db->get(); } function getBarang($kode) { $this->db->where('kode_barang', $kode); $this->db->select("*"); $this->db->from("barang"); return $this->db->get(); } function addBarang($data) { $this->db->insert('barang', $data); } function updatebarang($data, $condition) { $this->db->where($condition); $this->db->update('barang', $data); } function deleteBarang($kode) { $this->db->where('kode_barang', $kode); $this->db->delete('barang'); } }

8. Beri nama kode berikut dengan barang.php dan letakan file sesuai dengan ketentuan tabel
function __construct() { parent::__construct(); $this->load->model("Barang_model"); } public function index() { $data['listBarang'] = $this>Barang_model->getAllBarang(); $this->load->view('barang_view', $data); } public function addBarang() { $this->load->view('add_barang_view'); } public function addBarangDb() { $data = array('nama_barang' => $this->input->post('nama_barang'),'harga' => $this->input>post('harga'), 'jenis_barang' => $this->input>post('jenis_barang')); $this->Barang_model>addBarang($data); redirect('barang'); } public function updateBarang($kode_barang) { $data['barang'] = $this->Barang_model>getBarang($kode_barang); $this->load->view('update_barang_view', $data); } public function updateBarangDb() { $data = array('nama_barang' => $this>input->post('nama_barang'),'harga' => $this->input->post('harga'), 'jenis_barang' => $this->input>post('jenis_barang')); $condition['kode_barang'] = $this>input->post('kode_barang'); $this->Barang_model>updateBarang($data, $condition); redirect('barang'); } public function deleteBarangDb($kode_barang) { $this->Barang_model>deleteBarang($kode_barang); redirect('barang'); } }

9. Beri nama kode berikut dengan barang_view.php dan letakan file sesuai dengan ketentuan tabel <style type="text/css"> body{ width: 80%; margin: 20px auto; background:black; } .container{ width: 100%; margin: 30px auto; } /*bagian header*/ .header{ background: #DCDCDC; padding: 2px 10px; text-align: center; font:100% Freestyle Script; font-size:20px; color: #665039; } /*akhir header*/ .clear{ clear: both; } .nav{ height: 500px; } /*bagian sidebar*/ .container .nav .sidebar{ background: #222; float: left; width: 25%; height: 500px; } /*akhir sidebar*/ .container .nav .content{ background: #F5F5DC; float: left; height: 500px; width: 75%; font:100% Tekton Pro; } .footer{ padding: 2px 10px; background: #DCDCDC; font:100% Chaparral Pro Light; color: #665039; }

a:link, a:visited { display: block; width: 75%; font-weight: #F0FFFF; color: gold; background-color:#2F4F4F ; text-align: center; padding: 10px; text-decoration: none; text-transform: uppercase; } a:hover, a:active { background-color: black; }