bab ii perancangan aplikasi - bina sarana informatika...a. membuat database setelah xampp dihidupkan...

102
14 BAB II PERANCANGAN APLIKASI 2.1. Rancangan Database Dalam merancang database tentu saja memerlukan software pendukung untuk membuatnya, nah disini kami menggunakan aplikasi Xampp versi 3.2. dan buka aplikasi nya lalu hidupkan mysqL dan aphace A. Membuat Database Setelah xampp dihidupkan dan sudah masuk ke phpmyadmin ,lalu buat databasenya dengan nama db_bengkel ,seperti gambar dibawah ini : Gambar II.1 Membuat Database B. Membuat Tabel Setelah membuat database lalu buat tabelnya ,seperti berikut ini : 1. Tabel Admin Disini berisi data-data admin yang mengelola aplikasi ini Gambar II.2 Membuat Tabel Admin

Upload: others

Post on 12-Feb-2021

1 views

Category:

Documents


0 download

TRANSCRIPT

  • 14

    BAB II

    PERANCANGAN APLIKASI

    2.1. Rancangan Database

    Dalam merancang database tentu saja memerlukan software

    pendukung untuk membuatnya, nah disini kami menggunakan

    aplikasi Xampp versi 3.2. dan buka aplikasi nya lalu hidupkan

    mysqL dan aphace

    A. Membuat Database

    Setelah xampp dihidupkan dan sudah masuk ke phpmyadmin ,lalu

    buat databasenya dengan nama db_bengkel ,seperti gambar dibawah

    ini :

    Gambar II.1

    Membuat Database

    B. Membuat Tabel

    Setelah membuat database lalu buat tabelnya ,seperti berikut ini :

    1. Tabel Admin

    Disini berisi data-data admin yang mengelola aplikasi ini

    Gambar II.2

    Membuat Tabel Admin

  • 15

    2. Tabel User

    Disini berisi data-data user yang menggunakan aplikasi ini

    Gambar II.3

    Tabel User

    Gambar II.4

    Isi Tabel User

    3. Tabel barang

    Disini berisi barang yang tersedia dibengkel ini berikut

    harganya

    Gambar II.5

    Tabel Barang

  • 16

    Gambar II.6

    Isi Tabel Barang

    4. Tabel jasa

    Disini berisi tentang jenis jasa apa yang dipakai seperti

    service, dll.

    Gambar II.7

    Tabel Jasa

    Gambar II.8

    Tabel Isi Jasa

    5. Tabel jadwal

    Disini berisi jadwal service yang tersedia

    Gambar II.9

    Tabel Jadwal

  • 17

    Gambar II.10

    Tabel Isi Jadwal

    6. Tabel Motor

    Disini berisi data-data motor yang harus di isi saat akan di

    service

    Gambar II.11

    Tabel Motor

    Gambar II.12

    Tabel Isi Motor

  • 18

    7. Tabel Transaksi

    Berisi data-data transaksi yang dilakukan

    Gambar II.13

    Tabel Transaksi

    Gambar II.14

    Tabel Isi Transaksi

    8. Tabel detail_service_jasa

    Berisi detail service jasa yang dilakukan

    Gambar II.14

    Tabel Detail Service Jasa

    Gambar II.15

    Tabel Isi Detail Service Jasa

  • 19

    9. Tabel detail_service_barang

    Berisi detail service barang yang terjadi

    Gambar II.16

    Tabel Detail Service Barang

    Gambar II.17

    Detail Service Barang

    2.2. Rancangan form Master

    2.2.1. Rancangan form admin

    Disini kita akan membuat form admin menggunakan sublime

    text 3 dan menggunakan bootstrap sebagai template nya, langsung

    saja kita mulai pembuatannya.

    1. Kita buat folder bengkel_motor dan masukan file bootstrap

    yang sudah di download tadi kedalam folder assets.

    Gambar II.18

    Folder Bengkel_Motor

    2. Lalu buat folder action didalam folder bengkel_motor tadi

    dan buat file bernama koneksi.php untuk koneksi database

    nya :

  • 20

    Gambar II.19

    Gambar File Koneksi

    3. Setelah koneksi selesai, kita buat folder lagi dengan nama

    admin, lalu buat file index.php untuk tampilan halaman

    dashboard admin dan masukan skrip berikut :

    Skrip index.php admin

  • 21

    Admin | Bengkel Motor

    tinymce.init({

    selector: "textarea", plugins: [ "advlist autolink lists

    link image charmap print preview anchor",

  • 22

    "searchreplace visualblocks code fullscreen",

    "insertdatetime media table contextmenu paste" ],

    toolbar: "insertfile undo redo | styleselect | bold italic |

    alignleft aligncenter alignright alignjustify | bullist numlist

    outdent indent | link image" });

    .navbar {

    background-color:darkgoldenrod;

    }

    .text-center {

    background-color:darkgoldenrod;

    }

    @font-face {

    font-family: 'Material Icons';

    font-style: normal;

    font-weight: 400;

    src: url(js/iconfont/MaterialIcons-

    Regular.eot); /* For IE6-8 */

    src: local('Material Icons'),

    local('MaterialIcons-Regular'),

    url(js/iconfont/MaterialIcons-

    Regular.woff2) format('woff2'),

    url(js/iconfont/MaterialIcons-

    Regular.woff) format('woff'),

    url(js/iconfont/MaterialIcons-

    Regular.ttf) format('truetype');

    }

    .material-icons {

    font-family: 'Material Icons';

    font-weight: normal;

    font-style: normal;

    font-size: 24px; /* Preferred icon size

    */

    display: inline-block;

    line-height: 1;

    text-transform: none;

    letter-spacing: normal;

    word-wrap: normal;

    white-space: nowrap;

  • 23

    direction: ltr;

    /* Support for all WebKit browsers.

    */

    -webkit-font-smoothing: antialiased;

    /* Support for Safari and Chrome. */

    text-rendering: optimizeLegibility;

    /* Support for Firefox. */

    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */

    font-feature-settings: 'liga';

    }

    Bengkel TOP

  • 24

    Selamat Datang, Admin

    Logout

  • 25

    & Logout

    Dashboard

    Module Member

    Module Data Service

    Laporan

  • 26

    Jadwal Service

    Admin Menu

    Data Jasa Service

    Data Barang

    Logout

  • 27

    copyright © 2018 Beny Rukwana Putra |

    Theme by Moltran.

    var resizefunc = [];

  • 28

    $(document).ready(function() {

    $('#datatable').dataTable();

    } );

    function bacaGambar(input) {

    if (input.files && input.files[0]) {

    var reader = new FileReader();

    reader.onload = function (e) {

    $('#gambar_nodin').attr('src', e.target.result);

    }

    reader.readAsDataURL(input.files[0]);

    }

    }

    $("#photo").change(function(){

    bacaGambar(this);

    });

  • 29

    function getkey(e)

    {

    if (window.event)

    return window.event.keyCode;

    else if (e)

    return e.which;

    else

    return null;

    }

    function goodchars(e, goods, field)

    {

    var key, keychar;

    key = getkey(e);

    if (key == null) return true;

    keychar = String.fromCharCode(key);

    keychar = keychar.toLowerCase();

    goods = goods.toLowerCase();

    // check goodkeys

    if (goods.indexOf(keychar) != -1)

    return true;

    // control keys

    if ( key==null || key==0 || key==8 || key==9 || key==27 )

    return true;

    if (key == 13) {

    var i;

    for (i = 0; i < field.form.elements.length; i++)

    if (field == field.form.elements[i])

    break;

    i = (i + 1) % field.form.elements.length;

    field.form.elements[i].focus();

    return false;

    };

    // else return false

    return false;

    }

  • 30

    $(document).ready(function(){

    fetch_poll_data();

    function fetch_poll_data()

    {

    $.ajax({

    url:"fetch_poll_data.php",

    method:"POST",

    success:function(data)

    {

    $('#poll_result').html(data);

    }

    });

    }

    });

    Gambar II.20

    Dashboard Admin

  • 31

    4. Setelah itu kita buat tampilan login dan logoutnya

    Skrip login admin

    Login Admin- Masuk

  • 32

    Login Administrator

  • 33

    Remember me

  • 34

    Log In

    var resizefunc = [];

  • 35

  • 36

    Gambar II.21

    Login Admin

    Skrip logout admin

    5. Tampilan login dan logout sudah selesai, lalu buat file

    proseslogin.php untuk memproses login

    Skrip proseslogin.php

  • 37

    $query=mysql_query("SELECT * FROM admin WHERE

    username='$username' AND password='$pass' ");

    $in=mysql_num_rows($query);

    $r=mysql_fetch_array($query);

    if ($in > 0){

    session_start();

    $_SESSION['username'] = $r['username'];

    header('location:index.php');

    }

    else{

    echo "

    window.alert('Username Atau Password Anda Salah');

    window.location =('login.php')";

    }

    ?>

    6. Untuk tampilan dashboard sudah selesai, selanjutnya buat

    file datamember.php untuk tampilan Module member disini

    kita bias melihat data member.

    Skrip data member.php

    Data Konsumen / Member

    No

  • 38

    Username

    Nama

    Jenis Kelamin

    Alamat

    No

    Telepon

    Aksi

  • 39

    n class='waves-effect blue btn'> Data Motor ";

    ?>

    7. Selanjutnya buat file data_service.php untuk tampilan

    module data service di dalam folder jadwal_service

    Skrip data_service.php

    Data Service

    No

    Kode Transaksi

  • 40

    Tanggal Service

    Jam Service

    No Polisi

    Status

    Aksi

  • 41

    aksi]>assignment Detail

    "; ?>

    $(document).ready(function(){

    $('#edit_data').click(function(){

    var url = $(this).attr('href');

    $.ajax({

    url : url,

    success:function(response){

    $('#modal_provinsi').html(response);

    }

    });

    });

  • 42

    });

    8. Buat form admin menu didalam nya berisi data jasa service

    dan data barang , sekarang kita akan membuat file data jasa

    service dengan nama datajasa.php.

    Skrip datajasa.php

    Data Jasa Service

    check Tambah Jasa Service

    No

    Nama Jasa

    Harga

    Aksi

  • 43

    $tp=mysql_query("SELECT * FROM jasa ORDER

    BY id_jasa ");

    while($r=mysql_fetch_array($tp)){

    ?>

    9. Selanjutnya buat file data barang dengan nama

    databarang.php

    Skrip databarang.php

  • 44

    Data Barang Service

    Tambah

    Barang

    No

    Nama Barang

    Merek

    Harga

    Aksi

  • 45

    while($r=mysql_fetch_array($tp)){

    ?>

    2.3. Rancangan Form Transaksi

    2.3.1. Rancangan Form User Untuk Transaksi

    Pertama buat Home.php untuk tampilan awal yang belum daftar

    member, masukan skrip dibawah ini :

  • 46

    WELCOME

    Mau

    Service Tanpa Antri!!!, Silahkan Boking Jadwal Service Secara

    Online, Segera Daftar.

    Daftarkan →

    Lalu buat file dengan nama Pendaftaran.php untuk mendaftar

    menjadi member, dan masukan skrip dibawah ini :

    Skrip Pendaftaran.php

    Daftar Member

    Baru

  • 47

    Nama Lengkap

    :

    Jenis Kelamin

    :

    Laki-Laki

    Perempuan

    Alamat Lengkap

    :

    No Telepon

    :

  • 48

    Username

    :

    Password

    :

    *) Dengan Mengisi semua form anda akan menjadi member

    untuk melakukan pemesanan londry

    Simpan

  • 49

    Jangan lupa buat aksi untuk menyimpan data member dengan file

    simpan_member.php , dan masukan skrip dibawah ini :

  • 50

    Lalu Buat File Index.php untuk tampilan dashboard user sebelum

    login, dan masukan skrip dibawah ini

    BENGKEL BJM

  • 51

    Home

    Tentang

    Jadwal Service

    Login


  • 52

    Selamat Datang Di Bengkel

    BJM

    Jasa Service

    Motor Secara Online

    We develop.

  • 53

    Contact

    Hubungi Kami Jika ada Masalah

    Mas Paijo

    +81262612222

    [email protected]

  • 54

    Copyright © 2019. Bengkel BJM

  • 55

    jQuery(function(){

    jQuery('#camera_wrap_4').camera({

    transPeriod: 500,

    time: 3000,

    height: '600',

    loader: 'false',

    pagination: true,

    thumbnails: false,

    hover: false,

    playPause: false,

    navigation: false,

    opacityOnGrid: false,

    imagePath: 'assets/images/'

    });

    });

    function bacaGambar(input) {

    if (input.files && input.files[0]) {

    var reader = new FileReader();

    reader.onload = function (e) {

    $('#gambar_nodin').attr('src', e.target.result);

    }

  • 56

    reader.readAsDataURL(input.files[0]);

    }

    }

    $("#photo").change(function(){

    bacaGambar(this);

    });

    Dan inilah tampilan user yang kita buat

    Gambar II.22

    Dashboard User

    Setelah dashboard selesai buat login untuk user ,inilah skrip untuk

    login :

  • 57

    Login

    Username

    :

    Password

    :

    Login

  • 58

    Gambar II.22

    Login User

    Setelah membuat login kita membuat halaman dashboard setelah

    login, pertama kita buat folder dengan nama member dan buat file

    index.php ,masukan skrip dibawah ini :

    Skrip index.php

  • 59

    if($_SESSION['username']==""){

    header("location:../index.php");

    }

    ?>

    BENGKEL

  • 60

    Home

    Tentang

    Data Motor

    Reservasi Jadwal Service

    Reservasi Jadwal Aktif

    Logout

    Hai

  • 61


    Selamat Datang Di Bengkel

    BJM

    Jasa Service

    Motor Secara Online

    We develop.

  • 62

    Contact

    Hubungi Kami Jika ada Masalah

    Paijo

    +81262612222

    [email protected]

  • 63

    Copyright © 2019. Bengkel BJM

  • 64

    jQuery(function(){

    jQuery('#camera_wrap_4').camera({

    transPeriod: 500,

    time: 3000,

    height: '600',

    loader: 'false',

    pagination: true,

    thumbnails: false,

    hover: false,

    playPause: false,

    navigation: false,

    opacityOnGrid: false,

    imagePath: 'assets/images/'

    });

    });

  • 65

    function bacaGambar(input) {

    if (input.files && input.files[0]) {

    var reader = new FileReader();

    reader.onload = function (e) {

    $('#gambar_nodin').attr('src', e.target.result);

    }

    reader.readAsDataURL(input.files[0]);

    }

    }

    $("#photo").change(function(){

    bacaGambar(this);

    });

    Dan inilah gambar dashboard setelah login

  • 66

    Gambar II.23

    Dashboard Setelah Login

    Terlihat perbedaan setelah login yaitu pada menu-menunya.Setelah

    itu jangan lupa buat menu logout.php di dalam folder member

    supaya bisa logout, masukan skrip dibawah ini :

    Skrip Logout.php

    Selanjutnya buat file data_motor.php di folder member untuk membuat

    aksi pada menu data motor, masukan skrip dibawah ini:

    Skrip data_motor.php

    Data Motor

    Tambah

    Data Motor →

  • 67

    No

    Nomor Polisi

    Jenis

    Motor

    Merk

    Motor

    Nama

    Motor

    Aksi

  • 68

  • 69

    Gambar II.24

    Data Motor

    Jangan lupa tambahkan aksi tambah motor, simpan dan hapus ,dan buat

    file . Tambah_motor.php , simpan_motor.php , delete_motor.php dan

    skripnya dibawah ini :

    Tambah_motor.php

    Tambah Motor

    No Polisi

    :

    Jenis Motor

    :

    Cub

    Matic

    Sport

  • 70

    Merk Motor

    :

    Honda

    Yamaha

    Suzuki

    Kawasaki

    Lainnya

    Nama Motor

    :

     Kembali

    Simpan

  • 71

    Skrip Simpan_motor.php

  • 72

    }else{

    $queryceknopol=mysqli_query($koneksi,"SELECT *

    from motor where no_polisi='$no_polisi'") or die(mysqli_error($koneksi));

    if(mysqli_num_rows($queryceknopol)==1){

    echo "

    window.alert('Nomor Polisi sudah Terdaftar');

    window.location =('index.php?tampilan=tambahmotor')";

    }else{

    $query=mysqli_query($koneksi,"INSERT INTO

    motor (no_polisi,jenis_motor,merk_motor,nama_motor,username)

    VALUES

    ('$no_polisi','$jenis_motor','$merk_motor','$nama_motor','$username')") or

    die(mysqli_error($koneksi));

    if($query){

    echo "

    window.alert('data motor berhasil ditambah');

    window.location =('index.php?tampilan=datamotor')";

    }else{

    echo "Gagal";

    }

    }

    }

    ?>

  • 73

    Skrip Delete_motor.php

  • 74

    >

    Lihat

    Tanggal

  • 75

    13.00 WIB

    14.00 WIB

    15.00 WIB

  • 76

    $query7=mysqli_query($koneksi,"SELECT * FROM

    transaksi where tanggal='$tanggal' and kode_jadwal='kdjw007'");

    $hasil7=mysqli_num_rows($query7);

    echo "

    $hasil1

    $hasil2

    $hasil3

    $hasil4

    $hasil5

    $hasil6

    $hasil7

    ";

    ?>

    Keterangan :

    0 - 5 (kosong - penuh)

    Tanggal

  • 77

  • 78


     Ganti Tanggal

    Pesan Jadwal

    Lalu buat aksi aksi simpan_jadwal.php

  • 79

    $queryid=mysqli_query($koneksi,"SELECT kode_transaksi from

    transaksi where kode_transaksi='$kode_transaksi'") or

    die(mysqli_error($koneksi));

    while(mysqli_num_rows($queryid)!=0){

    $kode_transaksi=uniqid();

    }

    $tanggal=$_POST['tanggal'];

    $kode_jadwal=$_POST['kode_jadwal'];

    $qrytel=mysql_query("SELECT * from jadwal WHERE

    kode_jadwal='$kode_jadwal'"); $data_tel=mysql_fetch_array($qrytel);

    $waktu = $data_tel['waktu'] ;

    $username=$_SESSION['username'];

    $no_polisi=$_POST['no_polisi'];

    $ket=$_POST['ket'];

    $status="Belum Service";

    $querycekjml=mysqli_query($koneksi,"SELECT * from transaksi

    where kode_jadwal='$kode_jadwal' and tanggal='$tanggal'");

    if(mysqli_num_rows($querycekjml)>=5){

    echo "

    window.alert('Maaf reservasi pada tanggal $tanggal dan pukul $waktu

    telah penuh, silahkan reservasi di lain waktu');

    window.location =('index.php?tampilan=pesan_jadwal')";

    }else{

  • 80

    $querycek=mysqli_query($koneksi,"SELECT

    username,tanggal,no_polisi from transaksi where username='$username'

    and tanggal='$tanggal' and no_polisi='$no_polisi'") or

    die(mysqli_error($koneksi));

    if (mysqli_num_rows($querycek)>=1){

    echo "

    window.alert('Motor telah terdaftar pada tanggal $tanggal ini, silahkan

    reservasi di lain hari');

    window.location =('index.php?tampilan=pesan_jadwal')";

    }else{

    $query=mysqli_query($koneksi,"INSERT INTO

    transaksi

    (kode_transaksi,tanggal,kode_jadwal,username,no_polisi,ket_service,statu

    s) VALUES

    ('$kode_transaksi','$tanggal','$kode_jadwal','$username','$no_polisi','$ket','

    $status')") or die(mysqli_error($koneksi));

    if($query){

    echo "

    window.alert('Pesan Jadwal Service Berhasil, Silahkan Cetak Bukti

    Transaksi');

    window.location

    =('index.php?tampilan=detailservice&kode_transaksi=$kode_transaksi')";

    }else{

  • 81

    echo "Gagal";

    }

    }

    }

    ?>

    Selanjut nya buat form reservasi jadwal aktif , sebelum itu buat file dengan

    nama data_reservasi.php.

    Skrip data_reservasi

    Status Service Anda

    No

    Kode Transaksi

  • 82

    Tanggal

    Service

    Jam

    Nomor

    Polisi

    Status

    Service

    Aksi

  • 83

    if ($r['status']=="Selesai Service") {

    echo "   Detail

    Service";

    } elseif($r['status']=="Proses Service") {

    echo "   Detail

    Service";

    }

    else{

    echo " Detail";

    }

    ?>

  • 84

    Setelah form reservasi berhasil di buat , selanjutnya kita membuat button-

    button nya didalam form reservasi dengan nama detail dan hapus.

    Skrip delete_servis.php

  • 85

    $SQL =mysql_query("SELECT * FROM transaksi WHERE

    kode_transaksi='$_GET[kode_transaksi]'");

    $_data=mysql_fetch_array($SQL);

    $kode_transaksi = $_data['kode_transaksi'];

    $username = $_data['username'];

    $qrytel=mysql_query("SELECT * from user

    WHERE username='$username'"); $data_tel=mysql_fetch_array($qrytel);

    $tel = $data_tel['nama'] ;

    $tell = $data_tel['no_telp'] ;

    $telll = $data_tel['alamat'] ;

    $no_polisi = $_data['no_polisi'];

    $qrytor=mysql_query("SELECT * from motor WHERE

    no_polisi='$no_polisi'"); $data_tor=mysql_fetch_array($qrytor);

    $tor = $data_tor['jenis_motor'] ;

    $torr = $data_tor['merk_motor'] ;

    $torrr= $data_tor['nama_motor'] ;

    echo"

    RINCIAN SERVICE MOTOR

    #RINCIAN DATA

    SERVICE MOTOR

  • 86

    BENGKEL TOP

    RINCIAN IDENTITAS

    RINCIAN SERVICE

    JL.Karawang

    ATAS NAMA

    $tel

    KODE TRANSAKSI

    # $_data[kode_transaksi]

    ALAMAT

    $telll

    STATUS SERVICE

    $_data[status]

     

    KONTAK

    $tell

    TGL.SERVICE

    $_data[tanggal]

    RINCIAN MOTOR

    NO POLISI

    $_data[no_polisi]

    MOTOR

    $tor , $torr $torrr

  • 87

     

     

     

     

     

     

     

     

     

    RINCIAN JASA

    SERVICE

     

     

     

    NAMA JASA

    HARGA

    ";

    $rincian=mysql_query("SELECT * FROM detail_service_jasa

    WHERE kode_transaksi='$_data[kode_transaksi]'");

    while($r=mysql_fetch_array($rincian)){

    $id_jasa=$r['id_jasa'];

    $qryjas=mysql_query("SELECT * from jasa WHERE

    id_jasa='$id_jasa'"); $data_jas=mysql_fetch_array($qryjas);

  • 88

    echo"

    $data_jas[nama_jasa]

    $r[totalHarga]

    ";

    $xi=mysql_query("select sum(totalHarga) as total from

    detail_service_jasa where kode_transaksi='$_data[kode_transaksi]'");

    $xxi=mysql_fetch_array($xi);

    $total_jasa= $xxi['total'];

    }

    echo"

    Total Biaya Jasa Service

    Rp. $total_jasa

  • 89

    RINCIAN

    BARANG

    Nama Barang

    Merek

    Harga

    Jumlah

    Subtotal

    ";

    $rincian=mysql_query("SELECT * FROM detail_service_barang

    WHERE kode_transaksi='$_data[kode_transaksi]'");

    while($r=mysql_fetch_array($rincian)){

    $id_barang=$r['id_barang'];

    $qrybar=mysql_query("SELECT * from barang WHERE

    id_barang='$id_barang'"); $data_bar=mysql_fetch_array($qrybar);

    echo"

    $data_bar[nama_barang]

    $data_bar[Merek]

    Rp.$data_bar[harga]

    $r[qty]

    Rp.$r[totalHarga]

  • 90

    ";

    $xii=mysql_query("select sum(totalHarga) as total from

    detail_service_barang where kode_transaksi='$_data[kode_transaksi]'");

    $xxii=mysql_fetch_array($xii);

    $total_barang= $xxii['total'];

    $total_biaya = $total_barang + $total_jasa;

    }

    echo"

    Total Biaya Barang Service

    Rp. $total_barang

    TOTAL BIAYA SERVICE

    Rp.

    $total_biaya

  • 91

     Kembali

     Cetak Transaksi

  • 92

    $qrytran=mysql_query("SELECT * from transaksi where kode_transaksi

    ='$kodetransaksi'");

    $data_tran=mysql_fetch_array($qrytran);

    $username=$data_tran['username'];

    $qryber=mysql_query("SELECT * from user where username

    ='$username'");

    $data_ber=mysql_fetch_array($qryber);

    $kode_jadwal=$data_tran['kode_jadwal'];

    $qrywal=mysql_query("SELECT * from jadwal where kode_jadwal

    ='$kode_jadwal'");

    $data_wal=mysql_fetch_array($qrywal);?>

    Detail Service

  • 93

    Kode Transaksi

    :

  • 94

    Jam Service

    :

  • 95

    Status Service

    :

  • 96

    Setelah detail transaksi selesai lalu kita buat file cetak_transaksi.php

    masih didalam folder member.

    Skrip cetak_transaksi.

  • 97

    }

    .ketengah{

    margin: 10px auto;

    width: 1150px;

    }

    h2{

    font-family: monospace;

    }

    p{

    font-family: courier;

    }

    BENGKEL TOP

    Jl. Kawawang No.1


    ====================================

    <

    /td>

    Bukti Transaksi

  • 98

    ====================================

    <

    /td>

    Kode Transaksi

    :

    Nama

    :

    Tanggal Service

    :

    Jam Service

    :

    No Polisi

    :

  • 99

    ====================================

    <

    /td>

    *) Harap Bawa Bukti ini ketika service

    window.print();

    2.4. Membuat Form Laporan

    Disini kita akan membuat laporan jadwal service yang ada di admin

    ,langsung saja kita buat folder laporan di admin lalu ke folder tampilan

    seperti gambar di bawah ini :

    Gambar II.25

    Gambar folder laporan

  • 100

    Lalu buat file di dalam folder laporan dengan nama jadwal_service.php

    ,dan masukan skrip dibawah ini :

    Skrip jadwal_service.php

    Laporan Jadwal Service

    Cetak Laporan Berdasarkan Tanggal

    Dari Tanggal

    S/D Tanggal


  • 101

    receipt Cetak

    Cetak Laporan Berdasarkan Kondisi

    Status Service

    Belum

    Service

    Proses Service

    Selesai Service

    Batal

  • 102

    receipt Cetak

    No

    Kode

    Transaksi

    Tanggal

    Service

    Jam

    Service

    No

    Polisi

    Status

  • 103

  • 104

    $(document).ready(function(){

    $('#edit_data').click(function(){

    var url = $(this).attr('href');

    $.ajax({

    url : url,

    success:function(response){

    $('#modal_provinsi').html(response);

    }

    });

    });

    });

  • 105

    Setelah itu buat file laporan_kondisi.php, skripnya seperti dibawah ini :

    Skrip laporan_kondisi.php

  • 106

    //Garis atas untuk header

    $pdf->line(2, 770, 590, 770);

    //Garis bawah untuk footer

    $pdf->line(2, 50, 590, 50);

    //Teks kiri bawah

    date_default_timezone_set("Asia/Jakarta");

    $pdf->addText(410,34,8,'Dicetak tgl:' . date( 'd-m-Y, H:i:s'));

    //Koneksi ke database dan tampilkan datanya

    mysql_connect("localhost", "root", "");

    mysql_select_db("db_bengkel");

    $status=$_POST['status'];

    $tampil = "SELECT * FROM transaksi WHERE status='$status'";

    $sql = mysql_query($tampil);

    $jml = mysql_num_rows($sql);

    if ($jml > 0){

    $i = 1;

  • 107

    while($r = mysql_fetch_array($sql)) {

    $kode_jadwal=$r['kode_jadwal'];

    $qryjam=mysql_query("SELECT * from jadwal where

    kode_jadwal='$kode_jadwal'");

    $data_jam=mysql_fetch_array($qryjam);

    //Format Menampilkan data di ezPdf

    $data[$i]=array(

    'No'=>$i,

    'Kode Transaksi'=>"$r[kode_transaksi]",

    'Tanggal Service'=>"$r[tanggal]",

    'Jam Service'=>"$data_jam[waktu]",

    'No Polisi '=>"$r[no_polisi]",

    'Ket. Service'=>"$r[ket_service]",

    'Status Service '=>"$r[status]",

    );

    $i++;

    }

    //Tampilkan Dalam Bentuk Table

    $pdf->ezTable($data);

    $pdf->ezText("\nStatus: $status");

  • 108

    // Penomoran halaman

    $pdf->ezStartPageNumbers(700, 20, 8);

    $pdf->ezStream();

    }

    else{

    echo "

    alert('Tidak Di Temukan Data Pesanan') "; echo

    "document.location='../../index.php?tampilan=tampillaporan'

    ";

    }

    ?>

    Lalu buat skrip Laporan_tanggal.php untuk pemanggilan pdf nya skripnya

    seperti dibawah ini

    Skrip Laporan_tanggal.php

  • 109

    //Set margin dan font

    $pdf->ezSetCmMargins(3, 3, 3, 3);

    $pdf->selectFont('pdf/fonts/Times-Roman.afm');

    //Tampilkan gambar di dokumen PDF

    $pdf->addJpegFromFile('mylogo.jpg',40,778,70);

    //Teks di tengah atas untuk judul header

    $pdf->addText(230, 815, 14,'Daftar Jadwal Service');

    $pdf->addText(255, 800, 12,'BENGKEL TOP');

    $pdf->addText(260, 785, 10,'Jl. Karawang No.1');

    //Garis atas untuk header

    $pdf->line(2, 770, 590, 770);

    //Garis bawah untuk footer

    $pdf->line(2, 50, 590, 50);

    //Teks kiri bawah

    date_default_timezone_set("Asia/Jakarta");

    $pdf->addText(410,34,8,'Dicetak tgl:' . date( 'd-m-Y, H:i:s'));

  • 110

    //Koneksi ke database dan tampilkan datanya

    mysql_connect("localhost", "root", "");

    mysql_select_db("db_bengkel");

    $Dari=$_POST['tanggal1'];

    $Sampai=$_POST['tanggal2'];

    $tampil = "SELECT * FROM transaksi WHERE (tanggal BETWEEN

    '$Dari' AND '$Sampai');";

    $sql = mysql_query($tampil);

    $jml = mysql_num_rows($sql);

    if ($jml > 0){

    $i = 1;

    while($r = mysql_fetch_array($sql)) {

    $kode_jadwal=$r['kode_jadwal'];

    $qryjam=mysql_query("SELECT * from jadwal where

    kode_jadwal='$kode_jadwal'");

    $data_jam=mysql_fetch_array($qryjam);

    //Format Menampilkan data di ezPdf

    $data[$i]=array(

  • 111

    'No'=>$i,

    'Kode Transaksi'=>"$r[kode_transaksi]",

    'Tanggal Service'=>"$r[tanggal]",

    'Jam Service'=>"$data_jam[waktu]",

    'No Polisi '=>"$r[no_polisi]",

    'Ket. Service'=>"$r[ket_service]",

    'Status Service '=>"$r[status]",

    );

    $i++;

    }

    //Tampilkan Dalam Bentuk Table

    $pdf->ezTable($data);

    $pdf->ezText("\nPeriode: $Dari s/d $Sampai");

    // Penomoran halaman

    $pdf->ezStartPageNumbers(700, 20, 8);

    $pdf->ezStream();

    }

    else{

  • 112

    echo "

    alert('Tidak Di Temukan Data Pesanan') "; echo

    "document.location='../../index.php?tampilan=tampillaporan'

    ";

    }

    ?>

    Lalu buat skrip konsumen.php di folder laporan dan skrip nya seperti

    dibawah ini :

    Skrip Konsumen.php

    Data Konsumen / Member

    No

    No

    Member

    Nama

  • 113

    Alamat

    Telp

    Aksi

  • 114

  • 115

    Dan inilah gambar laporan yang sudah kita buat :

    Gambar II.27

    Laporan

    2.5. Rancangan Backup data/Keamanan

    1. Secrecy : kategori keamanan komputer yang meliputi perlindungan

    data/informasi terhadap akses dari pihak-pihak yang tidak berhak serta

    masalah keaslian ( autentik ) dari sumber data/informasi .

    2. Integrity : kategori keamanan data yang menjamin bahwa data tidak

    terganggu selama proses transfer dari sumber ketujuan melalui saluran-

    saluran komunikasi.