Pembahasan pada Asistensi Mengenai, pada Bab Paraf Dosen Pembimbing

  

L

A

M

P

  

I

R

A

N

  

SURAT KETERANGAN

Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa Tugas Akhir Mahasiswa

Program Diploma 3 Teknik Informatika : Nama : Imam Fakhri Jundi NIM : 102406154 Program Studi : TEKNIK INFORMATIKA

Judul Tugas Akhir : PERANCANGAN WEBSITE PADA SMK NEGERI 9

  MEDAN

Telah melaksanakan uji program Tugas Akhir Mahasiswa tersebut diatas pada

tanggal juni 2014

Dengan Hasil : Sukses / Gagal

Demikian Surat Keterangan ini dibuat untuk melengkapi syarat pendaftaran Ujian

Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika

FMIPA USU Medan.

  Medan, Juni 2014 Dosen Pembimbing, Drs. Henry Rani S, M.Si NIP. 19530303 198303 1 002

  

ALAM

Jl. Bioteknologi No. 1 Kampus USU Telp. (061) 8211050 Fax. (061)

8214290 Medan-20155

Email : Dekanat@FMIPA.USU.AC.ID

  Nama Mahasiswa :

  IMAM FAKHRI JUNDI Nomor Stambuk : 112406154 Judul Tugas Akhir : PERANCANGAN WEBSITE PADA SMK NEGERI 9 MEDAN

  Dosen Pembimbing : Drs. Henry Rani S, M.Si Tanggal Mulai Bimbingan : Tanggal Selesai Bimbingan :

  Pembahasan pada Tanggal Asisten Paraf Dosen

No Asistensi Mengenai, Keterangan

Bimbingan Pembimbing pada Bab

  1

  2

  3

  4

  5

  6 Diketahui, Disetujui Pembimbing Utama/ Program Studi D-3 Teknik Informatika FMIPA USU Ketua, Penanggung Jawab Drs. Elly Rosmaini, M. Si Drs. Henry Rani S, M.Si NIP. 19600520 198503 2 002 NIP. 19530303 198303 1 002

  Koneksi.php

  <?php ob_start(); session_start(); $dbserver="localhost"; $dbusername="root"; $dbpassword=""; $dbname="db_datamhs"; mysql_connect($dbserver,$dbusername,$dbpassword) or die(mysql_error()); mysql_select_db($dbname) or die (mysql_error()); ?>

  Index.php

  <?php include("koneksi/koneksi.php"); ?> <!DOCTYPE HTML> <html> <head> <title>SMK Negeri 9 Medan</title> <meta name="description" content="website description" /> <meta name="keywords" content="website keywords, website keywords" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <!-- modernizr enables HTML5 elements and feature detects -->

   <script type="text/javascript" src="js/modernizr-1.5.min.js"></script> </head> <body> <div id="main"> <header> <div id="logo"> <div id="logo_text"> <!-- class="logo_colour", allows you to change the colour of the text --> <h1><a href="index.html">SMKN9 <span class="logo_colour">Medan</span></a></h1> <h2>Jln. Patriot No. 20 A Medan</h2> </div> </div> <nav> <ul class="sf-menu" id="nav"> <li class="selected"><a href="index.php">Beranda</a></li> <li><a href="#">Profil</a> <ul> <li><a href="visi.php">Visi dan Misi</a></li> <li><a href="sarana.php">Sarana dan Prasarana</a></li> <li><a href="sorganisasi.php">Struktur Organisasi</a></li> </ul> </li> <li><a href="guru.php">Warga Sekolah</a></li> <li><a href="#">Pendaftaran Online</a>

  <ul>

   <li><a href="daftaronline.php">Mendaftar</a></li> <li><a href="pendaftarlulus.php">Pendaftar yg Lulus</a></li> </ul> </li> </li> <li><a href="galeri.php">Galeri Foto</a></li> <li><a href="btamu.php">Buku Tamu</a></li> </ul> </nav> </header> <div id="site_content"> <ul id="images"> <li><img src="images/S.jpg" width="600" height="300" alt="seascape_one" /></li> <li><img src="images/m.jpg" width="600" height="300" alt="seascape_two" /></li> <li><img src="images/K.jpg" width="600" height="300" alt="seascape_three" /></li> <li><img src="images/n.jpg" width="600" height="300" alt="seascape_four" /></li> <li><img src="images/9.jpg" width="600" height="300" alt="seascape_five" /></li> <li><img src="images/MEDAN.jpg" width="600" height="300" alt="seascape_seascape" /></li> </ul> <div class="content"> <h1>Selamat Datang di Website SMK Negeri 9 Medan</h1> <h2>Kata Sambutan Kepala Sekolah</h2>

   <p> Puji syukur kami panjatkan kehadirat Allah Swt, atas segala limpahan Rahmat, Taufiq, Hidayah, serta Inayah-Nya kepada kita semua, sehingga kita masih diberi kesempatan untuk berpartisipasi secara aktif dalam dunia pendidikan. Dalam era global seperti sekarang ini, kecepatan memperoleh informasi akan menjadi modal utama dalam rangka menentukan langkah kedepan. Untuk mewujudkan hal itu, kami telah membuat sebuah Website SMK Negeri 9 Medan dengan harapan bisa lebih komunikatif dan lebih bisa memenuhi kebutuhan informasi tentang sekolah kami.

  <p>Semoga dengan terciptanya website terbaru SMK Negeri 9 Medan ini bisa menjawab semua kebutuhan masyarakat tentang kondisi sekolah kami dan masyarakat bisa memanfaatkan konten yang ada sebagai sarana untuk berkomunikasi dengan kami. Kami menyadari bahwa semua ini masih perlu penyempurnaan, untuk itu kami tetap menunggu saran dan kritik membangun dari masyarakat / stakeholder agar sekolah yang kita cintai ini menjadi sekolah yang benar-benar berkualitas.</p> Wassalamualaikum Wr. Wb.

   </p> </div> </div> <footer> Design by : <a href="http://www.css3templates.co.uk">css3templates.co.uk</a>.<p> Modified by : <a href="http://www.facebook.com/imamfakhrijundi">Imam Fakhri Jundi</a></p> </footer> </div> <p> </p> <!-- javascript at the bottom for fast page loading --> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.easing-sooper.js"></script>

   <script type="text/javascript" src="js/jquery.sooperfish.js"></script> <script type="text/javascript" src="js/jquery.kwicks-1.5.1.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#images').kwicks({ max : 600, spacing : 2 }); $('ul.sf-menu').sooperfish(); }); </script> </body> </html>

  Visi.php

  <?php include("koneksi/koneksi.php"); ?> <!DOCTYPE HTML> <html> <head> <title>Visi dan Misi</title> <meta name="description" content="website description" /> <meta name="keywords" content="website keywords, website keywords" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

   <link rel="stylesheet" type="text/css" href="css/style.css" /> <!-- modernizr enables HTML5 elements and feature detects --> <script type="text/javascript" src="js/modernizr-1.5.min.js"></script> </head> <body> <div id="main"> <header> <div id="logo"> <div id="logo_text"> <!-- class="logo_colour", allows you to change the colour of the text --> <h1><a href="index.html">SMKN9 <span class="logo_colour">Medan</span></a></h1> <h2>Jln. Patriot No. 20 A Medan</h2> </div> </div> <nav> <ul class="sf-menu" id="nav"> <li><a href="index.php">Beranda</a></li> <li><a href="#">Profil</a> <ul> <li class="selected"><a href="visi.php">Visi dan Misi</a></li> <li><a href="sarana.php">Sarana dan Prasarana</a></li> <li><a href="sorganisasi.php">Struktur Organisasi</a></li> </ul> </li> <li><a href="guru.php">Warga Sekolah</a></li>

  <li><a href="#">Pendaftaran Online</a> <ul>

   <li><a href="daftaronline.php">Mendaftar</a></li> <li><a href="pendaftarlulus.php">Pendaftar yg Lulus</a></li> </ul> <li><a href="galeri.php">Galeri Foto</a></li> <li><a href="btamu.php">Buku Tamu</a></li> </ul> </nav> </header> <div id="site_content"> <ul id="images"> <li><img src="images/S.jpg" width="600" height="300" alt="seascape_one" /></li> <li><img src="images/m.jpg" width="600" height="300" alt="seascape_two" /></li> <li><img src="images/K.jpg" width="600" height="300" alt="seascape_three" /></li> <li><img src="images/n.jpg" width="600" height="300" alt="seascape_four" /></li> <li><img src="images/9.jpg" width="600" height="300" alt="seascape_five" /></li> <li><img src="images/MEDAN.jpg" width="600" height="300" alt="seascape_seascape" /></li> </ul> <div class="content"> <h1>Visi dan Misi</h1> <h2>Visi</h2>

  <p><marquee>MENJADIKAN SMK NEGERI 9 MEDAN YANG BERKUALITAS KEILMUAN DAN KETRAMPILAN UNTUK DAPAT MENGHASILKAN TAMATAN YANG PROFESIONAL.</marquee></p> <h2>Misi</h2> <p><span class="left"><img src="images/misi.jpg" alt="example graphic" /></span></p> </div> </div> <footer> Design by : <a href="http://www.css3templates.co.uk">css3templates.co.uk</a>.<p> Modified by : <a href="http://www.facebook.com/imamfakhrijundi">Imam Fakhri Jundi</a></p> </footer> </div> <p> </p> <!-- javascript at the bottom for fast page loading --> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.easing-sooper.js"></script> <script type="text/javascript" src="js/jquery.sooperfish.js"></script> <script type="text/javascript" src="js/jquery.kwicks-1.5.1.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#images').kwicks({ max : 600, spacing : 2 }); $('ul.sf-menu').sooperfish();

   }); </script> </body> </html>

  Sarana.php

  <?php include("koneksi/koneksi.php"); ?> <!DOCTYPE HTML> <html> <head> <title>Sarana dan Prasarana</title> <meta name="description" content="website description" /> <meta name="keywords" content="website keywords, website keywords" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <!-- modernizr enables HTML5 elements and feature detects --> <script type="text/javascript" src="js/modernizr-1.5.min.js"></script> </head> <body> <div id="main"> <header> <div id="logo"> <div id="logo_text"> <!-- class="logo_colour", allows you to change the colour of the text -->

   <h1><a href="index.html">SMKN9 <span class="logo_colour">Medan</span></a></h1> <h2>Jln. Patriot No. 20 A Medan</h2> </div> </div> <nav> <ul class="sf-menu" id="nav"> <li><a href="index.php">Beranda</a></li> <li><a href="#">Profil</a> <ul> <li><a href="visi.php">Visi dan Misi</a></li> <li class="selected"><a href="sarana.php">Sarana dan Prasarana</a></li> <li><a href="sorganisasi.php">Struktur Organisasi</a></li> </ul> </li> <li><a href="guru.php">Warga Sekolah</a></li> <li><a href="#">Pendaftaran Online</a> <ul> <li><a href="daftaronline.php">Mendaftar</a></li> <li><a href="pendaftarlulus.php">Pendaftar yg Lulus</a></li> </ul> </li> <li><a href="galeri.php">Galeri Foto</a></li> <li><a href="btamu.php">Buku Tamu</a></li> </ul> </nav>

   </header> <div id="site_content"> <ul id="images"> <li><img src="images/S.jpg" width="600" height="300" alt="seascape_one" /></li> <li><img src="images/m.jpg" width="600" height="300" alt="seascape_two" /></li> <li><img src="images/K.jpg" width="600" height="300" alt="seascape_three" /></li> <li><img src="images/n.jpg" width="600" height="300" alt="seascape_four" /></li> <li><img src="images/9.jpg" width="600" height="300" alt="seascape_five" /></li> <li><img src="images/MEDAN.jpg" width="600" height="300" alt="seascape_seascape" /></li> </ul> <div class="content"> <h2 align="center">Sarana dan Prasarana SMK Negeri 9 Medan</h2> <p align="justify">SMK Negeri 9 Medan terletak di Jln. Patriot No 20 A Medan Sumatera Utara. SMK Negeri 9 Medan memiliki luas tanah 8877m2 dan luas bangunan 4567m2. Berikut detail dari sarana dan Prasarana yang ada.</p> <table width="100%" border="1" align="center" cellpadding="3" cellspacing="0"> <tr> <td>Nama Bangunan</td> <td>Jumlah</td> </tr> <?php

  $myquery="select nama_gedung,jlh_gedung from tb_sarana";

  $daftarsiswa=mysql_query($myquery) or die (mysql_error()); while($dataku=mysql_fetch_object($daftarsiswa)) {

  ?> <tr> <td><?php echo $dataku->nama_gedung?></td> <td><?php echo $dataku->jlh_gedung?></td> </tr> <?php

  } ?> </table> <table width="100%" border="1" align="center" cellpadding="3" cellspacing="0"> <tr> <td>Nama Alat</td> <td>Jumlah</td> </tr> <?php

  $myquery="select nama_alat,jlh_alat from tb_prasarana"; $daftarsiswa=mysql_query($myquery) or die (mysql_error()); while($dataku=mysql_fetch_object($daftarsiswa)) {

  ?> <tr> <td><?php echo $dataku->nama_alat?></td>

   <td><?php echo $dataku->jlh_alat?></td> </tr> <?php

  } ?> </table> </div> </div> <footer> Design by : <a href="http://www.css3templates.co.uk">css3templates.co.uk</a>.<p> Modified by : <a href="http://www.facebook.com/imamfakhrijundi">Imam Fakhri Jundi</a></p> </footer> </div> <p> </p> <!-- javascript at the bottom for fast page loading --> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.easing-sooper.js"></script> <script type="text/javascript" src="js/jquery.sooperfish.js"></script> <script type="text/javascript" src="js/jquery.kwicks-1.5.1.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#images').kwicks({ max : 600, spacing : 2 });

   $('ul.sf-menu').sooperfish(); }); </script> </body> </html>

  Sorganisasi.php

  <?php include("koneksi/koneksi.php"); ?> <!DOCTYPE HTML> <html> <head> <title>Struktur Organisasi</title> <meta name="description" content="website description" /> <meta name="keywords" content="website keywords, website keywords" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <!-- modernizr enables HTML5 elements and feature detects --> <script type="text/javascript" src="js/modernizr-1.5.min.js"></script> </head> <body> <div id="main"> <header> <div id="logo"> <div id="logo_text">

   <!-- class="logo_colour", allows you to change the colour of the text --> <h1><a href="index.html">SMKN9 <span class="logo_colour">Medan</span></a></h1> <h2>Jln. Patriot No. 20 A Medan</h2> </div> </div> <nav> <ul class="sf-menu" id="nav"> <li><a href="index.php">Beranda</a></li> <li><a href="#">Profil</a> <ul> <li><a href="visi.php">Visi dan Misi</a></li> <li><a href="sarana.php">Sarana dan Prasarana</a></li> <li class="selected"><a href="sorganisasi.php">Struktur Organisasi</a></li> </ul> </li> <li><a href="guru.php">Warga Sekolah</a></li> <li><a href="#">Pendaftaran Online</a> <ul> <li><a href="daftaronline.php">Mendaftar</a></li> <li><a href="pendaftarlulus.php">Pendaftar yg Lulus</a></li> </ul> </li> <li><a href="galeri.php">Galeri Foto</a></li> <li><a href="btamu.php">Buku Tamu</a></li> </ul>

   </nav> </header> <div id="site_content"> <ul id="images"> <li><img src="images/S.jpg" width="600" height="300" alt="seascape_one" /></li> <li><img src="images/m.jpg" width="600" height="300" alt="seascape_two" /></li> <li><img src="images/K.jpg" width="600" height="300" alt="seascape_three" /></li> <li><img src="images/n.jpg" width="600" height="300" alt="seascape_four" /></li> <li><img src="images/9.jpg" width="600" height="300" alt="seascape_five" /></li> <li><img src="images/MEDAN.jpg" width="600" height="300" alt="seascape_seascape" /></li> </ul> <div class="content"> <h1>Struktur Organisasi</h1> <p><span class="left"><img src="images/so.png" alt="example graphic" /></span></p> </div> </div> <footer> Design by : <a href="http://www.css3templates.co.uk">css3templates.co.uk</a>.<p> Modified by : <a href="http://www.facebook.com/imamfakhrijundi">Imam Fakhri Jundi</a></p> </footer> </div>

   <p> </p> <!-- javascript at the bottom for fast page loading --> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.easing-sooper.js"></script> <script type="text/javascript" src="js/jquery.sooperfish.js"></script> <script type="text/javascript" src="js/jquery.kwicks-1.5.1.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#images').kwicks({ max : 600, spacing : 2 }); $('ul.sf-menu').sooperfish(); }); </script> </body> </html>

  Guru.php

  <?php include("koneksi/koneksi.php"); ?> <!DOCTYPE HTML> <html> <head> <title>SMK Negeri 9 Medan</title>

   <meta name="description" content="website description" /> <meta name="keywords" content="website keywords, website keywords" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <!-- modernizr enables HTML5 elements and feature detects --> <script type="text/javascript" src="js/modernizr-1.5.min.js"></script> </head> <body> <div id="main"> <header> <div id="logo"> <div id="logo_text"> <!-- class="logo_colour", allows you to change the colour of the text --> <h1><a href="index.html">SMKN9 <span class="logo_colour">Medan</span></a></h1> <h2>Jln. Patriot No. 20 A Medan</h2> </div> </div> <nav> <ul class="sf-menu" id="nav"> <li><a href="index.php">Beranda</a></li> <li><a href="#">Profil</a> <ul> <li><a href="visi.php">Visi dan Misi</a></li> <li><a href="sarana.php">Sarana dan Prasarana</a></li> <li><a href="sorganisasi.php">Struktur Organisasi</a></li>

   </ul> </li> <li class="selected"><a href="guru.php">Warga Sekolah</a></li>

   <li><a href="#">Pendaftaran Online</a> <ul> <li><a href="daftaronline.php">Mendaftar</a></li> <li><a href="pendaftarlulus.php">Pendaftar yg Lulus</a></li> </ul> </li> <li><a href="galeri.php">Galeri Foto</a></li> <li><a href="btamu.php">Buku Tamu</a></li> </ul> </nav> </header> <div id="site_content"> <ul id="images"> <li><img src="images/S.jpg" width="600" height="300" alt="seascape_one" /></li> <li><img src="images/m.jpg" width="600" height="300" alt="seascape_two" /></li> <li><img src="images/K.jpg" width="600" height="300" alt="seascape_three" /></li> <li><img src="images/n.jpg" width="600" height="300" alt="seascape_four" /></li> <li><img src="images/9.jpg" width="600" height="300" alt="seascape_five" /></li> <li><img src="images/MEDAN.jpg" width="600" height="300" alt="seascape_seascape" /></li>

   </ul> <div class="content"> <title>DAFTAR NAMA GURU</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <h2 align="center">Data Guru SMK N 9 Medan</h2> <table width="100%" border="1" align="center" cellpadding="3" cellspacing="0"> <tr> <td>NUPTK</td> <td>Nama Guru/Pegawai</td> <td>Jabatan</td> <td>Tempat Lahir</td> <td align="center">Tanggal Lahir</td> <td align="center">Jenis Kelamin</td> <td>Alamat</td> </tr> <?php if(isset($txtcari))

  { $myquery="select nuptk,nama,jabatan,tempat_lahir,

  DATE_FORMAT(tanggal_lahir, '%d-%m-%Y') as tanggal_lahir, jenis_kelamin,alamat from tb_guru where nim='$txtcari' or nama LIKE '%$txtcari%'";

  } else

  $myquery="select nuptk,nama,jabatan,tempat_lahir, DATE_FORMAT(tanggal_lahir, '%d-%m-%Y') as tanggal_lahir, jenis_kelamin,alamat from tb_guru";

  } $daftarsiswa=mysql_query($myquery) or die (mysql_error()); while($dataku=mysql_fetch_object($daftarsiswa)) {

  ?> <tr> <td><?php echo $dataku->nuptk?></td> <td><?php echo $dataku->nama?></td> <td><?php echo $dataku->jabatan?></td> <td><?php echo $dataku->tempat_lahir?></td> <td align="center"><?php echo $dataku->tanggal_lahir?></td> <td align="center"><?php echo $dataku->jenis_kelamin?></td> <td><?php echo $dataku->alamat?></td> </tr> <?php

  } ?> </table> </form> </p> </div> </div> <footer>

   Design by : <a href="http://www.css3templates.co.uk">css3templates.co.uk</a>.<p> Modified by : <a href="http://www.facebook.com/imamfakhrijundi">Imam Fakhri Jundi</a></p> </footer> </div> <p> </p> <!-- javascript at the bottom for fast page loading --> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.easing-sooper.js"></script> <script type="text/javascript" src="js/jquery.sooperfish.js"></script> <script type="text/javascript" src="js/jquery.kwicks-1.5.1.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#images').kwicks({ max : 600, spacing : 2 }); $('ul.sf-menu').sooperfish(); }); </script> </body> </html>

  Daftaronline.php

  <?php include("koneksi/koneksi.php");

  $query="select no_pendaftar from pendaftar"; $ex=mysql_query($query); if(mysql_num_rows($ex)==0){

  $nop='1001'; } else{

  $query1="select max(no_pendaftar) as no_pendaftar from pendaftar"; $ex1=mysql_query($query1); $data=mysql_fetch_array($ex1); $no=$data['no_pendaftar']; $nop=$no+1;

  } ?> <!DOCTYPE HTML> <html> <head> <title>SMK Negeri 9 Medan</title> <meta name="description" content="website description" /> <meta name="keywords" content="website keywords, website keywords" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <!-- modernizr enables HTML5 elements and feature detects --> <script type="text/javascript" src="js/modernizr-1.5.min.js"></script> </head>

  <body> <div id="main"> <header> <div id="logo"> <div id="logo_text"> <!-- class="logo_colour", allows you to change the colour of the text --> <h1><a href="index.html">SMKN9 <span class="logo_colour">Medan</span></a></h1> <h2>Jln. Patriot No. 20 A Medan</h2> </div> </div> <nav> <ul class="sf-menu" id="nav"> <li><a href="index.php">Beranda</a></li> <li><a href="#">Profil</a> <ul> <li><a href="visi.php">Visi dan Misi</a></li> <li><a href="sarana.php">Sarana dan Prasarana</a></li> <li><a href="sorganisasi.php">Struktur Organisasi</a></li> </ul> </li> <li><a href="guru.php">Warga Sekolah</a></li> <li><a href="#">Pendaftaran Online</a> <ul> <li class="selected"><a href="daftaronline.php">Mendaftar</a></li> <li><a href="pendaftarlulus.php">Pendaftar yg Lulus</a></li>

   </ul> </li> <li><a href="galeri.php">Galeri Foto</a></li> <li><a href="btamu.php">Buku Tamu</a></li> </ul> </nav> </header> <div id="site_content"> <ul id="images"> <li><img src="images/S.jpg" width="600" height="300" alt="seascape_one" /></li> <li><img src="images/m.jpg" width="600" height="300" alt="seascape_two" /></li> <li><img src="images/K.jpg" width="600" height="300" alt="seascape_three" /></li> <li><img src="images/n.jpg" width="600" height="300" alt="seascape_four" /></li> <li><img src="images/9.jpg" width="600" height="300" alt="seascape_five" /></li> <li><img src="images/MEDAN.jpg" width="600" height="300" alt="seascape_seascape" /></li> </ul> <div class="content">

  <form method="post" action="prosesonline.php" enctype="multipart/form-data"> <table class="table">

  <th id="judul" align="center" colspan="2">DATA PRIBADI CALON SISWA</th>

  <tr>

  <td id="kolom1">Nomor Pendaftaran</td> <td id="kolom2">

  <?php echo"$nop"; echo"<input type=\"hidden\" name=\"no_pendaftar\" value=\"".$nop."\" />";

  ?> </td>

  </tr> <tr>