bab iv hasil praktek kerja dan analisis 4.1 analisis · 2019. 7. 2. · 4.1 analisis. sistem...

BAB IV

HASIL PRAKTEK KERJA DAN ANALISIS

4.1 Analisis

Sistem Pencatatan Hasil Kapal bertujuan untuk mengetahui berapa berat

muatan yang diangkut oleh sebuah kapal. Proses pengolahan data Pencatatan

Hasil Kapal di PT Karya Kelola Makmur masih dilakukan secara manual dari

input sampai output yang dihasilkan. Petugas Pencatatan Hasil Kapal mencatat

hasil tangkap ikan ke dalam buku. Bukti transaksi yang berupa sebuah nota juga

dituliskan secara manual. Sehingga dalam prosesnya tidak efektif dan efisien.

4.2 Kebutuhan

Permasalahan yang dihadapi oleh Bagian gudang khusunya petugas yang

bertugas di Pencatatan Hasil Kapal yaitu diperlukan adanya aplikasi yang dapat

memudahkan petugas untuk melakukan pengolahan data dari input sampai dengan

output . Dengan menggunakan aplikasi ini proses hitung untuk berat tangkapan

dapat dilakukan dengan mudah dan cepat serta dapat menghasilkan output yang

dibutuhkan seperti mencetak nota dan melihat rekap Pencatatan Hasil Kapal

sesuai tanggal yang diinputkan.

Aplikasi yang akan dikembangkan di dalam laporan ini berbasis Web yang

didalamnya terdapat script yaitu PHP (Hypertext Preprocessor) yang digunakan

untuk membentuk aplikasi tersebut. Selain itu pengolahan database dalam aplikasi

ini menggunakan MySQL.

Web Server merupakan sebuah sistem komputer yang memproses

permintaan melalui HTTP, dengan basis protokol jaringan yang digunakan untuk

mendistribusikan informasi melalui world wide web. Web server dapat merujuk

pada suatu perangkat lunak berupa aplikasi maupun suatu perangkat keras secara

keseluruhan sebagai server, terutama yang dapat menerima, mengolah dan

mengontrol HTTP request. PHP (Hypertext Preprocessor) merupakan script yang

terpandang pada HTML yang digunakan untuk pemrograman dan banyak

digunakan oleh pembuat web karena berjalan disisi server. Sedangkan MySQL

(Structured Query Language) adalah Relational Database Management system

(RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General

Public License). SQL merupakan sebuah konsep pengoperasian database,

terutama untuk pemilihan atau seleksi dan pemasukkan data, yang memungkinkan

pengoprasian data dikerjakan denhan mudah secara otomatis.

4.3 Jadwal

Berikut adalah jadwal Pencatatan Hasil Kapal selama melakukan kerja

praktek mulai tanggal 1 Januari 2017 – 1 Maret 2017 :

Waktu Perencanaan Uraian Perencanaan

Minggu 1 - Mengidentifikasi masalah

- Gambaran masalah

Minggu 2 - Merancang desain database dan desain form yang

akan digunakan dalam aplikasi

Minggu 3 - Pengcodingan login, input supplier, customer dan

barang

Minggu 4 - Pencodingan proses transaksi Aplikasi Pencatatan

Hasil Kapal

Minggu 5 - Pencodingan proses transaksi Aplikasi Pencatatan

Hasil Kapal

Minggu 6 - Pengcodingan rekap

Minggu 7 - Pencodingan rekap

Minggu 8 - Pengcodingan output cetak

Minggu 9 - Pengcodingan output cetak dan logout

- Pengujian dan pembuatan Laporan Tugas Akhir

- Laporan Tugas Akhir

- Laporan Tugas Akhir

4.4 Perancangan

4.4.1 Rancangan Database

Database yang digunakan untuk perancangan aplikasi ini bernama

Pencatatan Hasil Kapal yang mempunyai beberapa tabel beserta field

sebagai berikut :

Tabel 4.4.1.1 Tabel Detail

Nama Type Data Size Null Key

nomor int 11 No Primary Key

kode_transaksi varchar 100 No -

Kode-ikan varchar 100 No -

harga int 11 No -

berat int 11 No -

hasil int 11 No -

Tabel 4.4.1.2 Tabel Ikan


kode_ikan varchar 100 No Primary Key

nama_ikan varchar 100 No -

Tabel 4.4.1.3 Tabel Kapal


kode_kapal varchar 100 No Primary Key

nama_kapal varchar 100 No -

pemilik varchar 100 No -

pelabuhan varchar 100 No -

bendera varchar 100 No -

kapasitas int 11 No -

status varchar 30 No -

panjang int 11 No -

lebar int 11 No -

tinggi int 11 No -

Tabel 4.4.1.4 Tabel Staff


id_staff varchar 100 No Primary Key

Nama varchar 100 No -

alamat varchar 100 No -

password varchar 100 No -

level varchar 100 No -

Tabel 4.4.1.5 Tabel Transaksi


kode_transaksi varchar 100 No Primary Key

kode_kapal varchar 100 No -

t_berat int 11 No -

t_hasil int 11 No -

tanggal dater 100 No -

4.4.2 Rancangan Desain Tampilan

Selain membutuhkan perancangan untuk database, aplikasi ini

membutuhkan perancangan untuk tampilan sebagai gambaran

jalannya aplikasi pencatatan hasil tangkap kapal. Berikut ini adalah

perancangan tampilan aplikasi:

1. Halaman Login

Berfungsi untuk menampilkan halaman awal aplikasi sebagai

penghubung ke halaman utama dari aplikasi.

Gambar 4.4.2.1 Halaman Login

2. Halaman Utama

Berfungsi untuk menampilkan menu aplikasi dan menampilkan fitur

tambahan.

Home Master Transaksi Laporan Keluar

Logo

Tanggal

Gambar 4.4.2.2 Halaman Utama

3. Halaman Data Kapal

Berfungsi untuk menampilkan data kapal PT Karya Kelola Makmur

Userid

Password

LOGIN

Data Kapal

Kode Kapal

Nama Kapal

Pemilik

Pelabuhan

Bendera

Kapasitas

Panjang Kg

Lebar Meter

Tinggi Meter

Status Meter

simpan

Gambar 4.4.2.3 Halaman Data Kapal

4. Halaman Data Ikan

Berfungsi untuk menampilkan daftar ikan tangkapan kapal PT Karya

Kelola Makmur.

Data Ikan

Kode Ikan Nama Ikan Berat Ikan

edit / hapus

edit / hapus

edit / hapus

edit / hapus

Gambar 4.4.2.4 Halaman Data Ikan

5. Halaman Cetak

Berfungsi untuk menampilkan hasil tangkap ikan dan total hasil

pelelangan ikan PT Karya Kelola Makmur.

Kode transaksi :

Tanggal Transaksi

:

Kode Kapal :

Nama Kapal :

Kode Ikan

Nama Ikan

Berat (kg)

Harga Lelang

Hasil Lelang

Total

Cetak

Gambar 4.4.2.5 Halaman Cetak

4.5 Implementasi

Aplikasi Pencatatan Hasil Tangkap Kapal PT Karya Kelola Makmur yang

dibuat nantinya akan memiliki berbagai tampilan form yang berfungsi untuk

membantu user mengolah dan memproses data atau transaksi hasil tangkap

kapal. Berikut ini adalah tampilan aplikasi pencatatan transaksi kas:

4.5.1 Tampilan Halaman Web

1. Halaman Login

Merupakan halaman awal aplikasi, bagi user yang ingin masuk

kedalam aplikasi harus mengisi userid dan password sesuai dengan

data yang dimiliki.

Gambar 4.5.1 Halaman Login

2. Halaman Utama

Didalam halaman utama terdapat menu-menu yang berfungsi untuk

mengolah data transaksi seperti pembuatan bukti transaksi

sekaligus pencatatan transaksi. Didalam halaman utama terdapat

beberapa halaman-halaman seperti:

a. Halaman Home

Halaman home berisi fitur-fitur tambahan seperti nama staff,

level staff, dan beberapa logo

Gambar 4.5.2 Halaman Home

Gambar 4.5.3 Halaman Home

b. Halaman Kapal

Berisi tentang pencatatan identitas kapal seperti Kode Kapal,

Nama Kapal, Pemilik, Pelabuhan, Bendera, Panjang, Lebar,

Tinggi, dan Status

Gambar 4.5.4 Halaman Kapal

c. Halaman Tambah Kapal

Berisi tentang pilihan penambahan kapal seperti Kode Kapal,

Nama Kapal, Pemilik, Pelabuhan, Bendera, Panjang, Lebar,

Tinggi, dan Status

Gambar 4.5.5 Halaman Tambah Kapal

d. Halaman Edit Kapal

Berisi tentang pilihan pengubahan/edit data kapal seperti Kode

Kapal, Nama Kapal, Pemilik, Pelabuhan, Bendera, Panjang,

Lebar, Tinggi, dan Status

Gambar 4.5.6 Halaman Edit Kapal

e. Halaman Data Ikan

Berisi tentang data ikan seperti Kode Ikan, dan Nama Ikan.

Gambar 4.5.7 Halaman Data Ikan

f. Halaman Tambah Ikan

Berisi tentang kolom penambahan data ikan seperti Kode Ikan,

dan Nama Ikan.

Gambar 4.5.7 Halaman Tambah Ikan

g. Halaman Edit Ikan

Berisi tentang kolom pengubah data ikan seperti Kode Ikan, dan

Nama Ikan.

Gambar 4.5.8 Halaman Edit Ikan

h. Halaman Transaksi

Halaman ini berisi tentang data transaksi lelang hasil tangkap

kapal yang meliputi kode transaksi, jenis ikan, harga dan berat

total ikan dalam kg.

Gambar 4.5.9 Halaman Transaksi





i. Halaman Transaksi Data Pelelangan Ikan

Berisi tentang data Transaksi Pelelangan/penjualan ikan yang

meliputi kode transaksi, kode kapal, tanggal transaksi, total berat

ikan terjual, dan total hasil lelang.

Gambar 4.5.14 Halaman Transaksi Data Pelelangan Ikan



j. Halaman Cetak Transaksi

Berisi tentang keseluruhan data pencatatan hasil tangkap kapal

dan transaksi pelelangan ikan.

Gambar 4.5.17 Halaman Cetak Transaksi



4.5.2 Potongan Script Aplikasi Pencatatan Hasil Tangkap Kapal

Berikut ini adalah potongan script penting yang terdapat dalam proses

pencatatan :

Login.php

<?php

include"koneksi.php";

session_start();

if(isset($_POST['login'])) {

$userid = $_POST['userid'];

$password = $_POST['password'];

$sql = mysql_query("SELECT * FROM staff WHERE id_staff='$userid'

&& password='$password'");

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

$nama = $row['nama'];

$level = $row['level'];

}

$num = mysql_num_rows($sql);

if($num==1) {

$_SESSION['userid'] = $userid;

$_SESSION['password'] = $password;

$_SESSION['nama'] = $nama;

$_SESSION['level'] = $level;

?>

<script language="JavaScript">

document.location='home.php'</script><?php

} else {

?><script language="JavaScript">

document.location='index.php'</script><?php

}

}

?>

Detail.php

<?php

session_start();

if (ISSET($_SESSION['userid']))

{

$nama = $_SESSION['nama'];

$level = $_SESSION['level'];

$no = 1;

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"

/>

<title>Sistem Pencatatan Hasil Tangkap Kapal PT Karya Kelola

Makmur</title>

<link rel="stylesheet" href="css/style_content.css"

type="text/css"/>

<link rel="stylesheet" href="css/style_table.css"

type="text/css"/>

<link type="text/css" href="css/excite-bike/jquery-ui-

1.8.21.custom.css" rel="stylesheet" />

<script type="text/javascript" src="js/jquery-

1.7.2.min.js"></script>

<script type="text/javascript" src="js/jquery-ui-

1.8.21.custom.min.js"></script>



<link rel="stylesheet" href="css/superfish.css" type="text/css" />

<script type="text/javascript" src="js/superfish.js"></script>



<script type="text/javascript"

src="js/jquery.maskedinput.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$('ul.sf-menu').superfish();

});

</script>

<script language="javascript" src="ajax.js"></script>


$(function() {

$("#theTable tr:even").addClass("stripe1");

$("#theTable tr:odd").addClass("stripe2");

$("#theTable tr").hover(

function() {

$(this).toggleClass("highlight");

},

function() {


}

);

});

function editRow(ID){

<?php

include "koneksi.php";

$no = $_GET['id'];

$tambah=mysql_query("select

a.kode_transaksi,a.tanggal,a.kode_kapal,b.nama_kapal from

transaksi a, kapal b where kode_transaksi='$no' and

a.kode_kapal=b.kode_kapal");

$insert=mysql_fetch_array($tambah);

?>

<tr><td><b>Kode Transaksi</b></td><td>

<b>:</b></td><td> <b><?php echo $no;?></b></td></tr>

<tr><td><b>Tanggal Transaksi</b></td><td>

<b>:</b></td><td> <b><?php echo date('d-m-Y',

strtotime($insert['tanggal']));?></b></td></tr>

<tr><td><b>Koda Kapal</b></td><td>

<b>:</b></td><td> <b><?php echo

$insert['kode_kapal'];?></b></td></tr>

<tr><td><b>Nama Kapal</b></td><td>

<b>:</b></td><td> <b><?php echo

$insert['nama_kapal'];?></b></td></tr>

</table>

<br>

<table border="1" id='theTable' width="90%">

<tr><th>Kode Ikan</td><th>Nama Ikan</td><th>Berat Kg</td><th>Harga

Lelang</td><th>Hasil Lelang</td></tr>

<?php

$t_berat=0;

$t_hasil=0;

$ambil=mysql_query("select

a.kode_ikan,a.nama_ikan,b.berat,b.harga,b.no from ikan a,detail b

where a.kode_ikan=b.kode_ikan and b.kode_transaksi='$no'");

while($data=mysql_fetch_array($ambil)){

$hasil=$data['berat']*$data['harga'];

$t_hasil+=$hasil;

$t_berat+=$data['berat'];

?>

<tr>

<td><?php echo $data['kode_ikan'];?></td>

<td><?php echo $data['nama_ikan'];?></td>

<td align="right"><?php echo number_format($data['berat']);?></td>

<td align="right"><?php echo number_format($data['harga']);?></td>

<td align="right"><?php echo number_format($hasil);?></td>

<?php

}

?>

<tr><td colspan="2">Total</td><td align="right"><?php echo

number_format($t_berat);?><input type="hidden" name="t_berat"

value="<?php echo $t_berat?>"></td><td></td>

<td align="right"><?php echo number_format($t_hasil) ;?><input

type="hidden" name="t_hasil" value="<?php echo

$t_hasil?>"></td></tr>

</table>

<br>

<b><a href="penjualan.php"><img src="images/panah-kiri.jpg"

width="7%"border="0"/></a></b>

</div>

</div>

</div>

</div>



<div class="footer" align="center">

<p>Copyright © Sistem Pencatatan Hasil Tangkap Kapal

PT Karya Kelola Makmur </p>

</div>

<?php

}

?>

</body>

</html>

Home.php

<?php

session_start();


{



$no = 1;

?>




<head>


/>

<title>Sistem Pencatatan Transaksi Pelelangan Ikan</title>


type="text/css"/>


type="text/css"/>

});

</script>

</head>

<body>

<div class="box">


<div class="style">




<img src="images/bg2.jpg" width="840"

height="120" />

</div>

</span>

</div>

<div class="menu">


</div>

<?php include 'content.php'; ?>

</div>



<p>Copyright © Sistem Pencatatan Transaksi Lelang Ikan

</p>

</div>

</div>

</div>

</div>

<?php

}

?>

</body>

</html>

Edit_kapal.php

<?php

session_start();


{



$no = 1;

?>




<head>


/>


Makmur</title>

type="text/css"/>


type="text/css"/>

















});

</script>



$(function() {




function() {


},

function() {

}

);

});


var id = ID;

var pilih = confirm('Data yang akan mengubah = '+id+

'?');

if (pilih==true) {

$.ajax({

type : "POST",


data : "id="+id,

dataType : "json",


$("#id").val(ID);




return false;

}

});

}

}


var id = ID;

var pilih = confirm('Data yang akan dihapus = '+id+

'?');

if (pilih==true) {

$.ajax({

type : "POST",


data : "id="+id,



}

});

}

}

</script>

</head>

<body>

<div class="box">


<div class="style">





height="120" />

</div>

</span>

</div>

<div class="menu">


</div>



<?php


$kode_kapal = $_GET['id'];

$data=mysql_fetch_array(mysql_query("select * from kapal where

kode_kapal='$kode_kapal'"));

?>

<div id='tabs'>


<h2>EDIT KAPAL</h2>

<form action="update_kapal.php" id="form_input" method="post">

<table width="90%">

<input type="hidden" name="kode_kapal" value="<?php echo

$kode_kapal; ?>" />

<tr><td width='15%'>Kode Kapal</td><td width='2%'>:</td><td><input

type="text" name="kode_kapal1" value="<?php echo

$data['kode_kapal']; ?>" readonly="readonly"></td></tr>

<tr><td width='15%'>Nama Kapal</td><td width='2%'>:</td><td><input

type="text" name="nama_kapal" value="<?php echo

$data['nama_kapal']; ?>"></td></tr>

<tr><td width='15%'>Pemilik</td><td width='2%'>:</td><td><input

type="text" name="pemilik" value="<?php echo $data['pemilik'];

?>"></td></tr>

<tr><td width='15%'>Pelabuhan</td><td width='2%'>:</td><td><input

type="text" name="pelabuhan" value="<?php echo $data['pelabuhan'];

?>"></td></tr>

<tr><td width='15%'>Bendera</td><td width='2%'>:</td><td><input

type="text" name="bendera" value="<?php echo $data['bendera'];

?>"></td></tr>

<tr><td width='15%'>Kapasitas</td><td width='2%'>:</td><td><input

type="text" name="kapasitas" value="<?php echo $data['kapasitas'];

?>">Kg</td></tr>

<tr><td width='15%'>Panjang</td><td width='2%'>:</td><td><input

type="text" name="panjang" value="<?php echo $data['panjang'];

?>">Meter</td></tr>

<tr><td width='15%'>Lebar</td><td width='2%'>:</td><td><input

type="text" name="lebar" value="<?php echo $data['lebar'];

?>">Meter</td></tr>

<tr><td width='15%'>Tinggi</td><td width='2%'>:</td><td><input

type="text" name="tinggi" value="<?php echo $data['tinggi'];

?>">Meter</td></tr>

<tr><td width='15%'>Status<td width='2%'>:</td><td><select

name="status" id='jenis' class='input'><option value="<?php echo

$data['status']; ?>">--Pilih--</option>

<option value="Aktif">Aktif</option>

<option value="Tidak Aktif">Tidak

Aktif</option></select></td></tr>

</td></tr>

<tr><td width='15%' align="left"><input type="submit" class='ui-

state-default ui-corner-all' id='simpan' name="submit"

value="Simpan"></td></tr>

<tr><td width='15%' align="left"><a href="kapal.php"><img

src="images/panah-kiri.jpg" width="50%"border="0"/></a></td>

<table border="0">

<br>

</table>

</form>

</div>

</div>

</div>

</div>



<p>Copyright © Sistem Pencatatan Hasil Tangkap Kapal PT

Karya Kelola Makmur </p>

</div>

<?php

}

?>

</body>

</html>

Edit_ikan.php

<?php

session_start();


{



$no = 1;

?>




<head>


/>


Makmur</title>


type="text/css"/>


type="text/css"/>










});

</script>



$(function() {




function() {


},

function() {


}

);

});


var id = ID;

var pilih = confirm('Data yang akan mengubah = '+id+

'?');

if (pilih==true) {

$.ajax({

type : "POST",


data : "id="+id,

dataType : "json",


$("#id").val(ID);




return false;

}

});

}

}


var id = ID;

var pilih = confirm('Data yang akan dihapus = '+id+

'?');

if (pilih==true) {

$.ajax({

type : "POST",


data : "id="+id,



}

});

}

}

</script>

</head>

<body>

<div class="box">


<div class="style">





height="120" />

</div>

</span>

</div>

<div class="menu">


</div>



<?php


$kode_ikan = $_GET['id'];

$data=mysql_fetch_array(mysql_query("select * from ikan where

kode_ikan='$kode_ikan'"));

?>

<div id='tabs'>


<h2>EDIT IKAN</h2>

<form action="update_ikan.php" id="form_input" method="post">

<table width="90%">

<input type="hidden" name="kode_ikan" value="<?php echo

$kode_ikan; ?>" />

<tr><td width='15%'>Kode Ikan</td><td width='2%'>:</td><td><input

type="text" name="kode_kapal1" value="<?php echo

$data['kode_ikan']; ?>" readonly="readonly"></td></tr>

<tr><td width='15%'>Nama Ikan</td><td width='2%'>:</td><td><input

type="text" name="nama_ikan" value="<?php echo $data['nama_ikan'];

?>"></td></tr>

<tr><td width='15%' align="left"><input type="submit" class='ui-

state-default ui-corner-all' id='simpan' name="submit"

value="Simpan"></td></tr>

<tr><td width='15%' align="left"><a href="ikan.php"><img

src="images/panah-kiri.jpg" width="50%"border="0"/></a></td>

<table border="0">

<br>

</table>

</form>

</div>

</div>

</div>

</div>



<p>Copyright © Sistem Pencatatan Hasil Tangkap Kapal PT

Karya Kelola Makmur </p>

</div>

<?php

}

?>

</body>

</html>

bab iv hasil praktek kerja dan analisis 4.1 analisis · 2019. 7. 2. · 4.1 analisis. sistem...

Documents