Perancangan Sistem Informasi Registrasi Online Berbasis Web SMA Negeri 1 Sunggal

  $('#loading').ajaxStart(function(){ $(this).fadeIn(); }).ajaxStop(function(){ $(this).fadeOut(); });

  $('#leftPan ul li a').click(function() { var url = $(this).attr('href'); $('#ambil').load(url); return false; }); }); </script> <style type="text/css"> <!-- #Layer1 { position:absolute; left:175px; top:136px; width:85px; height:17px; z-index:1; }

  • > </style> <script type="text/javascript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); }

  MM_reloadPage(true); //--> </script> </head> <div id="loading" style="display:none"><img src="images/loading.gif" /><br />Sedang memuat ...</div> <body> <div id="mainPan"> <div id="leftPan">

  <div id="leftTopPan"> alt="Consultant" border="0" /></a> </div> <ul> <li></li>

  <li><a href="home.php">Home</a></li> <li><a href="jalur.php">Pengumuman Pendaftaran </a></li> <li><a href="pregisform.php">Pendaftaran Siswa Baru</a></li>

  <li><a href="calon-terdaftar.php">Calon Siswa Terdaftar</a></li> <li><a href="cek.php">Pengumuman Hasil Ujian</a></li> </ul> <form action="admin/login-admin-exec.php" method="post"> <h2>Administrator Login</h2> <label>Log In:</label> <input type="text" id="Yourname" name="username" value="Username" onblur="if(this.value=='') this.value='Username';" onfocus="if(this.value=='Username') this.value='';" /> <label>Password:</label> <input name="password" type="password" id="password" value="Password" onblur="if(this.value=='') this.value='Password';" onfocus="if(this.value=='Password') this.value='';" /> <input name="" type="submit" class="button" value="Login" /> </form> </div> <div id="rightPan">

  <h1>Sistem Online Penerimaan Peserta Didik Baru<br /><p>SMA Negeri 1 Sunggal</p> </h1> <div id="ambil">

  <h2>Selamat Datang di Sistem Online Pendaftaran Siswa Baru</h2> <p align="center"><font color= color="#000066" size="2" face="Courier New,

  Courier, mono">PENERIMAAN SISWA BARU <br /> SMA NEGERI 1 SUNGGAL<br /> TAHUN PELAJARAN 2012/2013</font></p> <p align="justify"><font color="#000066" size="2" face="Courier New, Courier, mono">I.

  Pendahuluan</font></p> <blockquote> <p align="justify"><font color="#000066" size="2" face="Courier New, Courier, mono">SMA Negeri 1 Sunggal, Kecamatan Sunggal, Kabupaten Deli Serdang terletak di antara kotamadya Medan dan Kotamadya Binjai dan didirikan pada  bulan Juli tahun 2005. Warga masyarakat mayoritas berprofesi sebagai buruh pabrik dan petani.

  Dari segi ekonomi masyarakat, warga masyarakat Sunggal dirata-ratakan dalam kategori kelas menengah ke bawah. SMA Negeri 1 Sunggal merupakan SMA satu-satunya di kecamatan sunggal. Sehingga menjadi idola bagi siswa-siswi lulusan SMP yang ada di kecamatan tersebut. Di kecamatan Sunggal terdapat 4 SMP Negeri dan ditambah  tiap tahun melebihi siswa yang akan diterima, pada tahun pembelajaran 2011/2012 jumlah siswa yang mendaftar 564 orang dan yang diterima sebanyak 270 orang. Guna mewujudkan visi tersebut, SMA Negeri 1 Sunggal telah menetapkan misi, yakni:</font></p> <p align="justify"><font color="#000066" size="2" face="Courier New, Courier, mono">1. </font> <font color="#000066" size="2" face="Courier New, Courier, mono" align="justify">Menyiapkan calon pemimpin umat-bangsa masa depan yang menguasai ilmu pengetahuan dan teknologi yang dilandasi iman dan taqwa yang kuat;</font></p> <p align="justify"><font color="#000066" size="2" face="Courier New, Courier, mono">2. </font><font color="#000066" size="2" face="Courier New, Courier, mono" align="justify">Menyelenggarakan pendidikan menengah umum secara profesional, kreatif, inovatif, dan kompetitif agar proses pembelajaran berlangsung efektif dan produktif untuk meraih prestasi belajar yang memuaskan;</font></p> <p align="justify"><font color="#000066" size="2" face="Courier New, Courier, mono" align="justify">3. Menciptakan lingkungan belajar yang religius melalui penegakkan keteladanan dan pembiasaan dalam pengamalan perilaku shalih</font></p> </blockquote> <blockquote> <p align="justify"><font color="#000066" size="2" face="Courier New, Courier, mono">Dalam mencapai visi dan misi SMA Negeri 1 Sunggal, telah menetapkan acuan kriteria keberhasilan peserta didik. Yakni:<br /> a. Memiliki prestasi akademik dan non akademik<br />

  b. Diterima di perguruan tinggi unggulan<br />

  c. Memiliki dasar-dasar keilmuan sains dan teknologi<br />

  d. Memiliki akhlakul karimah</font></p> <p align="justify"><font color="#000066" size="2" face="Courier New, Courier, mono"> Guna mewujudkan visi dan misi tersebut, serta pengukuhan komitmen penyelenggaraan pendidikan berkualitas, pada tahun pelajaran 2012-2013, SMA Negeri 1 Sunggal menerima peserta didik baru melalui program PPDB (Penerimaan Peserta Didik Baru).</font></p> </blockquote> <p><font color="#000066" size="2" face="Courier New, Courier, mono"><br />

  2. TUJUAN</font></p> <blockquote> <p align="justify"><font color="#000066" size="2" face="Courier New, Courier, mono">

  Tujuan seleksi peserta didik baru SMA Negeri 1 Sunggal:<br /> yang ditetapkan oleh SMA Negeri 1 Sunggal<br /> b. Mendapatkan input peserta didik yang kompeten, terampil dan berkualitas baik secara intelektual, emosional maupun spiritual (IQ, EQ, dan SQ).</font></p> <p align="justify"><font color="#000066" size="2" face="Courier New, Courier, mono"><br /> Melalui seleksi peserta didik, diharapkan mampu meningkatkan kualitas out put (lulusan) SMP/MTs melalui pendidikan pada jenjang menengah atas di SMA Negeri 1 Sunggal, sehingga dapat melanjutkan ke jenjang pendidikan tinggi berkualitas dengan dibekali keimanan dan ketakwaan yang kuat.<br /> </font><font color="#FFFFFF" size="2" face="Courier New, Courier, mono"> </font></p> </blockquote> <font color="#FFFFFF"></font> <p>.</p> </div> </div> </div> <div class="cleaner_h60"></div> <div class="cleaner_h50"></div> <div id="footermainPan"> <div id="footerPan"> <a href="index.php">Home</a> | <a href="home.php" target="_blank">SMA NEGERI

  1 SUNGGAL </a><br /> Pendaftaran Siswa Baru - SMA NEGERI 1 SUNGGAL- 2012 </div> </div> </body> </html>

  2. Halaman Pengumuman Pendaftaran (jalur.php) <h2>Tata Cara, Persyaratan Pendaftaran dan Pendaftaran ulang</h2> <h3>1. Tata Cara dan Persyaratan Pendaftaran</h3> <blockquote> <h5><font size="3">Tata Cara</font></h5> <ol> <li>Sosialisasi penerimaan Peserta Didik Baru pada tanggal 18-20 Juni 2012<strong></strong></li> <li>Orangtua/wali langsung mendaftarkan calon Peserta didik ke sekolah tujuan.</li> <li>Pendaftaran pada tanggal 21 Juni sampai dengan 28 Juni 2012, pukul 08.00 - 13.00 WIB, kecuali hari jumat sampai dengan pukul 11.00 WIB.</li>

  <li>Pendaftaran dilakukan secara tertulis dengan mengisi formulir dan dengan pendaftaran.</li> <li>Calon peserta didik yang mencabut berkas dianggap mengundurkan diri.</li> </ol> <h5><font size="3">Persyaratan</font></h5> <ol> <li>Telah lulus dan memiliki ijazah/STTB SMP/MTs/SMPLB/Program Paket B.</li> <li>Memiliki Surat Keterangan Hasil Ujian Nasional (SKHUN) / Surat Keterangan Hasil Ujian Akhir Berstandar Nasional (SKHUASBN).</li> <li>Berusia paling tinggi 18 (delapan belas) tahun pada awal tahun pelajaran 2012/2013.</li> <li>Mengisi formulir pendaftaran yang telah disediakan pada halaman pendaftaran.</li> </ol> </blockquote> <h3>2. Pendaftaran Ulang</h3> <blockquote> <ol> <li>Pengumuman penerimaan calon siswa peserta didik baru dilaksanakan secara serentak pada tanggal 30 Juni 2012 pukul 15.00 wib melalui situs ini ataupun datang langsung ke SMA Negeri 1 Sunggal.</li> <li>Pendaftaran Ulang peserta didik baru pada tanggal 2-4 Juli 2012 pukul 08.00-13.00 wib melalui situs ini.</li> </ol> </blockquote>

  3. Halaman Pendaftaran Siswa Baru (pregisform.php) <div class="cleaner_h5"></div> <h2>Formulir Pendaftaran SMA N 1 Sunggal </h2> <div class="cleaner_h5"></div> <div class="cleaner_h5"></div> <div class="cleaner_h5"></div> <div class="cleaner_h5"></div> <fieldset> <form action="pregis-exec.php" method="POST" enctype="multipart/form-data"> <table border="0"> <tr> <td>Nama Lengkap</td> <td><input type="text" name="nama" required></td> </tr> </tr> <td>Asal Sekolah</td> <td><input type="text" name="sekolah" required></td>

  </tr> <td>Tempat tanggal lahir</td> <td><input type="text" name="ttl" required></td> </tr> <tr> <td>Tahun tamat</td> <td><select name=tahuntmt> " <option value="2012">2012</option> <option value="2011">2011</option> <option value="2010">2010</option> </select> </td> </tr> <tr> <td>Jumlah Mata pelajaran UN</td> <td><input type="text" name="jlhmp"></td> </tr> <tr> <td>Jumlah Nilai UN</td> <td><input type="text" name="jlhnilai"></td> </tr> <tr> <td>Alamat</td> <td><input type="text" name="alamat" required></td> </tr> <tr> <td>Upload Foto</td> <td><input name="images" type="file" required/></td> </tr> <tr> <td><input type="submit" name="sumbit" value"kirim"/></td> </tr> </table> </form> </fieldset>

  4. Calon Siswa Baru (calon-terdaftar.php) <legend>Daftar Nama Calon Siswa yang akan ikut ujian pada tanggal : 9 Juni 2012</legend> <table bordercolor="#807D79" width="100%" border="1" cellpadding="5" cellspacing="0"> <tr><td><div align="center">No.</div></td><td><div align="center">Calon Siswa</div></td><td><div align="center">Tempat/Tanggal Lahir</div></td>

  <td><div align="center">Asal Sekolah</div></td> </tr> <?php $sambung=mysql_connect('localhost','root',''); if (!$sambung) { die('Tidak dapat terhubung ke database: ' . mysql_error()); } mysql_select_db('db_regsekolah', $sambung);

  $query ="select * from pre_registrasi"; $hasil = mysql_query($query); $no=1; while($data=mysql_fetch_array($hasil)){ echo "<tr>"; echo "<td>$no</td>"; echo "<td>".$data['nama']."</td>"; echo "<td>".$data['ttl']."</td>"; echo "<td>".$data['asal_sekolah']."</td>"; echo "</tr>"; $no++; } ?> </fieldset>

  5. Halaman Pengumuman Hasil Ujian (cek.php) <h2>Pengumuman Hasil Ujian</h2> <table border="0"> <form action="cek-exec.php" method="POST"> <tr> <td>Masukkan Nomor Ujian</td> <td><input type="text" name="noujian" required/></td> </tr> <tr> <td><input type="submit" value="Cek" name="submit"/></td> </tr> </form> </table>

  6. Login admin (login-admin-exec.php) <?php session_start(); $username=$_POST['username']; $password=$_POST['password']; $query="select * from admin where username='$username' and password='$password'"; $hasil=mysql_query("$query"); $cek=mysql_num_rows($hasil); if ($cek){ $_SESSION['username']=$username; $_SESSION['password']=$password; echo "<script> eval(\"parent.location='admin-panel.php'\"); </script>"; } else{ ?><script>alert("Login gagal!");document.location.href="../index.php"</script> <?php echo mysql_error(); } ?>

  7. Logout Admin (logout.php) <?php session_start(); session_destroy(); ?> <script> document.location.href="../index.php" </script>

  8. Halaman admin (admin-panel.php) <?php session_start(); if(!isset($_SESSION['username'])) { echo "<script> alert ('Anda belum login/sudah logout!'); eval(\"parent.location='index.php'\"); </script>"; } ?> <html> <head><title>Kontrol Panel Admin</title> <link href="../style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="../js/jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $('a[href=#top]').click(function(){ $('html, body').animate({scrollTop:0}, 'slow'); return false; }); }); $(function() { $('#loading').ajaxStart(function(){ $(this).fadeIn(); }).ajaxStop(function(){ $(this).fadeOut(); });

  $('#leftPan ul li a').click(function() { var url = $(this).attr('href'); $('#ambil').load(url); return false; }); }); </script> <style type="text/css"> <!-- #Layer1 { position:absolute; left:175px; width:85px; height:17px; z-index:1; }

  • > </style> <script type="text/javascript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); }

  MM_reloadPage(true); //--> </script> <div id="loading" style="display:none"><img src="images/loading.gif" /><br />Sedang memuat ...</div> </head> <body> <div id="leftPan">

  <div id="leftTopPan"> <a href="index.php"><img src="images/logo2.gif" title="Consultant" alt="Consultant" border="0" /></a> </div> <ul> <li><a href="logout.php">Logout</a></li> <li><a href="../calon-terdaftar.php">Lihat Calon Siswa Terdaftar</a></li>

  <li><a href="../entry-nilai.php">Proses Nilai Siswa</a></li> <li><a href="../daftar-diterima.php">Lihat siswa yang diterima</a></li> </ul></div> <div id="rightPan">

  <h1>Kontrol Panel Admin </h1> <div id="ambil"> <blockquote>  </blockquote>

  <font color="#FFFFFF"></font> <p>.SELAMAT DATANG ADMIN,</p> </div> </body>

  </html>

  9. Proses nilai siswa (entry-nilai.php) <html> <head><title>Entry Nilai Ujian Siswa</title> <body> <table border="0"> <form action="../proses_nilai.php" method="POST"> <tr> <td>Nomor Ujian : </td> <td><input type="text" name="noujian"/></td> </tr> <tr> <td>Nilai :</td> <td><input type="text" name="nilai"/></td> </tr> <tr> <td><input type="submit" value="simpan"/></td> </tr> </form> </table> </body> </html> 10. proses-nilai.php <?php $noujian = $_POST['noujian']; $nilai=$_POST['nilai']; //koneksi database $sambung=mysql_connect('localhost','root',''); if (!$sambung) { die('Tidak dapat terhubung ke database: ' . mysql_error()); } mysql_select_db('db_regsekolah', $sambung);

  $query="select * from pre_registrasi where nomor_ujian='$noujian'"; $hasil=mysql_query("$query"); $cek=mysql_num_rows($hasil); if ($cek){

  $sql="INSERT

  INTO nilaiujian

  VALUES('','$noujian', '$nilai')"; if (!mysql_query($sql,$sambung)) { die('Error: ' . mysql_error()); } echo "<script> alert ('Data berhasil disimpan'); eval(\"parent.location='admin/admin-panel.php'\"); </script>"; } else{ ?><script>alert("Nomor ujian tidak ditemukan!");document.location.href="admin- panel.php"</script> <?php echo mysql_error(); } ?> 11. pregis-exec.php <?php session_start(); $nama = $_POST['nama']; $sekolah=$_POST['sekolah']; $ttl=$_POST['ttl']; $tahuntmt=$_POST['tahuntmt']; $jlhmp=$_POST['jlhmp']; $jlhnilai=$_POST['jlhnilai']; $alamat=$_POST['alamat']; //koneksi $sambung=mysql_connect('localhost','root',''); if (!$sambung) { die('Tidak dapat terhubung ke database: ' . mysql_error()); } mysql_select_db('db_regsekolah', $sambung); //upload foto

  $fileName = $_FILES['images']['name']; //get the file name $fileError = $_FILES['images']['error']; //get the error when upload if($fileSize > 0 || $fileError == 0){ //check if the file is corrupt or error $move = move_uploaded_file($_FILES['images']['tmp_name'], 'C:/xampp/htdocs/sementara/image/'.$fileName); //save image to the folder if($move){

  $q = "INSERT into foto VALUES('','$fileName','image/$fileName')"; //insert image property to database $result = mysql_query($q);

  $q1 = "SELECT location from foto where file_name = '$fileName' limit 1 "; //get the image that have been uploaded $result = mysql_query($q1); while ($data = mysql_fetch_array($result)) {

  $loc = $data['location']; //pemberian nomor ujian $acak="98798123091862391232349872394"; $noujian=substr(str_shuffle(str_shuffle($acak)),0,5); //pembangkit password $charset="1234567890123456"; $sandi=substr(str_shuffle(str_shuffle($charset)),0,8); //sintaks insert ke database

  $sql="INSERT INTO pre_registrasi (id, nomor_ujian, sandi, nama, asal_sekolah, ttl, tahun_tamat, nilai_un, alamat,foto)

  VALUES ('', '$noujian','$sandi', '$nama', '$sekolah', '$ttl', '$tahuntmt', $jlhnilai/$jlhmp, '$alamat','image/$fileName')"; if (!mysql_query($sql,$sambung)) { die('Error: ' . mysql_error()); } $_SESSION['noujian'] = $noujian; $_SESSION['sandi']=$sandi; $_SESSION['foto']=$loc; echo "<script> eval(\"parent.location='notif.php'\"); </script>"; ?> <?php } } else{ echo "<h3>Failed! </h3>"; } } else { echo "Failed to Upload : ".$fileError; } ?>

  12. Login Siswa yang diterima (login-siswa.php) <table border="0"> <form action="login-siswa-exec.php" method="POST"> <tr>

  <td>Nomor Ujian</td> <td><input type="text" name="noujian" require/>

  </tr> <tr>

  <td>Sandi</td> <td><input type="password" name="sandi" require/>

  </tr> <tr>

  <td><input type="submit" name="submit"/> </tr> </form> </table> 13. login-siswa-exec.php <?php session_start(); include "koneksi.php"; $noujian=$_POST['noujian'];

  $sandi=$_POST['sandi']; $query="select * from tb_diterima where noujian='$noujian' and sandi='$sandi'"; $hasil=mysql_query("$query"); $cek=mysql_num_rows($hasil); if ($cek){ $_SESSION['noujian']=$noujian; $_SESSION['sandi']=$sandi; echo "<script> eval(\"parent.location='daftar-ulang/registrasi1.php'\"); </script>"; } else{ ?><script>alert("Login gagal!");document.location.href="login-siswa.php"</script> <?php echo mysql_error(); } ?>

  14. Registrasi Siswa baru 1 (registrasi1.php) <?php session_start(); if(!isset($_SESSION['noujian'])) { echo "<script> alert ('Anda belum login!'); eval(\"parent.location='index.php'\"); </script>"; } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html ns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Formulir Pendaftaran Ulang</title> <style type="text/css"> <!-- body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin: 0; padding: 0; color: #000; } /* ~~ Element/tag selectors ~~ */ ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */ padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, p { margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */ padding-right: 15px; padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */ } a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */ border: none; } /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */ a:link { color: #42413C; text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */

  } a:visited { color: #6E6C64; text-decoration: underline; } a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */ text-decoration: none; } /* ~~ this fixed width container surrounds the other divs ~~ */ .container { width: 960px; margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */ } /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */ .header { background: #ADB96E; } /* ~~ This is the layout information. ~~ 1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

  • / .content { padding: 10px 0; } /* ~~ The footer ~~ */ .footer { padding: 10px 0; background: #CCC49F; }

  /* ~~ miscellaneous float/clear classes ~~ */ .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; } .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */ float: left; margin-right: 8px; }

  .clearfloat { /* this class can be placed on a <br /> or empty div as the final element out of the #container */ clear:both; height:0; font-size: 1px; line-height: 0px; } legend { color: #060; font-size:20px; font-family:"Arial Black", Gadget, sans-serif;} .jdl{font-size:16px; color: #030; font-family:"Arial Black";}

  • > .menu{background-color:#CCC} </style></head> <body> <div class="container"> <div class="header"><a href="#"><img src="../images/diknas.gif" name="Insert_logo"

  width="140" height="90" id="Insert_logo" style="background: #C6D580; display:block;" /></a> <!-- end .header --></div> <div class="menu"><table width="539" align="center"> <tr align="center"><td width="150" height="36"><a href=""></a></td> <td width="178"><a href="registrasi1.php"></a></td> <td width="195"><a href=""></a></td></tr> </table></div> <div class="content"> <fieldset><legend>INFORMASI DATA DIRI SISWA</legend> <form id="form1" name="form1" method="POST" action="registrasi2.php"> <table> <tr><td colspan="3"> </td></tr> <tr><td colspan="3" class="jdl">Data Diri Siswa</td></tr> <tr><td colspan="3"> </td></tr> <tr> <td width="138"><span class="style2"> Nama Siswa</span></td> <td width="10"><span class="style2">:</span></td> <td width="393"><input type="text" name="namasiswa" maxlength="50" required/></td></tr> <tr><td width="138"><span class="style2"> Tempat dan Tanggal Lahir </span></td> <td width="10"><span class="style2">:</span></td> <td width="393"><select name="tempatlahir"> <option value="Medan">Medan</option> <option value="Jakarta">Jakarta</option>

  <option value="Aceh">Aceh</option> <select name="tgllahir"> <option value="01">1</option> <option value="02">2</option> <option value="03">3</option> <option value="04">4</option> <option value="05">5</option> <option value="06">6</option> <option value="07">7</option> <option value="08">8</option> <option value="09">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> <select name="blnlahir"> <option value="januari">januari</option> <option value="februari">februari</option> <option value="maret">maret</option> <option value="april">april</option> <option value="mei">mei</option>

  <option value="juni">juni</option> <option value="agustus">agustus</option> <option value="september">september</option> <option value="oktober">oktober</option> <option value="november">november</option> <option value="desember">desember</option> </select> <select name="thnlahir"> <option value="1990">1998</option> <option value="1991">1997</option> <option value="1992">1996</option> <option value="1993">1995</option> <option value="1994">1994</option> <option value="1995">1993</option> </select></td></tr> <tr><td width="138"><span class="style2"> Jenis Kelamin </span></td> <td width="10"><span class="style2">:</span></td> <td width="393"><input name="jenkel" type="radio" value="perempuan" required/>Perempuan <br /> <input name="jenkel" type="radio" value="laki" required/>Laki-Laki</td></tr> <tr><td width="138"><span class="style2"> Agama </span></td> <td width="10"><span class="style2">:</span></td> <td width="393"><input type="text" name="agama" maxlength="50" /></td></tr> <tr> <td width="138">Warga Negara</td> <td width="10"><span class="style2">:</span></td> <td width="393"><input type="text" name="warganeg" maxlength="25" /></td></tr> <tr><td colspan="3"> </td></tr> <tr><td colspan="3"> </td></tr> <tr><td colspan="3" class="jdl">Data Tempat Tinggal Siswa Selama Bersekolah</td></tr> <tr><td colspan="3"> </td></tr> <tr> <td width="138">Alamat</td> <td width="10"><span class="style2">:</span></td> <td width="393"><input type="text" name="alamat" maxlength="50" /></td></tr> <tr> <td width="138"><span class="style2"> Kode Pos</span></td> <td width="10"><span class="style2">:</span></td> <td width="393"><input type="text" name="kdpos" maxlength="7" /></td></tr> <tr>

  <td width="138"><span class="style2"> No. Telp/Hp</span></td> <td width="393"><input type="text" name="notelp" maxlength="15" /></td></tr> <tr> <td width="138"><span class="style2">Email</span></td> <td width="10"><span class="style2">:</span></td> <td width="393"><input type="text" name="email" maxlength="30" /></td></tr> <tr><td colspan="3"> </td></tr> <tr><td colspan="3"> </td></tr> <tr><td colspan="3" class="jdl">Data Tempat Tinggal Siswa di Kota Asal</td></tr> <tr><td colspan="3"> </td></tr> <tr> <td width="141">Propinsi</td> <td width="7"><span class="style2">:</span></td> <td width="393"> <select name="propinsi"> <option value="0" >-----</option> <option value="D.I.Aceh" >D.I. ACEH</option> <option value="Sumatera Utara" >SUMATERA UTARA</option> <option value="Sumatera Barat" >SUMATERA BARAT</option> <option value="Riau" >RIAU</option> <option value="Jambi" >JAMBI</option> <option value="Sumatera Selatan" >SUMATERA SELATAN</option> <option value="Bengkulu" >BENGKULU</option> <option value="Lampung" >LAMPUNG</option> <option value="Kep. Bangka Belitung" >KEP.BANGKA BELITUNG</option> <option value="Kepulauan Riau" >Kepulauan Riau</option> <option value="Banten" >BANTEN</option> <option value="D.K.I Jakarta" >D.K.I. JAKARTA</option> <option value="Jawa Barat" >JAWA BARAT</option> <option value="Jawa Tengah" >JAWA TENGAH</option> <option value="D.I Yogyakarta" >D.I. YOGYAKARTA</option> <option value="Jawa Timur" >JAWA TIMUR</option> <option value="Bali">BALI</option>

  <option value="Nusa Tenggara Barat" >NUSA TENGGARA <option value="NUSA TENGGARA TIMUR" >NUSA TENGGARA TIMUR</option> <option value="KALIMANTAN BARAT" >KALIMANTAN BARAT</option> <option value="KALIMANTAN TENGAH" >KALIMANTAN TENGAH</option> <option value="KALIMANTAN SELATAN" >KALIMANTAN SELATAN</option> <option value="KALIMANTAN TIMUR" >KALIMANTAN TIMUR</option> <option value="GORONTALO" >GORONTALO</option> <option value="SULAWESI UTARA" >SULAWESI UTARA</option> <option value="SULAWESI TENGAH" >SULAWESI TENGAH</option> <option value="SULAWESI SELATAN" >SULAWESI SELATAN</option> <option value="SULAWESI TENGGARA" >SULAWESI TENGGARA</option> <option value="Gorontalo" >GORONTALO</option> <option value="Sulawesi Barat" >SULAWESI BARAT</option> <option value="MALUKU" >MALUKU</option> <option value="IRIAN JAYA" >IRIAN JAYA</option> <option value="MALUKU UTARA" >MALUKU UTARA</option> </select> </td> </tr> <tr> <td width="141"><span class="style2"> Kabupaten/Kota</span></td> <td width="7"><span class="style2">:</span></td> <td width="393"><input type="text" name="kab_kot" maxlength="20" /></td></tr> <tr> <td width="141">Alamat</td> <td width="7"><span class="style2">:</span></td> <td width="393"><input type="text" name="alamat2" maxlength="50" /></td></tr> <tr> <td width="141">Kode Pos</td>