membuat sistem informasi akademik sangat sederhana dengan php mysql bag
DESCRIPTION
Membuat Sistem Informasi Dengan PHP dan MYSQL (sebenernya ini cuma alibi ane aja)TRANSCRIPT
Membuat Sistem Informasi Akademik Sangat Sederhana dengan PHP MySql bag.1 Pada Postingan kali ini saya akan berbagai tentang membuat Sistem Informasi Akademik sangat sederhana, sebelumnya kita harus persiapkan sebagai berikut :
1. Software host server lokal , karena kita akan bekerja secara offline saya contohkan mengggunakan Xampp bisa didownload di sini
2. Editornya saya contohkan menggunakan Notepad++ bisa didownload di sini3. Setelah di install xampp nya, kemudian buatlah folder di tempat xampp yang
kita installkan didalam folder htdocs, contoh di c:/xampp/htdocs/SIS/ folder SIS inilah folder kerja kita, semua file yang kita buat kita simpan di folder ini.
4. Untuk mengakses file-file yang telah kita buat dengan host server lokal misal http://localhost/SIS/index.html, localhost (host lokal kita) SIS(folder file tersimpan) index.html(file yang dipanggil).
Oke, langsung pada tutorial pertama, pertama kita buat halaman utama dari SIA ini, buatlah halaman css dengan nama file global.css dan simpanlah di folder SIS, untuk source code seperti berikut :
#halaman{/*"id" dilambangkan dengan "#"*/width: 1348px;margin:0px auto;/*agar dokumen berada ditengah*/padding:0px atuo;background:Black;}#judul{width:100%;height:100px;background:#5F9EAO;margin:0px; /*pengaturan sisi bagian luar*/padding:0px; /*pengaturan sisi bagian dalam*/}#konten{width:100%;margin:0px;padding:0px;}.kiri{/*"class" dilambangkan dengan "." titik*/width:25%;height:450px;float:left;background:#ADD8E6;
}.tengah{width:75%;height:450px;float:left;background:#FDF5E6;}.footer{height:40px;background:#8FBC8F;clear:both;}.judul{color:brown;padding:10px 0 0 10px; /*Penulisan untuk semua sisi atas kanan bawah kiri*/}.sub-judul{color:yellow;padding:0 10px 10px 10px;}p{padding-left:10px;/*penulisan untuk semua sisi saja*/}
Setelah itu buatlah file index.html dan simpanlah di folder SIS, untuk source code seperti berikut :
<html><head><title>SIA SMA N Bandung</title><link href="global.css" rel="stylesheet" type="text/css"></head><body><div id="halaman"> <div id="judul"> <h1 class="judul">Sistem Informasi Akademik Sederhana</h1> <h2 class="sub-judul">SMAN Bandung</h2> </div> <div id="konten"> <div class="kiri"> <p>Pilihan Menu</p> </div> <div class="tengah"> <p>Selamat Datang di SIA SMAN Bandung</p> </div> </div> </div> <div class="footer"><center> <p>Dibuat oleh SMAN Bandung @2011</p></center>
</div></div></body></html>
Membuat Sistem Informasi Akademik Sangat Sederhana dengan PHP MySql bag.2 Setelah sembelumnya dengan postingan untuk membuat halaman utama kini pada postingan ini saya akan mencontohkan membuat page input data siswa,Pertama buatlah dokumen html dengan nama file datasiswa.html dan simpanlah pada folder SIS di host server lokal kita.
<html><body bgcolor="lavender"><center><h3>Form Input Data Siswa</h3><h4><font color="blue">SMAN Bandung</font></h4><form method = post action = msksiswa.php><style type = "text/css"><!--td { font-weight : bold; background-color: maroon; color : white; }tr { background-color: silver; color: blue; }--></style><table border =1><tr><td>NIS </td><td>: <input type = text name="NIS"></td></tr><tr><td>Nama Siswa </td><td>: <input type = text name="namasiswa"></td></tr><tr><td>E-mail</td><td>: <input type = text name="email"></td></tr><tr><td>No Ponsel</td><td>: <input type = text name="ponsel"></td></tr><tr><td>Alamat </td><td>: <input type = text name ="alamat"></td></tr><tr><td>Tempat Lahir </td><td>: <input type = text name ="tmptlhr"></td></tr>
<tr><td>Tanggal Lahir </td><td>: <input type = date name ="tgllhr"></td></tr><tr><td>Agama </td><td>: <input type = text name ="agama"></td></tr><tr><td><input type=submit value ="Simpan"><input type=reset value="Reset"></td></tr></center></table></form></body></html>
selanjutnya buatlah dokumen untuk proses input dengan nama file msksiswa.php simpanlah pada folder SIS di host server lokal kita.
<?phpinclude "koneksidb.php";//definisikan variabel dari Formmhs$NIS = $_POST['NIS'];$namasiswa = $_POST['namasiswa'];$email = $_POST['email'];$ponsel = $_POST['ponsel'];$alamat = $_POST['alamat'];$tmptlhr = $_POST['tmptlhr'];$tgllhr = $_POST['tgllhr'];$agama = $_POST['agama'];//simpan data$input ="insert into datasiswa(NIS,namasiswa,email,ponsel,alamat,tmptlhr,tgllhr,agama) values('$NIS','$namasiswa','$email','$ponsel','$alamat','$tmptlhr','$tgllhr','$agama')";mysql_query($input);if ($input){header("location:menampilkan.php");}else{echo "Proses Input Gagal";}?>
Membuat Sistem Informasi Akademik Sangat Sederhana dengan PHP MySql bag.3 Pada postingan ini akan dibahasa tentang membuat database menggunakan MySql untuk menyimpan input semua data yang nanti kita akan inputkan di sistem informasi akademik sederhana ini, kali ini saya akan mencontohkan membuat table database untuk input datasiswa terlebih dahulu ,pertama akseslah http://localhost/phpmyadmin dan buatlah database baru misal dengan nama database smabandung*gambar bisa diperbesar dengan double klik pada tiap gambar
Setelah itu beri nama tablenya dengan tabel datasiswa isi number fieldnya 8 karena kita akan memasukan 8 input data ke database, bila selesai klik Go
setelah itu :1. masukan NIS pada field pertama ber-type varchar dengan length/values 102. field ke-2 isi dengan nama ber-type varchar dengan length/values 203. field ke-3 isi dengan email bertype varchar dengan length/values 254. field ke-4 isi dengan ponsel ber-type varchar dengan length/values 105. field ke-5 isi dengan alamat ber-type varchar dengan length/values 306. field ke-6 isi dengan tmptlhr ber-type varchar dengan length/values 157. field ke-7 isi dengan tgllhr ber-type date8. fiel ke-8 isi dengan agama ber-type varchar dengan length values 10
setelah selesai klik tombol Save
selanjutnya bila telah pada halaman seperti digambar maka jadikanlah NIS sebagai primary key, dengan meng-klik icon kunci pada action NIS
Membuat Sistem Informasi Akademik Sangat Sederhana dengan PHP MySql bag.4 Pada postingan tutorial kali ini akan dicontohkan source code untuk menampilkan data yang telah di input ke database yang sebelumnya kita telah dibuat:pertama sebelumnya kita buat dulu dokumen koneksidb.php simpan di folder SIS yang , source codenya :
<?php$link=mysql_connect("localhost","root","");mysql_select_db("smabandung",$link);?>
setelah itu buat dokumen untuk menampilkan data yang telah dimasukan ke database, simpan dengan nama file menampilkan.php, source code :<?phpinclude "koneksidb.php";
$tampil="select * from datasiswa";$hasil=mysql_query($tampil);echo"<body bgcolor='lavender'>";echo"Daftar Siswa";echo"<style type = 'text/css'><!--th { font-weight : bold; background-color: blue; color : white; }tr { background-color: silver; color: blue; }--></style>";echo"<table border=1>";echo"<tr><th>No.</th> <th>NIS </th> <th>Nama Siswa </th> <th>E-Mail </th> <th>Ponsel </th> <th>Alamat </th> <th>Tempat Lahir </th> <th>Tanggal Lahir </th> <th>Agama</th><tr>";$nomor=1;while ($data=mysql_fetch_array($hasil)){echo "<tr><td>$nomor</td>";echo "<td>$data[0]</td>";echo "<td>$data[1]</td>";echo "<td>$data[2]</td>";echo "<td>$data[3]</td>";echo "<td>$data[4]</td>";echo "<td>$data[5]</td>";echo "<td>$data[6]</td>";echo "<td>$data[7]</td></tr>";$nomor++;}echo"</table>";echo "<a href='index.html'>Kembali</a>";echo "</body>";?>
*Gambar bisa diperbesar dengan double klik pada setiap gambarPertama akselah http://localhost/SIS/datasiswa.html untuk input data siswa, setelah di klik tombol simpan maka otomatis akan ditampilkan
hasil input data akan ditampilkan seperti berikut :
Membuat Sistem Informasi Akademik Sangat Sederhana dangan PHP MySql bag.5 Pada tutorial lanjutan ini saya akan mencontohkan untuk membuat halaman edit data siswa untuk adminbuatlah dokumen dengan naman file inputsiswaadmin.php simpan di folder SIS,
<?phpecho "<body bgcolor='lavender'>";echo "<center>";echo "<h3> Data Siswa di Halaman Admin </H3>";include "koneksidb.php";$tampilsiswa ="select * from datasiswa ORDER BY NIS DESC";$hasil = mysql_query($tampilsiswa);$total = mysql_num_rows($hasil);echo "<style type = 'text/css'><!--td { font-weight : bold; background-color: lavender; color : maroon; }tr { background-color: silver; color: blue; }--></style>";
echo"<table border =1>";echo"<tr><th>No.</th>
<th>NIS </th> <th>Nama Siswa </th> <th>E-Mail </th> <th>Ponsel </th> <th>Alamat </th> <th>Tempat Lahir </th> <th>Tanggal Lahir </th> <th>Agama</th> <th>Keterangan</th><tr>";$nomor=1;while ($data=mysql_fetch_array($hasil)){echo "<tr><td>$nomor</td>";echo "<td>$data[0]</td>";echo "<td>$data[1]</td>";echo "<td>$data[2]</td>";echo "<td>$data[3]</td>";echo "<td>$data[4]</td>";echo "<td>$data[5]</td>";echo "<td>$data[6]</td>";echo "<td>$data[7]</td>";echo "<td><a href=formeditsiswa.php?id=$data[NIS]>Edit</a> atau <a href=hapssiswa.php?id=$data[NIS]>Hapus</a></td></tr>";$nomor++;}echo "</table>";echo "</center>";echo "<P ALIGN=left> Total Data Siswa :<b>$total</b><br>";echo "<br><center><a href=datasiswa.html>Input Data Siswa Baru</a>";echo "</body>";?>
akselah http://localhost/SIS/inputsiswaadmin.php maka hasilnya akan seperti berikut :*gambar bisa diperbesar dengan double klik pada gambar
Membuat Sistem Informasi Akademik Sangat Sederhana dangan PHP MySql bag.6 Tutorial di postingan ini lanjutan dari pembuatan halaman edit data siswa oleh admin inputsiswaadmin.php, sekarang akan dibahas untuk membuat fungsi edit dan hapus pada halaman edit data siswa oleh admin,pertama buatlah dokumen PHP dengan nama file formeditsiswa.php
<?phpinclude "koneksidb.php";$id=$_GET['id'];$update = "select * from datasiswa where NIS ='$id'";$hasil = mysql_query($update);$data=mysql_fetch_array($hasil);echo "<body bgcolor='lavender'>";echo "<center>";echo "<h3>Form Edit Data Siswa Admin</h3>";echo "<style type = 'text/css'><!--td { font-weight : bold; background-color: maroon; color : white; }tr { background-color: silver; color: blue; }--></style>";echo"<form method = post action =editsiswa.php>";echo"<table border =1>";echo"<tr><td>NIS </td><td>: <input type = text name='NIS' value='$id'></td></tr><tr><td>Nama Siswa</td><td>: <input type = text name=namasiswa value ='$data[namasiswa]'></td></tr><tr><td>E-mail</td><td>: <input type = text name=email value ='$data[email]'></td></tr><tr><td>No Ponsel</td><td>: <input type = text name=ponsel value ='$data[ponsel]'></td></tr><tr><td>Alamat </td><td>: <input type = text name =alamat value='$data[alamat]'></td></tr><tr><td>Tempat lahir </td><td>: <input type = text name =tmptlhr value='$data[tmptlhr]'></td></tr><tr><td>Tanggal Lahir </td><td>: <input type = text name =tgllhr value='$data[tgllhr]'></td></tr>
<tr><td>Agama </td><td>: <input type = text name =agama value='$data[agama]'></td></tr><td><input type=submit value=Rubah>";echo "</body></center>";?>
kemudian buat halaman proses pengeditan dengan nama file editsiswa.php :
<?php include "koneksidb.php";$NIS = $_POST['NIS'];$namasiswa = $_POST['namasiswa'];$email = $_POST['email'];$ponsel = $_POST['ponsel'];$alamat = $_POST['alamat'];$tmptlhr = $_POST['tmptlhr'];$tgllhr = $_POST['tgllhr'];$agama = $_POST['agama'];
$updatesiswa = "update datasiswa set namasiswa ='$namasiswa', email='$email', ponsel='$ponsel', alamat ='$alamat', tmptlhr = '$tmptlhr', tgllhr ='$tgllhr', agama = '$agama' where NIS='$NIS'"; $hasilsiswa = mysql_query($updatesiswa); if ($hasilsiswa) { header("location:inputsiswaadmin.php"); } else { echo "Proses Update Data Gagal"; }?>
selanjutnya membuat halaman proses untuk penghapusan data, buatlah dokumen dengan nama file hpssiswa.php :
<?php include "koneksidb.php";$id=$_GET['id']; $deletedatasiswa = "delete from datasiswa where NIS='$id'"; $hasilsiswa = mysql_query($deletedatasiswa); if ($hasilsiswa)
{ header("location:inputsiswaadmin.php"); } else { echo "Proses Hapus Gagal"; }?>
jika dijalankan maka tampilanya akan seperti berikut :pertama akses terlebih dahulu http://localhost/SIS/inputsiswaadmin.php di kolom Keterangan ada fungsi Edit atau Hapus nah source dan beberapa dokumen diatas dibuat untuk mengaktifkan fungsi Edit dan Hapus*gambar bisa diperbesar dengan doubleklik pada setiap gambar
Jika diklik Fungsi Edit maka akan tampil form edit data namun bila diklik Hapus maka otomatis data akan terhapus.