Pengembangan Sistem Informasi Berbasis Web Lanjut: Halaman Muka (Index - HTML)

PENGEMBANGAN SISTEM INFORMASI BERBASIS WEB LANJUT
Albert Agus Fajar Halim
1703114158
Tugas
Halaman Muka(index.html)
<html>
<head>
<title>Template</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="wrapper">
<div id="navigation">
<table border=0 cellpading=5 cellspacing=5 width=100%>
<tr><td>
<ul>
<li><a href="index.html" style="text-decoration:none;">Home</a></li>
</ul></td></tr></table>
</div>
<div id="main">
<h2>Isi</h2>
<p><li><a href="index.php" id="word">Lihat data mahasiswa</a></li></p>
<p><li><a href="tambah.php" id="word">Tambah data mahasiswa</a></li></p>
</div>
<div id="footer">
<p><p><marquee behavior="alternate" onmouseover="this.stop()"
onmouseout="this.start()">By: Albert</marquee></p></p>
</div>
</div>
</body>
</html>
Tampilan
Menampilkan data table(index.php)
<html>
<head>
</head>
<body>
<div id="wrapper">
<tr><td>
<ul>
</div>
<div id="main">
<?php
include("./config/koneksi.php");
//melakukan query untuk table
$sql='select*from mhs';
$pilih=mysql_query($sql);
//isi tabel link dan data
//Buat tabel dan judul table
echo "<tr><td><table border=2 cellpading=3 cellspacing=3 style='border-
collapse:collapse;width:900px';>
<tr><td colspan=9 style='text-align:center;'>DATA MAHASISWA
ILKOM</td></tr>
<tr>
<th>No.</th>
<th>NIM</th>
<th>NAMA</th>
<th>TANGGAL LAHIR</th>
<th>TANGGAL MASUK</th>
<th>TANGGAL UJIAN SKRIPSI</th>
<th>MASA STUDI</th>
<th>PROSES</th>
</td></tr>";
$i=1;
while($data= mysql_fetch_array($pilih,MYSQL_BOTH))
{
echo "<tr><td>$i</td>
<td>$data[nim]</td>
<td>$data[nama]</td>
<td>$data[tgl_lahir]</td>
<td>$data[tgl_masuk]</td>
<td>$data[tgl_ujian_skripsi]</td>
<td>$data[masa_studi]</td>";
echo"<td><a href='edit.php?nim=$data[nim]' style='text-
decoration:none;'>Edit</a> |
<a href='hapus.php?nim=$data[nim]' style='text-
decoration:none;'>Delete</a>
</td>";
$i++;
}
echo "</table>";
?>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Tampilan :
Membuat form untuk menambah data(tambah.php)
<html>
<head>
</head>
<body>
<div id="wrapper">
<tr><td>
<ul>
</div>
<div id="main">
<?php
//buat form
//ambil nilai yang dikirim
if (isset($_POST['nim']) AND isset($_POST['nama']))
$nim=$_POST['nim'];
$nama=$_POST['nama'];
$tgl_lahir=$_POST[tgl_lahir];
$tgl_masuk=$_POST[tgl_masuk];
$tgl_skripsi=$_POST[tgl_ujian_skripsi];
}
//insert ke dalam table
if(isset($_POST[tambah]))
$tambah=mysql_query("INSERT INTO mhs(nim, nama, tgl_lahir,

tgl_masuk,tgl_ujian_skripsi)
VALUES('$nim','$nama','$tgl_lahir','$tgl_masuk','$tgl_skripsi')");
//pengecekan data
if (!empty($nim)&& !empty($nama))
echo "Nim: $nim dan Nama: $nama <br>telah ditambah";
else
die("Maaf, anda harus mengisi nim dan nama <br> silahkan klik <a
href=tambah.php> disini</a> untuk kembali kehalaman sebelumnya");
echo "<table border=0>
<tr><td colspan=8 style='text-align:center;'>
<table border=2 cellpading=3 cellspacing=3 style='border-

collapse:collapse';>
<form method=post action='tambah.php'>
<tr><td colspan=3 style='text-align:center;'>Tambah Data</td></tr>
<tr><td style='text-align:left;'>NIM</td>
<td>:</td><td><input type=text name=nim size=10 length=10></td></tr>
<tr><td style='text-align:left;'>NAMA</td>
<td>:</td><td><input type=text name=nama size=30

length=30></td></tr>
<tr><td style='text-align:left;'>Tanggal lahir</td>
<td>:</td><td><input type=date name=tgl_lahir size=10 ></td></tr>
<tr><td style='text-align:left;'>tanggal masuk</td>
<td>:</td><td><input type=date name=tgl_masuk size=10

></td></tr>
<tr><td style='text-align:left;'>tanggal ujian skripsi</td>
<td>:</td><td><input type=date name=tgl_ujian_skripsi size=10

></td></tr>
<tr><td colspan=3 style='text-align:center;'>
<input type=submit name=tambah value='SIMPAN'></td></tr></form></table>" ;
?>
</div>
</div>
</body>
<div id="footer">

</div>
</html>
Tampilan
Ketika data nim atau nama kosong
Ketika data sukses diinput

Mengupdate data(edit.php dan update.php)
Edit.php
<html>
<head>
</head>
<body>
<div id="wrapper">
<tr><td>
<ul>
</div>
<div id="main">
<form action="update.php" method="post">
<?php
//buat form
//ambil nilai yang dikirim
$nim = $_GET['nim'];
$data = mysql_query("select * from mhs where nim='$nim'");

while($d = mysql_fetch_array($data)){
?>
<table>
<tr>
<td>Nama</td>
<td><input type="text" name="nama" value="<?php echo $d['nama']; ?>"></td>
</tr>
<tr>
<td>NIM</td>
<td><input type="number" name="nim" value="<?php echo $d['nim']; ?>"></td>
</tr>
<tr>
<td>Tanggal Lahir</td>
<td><input type="date" name="tgl_lahir" value="<?php echo $d['tgl_lahir']; ?>"></td>
</tr>
<tr>
<td>Tanggal Masuk</td>
<td><input type="date" name="tgl_masuk" value="<?php echo $d['tgl_masuk']; ?>"></td>
</tr>
<tr>
<td>Tanggal Ujian Skripsi</td>
<td><input type="date" name="tgl_ujian_skripsi" value="<?php echo $d['tgl_ujian_skripsi'];
?>"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="SIMPAN"></td>
</tr>
</table>
<?php
}
?>
</form>
</div>
</div>
</body>
<div id="footer">
</div>
</html>
Tampilan form edit
Source code update.php
<?php
include ("./config/koneksi.php");
// menyimpan data kedalam variabel
$nim = $_POST['nim'];
$nama = $_POST['nama'];
$tgl_lahir = $_POST[tgl_lahir];
$tgl_masuk = $_POST[tgl_masuk];
$tgl_skripsi = $_POST[tgl_ujian_skripsi];
//fungsi untuk menghitung selisih tanggal untuk masa studi
$tgl1=$_POST[tgl_masuk];;
$tgl2=$_POST[tgl_ujian_skripsi];
$pecah1=explode("-",$tgl1);
$date1=$pecah1[2];
$month1=$pecah1[1];
$year1=$pecah1[0];
$pecah2=explode("-",$tgl2);
$date2=$pecah2[2];
$month2=$pecah2[1];
$year2=$pecah2[0];
$tahun=abs($year2-$year1);
$bulan=abs($month2-$month1);
$tanggal=abs($date2-$date1);
$masa_studi="$tahun"."tahun"."$bulan"."bulan"."$tanggal"."hari";
# $jd1 =GregorianToJD($month1,$date1,$year1);
# $jd2 =GregorianToJD($month2,$date2,$year2);
# $jd=$jd2-$jd1;
# $thn=floor ($jd/365);
# $sisathn=$jd-($thn*365);
# $bln=floor($sisathn/30);
# $sisabln=$sisathn-($bln*30);
# $masa_studi=$thn."tahun-".$bln."bulan-".$sisabln."hari";
// query SQL untuk insert data
$query="UPDATE mhs SET

nim='$nim',nama='$nama',tgl_lahir='$tgl_lahir',tgl_masuk='$tgl_masuk',tgl_ujian_skripsi='$tgl_skrip
si',masa_studi='$masa_studi' where nim='$nim'";
mysql_query($query);
// mengalihkan ke halaman index.php
header("location:index.php");
?>
Tampilan setelah form edit disimpan,maka kolom masa studi akan terisi
Menghapus data/record (hapus.php)
<?php
include ("./config/koneksi.php");
// menyimpan data id kedalam variabel
$nim = $_GET['nim'];
// query SQL untuk insert data
$query="DELETE from mhs where nim='$nim'";
mysql_query($query);
// mengalihkan ke halaman index.php
header("location:index.php");
?>
Tampilan setelah record dihapus

Koneksi dengan database(koneksi.php)
<?php
$host="localhost";
$user="root";
$pass="nopassword";
$db="weblanjut";
//lakukan koneksi ke localhost
$conn=mysql_connect($host,$user,$pass) or die("Koneksi Gagal");
//Memilih database
mysql_select_db($db);
?>
Database
Css
body,
#wrapper {
width :960px;
margin :0 auto;
background :#67d3d0;}
#main {
float :left;
width :940px;
background :#b6e4a2;
padding :10px;}
#sidebar {
float :right;
width :190px;
background :#CDCDCD;
padding :10px;}
#navigation ul {
margin :0;
padding :0;
list-style :none;}
#navigation li {
display :inline;
margin :0;
padding :0;
}
#word {
font-family:courier new;
color: blue;
font-size: 20px;
text-align: center;
text-shadow:
0 0 5px white,
0 0 10px white,
0 0 15px white,
0 0 20px white,
0 0 25px white,
0 0 30px white,
0 0 50px #5e50fd,
0 0 75px #5e50fd,
0 0 125px #5e50fd ;
}
#footer {
clear :both;
background :#D8BFD8;
padding :5px 10px;
line-height :40px;
font-size :30px;
}

Pengembangan Sistem Informasi Berbasis Web Lanjut: Halaman Muka (Index - HTML)

Загружено:

Сведения о документе

Исходное описание:

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Pengembangan Sistem Informasi Berbasis Web Lanjut: Halaman Muka (Index - HTML)

Загружено:

Авторское право:

Доступные форматы

PENGEMBANGAN SISTEM INFORMASI BERBASIS WEB LANJUT

Albert Agus Fajar Halim

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

<table border=0 cellpading=5 cellspacing=5 width=100%>

<li><a href="index.html" style="text-decoration:none;">Home</a></li>

//ambil nilai yang dikirim

if (isset($_POST['nim']) AND isset($_POST['nama']))

$tambah=mysql_query("INSERT INTO mhs(nim, nama, tgl_lahir,

echo "Nim: $nim dan Nama: $nama <br>telah ditambah";

echo "<table border=0>

<tr><td colspan=8 style='text-align:center;'>

<table border=2 cellpading=3 cellspacing=3 style='border-

<form method=post action='tambah.php'>

<tr><td colspan=3 style='text-align:center;'>Tambah Data</td></tr>

<td>:</td><td><input type=text name=nim size=10 length=10></td></tr>

<td>:</td><td><input type=text name=nama size=30

<td>:</td><td><input type=date name=tgl_lahir size=10 ></td></tr>

<tr><td style='text-align:left;'>tanggal masuk</td>

<td>:</td><td><input type=date name=tgl_masuk size=10

<tr><td style='text-align:left;'>tanggal ujian skripsi</td>

<td>:</td><td><input type=date name=tgl_ujian_skripsi size=10

<tr><td colspan=3 style='text-align:center;'>

<input type=submit name=tambah value='SIMPAN'></td></tr></form></table>" ;

<p><p><marquee behavior="alternate" onmouseover="this.stop()"

Ketika data sukses diinput

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

<table border=0 cellpading=5 cellspacing=5 width=100%>

<li><a href="index.html" style="text-decoration:none;">Home</a></li>

<form action="update.php" method="post">

//ambil nilai yang dikirim

$data = mysql_query("select * from mhs where nim='$nim'");

Source code update.php

// menyimpan data kedalam variabel

//fungsi untuk menghitung selisih tanggal untuk masa studi

// query SQL untuk insert data

$query="UPDATE mhs SET

// mengalihkan ke halaman index.php

// menyimpan data id kedalam variabel

// query SQL untuk insert data

$query="DELETE from mhs where nim='$nim'";

// mengalihkan ke halaman index.php

Tampilan setelah record dihapus

//lakukan koneksi ke localhost

$conn=mysql_connect($host,$user,$pass) or die("Koneksi Gagal");

Вам также может понравиться