Tugas Akhir Modul 3 PPG TKI

Vika Noviandari
18052452310207
TUGAS AKHIR MODUL 3

REKAYASA PERANGKAT LUNAK
Instructions
Rencanakanlah untuk membuat suatu sistem informasi sederhana berbasis web
Berikut merupakan rancangan Use Case Diagram yang saya buat menggunakan StarUML
Pertama-tama yang muncul adalah tampilan halaman web yang berisi form biodata yang nantinya
akan diisi oleh mahasiswa. Halaman ini berbasis php dan html dengan style CSS. Biodata yang diisikan
pada form ini nantinya akan tersimpan pada database yang saya beri nama ‘tugasppg’ dengan tabel
‘biodata’. Berikut screenshot tampilan awalnya
Script dari halaman index.php ini yaitu sebagai berikut:
<?php
include_once "librari/inc.koneksi.php";
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Registrasi</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="bungkus" align="center">
<div id="judul" align="center">
<img src="header.png"/>
</div>
<div id="kiri">
<table>
<tr>
<td> <a href="index.html"> <img src="reg.png" /></a> </td>
</tr>
<tr>
<td> <a href="pengumuman.html"> <img src="peng.png" /> </a> </td>
</tr>
<tr>
<td> <a href="jadwal.html"> <img src="jadwal.png" /> </a> </td>
</tr>
</table>
</div>
<div id="content">
<h2> FORM PENGISIAN BIODATA MAHASISWA PPG </h2>
<form name="form1" method="post" action="daftarsim.php">

<table width="99%" border="0" align="center" cellpadding="0" cellspacing="2">
<td height="20" colspan="2" bgcolor="#dfe9ff">  <b>Data

Pribadi</b></td>
</tr>
<tr>
<td width="26%">  Nama Lengkap</td>
<td width="74%">
<input name="TxtNama" type="text" size="45" maxlength="60"></td>
</tr>
<tr>
<td>  Jenis Kelamin</td>
<td>
<input name="RbKelamin" type="radio" value="P" <? echo "$cekp"; ?>>
Pria
<input type="radio" name="RbKelamin" value="W" <? echo "$cekw"; ?>>
Wanita </td>
</tr>
<tr>
<td>  Kota</td>
<td>
<input name="TxtKota" type="text" size="28" maxlength="60"></td>
</tr>
<tr>
<td>  Alamat</td>
<td>
<textarea name="TxtAlKirim" cols="46" rows="2"></textarea></td>
</tr>
<tr>
<td>  E-Mail</td>
<td>
<input name="TxtEmail" type="text" size="28" maxlength="40">
</td>
</tr>
<tr>
<td height="20" colspan="2" bgcolor="#dfe9ff">  <b>Data No
Kontak</b></td>
</tr>
<tr>
<td>  No. Telepon</td>
<td>
<input name="TxtNoTelp" type="text" size="17" maxlength="15"></td>
</tr>
<tr>
<td>  No. Handphone</td>
<td>
<input name="TxtNoHp" type="text" size="17" maxlength="15"></td>
</tr>
<tr>
<td>  Prodi PPG</td>
<td>
<input name="TxtProdi" type="text" size="17" maxlength="15"></td>
</tr>
<tr>
<td> </td>
<td>
<input type="submit" name="Submit" value="Simpan"><input type="reset"
value="Reset" name="Reset"/></td>
</tr>
</table>
</form>
</div>
<br>
<div id="footer"> Vika Noviandari (18052452310207) </div>

</div>
</div>
</body>
</html>
Script yang ada dalam “inc.koneksi.php” berikut ini berfungsi untuk menghubungkan halaman web
dengan database
<?php
?>
Berikut merupakan script dalam “inc.koneksi.php”
<?php
// Catatan:
// Jika perlu, sesuaikan nama user dan password
$host = 'localhost';
$user = 'root';
$pass = '';
$db = 'tugasppg';
$koneksi = mysql_connect($host, $user, $pass);

if (!$koneksi) {
exit('Koneksi Gagal');
}
$db = mysql_select_db($db);
if (!$db) {
exit('Gagal Memilih Database');
}
?>
Proses penyimpanan ke dalam database menggunakan file php yang saya beri nama “daftarsim.php”.
berikut merupakan script “daftarsim.php”
<?php
if ($_POST['Submit']) {
if (trim($_POST['TxtNama']) =="") {
echo"Data Nama masih kosong";
}
if (trim($_POST['RbKelamin']) =="") {
echo"Data Kelamin belum dipilih";
$_POST['RbKelamin']=="P";
}
if (trim($_POST['TxtEmail']) =="") {
echo"Data Email masih kosong";
}
if (trim($_POST['TxtKota']) =="") {
echo"Data Kota masih kosong";
}
if (trim($_POST['TxtAlKirim']) =="") {
echo"Data Alamat Kirim masih kosong";
}
if (trim($_POST['TxtNoTelp']) =="" OR
! is_numeric(trim($_POST['TxtNoTelp']))) {
echo"Data No Telepon masih kosong, harus angka";
$_POST['TxtNoTelp'] = "";
}
if (trim($_POST['TxtNoHp']) =="" OR
! is_numeric(trim($_POST['TxtNoHp']))) {
echo"Data No HP masih kosong, harus angka";
$_POST['TxtNoHp'] = "";
}
if (trim($_POST['TxtProdi']) =="") {
echo"Data Prodi masih kosong";
}
else {
include_once "librari/inc.librari.php";
$kode= kdauto("biodata","2018");
$sql = "INSERT INTO biodata SET
id_plg='$kode',
nama='".$_POST['TxtNama']."',
kelamin='".$_POST['RbKelamin']."',
alamat='".$_POST['TxtAlKirim']."',
kota='".$_POST['TxtKota']."',
email='".$_POST['TxtEmail']."',
telp_rumah='".$_POST['TxtNoTelp']."',
telp_hp='".$_POST['TxtNoHp']."',
prodi='".$_POST['TxtProdi']."'";
$query = mysql_query($sql, $koneksi);

include "daftarok.php";
}
}
?>
Setelah itu maka pada halaman web akan tampil file dengan nama “daftarok.php” yang setelah di klik
button “Submit” maka tampilannya akan menjadi seperti ini:
Script “daftarok.php”
<?php
include_once "librari/inc.librari.php";
$sql = "SELECT * FROM biodata

WHERE biodata.id_plg='$kode'";
$qry = mysql_query($sql, $koneksi) or die ("Gagal query biodata".mysql_error());
$data = mysql_fetch_array($qry);
if ($data['kelamin']=="P") {
$kelamin = "Pria";
}
else {
$kelamin = "Wanita";
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Form Biodata Mahasiswa PPG</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="bungkus" align="center">
<div id="judul" align="center">

<img src="header.png"/>
</div>
<div id="kiri">
<table>
<tr>
<td> <a href="index.html"> <img src="reg.png" /></a> </td>
</tr>
<tr>
<td> <a href="pengumuman.html"> <img src="peng.png" /> </a> </td>
</tr>
<tr>
<td> <a href="jadwal.html"> <img src="jadwal.png" /> </a> </td>
</tr>
</table>
</div>
<div id="content">
<table width="99%" border="0" align="center" cellpadding="0" cellspacing="2">
<tr align="center">
<td height="22" colspan="2" bgcolor="#84B9D5" class="HEAD"><b>PENDAFTARAN
SUKSES</b></td>
</tr>
<tr>
<td height="22" colspan="2" bgcolor="#f2f7ff">Selamat! Pendaftaran Anda sukses,
Anda sekarang telah terdaftar pada Sistem Online Mahasiswa PPG dalam Jabatan
Universitas Negeri Malang. </td>
</tr>
<tr align="center">
<td height="22" colspan="2" bgcolor="#84B9D5" class="HEAD"><b>DETAIL DATA
ANGGOTA</b></td>
</tr>
<tr>
<td height="20" colspan="2" bgcolor="#dfe9ff">  <b>Data
Pribadi</b></td>
</tr>
<tr>
<td width="23%">  Nama Lengkap</td>
<td width="77%">: <?php echo $data['nama']; ?></td>
</tr>
<tr>
<td>  Jenis Kelamin</td>
<td>: <?php echo $kelamin; ?></td>
</tr>
<tr>
<td>  Kota</td>
<td>: <?php echo $data['kota']; ?></td>
</tr>
<tr>
<td>  Alamat</td>
<td>: <?php echo $data['alamat']; ?></td>
</tr>
<tr>
<td>  E-Mail</td>
<td>: <?php echo $data['email']; ?></td>
</tr>
<tr>
<td height="20" colspan="2" bgcolor="#dfe9ff">  <b>Data No
Kontak</b></td>
</tr>
<tr>
<td>  No. Telepon</td>
<td>: <?php echo $data['telp_rumah']; ?></td>
</tr>
<tr>
<td>  No. Handphone</td>
<td>: <?php echo $data['telp_hp']; ?></td>
</tr>
<tr>
<td>  Prodi PPG</td>
<td>: <?php echo $data['prodi']; ?></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<br>
</td>
</tr>
</table>
</div>
<div id="footer"> Vika Noviandari (18052452310207) </div>

</div>
<br/>
</div>
</body>
</html>
Berikut adalah field yang sudah tersimpan pada database ‘tugasppg’ dan tabel ‘biodata’

Tugas Akhir Modul 3 PPG TKI

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Tugas Akhir Modul 3 PPG TKI

Diunggah oleh

Hak Cipta:

Format Tersedia

Vika Noviandari