NGOPREK - NGOPREK IT

Jumat, 26 Desember 2014

Modul 7

LAPORAN PRAKTIKUM

PEMROGRAMAN WEB

MODUL 7

Disusun oleh :

NAMA : Nugroho Ari Saputro

NIM : L200120105

JURUSAN TEKNIK INFORMATIKA

FAKULTAS KOMUNIKASI DAN INFORMATIKA

UNIVERSITAS MUHAMMADIYAH SURAKARTA

2014

A. TUJUAN

Mengetahui dan memahami bahasa Javascript dalam pemrograman web.

B. LANDASAN TEORI

Javascript adalah bahasa yang berbentuk kumpulan script yang pada fungsinya berjalan pada suatu dokumen HTML, sepanjang sejarah internet bahasa ini adalah bahaa script pertama untuk web. Bahasa ini adalah bahasa pemrograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan mengijinkan pengeksekusian perintah – perintah di user, yang artinya di sisi browser bukan di sisi server web.

SEJARAH JAVASCRIPT

Sejarah JavaScript terdiri dari :

1. Penulisan Script

letakkan script disisi

</SCRIPT>

2. Komentar di Javascript

<!--

letakkan komentar di sisi

//-->

</SCRIPT>

C. ALAT DAN BAHAN

1. Satu Unit PC ( Personal Computer )

2. Sistem Operasi Windows XP

3. Notepad

4. Web Browser

5. Dua file image berekstensi.jpg

6. Lembar Kerja Percobaan

Baca selengkapnya »

Sabtu, 20 Desember 2014

Laporan Praktikum Pemrograman Web Modul 8

Modul 8

"ACTIVE SERVER PAGES"

A. TUJUAN

Kita dapat memahami dan mengetahui dasar – dasar pemrograman web server menggunakan bahasa ASP ( Active Server Pages ).

B. LANDASAN TEORI

Active Server Pages atau ASP merupakan suatu script yang bersifat server-side yang ditambahkan pada HTML untuk membuat sebuah web menjadi lebih menarik, dinamis dan efektif. Dengan ASP kita dapat mengolah data konsumen yang diambil dengan sebuah form, membuat aplikasi-aplikasi tertentu dalam sebuah web, dan database dalam sebuah web.

Microsoft merupakan perusahaan software yang menciptakan teknologi ASP ini. ASP bukanlah sebuah bahasa pemrograman karena ia masih menggunakan instruksi-instruksi yang ada pada script lain yaitu VBScript dan Jscript. VBScript dan Jscript merupakan bahasa script stpenggunar yang digunakan ASP. Karena itu tak heran jika kemudian ASP menjadi script pemrograman yang popular dan laku di pasaran. Karena bersifat server-side untuk memberikan kemudahan plus bagi para pemrograman web agar dapat dijalankan pada sebuah PC biasa berbasis windows, maka PC tersebut harus disimulasikan menjadi web server dengan menambahkan fasilitas Personal Web Server (PWS), yaitu sebuah server mini yang dapat menguji script ASP pada komputer pribadi tanpa memerlukan koneksi ke internet. ASP berjalan didalam lingkungan IIS atau Internet Information Server . keatas yang dijalankan dengan OS Windows NT dan PWS atau Personal Web Server, yang dijalankan dengan OS Windows NT Workstation dan Windows 9x. untuk Windows Professional, Server, Advanced Server dan Data Center, semuanya menggunakan IIS 5.O. akses ke database merupakan fasilitas ASP yang paling sering digunakan. ASP mendukung akses ke database manapun selama database tersebut mendukung OLEDB atau ODBC.

C. ALAT DAN BAHAN

1. PC / Komputer

2. Notepad ++

3. Browser Google Chrome / Mozila firefox

4. Internet

5. Modul Praktikum Pemrograman Web

D. LANGKAH PRAKTIKUM

PERCOBAAN 1

1. Buka aplikas Notepad++, kemudian kita ketikkan script berikut :

      3.      Menyimpan file dengan nama variable.asp
4.      Membuka file menggunakan browse
5.      Hasilnya :

PERCOBAAN 2 (Array)

1. Membuka aplikasi notepad

2. Mengetikkan script berikut di dalam notepad:

3. Menyimpan file dengan nama array.asp

4. Membuka file menggunakan browser

5. Hasilnya :

PERCOBAAN 3 (LOOP)

1. Membuka aplikasi notepad

2. Mengetikkan script berikut di dalam notepad:

3. Menyimpan file dengan nama loop.asp

4. Membuka file menggunakan browser

5. Hasilnya :

PERCOBAAN 4 (Fungsi tanggal dan waktu)

1. Membuka aplikasi notepad
2. Mengetikkan script berikut di dalam notepad :

3. Menyimpan file dengan nama date.asp
4. Membuka file menggunakan browser

5. Hasilnya:

Percobaan 5 (Form)
1. Membuka aplikasi notepad
2. Mengetikkan script berikut di dalam notepad:

<html>
         <body>
         <form action="form.asp" method="get">
          Nama kamu : <input type="text" name="fname" size="20"/>
          Pilih Mobil favorit kamu :
         <input type="radio" name="cars"
         <%if cars="BMW" then response.write("checked")%> value="BMW">BMW
         </input>
         <br />
         <input type="radio" name="cars"
         <%if cars="Kijang" then response.write("checked")%> value="Kijang">Kijang
         </input>
         <br />
         <input type="radio" name="cars"
         <%if cars="Timor" then response.write("checked")%> value="Timor">Timor
         </input>
         <input type="submit" value="Submit" />
         </form>
<%
          dim fname
          fname=request.querystring("fname")
         dim cars
         cars=request.form("cars")
         if fname<>"" then
         response.write("Hallo " & fname & "!<br />")
         response.write("Bagaimana kabar kamu?")
         end if
         if cars<>"" then
         response.write("<p>
Mobil favorit kamu adalah : " & cars & "</p>
")
         end if
          %>
         </body>
         </html>

3. Menyimpan file dengan nama form.asp

4. Membuka file menggunakan browser

5. Hasilnya:

PERCOBAAN 6 (Cookies)
1. Membuka aplikasi notepad

2. Mengetikkan script berikut di dalam notepad :

3. Menyimpan file dengan nama cookies.asp

4. Membuka file menggunakan browser

5 5 . Hasinya:

Tugas

1. Membuat sebuah progam penjumlahan menggunakan bahasa ASP menggunakan fungsi variable.
2. Ketikkan script berikut :

3. Hasilnya :

Kamis, 13 November 2014

Laporan Praktikum Pemrograman Web Modul 6

LAPORAN PRAKTIKUM

PEMROGRAMAN WEB

MODUL 6

Disusun Oleh :

NUGROHO ARI SAPUTRO

L200120105

JURUSAN TEKNIK INFORMATIKA

FAKULTAS KOMUNIKASI DAN INFORMATIKA

UNIVERSITAS MUHAMMADIYAH SURAKARTA

A. TUJUAN

Mengimplementasikan web PHP dengan gabungan CSS untuk memperindah tampilan website.

B. LANDASAN TEORI

Baca selengkapnya »

Rabu, 22 Oktober 2014

Laporan Praktikum Pemrograman Web Modul 5

LAPORAN PRAKTIKUM

PEMROGRAMAN WEB

MODUL 5

Disusun Oleh :

NUGROHO ARI SAPUTRO

L200120105

JURUSAN TEKNIK INFORMATIKA

FAKULTAS KOMUNIKASI DAN INFORMATIKA

UNIVERSITAS MUHAMMADIYAH SURAKARTA

A. TUJUAN

Memahami dan mengetahui fungsi dari CSS (Cascading Style Sheet) sebagai bahasa pemrograman guna mengatur desain dan layout web.

B. LANDASAN TEORI

CSS (Cascading Style Sheet) adalah sebuah cara untuk memisahkan isi dengan layout dalam halaman-halaman web yang dibuat. CSS memperkenalkan template yang berupa style untuk membuat dan mempermudah penulisan dari halaman-halaman yang dirancang.

Penerapan CSS

Baca selengkapnya »

Senin, 13 Oktober 2014

Laporan Praktikum Pemrograman Web Modul_4

LAPORAN PRAKTIKUM

PEMROGRAMAN WEB

MODUL 4

Disusun Oleh :

NUGROHO ARI SAPUTRO

L200120105

JURUSAN TEKNIK INFORMATIKA

FAKULTAS KOMUNIKASI DAN INFORMATIKA

UNIVERSITAS MUHAMMADIYAH SURAKARTA

A. TUJUAN

Mengimplementasikan bahasa pmrograman PHP dengan menggunakan database MySQL ke dalam sebuah aplikasi berbasis web.

B. LANDASAN TEORI

PHP (HyperText Preprocessor) merupakan bahasa pemrograman server side programming yang berfungsi untuk membuat website bersifat dinamis. Halaman website dinamis memberikan kesempatan kepada user untuk dapat berinteraksi dengan memberikan kesempatan kepada user untuk dapat berinteraksi dengan halaman web tersebut. Contoh diperlukannya halaman web dinamis ketika ingin membuat halaman buku tamu, atau ingin membuat aplikasi-aplikasi database. Halaman Web dinamis juga mempermudah admin situs untuk merawat (maintenance) situs yang dimilikinya. Sebuah website yang interaktif dan dinamis, tentu membutuhkan penyimpanan data yang fleksibel dan cepat untuk diakses. Salah satu database untuk server adalah MySQL. Jenis database ini sangat popular dan digunakan pada banyak website di internet sebagai bank data.

XAMPP adalah perangkat lunak bebas (free) yang mendukung banyak system operasi, merupakan kompilasi dari beberapa program. Berfungsi sebagai server yang berdiri sendiri (localhost), yang terdiri dari program Apache HTTP server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat system operasi apapun), Apache, MySQL, PHP, dan Perl.

C. ALAT dan BAHAN

1. PC

2. Sistem Operasi Windows 7

3. Browser Mozilla Firefox/Chrome

4. Notepad ++

5. Web server lokal XAMPP/Appserv

6. Modul Praktikum

D. LANGKAH-LANGKAH PRAKTIKUM

1. Percobaan 1 (Form Data Mahasiswa)

Ø Pertama instal web server di PC kita.

Ø Kemudian buat folder baru di direktori C:\AppServ\www

Ø Buat file name dengan nim kita. L200120105.

Ø Setelah membuat folder baru di direktori C:\AppServ\www\L200120105, kemudian buka web browser anda, lalu ketikkan localhost/phpmyadmin, setelah muncul halaman dan mengisi user dan password kemudian kita buat database, perhatikan pada gambar, pada Create New Database isikan nama databasenya dan klik create.

Ø Setelah selesai buat tabelnya. Tabel selesai isikan field-field dalam tabel sesuaikan pada tabel berikut.

Ø Kemudian buka notepad ++

Ø Isikan script berikut

<html>
<head>
 <title>Data Mahasiswa</title>
</head>
<body>
 <?php
  //koneksi ke database
  $koneksi=mysql_connect('localhost', 'root', 'root'); //host,user,password
  $db=mysql_select_db('mahasiswa'); //nama database
 ?>
 <table width="600" cellpadding="3" cellspacing="3" align="center" border="1">
<tr>
   <th colspan="2">Input Data Mahasiswa</th>
  </tr>
<form action="form.php" method="post" enctype="multipart/form-data">
<tr>
    <td width="500">NIM</td>
    <td width="600">
     <input type="text" name="txtnim" size="25">
    </td>
   </tr>
<tr>
    <td width="500">Nama</td>
    <td width="600">
     <input type="text" name="txtnama" size="45">
    </td>
   </tr>
<tr>
    <td width="500">Jenis Kelamin</td>
    <td width="600">
     <input name="kelamin" type="radio" value="Laki-Laki" />Laki-Laki
     <input name="kelamin" type="radio" value="Perempuan" />Perempuan
    </td>
   </tr>
<tr>
    <td width="500">Alamat</td>
    <td width="600">
     <textarea name="txtalamat" rows="5" cols="45"></textarea.no>
    </td>
   </tr>
<tr>
    <td width="500">Jurusan</td>
    <td width="600">
     <input type="text" name="txtjurusan" size="45">
    </td>
   </tr>
<tr>
    <td width="500"></td>
    <td width="600">
     <input id="submit" type="submit" name="simpan" value="Simpan">
     <input id="submit" value="Batal" type="reset">
    </td>
   </tr>
</form>
</table>
<?php
  //simpan data ke database
  if (isset($_POST['simpan'])){
   $nim    = $_POST['txtnim'];
   $nama    = $_POST['txtnama'];
   $jeniskelamin  = $_POST['kelamin'];
   $alamat   = $_POST['txtalamat'];
   $jurusan   = $_POST['txtjurusan'];
  
   //query input
   $input="insert into mhs(nim, nama, jenis_kelamin, alamat, jurusan) values ('$nim', '$nama', '$jeniskelamin', '$alamat', '$jurusan')";
  
   //kondisi inputan
   if($nim==''){
    echo "</br>NIM tidak boleh kosong, diisi dulu";
   }else if($nama==''){
    echo "</br>Nama tidak boleh kosong, diisi dulu";
   }else if($jeniskelamin==''){
    echo "</br>Jenis Kelamin tidak boleh kosong, diisi dulu";
   }else if($alamat==''){
    echo "</br>Alamat tidak boleh kosong, diisi dului";
   }else if($jurusan=''){
    echo "</br>Jurusan tidak boleh kosong, diisi dulu";
   }else{
    mysql_query($input);
    echo'</br>Data berhasil dimasukkan';
   }
  }
 ?>
 <hr>
 <h2 align="center">
Data Mahasiswa</h2>
<?php
  //menampilkan data
  $sql=mysql_query("select * from mhs order by nim");
  if(!$sql)
  die("Query salah");
  echo "<table cellpadding=4 border=1 align=center>
<tr>
     <th>No</th>
     <th>Nama</th>
     <th>NIM</th>
     <th>Jenis Kelamin</th>
     <th>Alamat</th>
     <th>Jurusan</th>
     <th>Pilihan</th>
    </tr>
";
    $posisi=1;
    $no=$posisi+1;
    while ($baris=mysql_fetch_row($sql)){
     $nim=$baris[0];
     $nama=$baris[1];
     $jeniskelamin=$baris[2];
     $alamat=$baris[3];
     $jurusan=$baris[4];
     
     echo "
<tr>
       <td align=center>$no</td>
       <td align=center>$nim</td>
       <td align=center>$nama</td>
       <td align=center>$jeniskelamin</td>
       <td align=center>$alamat</td>
       <td align=center>$jurusan</td>
       <td align=center><a href='delete.php?nim=$nim'>Hapus</a> |<a href='update.php?nama=$nama&nim=$nim&jeniskelamin=$jeniskelamin&alamat=$alamat&jurusan=$jurusan'> ubah</a></td></tr>
;
      </tr>
";
     $no++;
    }
  echo "</table>
";
 ?>
</body>
</html>

Ø Setelah selesai simpan file tersebut ke dalam direktori C:\Appserv\www\L2001020105 dengan nama file form.php , kemudian buka web browser ketikan localhost/L200120105.form.html untuk melihat hasilnya.

Ø hasilnya

2. Tugas

1. Membuat script update dan hapus

Ø Buka notepad++

Ø Tulis script berikut

<?php
$koneksi=mysql_connect ('localhost','root','root');
$db=mysql_select_db('mahasiswa');
$nim = $_GET['nim'];
$query = ("DELETE from mhs WHERE nim='$nim'");
$hasil = mysql_query($query);
echo"Data telah di hapus<br>";

$nama = $_GET['nama']; //mengambil no / id
$nim = $_GET['nim'];
$jeniskelamin = $_GET['jeniskelamin'];
$alamat = $_GET['alamat'];
$jurusan = $_GET['jurusan'];
$query = "SELECT * FROM mhs WHERE nim = '$nim'"; //Memilih nama tabel dan menyeleksi no
$hasil = mysql_query($query) or die (mysql_error()); 
$data  = mysql_fetch_array($hasil);
?>

<table width="600" cellpadding="3" cellspasing="3" align="center" border="1">
<tr>
<th colspan="2">Edit Data Mahasiswa</th></tr>
<tr>
<td width="500">NIM</td>
<td width="600"><input type="number" value="<?php echo $nim; ?>" required="required" name="txtnim" size="25"></td>
</tr>
<tr>
<td width="500">Nama</td>
<td width="600"><input type="text" value="<?php echo $nama; ?>" name="txtnama" required="required" size="25"></td>
</tr>
<tr>
<td width="500">Jenis Kelamin</td>
<td width="600"><input type="radio" name="radiokelamin" value="<?php echo $jeniskelamin; ?>" required="required">Laki-laki
<input type="radio" name="radiokelamin" value="<?php echo $jeniskelamin; ?>" required="required">Perempuan</td>
</tr>
<tr>
<td width="500">Alamat</td>
<td width="600"><input type="text" name="txtalamat" rows="5" cols="45" required="required">
<?php echo $alamat; ?></td>
</tr>
<tr>
<td width="500">Jurusan</td>
<td width="600"><input type="text" name="txtjurusan" value='<?php echo $jurusan ?>' required="required" size="45"></td>
</tr>
<tr>
<td width="500"> <input type="hidden" name="nim" value="<?php echo $nim; ?>">
   <input type="SUBMIT" name="simpan" value="Simpan"></td>
</tr>
</table>
</form>
<?php
if (isset ($_POST ['submit'])){
$nama   = $_POST['txtnama'];
$nim   = $_POST['txtnim'];
$jeniskelamin = $_POST['radiokelamin'];
$alamat   = $_POST['txtalamat'];
$jurusan  = $_POST['txtjurusan'];

$input="insert into mhs (nim, nama, jenis_kelamin, alamat, jurusan) values ('$nim','$nama','$jeniskelamin','$alamat','$jurusan')";

if($nim==''){
echo "<br>";
}else{

mysql_query($input);
echo'<br>Data berhasil dimasukan';
}
}
?>
<hr>

<h2 align="center">
 Data mahasiswa</h2>
<?php
$sql = mysql_query("SELECT * FROM mhs ORDER BY nim");
  if(!$sql)
  die ("Query salah");
  
  echo"<table cellpadding=4 border=1 align=center>
<tr>
  
  <th>No</th>
  <th>Nim</th>
  <th>Nama</th>
  <th>Jenis Kelamin</th>
  <th>Alamat</th>
  <th>Jurusan</th>
  <th>Pilihan</th></tr>
";
  
$no=+1;
while ($baris=mysql_fetch_row($sql)) {
  $nim   = $baris[0];
  $nama   = $baris[1];
  $jeniskelamin = $baris[2];
  $alamat   = $baris[3];
  $jurusan  = $baris[4];
  
  echo"
<tr>
   <td align=center>$no</td>
   <td align=center>$nim</td>
   <td align=center>$nama</td>
   <td align=center>$jeniskelamin</td>
   <td align=center>$alamat</td>
   <td align=center>$jurusan</td>
   <td align=center><a href='hapus.php?nim=$nim'>Hapus</a> |<a href='update.php?nama=$nama&nim=$nim&jeniskelamin=$jeniskelamin&alamat=$alamat&jurusan=$jurusan'> ubah</a></td></tr>
";
   
$no++;
}
echo"</table>
";
?>

</body>
</html>

Ø Simpan dengan nama edit.php

Ø Kemudian klik menu file pada notepad ++ kemudian pilih new.

Ø Tulis script berikut

Ø Simpan dengan nama proses.php
Ø Kemudian klik menu file pada notepad ++ kemudian pilih new.
Ø Tulis script berikut

<html><head>
<title>Data Mahasiswa</title>
</head><body>

<?php 
//koneksi ke database
$koneksi=mysql_connect ('localhost','root','root');
$db=mysql_select_db('mahasiswa');
$nim = $_GET['nim'];
$query = ("DELETE from mhs WHERE nim='$nim'");
$hasil = mysql_query($query);
echo"Data telah di hapus<br>";

<table width="600" cellpadding="3" cellspacing="3" align="center" border="1">
<tr>
<th colspan="2">Input Data Mahasiswa</th></tr>
<form action="form.php" method="post"
enctype="multipart/form-data">
<tr>
<td width="500">NIM</td>
<td width="600"><input type="text" name="txtnim" size="25"></td>
</tr>
<tr>
<td width="500">Nama</td>
<td width="600"><input type="text" name="txtnama" size="45"></td>
</tr>
<tr>
<td width="500">Jenis kelamin</td>
<td width="600"><input name="radiokelamin" type="radio" value="Laki-laki" />
Laki-laki
<input name="radiokelamin" type="radio" value="Perempuan"/>
Perempuan</td>
</tr>
<tr>
<td width="500">alamat</td>
<td width="600">
<textarea name="txtalamat" rows="5" cols="45"><textarea></td>
</tr>
<tr>
<td>Jurusan</td>
<td><input type="text" name="txtjurusan" size="45"></td>
</tr>
<tr>
<td width="500"></td>
<td width="600">
<input id="submit" type="submit" name="simpan" value="Simpan">
<input id="submit" value="Batal" type="reset">
</td>
</tr>
</form>
</table>
<?php
//simpan

if(isset($_POST['simpan'])){
 $nim   = $_POST['txtnim'];
 $nama   = $_POST['txtnama'];
 $jeniskelamin = $_POST['radiokelamin'];
 $alamat   = $_POST['txtalamat'];
 $jurusan  = $_POST['txtjurusan'];
 
//query input
$input="insert into mhs(nim, nama, jenis_kelamin, alamat, jurusan) values ('$nim','$nama','$jeniskelamin','$alamat','$jurusan')";

//kondisi inputan
if($simpan&&nim==''){
 echo "</br> NIM tidak boleh kosong, diisi dulu";
}elseif($nama==''){
 echo "</br> Nama tidak boleh kosong, diisi dulu";
}elseif($jeniskelamin==''){
 echo "</br> Jenis kelamin tidak boleh kosong, diisi dulu";
}elseif($alamat==''){
 echo "</br> Alamat tidak boleh kosong, diisi dulu";
}elseif($jurusan==''){
 echo "</br> Jurusan tidak boleh kosong, diisi dulu";
}else{

mysql_query($input);
 echo'</br>Data berhasil dimasukkan';

}
}
?>

<hr>
<h2 align="center">
Data Mahasiswa</h2>
<?php
//menampilkan data
$sql = mysql_query("SELECT *FROM mhs ORDER BY nim");
    
    if(!sql)
    die("Query Salah");
echo "<table cellpadding=4 border=1 align=center>
<tr>
   <th>No</th>
   <th>Nim</th>
   <th>Nama</th>
   <th>Jenis Kelamin</th>
   <th>Alamat</th>
   <th>Jurusan</th>
   <th>pilihan</th>
   </tr>
";
$no=$posisi+1;

while ($baris = mysql_fetch_row($sql)){
   $nim   = $baris[0];
   $nama   = $baris[1];
   $jenis_kelamin = $baris[2];
   $alamat   = $baris[3];
   $jurusan  = $baris[4];
   
 echo "
<tr>
   <td align=center>$no</td>
   <td align=center>$nim</td>
   <td align=center>$nama</td>
   <td align=center>$jeniskelamin</td>
   <td align=center>$alamat</td>
   <td align=center>$jurusan</td>
   <td align=center><a href='hapus.php?nim=$nim'>Hapus</a> |<a href='edit.php?nama=$nama&nim=$nim&jeniskelamin=$jeniskelamin&alamat=$alamat&jurusan=$jurusan'> edit</a></td>
   </tr>
";
$no++;
}
echo "</table>
";
?>

</body>
</html>

Simpan dengan nama hapus.php

Ø Lihat hasilnya

2. Buatlah validasi form.

Ø Buka file form.php

Ø Kemudian edit file form.php lalu tambahkan <HTML !DOCTYPE> di awal script, dan tambahkan required pada form input.

Ø Simpan file tersebut dengan nama validasi.php

Ø Scriptnya jadi seperti ini :

<html !DOCTYPE>
<html>
<head>
 <title>Data Mahasiswa</title>
</head>
<body>
 <?php
  //koneksi ke database
  $koneksi=mysql_connect('localhost', 'root', 'root'); //host,user,password
  $db=mysql_select_db('mahasiswa'); //nama database
 ?>
 <table width="600" cellpadding="3" cellspacing="3" align="center" border="1">
<tr>
   <th colspan="2">Input Data Mahasiswa</th>
  </tr>
<form action="form.php" method="post" enctype="multipart/form-data">
<tr>
    <td width="500">NIM</td>
    <td width="600">
     <input type="text" name="txtnim" size="25" required>
    </td>
   </tr>
<tr>
    <td width="500">Nama</td>
    <td width="600">
     <input type="text" name="txtnama" size="45" required>
    </td>
   </tr>
<tr>
    <td width="500">Jenis Kelamin</td>
    <td width="600">
     <input name="kelamin" type="radio" value="Laki-Laki" />Laki-Laki
     <input name="kelamin" type="radio" value="Perempuan" />Perempuan
    </td>
   </tr>
<tr>
    <td width="500">Alamat</td>
    <td width="600">
     <textarea name="txtalamat" rows="5" cols="45" required></textarea.in>
    </td>
   </tr>
<tr>
    <td width="500">Jurusan</td>
    <td width="600">
     <input type="text" name="txtjurusan" size="45" required>
    </td>
   </tr>
<tr>
    <td width="500"></td>
    <td width="600">
     <input id="submit" type="submit" name="simpan" value="Simpan">
     <input id="submit" value="Batal" type="reset">
    </td>
   </tr>
</form>
</table>
<?php
  //simpan data ke database
  if (isset($_POST['simpan'])){
   $nim    = $_POST['txtnim'];
   $nama    = $_POST['txtnama'];
   $jeniskelamin  = $_POST['kelamin'];
   $alamat   = $_POST['txtalamat'];
   $jurusan   = $_POST['txtjurusan'];
  
   //query input
   $input="insert into mhs(nim, nama, jenis_kelamin, alamat, jurusan) values ('$nim', '$nama', '$jeniskelamin', '$alamat', '$jurusan')";
  }
 ?>
 <hr>
 <h2 align="center">
Data Mahasiswa</h2>
<?php
  //menampilkan data
  $sql=mysql_query("select * from mhs order by nim");
  if(!$sql)
  die("Query salah");
  echo "<table cellpadding=4 border=1 align=center>
<tr>
     <th>No</th>
     <th>Nama</th>
     <th>NIM</th>
     <th>Jenis Kelamin</th>
     <th>Alamat</th>
     <th>Jurusan</th>
     <th>Pilihan</th>
    </tr>
";
    $posisi=1;
    $no=$posisi+1;
    while ($baris=mysql_fetch_row($sql)){
     $nim=$baris[0];
     $nama=$baris[1];
     $jeniskelamin=$baris[2];
     $alamat=$baris[3];
     $jurusan=$baris[4];
     
     echo "
<tr>
       <td align=center>$no</td>
       <td align=center>$nim</td>
       <td align=center>$nama</td>
       <td align=center>$jeniskelamin</td>
       <td align=center>$alamat</td>
       <td align=center>$jurusan</td>
       <td align=center><a href='delete.php?nim=$nim'>Hapus</a> |<a href='update.php?nama=$nama&nim=$nim&jeniskelamin=$jeniskelamin&alamat=$alamat&jurusan=$jurusan'> ubah</a></td></tr>
;
      </tr>
";
     $no++;
    }
  echo "</table>
";
 ?>
</body>
</html>

Ø Hasil :