Perancangan Pendaftaran Online pada Sekolah Menengah Atas (SMA) Berbasis Web

(1)

LAMPIRAN

LISTTING PROGRAM

1.Home.php

<!DOCTYPE html>\ <html lang="en"> <head>

<?php include_once( 'includes/meta.php'); ?> </head>

<body>

<?php include_once( 'includes/nav.php'); ?>

<img class="img-polaroid" src="images/logo.png" alt=""> </h1> <h1>SMA (Sekolah Menengah Atas)</h1>

<h3>Sistem Informasi Penerimaan Peserta Didik Baru Online</h3> <p>Dukungan penuh memudahkan bagi Calon Peserta Didik Baru untuk mendaftarkan diri, mengisi formulir dan mengikuti tes seleksi.</a></p>

<?include "msg.php";?>

(2)

<div class="col-lg-4 col-md-4 intro-marketing-box"> <h2><i class="fa fa-pencil"></i> Pendaftaran Gratis</h2>

<p>Daftar Online gratis sebagai calon peserta didik baru untuk mengikuti seleksi.<a href='?module=daftar'> Daftar Baru</a></p> </div>

<div class="col-lg-4 col-md-4 intro-marketing-box"> <h2><i class="fa fa-users"></i> Lihat Pendaftar</h2>

<p>Daftar Peserta yang telah mendaftar untuk mengikuti seleksi Peserta Didik Baru.<a href="?module=pendaftar"> Lihat Pendaftar</a></p></div>

<h2><i class="fa fa-envelope"></i> Bantuan Pendaftaran</h2>

<p>Tanya jawab Online seputar pendaftaran dengan panitia Penerimaan Peserta Didik Baru.

<a href="?module=pesan"> Kirim Pesan</a></p> </div> <div class="clearfix"></div>

<div class="col-lg-4 col-md-4 intro-marketing-box"> <h2><i class="fa fa-user"></i> Sudah Punya Akun</h2>

<p>Setelah melakukan pendaftaran dan memiliki akun, kamu dapat mengatur data pribadi.<a href="media.php?module=login"> Login</a></p></div>

<div class="col-lg-4 col-md-4 intro-marketing-box"> <h2><i class="fa fa-check"></i> Responsive Disain</h2>

<p>Dengan disain web responsive, memberikan tampilan yang baik dan rapih pada ukuran layar apapun.

<br>PC, Lapotop, Netbook, Notebook, Tablet, Smartphone.</p></div> <div class="col-lg-4 col-md-4 intro-marketing-box">

<h2><i class="fa fa-bullhorn"></i> Informasi terbaru</h2> <p>Daftarkan email disini, untuk informasi terbaru !</p>

<formrole="form"action="http://startbootstrap.us3.listmanage1.com/ subscribe/post?u=531af730d8629808bd96cf489&id=afb284632f" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" novalidate>

(3)

<spanclass="input-group-btn"><buttontype="submit" name="subscribe"

id="mc-embedded-subscribe"class="btnbtn-primary">Daftar!</button></span> </div>

<divid="mce-responses">

<divclass="response"id="mce-error-response"style="display:none"></div>

<divclass="response"id="mce-success-response"style="display:none"></div></div></form> </div>

</div> </div></div></div>  <div class="templates"> <div class="container"> <div class="row">

<h2 class="page-header">Informasi Pendaftaran :</h2></div> <div class="col-md-4">

<h3>Brosur Kurikulum</h3>

<p>Kurikulum tahun ajaran 2016-2017 SMA (Sekolah Menengah Atas) . dengan standar kompetensi Dikti dan Mendagri</p>

<divclass="btn-group"><aclass="btnbtn-primary" href="grayscale.php">Lihat & Unduh</a> </div></div></div>

<h3>Brosur Biaya Pendaftaran</h3>

<p>A <em>SMA(Sekolah Menengah Atas) </em> memberikan biaya pendidikan yang terjangkau.</p>

<div class="btn-group"><a class="btn btn-primary" href="sb-admin-v2.php">Lihat & Unduh</a></div></div></div>

(4)

<h3>Brosur Bidang Kompetensi</h3>

<p>Dengan Pembelajaran kepada kompetensi unggul, diharapkan lulusan memiliki keahlian dibidangnya.</p>

<div class="btn-group"><a class="btn btn-primary" href="landing-page.php">Lihat & Unduh</a></div>

</div>

</div></div></div></div>

</body> </html>

2. Daftar.php

<body>

<?php include_once( 'includes/nav.php'); ?>

<h1 class="page-header">Daftar Sebagai Peserta</h1> <ol class="breadcrumb">

<li><a href="index.php">Home</a></li> <li class="active">Daftar</li>

(5)

<td width="23%">Nama Lengkap Calon PDB </td> <td width="1%">:</td>

<tr>

<td>No. Induk Siswa Nasional (NISN) </td> <td>:</td>

<tr>

<td>Asal Sekolah (SMP/ Sederajat) </td> <td>:</td>

<tr>

<td>Email</td> <td>:</td>

<tr>

<td><button type="submit" id="submit" class="btn btn-primary"><i class="small fa fa-pencil"></i> Daftar</button></td>

(6)

<tr>

</div></div></div></div> <hr>

<?php include_once( 'includes/footer.php'); ?> </body>

</html>

3. daftar_action.php

<?session_start();

include '../../config/koneksi.php';

include '../../config/Generate_Password.php'; include '../../config/auto_number.php';

$nama = $_POST['nama']; $nisn = $_POST['nisn']; $asal_skl = $_POST['asal_skl']; $email = $_POST['email']; $inisial = date('Ym');

$date = date('Y-m-d');

if($_POST['captcha']==$_SESSION['captcha_session']){ $pass = GeneratePassword(5);

$pass1 = md5($pass);

$auto = auto_number('ppdb_adm_siswa',$inisial);

$input = mysql_query("insert into ppdb_adm_siswa(no_peserta, nama, nisn, asal_skl, email, password, pass_view,tgl_daftar, status)values('$auto','$nama','$nisn','$asal_skl', '$email',

'$pass1','$pass','$date',0)");

$biodata=mysql_query("insertinto

ppdb_biodata(nisn,nm_siswa,asl_sekolah,sts_bio)values ('$nisn','$nama','$asal_skl',0)");

(7)

$rapor2 = mysql_query("insert into ppdb_bing(nisn,sts_bing) values ('$nisn',0)");

$rapor3 = mysql_query("insert into ppdb_ipa(nisn,sts_ipa) values ('$nisn',0)");

$rapor4 = mysql_query("insert into ppdb_ips(nisn,sts_ips) values ('$nisn',0)");

$rapor5 = mysql_query("insert into ppdb_mat(nisn,sts_mat) values ('$nisn',0)");

if($input && $biodata && $rapor1 && $rapor2 && $rapor3 && $rapor4 && $rapor5){

echo "berhasil"; }

else{

echo "<font color='#00FF00'>Data Gagal Disimpan...</font>"; }}

else{

echo "<font color='#FF0000'>Kode captcha yang Anda Masukan Salah</font>";

} ?>

4.login.php

</head> <body>

<?php include 'includes/nav.php'; ?> <div class="container">

<h1 class="page-header">Login Peserta</h1> <ol class="breadcrumb">

(8)

<li class="active">Login</li> </ol></div>

<td width="75">Nomor Peserta</td> <td width="3">:</td>

<tr>

<tr>

<td width="75">Kata Sandi</td> <td width="3">:</td>

<tr>

<tr>

<td><button name="submit" type="submit" id="submit" class="btn btn-primary">Login</button>

</tr></table></form> </div></div></div> <hr>

(9)

6.login_action.php

<?

session_start();

include '../../config/koneksi.php'; include '../../includes/meta.php';

$no_peserta = $_POST['no_peserta']; $password = $_POST['password'];

$result = mysql_query("select count(*) as hasil from ppdb_adm_siswa where no_peserta='$no_peserta' and password=md5('$password')") or die (mysql_error());

$row = mysql_fetch_array($result); if ($row[0]=="1")

{

$query_status = mysql_query("select * from ppdb_adm_siswa where no_peserta='$no_peserta'")or die (mysql_error()); $row_status=mysql_fetch_array($query_status);

$nisn = $row_status['nisn'];

$no_peserta = $row_status['no_peserta']; $_SESSION['no_peserta'] = $no_peserta; $_SESSION['nisn'] = $nisn;

mysql_query("update ppdb_adm_siswa set status='1' where no_peserta='$no_peserta'") or die (mysql_error());

echo "sukses"; }

else {

session_destroy();

echo "<div class='alert alert-error'>Login Gagal Ulangi Kembali</div>";

} ?>

7. akun.php

(10)

<body>

<?php include_once( 'includes/nav.php'); ?>

<h1 class="page-header">Akun Peserta</h1> <ol class="breadcrumb">

</ol> </div>

<h4class="center">Lengkapi<span

class="color_one">Biodata</span></h4>

<pclass="center">Silahkan untuk melengkapi biodata anda.</p><br/><br/></div>

<h4 class="center">Masukan<span class="color_one">Nilai Rapor</span></h4>

<p class="center">Silahkan untuk mengisi nilai rapor, nilai rapor tidak boleh kurang dari 75</p><br/></div>

<h4class="center">Cetak<spanclass="color_one">Dokumen</span></h4> <p class="center">Anda dapat mencetak dokumen setelah mengisi biodata. </p><br/>

(11)

<hr>

<?php include_once( 'includes/footer.php'); ?> <?php include_once( 'includes/js.php'); ?> </body>

8.biodata.php

<body>

<?php include_once( 'includes/nav.php'); ?><?

$sql = mysql_query("SELECT bio_id, nisn, nm_siswa, tmp_lahir, tgl_lahir, jns_kelamin, agama, ank_ke,

jml_saudara, sts_siswa, hp_siswa, almt_siswa, tmpt_siswa, kendaraan, brt_badan,tgi_badan, gol_darah, asl_sekolah, almt_sekolah, kpl_sekolah, asl_kls_smp, tlp_skl,nm_ayah, nm_ibu, almt_ortu, hp_ortu, kerja_ayah, kerja_ibu, hasil_ortu, tgung_biaya, sts_bio

FROM ppdb_biodata WHERE nisn = '$_SESSION[nisn]'")or die(mysql_error());

$row=mysql_fetch_array($sql); ?>

<td colspan="6" bgcolor="#33CC33"><b>A. DATA PRIBADI SISWA</b></td></tr>

(12)

<td colspan="4"><input name="nisn" type="text" id="nisn" value="<?= $row['nisn']?>" size="12" maxlength="10" readonly="true" /></td></tr>

<tr>

<td><label>Nama Siswa</label></td> <td>:</td>

<tr>

<td>Tempat Lahir</td> <td>:</td>

</tr><tr>

<td>Tanggal Lahir</td> <td>:</td>

<td colspan="4"><input name="tgl_lahir" type="text" id="tanggal" value="<?= $row['tgl_lahir']?>" size="15" readonly="true" /></td></tr>

<tr>

<td>Jenis Kelamin</td> <td>:</td>

<td colspan="4"> <?

if($row['sts_bio']==1){JKelamin('ppdb_biodata','nisn'); }

else{ ?>

<input type="radio" name="kelamin" id="kelamin" value="Wanita"> <label> Wanita</label>

<?}?> </td></tr> <tr>

<td>Agama</td> <td>:</td>

(13)

<?

if($row['sts_bio']==1){

Agama('ppdb_biodata','nisn'); }

else{ ?>

<option value="">-- Pilih Agama --</option> <option value="islam">Islam</option>

<option value="katolik">Katolik</option> <option value="protestan">Protestan</option> <option value="hindu">Hindu</option>

<option value="budha">Budha</option> </select>

<?}?> </td></tr> <tr>

<tr>

<td>Status Anak</td> <td>:</td>

<select name="status_anak" id="status_anak"> <?

SAnak('ppdb_biodata','nisn'); }

else{ ?>

<option value="">-- Pilih Status Anak --</option> <option value="kandung">Kandung</option>

(14)

<option value="asuh">Asuh</option> <option value="pungut">Pungut</option> </select>

<?}?> </td></tr>

</tr> <tr>

<tr>

<td colspan="6" bgcolor="#33CC33"><H><b>B. KETERANGAN TEMPAT TINGGAL SISWA</b></H></td></tr>

<tr>

<td>Alamat Siswa</td> <td>:</td>

<tr>

<td>Selama bersekolah tinggal dengan</td> <td>:

</td>

<tr>

<td>Kendaraan</td> <td> </td> <td colspan="4">

<select name="kendaraan" id="kendaraan"> <?

(15)

Kendaraan('ppdb_biodata','nisn'); }

else{ ?>

<option value="">-- Pilih Kendaraan --</option> <option value="mobil">Mobil</option>

<option value="motor">Motor</option> <option value="sepeda">Sepeda</option> <option value="angkot">Angkot</option> </select>

<?}?> </td></tr> <tr>

<tr>

<tdcolspan="6"bgcolor="#33CC33"><H><b>C.KETERANGANJASMANI</b></H> </td></tr>

<tr>

<td>Berat Badan</td> <td>:</td>

<tr>

<td><label>Tinggi Badan</label></td> <td>:</td>

Cm </td></tr> <tr>

<td>Golongan Darah</td> <td>:</td>

(16)

GDarah('ppdb_biodata','nisn'); }

else{ ?>

<option value="">-- Pilih Golongan Darah --</option> <option value="a">A</option>

<?}?> </td></tr> <tr>

<tr>

<td colspan="6" bgcolor="#33CC33"><H><b>D. KETERANGAN PENDIDIKAN SEBELUMNYA</b></H></td></tr>

<tr>

<td>Asal Sekolah</td> <td>:</td>

<tr>

<td>Alamat Sekolah</td> <td>:</td>

<tr>

<td>Nama Kepala Sekolah </td> <td>:</td>

(17)

<tr>

<td>Asal Kelas di SMP</td> <td>:</td>

<tr>

<tr>

<tr>

<td colspan="6" bgcolor="#33CC33"><H><b>E. KETERANGAN TENTANG ORANG TUA</b></H></td></tr>

<tr>

<tr>

<tr>

<td>Alamat Orang Tua</td> <td>:</td>

<tr>

(18)

<tr>

<td>Pekerjaan Ayah</td> <td>:</td>

<tr>

<td>Pekerjaan Ibu</td> <td>:</td>

<tr>

<td>Penghasilan Orang Tua</td> <td>:</td>

<tr>

<td>Tanggungan Biaya</td> <td>:</td>

<tr>

<tr>

(19)

9. media.php

<?php

error_reporting('E_NONE'); session_start();

$no_peserta = $_SESSION['no_peserta']; $nisn = $_SESSION['nisn'];

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <title>PPDB Online SMA</title>

<head>

<body>

(20)

<div id="ppdb_wrapper"> <!-- header

<!-- menu<div id="ppdb_menu"> <div id="menu">

<?php include "menu.php";?></ul> </div></div>

<?php include "konten.php" ?> <!-- end of main_base

</div><!-- end of wrapper

</div>

<divid="copyright"><ahref="http://sedotcode.blogspot.com/"></a> </div>

<?php include "config/koneksi.php";

$sql=mysql_query("select*from ppdb_info where info_id=1 and aktif=1")or die(mysql_error());

$row=mysql_fetch_array($sql);

if($row['aktif']==0){$stl="display:none;";}else{$stl="";} ?></div>

</body> </html>

10. konten.php

<?php

include 'config/koneksi.php'; include 'config/class_paging.php'; include 'config/functions_all.php';

$sql=mysql_query("select aktif from ppdb_menu where main_id=4")or die(mysql_error());

(21)

if (isset($no_peserta) and (isset($nisn))){ include 'modul/mod_home/login_home.php'; }

else{

include 'modul/mod_home/home.php'; }

}else{

include 'modul/mod_home/login_home.php'; }

}elseif ($_GET['module']=='biodata'){ include 'modul/mod_biodata/biodata.php'; }elseif ($_GET['module']=='rapor'){ include 'modul/mod_rapor/rapor.php'; }elseif ($_GET['module']=='daftar'){ include 'modul/mod_daftar/daftar.php'; }elseif ($_GET['module']=='pendaftar'){ include 'modul/mod_pendaftar/pendaftar.php'; }elseif ($_GET['module']=='pengumuman'){

include 'modul/mod_pengumuman/pengumuman.php'; }elseif($_GET['module']=='register'){

include 'modul/mod_register/register.php'; }elseif($_GET['module']=='login'){

include 'modul/mod_login/login.php'; }elseif($_GET['module']=='akun'){ include 'modul/mod_akun/akun.php'; }elseif($_GET['module']=='dokumen'){ include 'modul/mod_dokumen/dokumen.php'; }elseif($_GET['module']=='pesan'){

include 'modul/mod_bantuan/pesan/bantuan.php'; }

else {

(22)

11. pengumuman.php

<body>

<?php include_once( 'includes/nav.php'); ?>

<tr>

<td width="45%" align="left">Nama Siswa </td><input type=hidden name=module value=pengumuman>

</tr></table></form> <br />

<th scope="col">No Peserta</th> <th scope="col">Nama</th>

<th scope="col">Asal Sekolah</th> <th scope="col">Status</th>

</tr> <?

if (empty($_GET['nama'])){ $page = new Paging; $batas = 5;

(23)

$res = mysql_query ("SELECT*FROM ppdb_adm_siswa WHERE sts_seleksi = '1' ORDER BY no_peserta ASC LIMIT $posisi,$batas");

$no = $posisi+1;

while($items=mysql_fetch_array($res)){ if ($items['sts_seleksi']==0){ $sel = "Tidak Lulus";

} else{

$sel = "Lulus"; }

echo "<tr> <td>$no</td>

<td>$items[no_peserta]</td>

<td>".BesarKalimat($items['nama'])."</td> <td>$items[nisn]</td>

<td>".BesarKalimat($items['asal_skl'])."</td> <td>$sel</td>

</tr>"; $no++; }

$jmldata = mysql_num_rows(mysql_query("SELECT*FROM ppdb_adm_siswa WHERE sts_seleksi = '1'"));

$jmlhalaman = $page->jumlahHalaman($jmldata,$batas);

$linkhalaman = $page->navHalaman($_GET['halaman'],$jmlhalaman); ?>

<? } else{

$page = new Paging9; $batas = 5;

$posisi = $page->cariPosisi($batas);

$res = mysql_query ("SELECT*FROM ppdb_adm_siswa WHERE nama LIKE '%$_GET[nama]%' AND sts_seleksi = '1'ORDER BY no_peserta ASC LIMIT $posisi,$batas");

$no = $posisi+1;

while($items=mysql_fetch_array($res)){ if ($items['sts_seleksi']==0){

(24)

else{

$sel = "Lulus"; }

echo "<tr> <td>$no</td>

<td>$items[no_peserta]</td>

<td>".BesarKalimat($items['nama'])."</td> <td>$items[nisn]</td>

<td>".BesarKalimat($items['asal_skl'])."</td> <td>$sel</td> </tr>";

$no++; }

$jmldata = mysql_num_rows(mysql_query("SELECT*FROM ppdb_adm_siswa WHERE nama LIKE '%$_GET[nama]%' AND sts_seleksi = '1'"));

$jmlhalaman = $page->jumlahHalaman($jmldata,$batas);

$linkhalaman = $page->navHalaman($_GET['halaman'],$jmlhalaman); }?>

<hr>

12. logout_action.php

<?

include 'config/koneksi.php';

$sess_peserta = $_SESSION['no_peserta']; $sess_nisn = $_SESSION['nisn'];

if (isset($sess_peserta) and (isset($sess_nisn))) {

mysql_query("update ppdb_adm_siswa set status = '0' where no_peserta = '$sess_peserta'") or die (mysql_error());

session_destroy(); }

(25)

13. login_admin.php

<?

session_start();

include '../../config/koneksi.php'; $username = $_POST['username']; $password = $_POST['password'];

$result = mysql_query("select count(*) as hasil from ppdb_admin where isenable=1 and username='$username' and password=md5('$password')") or die (mysql_error());

$row = mysql_fetch_array($result); if ($row[0]=="1"){

$query_status = mysql_query("select * from ppdb_admin where username='$username'")or die (mysql_error());

$row_status=mysql_fetch_array($query_status); $admin_id = $row_status['admin_id'];

$name = $row_status['name'];

$_SESSION['admin_id'] = $admin_id; $_SESSION['name'] = $name;

mysql_query("update ppdb_admin set islogin='1', last_login=SYSDATE() where admin_id='$admin_id'") or die (mysql_error());

echo "sukses"; }

else {

session_destroy();

echo "<font color='#FF0000'>LOGIN GAGAL! <br>Username atau Password Anda tidak benar.<br> Atau account Anda sedang diblokir.<br></font>";

}

14. media_admin.php

<?php

error_reporting(0); session_start();

$sess_id = $_SESSION['admin_id']; $sess_name = $_SESSION['name'];

(26)

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>HALAMAN ADMINISTRATOR PPDB Online SMA</title>

</head>

</div></div>

(27)

<liclass="left"></li><li><a href="?module=home">Home</a></li><? if($_SESSION['name']==0){

echo"<li><a href='#'>Setting</a> <ul >

<li><a href='?module=modul'>Manage Menu</a></li> <li ><a href='?module=user'>Manage User</a></li> <li><a href='?module=info'>Informasi</a></li> </ul></li>";

}?>

<li><a href="?module=biodata">Biodata Peserta</a></li> <li><a href="?module=nilai">Nilai Rapor Peserta</a></li> </ul></li>

<li><a href="#">Cetak</a> <ul>

<li><a href="?module=c_bidata">Cetak Biodata Peserta</a></li> <li><a href="?module=c_nilai">Cetak Nilai Peserta</a></li> </ul></li>

<li><a href="?module=kontak">Kontak</a></li> <li><a href='?module=logout'>Logout</a></li> <li class="sep"> </li>

</div>

(28)

<?php } else

include("index.php"); exit;

?>

15. style.css

@import url(menu.css); @import url(button.css); @import url(tabel.css); body {

margin: 0px; padding: 0px; color: #333;

font-family: Arial, Georgia, "Times New Roman", Times, serif; font-size: 12px;line-height: 1.7em;

background-image: url(../images/header/ppdb_wrapper.jpg); background-color: #77bf28;

background-position: top; background-repeat: repeat-x; }

a, a:link, a:visited { color: #0099FF; text-decoration: none; } a:hover { text-decoration: none; }

p { margin: 0 0 10px 0; padding: 0; } img { border: none; }

h4 {

text-transform:uppercase;

font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px;font-weight: bold;}

.center{ text-align:center; } .color_one{

color: #6189F3; } a.one_col_btn{ color:#0099FF;

clear:both;

line-height:39px;

(29)

font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px;

font-weight: bold; text-decoration: none; }

a.one_col_btn1{ color:#0099FF; clear:both;

line-height:51px;

text-transform:capitalize; background-repeat: no-repeat;

font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px;

font-weight: bold; text-decoration: none; }

.cleaner { clear: both } .h10 { height: 10px } .h20 { height: 20px } .h30 { height: 30px } .h40 { height: 40px } .h50 { height: 50px } .h60 { height: 60px } #ppdb_body_wrapper { width: 100%;

background: url(../images/header/ppdb_body.jpg) top center no-repeat

}

#ppdb_wrapper { width: 960px;

padding: 0 30px;margin: 0 auto }

#ppdb_header { width: 900px; height: 50px;

padding: 50px 30px;

background: url(../images/header/ppdb_header.png) no-repeat top center

(30)

#site_title a { display: block; position: relative; padding: 20px 0 0 0;

font-size: 24px;color: #fff; font-weight: normal;

text-decoration: none }

#site_title a span {

position: absolute;display: block; left: 200px;top: 30px;

font-size: 12px; color: #000;} #ppdb_menu {

width: 900px;height: 61px; padding: 0 30px;

background: url(../images/header/ppdb_menu.png) no-repeat top center

}

#ppdb_menu ul { margin: 0; padding: 3px 0 0 0; list-style: none } #ppdb_menu ul li { padding: 0; margin: 0; display: inline }

#ppdb_menu ul li a { float: left; display: block; width: 120px; height: 30px;

padding: 6px 0 0 0; margin-right: 1px; font-size: 14px; color: #333;

/* text-shadow: 1px 1px 1px #b0da81; */ text-decoration: none;

font-weight: bold; text-align: center; outline: none;

}

#ppdb_menu ul li a:hover, #ppdb_menu ul .current { color: #fff;

(31)

background: url(../images/) no-repeat } #ppdb_middle {

width: 960px;height: 320px;

background: url(../images/header/ppdb_middle.jpg) no-repeat top center

}#ppdb_middle_content { width: 820px;

height: 210px;padding: 20px 70px; overflow: hidden}

#ppdb_middle_content h1 { line-height: 40px;

margin-bottom: 10px;} #ppdb_middle_content p { font-size: 20px;

color: #000;

line-height: 30px;} #services {

clear: both; width: 930px; height: 70px;

padding: 0 15px} #services a { float: left; display: block;

width: 210px;height: 60px; padding: 10px;

margin-right: 2px;

font-size: 28px; color: #fff;

/* text-shadow: 1px 1px 1px #999; */

font-family: Arial, Helvetica, sans-serif; text-align: center;}

#services a span {

display: block; color: #cbdeb6; margin-top: 5px;font-size: 16px; /* text-shadow: none */}

#services a:hover, #services .current { text-decoration: none;

background: url(../images/header/ppdb_service_hover.jpg) no-repeat}

(32)

width: 960px;

background: url(../images/header/ppdb_content.png) repeat-y center}

#ppdb_main {

width: 860px; padding: 50px 50px 25px;

background: url(../images/header/ppdb_content_top.png) top center no-repeat

}.content_box { margin-left: 25px; clear: both; margin-bottom: 50px}

.col_w270 { float: left; width: 200px; margin-right: 70px; } .col_w271 { float: left; width: 160px; margin-right: 100px; } .col_w271l { float: left; width: 160px; margin-left: 250px; } .col_w271b { float: left; width: 160px; margin-left: 100px; } .col_w271c { float: left; width: 180px; margin-left: 100px; } .last_col { margin: 0 }

.service_box {

padding-bottom: 30px;margin-bottom: 30px; border-bottom: 1px dashed #fff;}

.service_box img { float: left;

width: 48px;height: 48px;} .service_box .right {

float: right;width: 460px;} .service_box ol li {

list-style: decimal-leading-zero; margin-bottom: 5px;}

#contact_form { padding: 0; width: 390px; } #contact_form form { margin: 0px; padding: 0px; } #contact_form form .input_field {

color: #333; width: 380px; padding: 5px; margin-bottom: 10px; background: #f6f6f6; font-family: Arial, Helvetica, sans-serif; font-size: 12px;

border: 1px solid #cfcfcf; }

#contact_form form label { display: block; width: 100px; margin-right: 10px; font-size: 14px; }

#contact_form form textarea { color: #333;

(33)

height: 200px; padding: 5px;

margin-bottom: 10px; background: #f6f6f6;

font-family: Arial, Helvetica, sans-serif; font-size: 12px;

border: 1px solid #cfcfcf; }

#contact_form form .submit_btn { margin: 10px 0px; padding: 5px 14px; border: 1px solid #ccc; background: #fff; }

#ppdb_main_top {

width: 960px; height: 10px;

background: url(../images/header/ppdb_content_top1.png) top center no-repeat}

#ppdb_main_bottom {

width: 960px; height: 10px;

background: url(../images/header/ppdb_content_bottom.png) top center no-repeat}

.map img{

width:270px; height: 160px;

border: 1px solid #999; padding: 5px;

}

#ppdb_footer { width: 900px;

padding: 30px 30px; color: #fff; text-align: center;

/*background: url(../images/header/ppdb_footer.jpg) bottom center no-repeat*/}

#ppdb_footer a { color: #fff} #message_box { position: absolute; top: 0; left: 0; z-index: 10; padding:5px;

border:1px solid #CCCCCC; text-align:center;

(34)

background-color: #ffc; }

(35)

Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas akhir

Program Teknik Informatika Diploma 3 :

Nama

: Gunawan Sianturi

NIM

: 142406173

Prog.Studi

: Teknik Informatika (D3)

Judul TA