Membuat Aplikasi Web Sederhana

Simple Web AppsSaat ini kita akan mencoba membuat suatu aplikasi base web sederhana untuk input data. Studi kasus yang kita akan ambil, untuk input data siswa. Kegiatan yang kita akan lakukan diantaranya, membuat database, tabel, membuat koneksi database, membuat form input data siswa, dan simpan data siswa. Berikut bisa anda ikut langkah-langkah membuat aplikasi berbasis web sederhana.

 

a. Membuat Database

Software database yang digunakan saat ini adalah MySQL database server. Untuk membuat database di MySQL, anda bisa menggunakan perangkat aplikasi phpmyadmin. Buatlah database dengan nama: db1109XXXX

Create Database

b. Membuat Koneksi Database

Untuk membuat koneksi kedatabase, perhatikan script dibawah ini. Simpanlah dengan nama : conndbsiswa.php, letakan didalam folder kerja anda masing-masing.

<?php $dbhost = "localhost"; $dbuser = "root"; $dbpass = "P@ssw0rd"; $dbname = "db1109XXXX"; $koneksi=mysql_connect($dbhost, $dbuser, $dbpass) or die ("Koneksi ke MySQL gagal!"); mysql_select_db($dbname,$koneksi); $tanggal = date("Y-m-d H:i:s"); ?>

b. Membuat Form Input Data Siswa

Untuk membuat Input Data Siswa, perhatikan script dibawah ini. Simpanlah dengan nama : siswa_input.php, letakan didalam folder kerja anda masing-masing.

<HTML>
 <HEAD>
  <TITLE> INPUT DATA SISWA </TITLE>
 </HEAD>

 <BODY>

<FORM METHOD=POST ACTION="siswa_save.php">

<TABLE>

<TR>

<TD>N.I.S</TD>
<TD>:</TD>
<TD><INPUT TYPE="text" NAME="nis" size=10></TD>

	   </TR>


<TR>

<TD>Nama Siswa</TD>
<TD>:</TD>
<TD><INPUT TYPE="text" NAME="nmsis" size=40></TD>

	   </TR>


<TR>

<TD>Tempat Lahir</TD>
<TD>:</TD>
<TD><INPUT TYPE="text" NAME="tmplhr" size=30></TD>

	   </TR>


<TR>

<TD>Tanggal Lahir</TD>
<TD>:</TD>
<TD><INPUT TYPE="text" NAME="tgllhr" size=15> [yyyy-mm-dd]</TD>

	   </TR>



<TR>

<TD valign=TOP>Jenis Kelamin</TD>
<TD valign=TOP>:</TD>
<TD>
		    <INPUT TYPE="radio" NAME="jnskel" VALUE="Laki-Laki">Laki-Laki<BR>
			<INPUT TYPE="radio" NAME="jnskel" VALUE="Perempuan">Perempuan
		  </TD>

	   </TR>


<TR>

<TD valign=TOP>Agama</TD>
<TD valign=TOP>:</TD>
<TD>
		    <SELECT NAME="agama">
<option VALUE="Islam" SELECTED>Islam
<option VALUE="Katolik">Katolik
<option VALUE="Protestan">Protestan
<option VALUE="Hindu">Hindu
<option VALUE="Budha">Budha
		    </SELECT>
		  </TD>

	   </TR>



<TR>

<TD valign=TOP>Alamat</TD>
<TD valign=TOP>:</TD>
<TD><TEXTAREA NAME="alamat" ROWS="3" COLS="35"></TEXTAREA></TD>

	   </TR>


<TR>

<TD colspan=3><INPUT TYPE="submit" VALUE="SIMPAN">&nbsp;&nbsp;<INPUT TYPE="reset" VALUE=BATAL></TD>

	   </TR>

	   </TABLE>

		
     </FORM>

 </BODY>
</HTML>

b. Membuat Script Save Data Siswa

Untuk membuat script Simpan Data Siswa kedalam database, perhatikan script dibawah ini. Simpanlah dengan nama : siswa_save.php, letakan didalam folder kerja anda masing-masing.

<?
   include "conndbsiswa.php";

   //tampung data
   $nis = $_POST['nis'];
   $nmsis = $_POST['nmsis'];
   $tmplhr = $_POST['tmplhr'];
   $tgllhr = $_POST['tgllhr'];
   $jnskel = $_POST['jnskel'];
   $agama = $_POST['agama'];
   $alamat = $_POST['alamat'];

   //simpan
   $query = "insert into tbSISWA(nis, nmsis, tmplhr, tgllhr, jnskel, agama, alamat) values ('$nis', '$nmsis', '$tmplhr', '$tgllhr', '$jnskel', '$agama', '$alamat')";
   $simpan = mysql_query($query);

   if($simpan)
   {
	   echo"<CENTER>
<H1>BERHASIL TERSIMPAN</H1>

</CENTER>";
	   echo"<BR><BR><A HREF=siswa_input.php>Back To Input Siswa</A></CENTER>";
   }
   else
   {
	   echo"<CENTER>
<H1>GAGAL TERSIMPAN</H1>

</CENTER>";
	   echo"<BR><BR><A HREF=siswa_input.php>Back To Input Siswa</A></CENTER>";
   }
?>
Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s