Membuat Aplikasi Penerimaan Siswa Baru (PMB)
Aplikasi pendaftaran siswa baru ini atau
dikenal dengan PSB, biasanya sangat diperlukan oleh instansi-instansi
Pendidikan, untuk aplikasi ini berguna disaat tahun ajaran baru, sebenarnya
bukan untuk SMA saja bisa kita ubah untuk SMP atau lainnya.
nah, kali ini saya selaku admin, ingin memberikan suatu list program dari tampilan gambar diatas, list program yang saya kasih mungkin Cuma sebatas “Index.php n style.css”, untuk sourcode keseluruhan bisa didownload, setelah saya upload.
Tahap dalam pembuatan bermacam-macam,
nah, kali ini saya selaku admin, ingin memberikan suatu list program dari tampilan gambar diatas, list program yang saya kasih mungkin Cuma sebatas “Index.php n style.css”, untuk sourcode keseluruhan bisa didownload, setelah saya upload.
Tahap dalam pembuatan bermacam-macam,
Yang pertama yang dibutuhkan dalam
pembuatan aplikasi ini yang paling penting adalah harus adnya Perangkat Keras
dan Perangkat Lunak, tanpa adanya itu, jelas aplikasi ini tidak akan jadi.
Dari segi Perangkat Keras bisa diambil :
- 1. Laptop/PC dengan spesifikasi diatas rata-rata.
- Dari segi Perangkat Lunak :
- 1. Macromedia Dreamweaver/notepad yang berfungsi sebagai media editor untuk menuat list program.
- 2. MySql sebagai media membuat dan menyimpan database yang digunakan untuk koneksi ke PHP.
- 3. Dll
Langsung ke list programnya saja. Untuk
file index.php
Index.php
require_once
"./modul/konfigurasi.php";
?>
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
saved from url=(0025)http://ubuntu-manual.org/ -->
<html
xmlns="http://www.w3.org/1999/xhtml" xml:lang="en_US"
lang="en_US" dir="ltr"><head><meta
http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<title><?php
echo $judul_situs;?></title>
<link
rel="stylesheet" type="text/css" href="./style/style.css">
</head>
<body>
<div
id="page">
<div
id="header">
<a
href="<?php echo $url_situs;?>"><img
src="images/logo.png"/></a>
</div>
<div
id="shadow-container">
<div
id="navbar">
Pendaftaran
Siswa Baru <em>Online</em>
</div>
<div
id="content">
<div
class="slideshow" >
<br/><br/>
<a
href="<?php echo $url_situs;?>" class="medium button green
radius-button" style="width:
120px;">Home</a><br/><br/>
<a
href="<?php echo $url_situs;?>?p=1" class="medium button
orange radius-button" style="width:
120px;">Daftar</a><br/><br/>
<a
href="<?php echo $url_situs;?>?p=2" class="medium button
yellow radius-button" style="width:
120px;">Seleksi</a><br/><br/>
<?php
if(isset($_SESSION['session_login'])){
?>
<h3>Administrasi</h3>
<a
href="<?php echo $url_situs;?>?p=6" class="medium button
pink radius-button" style="width:
120px;">Pembatalan</a><br/><br/>
<a
href="<?php echo $url_situs;?>?p=7" class="medium button
pink radius-button" style="width: 120px;">Edit
Biodata</a>
<?php
}
?>
<h2>Counter</h2>
<?php
if(file_exists("counter.txt")){
$PF
= fopen("counter.txt",'r');
$count
= fgets($PF,4096);
fclose($PF);
$PF
= fopen("counter.txt",'w');
fputs($PF,$count+1);
fclose($PF);
chop($count);
$nb_digits
= max(strlen($count),6);
$count
= substr("0000000000".$count,-$nb_digits);
echo
'<p style="font-size: 9px;"><small>Telah dikunjungi
</small></p><strong>'.$count.'</strong><p
style="font-size: 9px;"> kali</p>';
}else{
echo
"Belum dikunjungi.";
}
?>
</div>
<div
class="hometxt" style="font-size: 89%;">
<?php
$halaman = trim($_GET['p']);
if(is_numeric($halaman) &&
file_exists("modul/$halaman.php")){
include_once
"modul/$halaman.php";
}else{
switch($halaman){
default:
if(file_exists("modul/0.php")){
include_once
"modul/0.php";
}else{
echo
"<em>halaman yang anda cari tidak tersedia</em>";
}
break;
case
'logout':
session_destroy();
header("Location:
index.php");
break;
}
}
?>
</div>
<div>
<div><p></p><p
style="clear:both"></p></div>
</div>
<div
id="footer">
<hr>
<span
class="copyright" style="float:left">© Copyright 2013
<?php echo $nama_sekolah." ".$alamat_sekolah;?><br/>
Powered
by <a href="http://code.emka.web.id/psbonline-free/">PSBOnline
Free</a> by <a href="http://luthfi.emka.web.id">Hapsakti
Pradita</a><br/>
</span>
<span
class='license' style='float:right'>
<?php
if(!isset($_SESSION['session_login'])){?>
<a
href="<?php echo $url_situs;?>?p=4">Login</a>
<?php
}else{?>
<a
href="#">Telah login</a> | <a
href="?p=logout"><strong>Logout</strong></a>
<?php
}?>
</span>
</div>
</div>
</div>
</div>
</body></html>
Style.css
*
{
margin:0;
padding:0;
font-family:dejavu sans, sans, verdana,
arial;
font-size:100%;
color:#666;
}
body
{
background-image:
linear-gradient(bottom, rgb(82,82,79) 14%, rgb(166,166,159) 49%, rgb(84,84,81)
87%);
background-image:
-o-linear-gradient(bottom, rgb(82,82,79) 14%, rgb(166,166,159) 49%, rgb(84,84,81)
87%);
background-image:
-moz-linear-gradient(bottom, rgb(82,82,79) 14%, rgb(166,166,159) 49%,
rgb(84,84,81) 87%);
background-image:
-webkit-linear-gradient(bottom, rgb(82,82,79) 14%, rgb(166,166,159) 49%,
rgb(84,84,81) 87%);
background-image:
-ms-linear-gradient(bottom, rgb(82,82,79) 14%, rgb(166,166,159) 49%,
rgb(84,84,81) 87%);
background-image:
-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.14, rgb(82,82,79)),
color-stop(0.49,
rgb(166,166,159)),
color-stop(0.87, rgb(84,84,81))
);
}
:focus
{
outline: 0;
}
p
{
padding-bottom:1em;
font-size:0.9em;
text-align:left;
}
ul,ol
{
margin-left:1cm;
font-size:0.9em;
line-height:23px;
}
ul
li, div ul li{
font-size:0.9em;
}
select,textarea
{
font-size:12px;
font-family:dejavu sans condensed, sans,
verdana, arial;
width:300px;
}
a
{
color:#44B4D5;
text-decoration:none;
}
a:hover
{
color:#eb6f31;
}
img
{
padding:20px;
}
h1,h2,h3,h4
{
font-weight:normal;
}
h2
{
margin-top:1em;
margin-bottom:1em;
padding-bottom:5px;
font-size:1.5em;
border-bottom:1px solid #ddd;
}
h3
{
margin-top:1em;
margin-bottom:1em;
padding-bottom:5px;
font-size:1em;
border-bottom:1px solid #ddd;
}
h4
{
margin-top:1em;
margin-bottom:1em;
padding-bottom:5px;
font-size:0.8em;
font-weight:bold;
}
/*
DIVS */
#page
{
width:780px;
margin:0 auto;
margin-top:10px;
margin-bottom:20px;
}
#header
{
height:80px;
padding-bottom:10px;
background:url('../images/header.png')
no-repeat top left;
}
#logo
{
/*width:300px;*/
height:150px;
padding-top:5px;
padding-right:525px;
}
#shadow-container
{
/*-moz-box-shadow: 1px 1px 12px
rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 12px #555
rgba(0, 0, 0, 0.3);
-webkit-box-shadow:
1px 1px 12px #555 rgba(0, 0, 0, 0.3);
-o-box-shadow: 1px 1px 12px #555
rgba(0, 0, 0, 0.3);*/
}
#navbar
{
width:728px;
height:42px;
line-height:42px;
border:1px solid #aaa;
border-bottom:0;
background-color:#FBFBFB;
background-image:url('../images/navbar.png');
font-size: large;
text-align: right;
padding-right: 50px;
}
#navbar
img{
margin-left: 200px;
}
#navbar
span {
padding:0 25px;
}
#navbar
a {
font-size:0.8em;
color:#999;
}
#navbar
a:hover {
color:#eb6f31;
}
#navbar
span a.selected {color:#6f6f6f;font-weight:bold;}
#content
{
/*margin-bottom:50px;*/
padding:40px;
padding-top:10px;
padding-bottom:0;
border:1px solid #aaa;
border-top:0;
height:auto;
background-color:white;
}
#footer
{
width:100%;
height:40px;
margin-top:20px;
padding-bottom:10px;
}
#footer
span.copyright {
font-family:dejavu sans, sans,
arial;
font-size:0.55em;
width:65%;
text-align:left;
}
#footer
span.license {
font-family:dejavu sans, sans,
arial;
font-size:0.55em;
width:33%;
text-align:right;
}
#footer
hr {
width:100%;
margin:0 auto;
padding-bottom:10px;
border:0;
border-top:1px solid #ddd;
}
/*
Independent divs */
#downloadbox
{
display:block;
text-align:center;
vertical-align:baseline;
}
#downloadbox
a {font-family:dejavu sans, verdana, arial;}
#downloadbox
.btn {
margin:5px;
padding:5px;
display:block;
line-height:30px;
}
#downloadbox
span {font-size:0.7em;}
#downloadbox
span.version {font-size:0.4em;color:#fff;}
.button,
.button:visited {
background: #222 url(../images/overlay-focus.png)
repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-khtml-border-radius: 6px;
-moz-box-shadow: 0 1px 3px
rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px
rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px
rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
text-align:center;
background-position: 0 0;
}
.button:hover
{
background: transparent url(../images/overlay-focus.png)
repeat-x;
background-position: 0 -50px;
color: #fff;
}
.button:active { top: 1px; }
.large.button,
.large.button:visited {
font-size: 22px;
padding: 10px 10px 9px;
min-width:270px; height:30px;
}
.medium.button,
.medium.button:visited {
font-size: 18px;
padding: 8px 14px 9px;
width:auto; height:23px;
}
.orange.button,
.orange.button:visited {
background-color: #FB8B00; }
.orange.button:focus {
background-color: #F44800; }
.pink.button,
.pink.button:visited {
background-color: #e22092; }
.pink.button:focus {
background-color: #c81e82; }
.green.button,
.green.button:visited {
background-color: #91bd09; }
.green.button:focus {
background-color: #749a02; }
.red.button,
.red.button:visited {
background-color: #e62727; }
.red.button:focus {
background-color: #cf2525; }
.blue.button,
.blue.button:visited {
background-color: #2981e4; }
.blue.button:focus {
background-color: #2575cf; }
.yellow.button,
.yellow.button:visited {
background-color: #ffb515; }
.yellow.button:focus {
background-color: #fc9200; }
.grey.button,
.grey.button:visited {
background-color: #747474; }
.grey.button:focus {
background-color: #9F9F9F; }
.disabled.button,.disabled.button:visited,.disabled.button:focus {background-color: #ccc;
color:#f7f7f7;}
.features
{
width: 100%;
height:450px;
margin: 0;
padding: 0;
font-size:90%
}
.features
strong
{
font-size:100%
}
div#left
{
float: left;
padding-right : 20px;
width: 230px;
line-height:25px;
height: 320px;
}
div#right
{
float: right;
width: 200px;
line-height:25px;
height: 320px;
}
div#middle
{
padding: 0px 250px 5px 210px;
margin: 0px;
line-height:25px;
height: 320px;
}
div#video
{
margin:0 auto;
text-align:center;
width: 660px;
height: 440px;
}
div.hr
{
border-top:1px solid #aaa;
margin-bottom:20px;
width: 100%;
}
.home{
float:left;
}
.home
a {
height: 20px !important;
padding-left: 18px;
background:url(../images/IconHome.gif)
no-repeat 0 -16px;
}
.home
a:hover {
background-position: 0 0;
}
.nav_menu
{float:right;}
.collage{float:right;}
.donwloadBox{width:300px;
height:340px;}
.tools{float:right;}
.language_menu{float:right;}
.hometxt{float:right;
width:75%; font-size: 80%; min-height: 600px; text-align: justify;text-justify:
newspaper;}
.slideshow{float:left;
width:120px;margin-left:-15px;height:410px;}
pre.sh
{font-size:0.9em;font-family:"Courier New",Courier,mono; margin:0;
padding:1em 0 1em 2em; color:#000;}
pre.sh2
{font-size:0.9em;font-family:"Courier New",Courier,mono; margin:0;
padding:0.5em 0 1em 2em; color:#000;}
/*
messages */
.info,
.success, .nb, .error {
border:
1px solid;
margin:
5px 0px;
padding:15px
10px 15px 65px;
background-repeat:
no-repeat;
background-position:
10px center;
font-size:0.9em;
}
.info
{
color:
#00529B;
background-color:
#BDE5F8;
background-image:
url('../images/help.png');
}
.success
{
color:
#4F8A10;
background-color:
#DFF2BF;
background-image:url('../images/success.png');
}
.nb
{
color:
#9F6000;
background-color:
#FEEFB3;
background-image:
url('../images/warning.png');
}
.error
{
color:
#D8000C;
background-color:
#FFBABA;
background-image:
url('../images/error.png');
}
.quickshot_ban
{
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
padding-top:10px;
float:right;
font-size:12px;
color:#F4F4F4
}
#hor-minimalist-a
{
font-family: "Lucida Sans
Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
background: #fff;
width: 480px;
border-collapse: collapse;
text-align: left;
}
#hor-minimalist-a
th
{
font-size: 14px;
font-weight: normal;
color: #039;
padding: 10px 8px;
border-bottom: 2px solid
#6678b1;
}
#hor-minimalist-a
td
{
color: #669;
padding: 9px 8px 0px 8px;
}
#hor-minimalist-a
tbody tr:hover td
{
color: #009;
}
.radius-button
{
border-top-left-radius: 6px 6px;
border-top-right-radius: 6px 6px; border-bottom-left-radius: 6px 6px;
border-bottom-right-radius: 6px 6px;
}
Nah,itu list main programnya,
untuk database saya tidak langsung import ke MySql, tapi cara saya adalah
munggunkan script instalasi, seperti yang kita lakuin saat install aplikasi,
nah, asiknya menggunkan itu adalah saat instalasi database berhasil, maka table
yang berada di dalam database akan muncul setelah diinstal.hehe, pusingkan….
Ini saya kasih cara
instalnya.
1. Ekstrak file tersebut
dengan WinRAR/WinZIP/IZArc atau unzip jika anda meng-
gunakan Linux, pada direktori C:\xampp\htdocs\
(pengguna XAMPP) atau C:\wampp\www(pengguna WAMP) atau /var/www (pengguna
Linux) atau /home/nama_user/public_html.
2. Buat
database MySQL baru dengan nama psbonlinefree (atau sesuaikan sendiri)
3.
Dump file install.sql ke database baru tersebut dengan bantuan PHPMyAdmin,
Navicat maupun perintah mysql
-unama_user -ppassword < install.sql
4. Ubah konfigurasi database, url aplikasi dan
konfigurasi lainnya yang terdapat
di file /modul/konfigurasi.php
5. Ubah konten aplikasi (visi, misi, sejarah dll)
di folder /konten
6. PSBOnline Siap digunakan
FITUR & KEUNGGULAN
-------------------------------
- Aplikasi PHP berbasis
Web
- Menggunakan database
relasional MySQL
- Database pendaftaran
yang tidak terbatas (sesuai batasan MySQL)
- Dapat dipasang pada area
intranet maupun internet dalam skema subdomain maupun
subfolder (http://psbonline.sesuatu.apa atau
http://sesuatu.apa/psbonline)
- Independen, tidak
bergantung pada CMS apapun
- Bebas pakai, Kode Sumber
Terbuka
- Menolak pendaftaran
siswa dengan nilai < 6.00
- Kemampuan pembatalan
pendaftaran
- Kemampuan edit biodata
pendaftar
- Tersedia versi Pro
dengan source code & buku panduan instalasi/pengembangan
Mungkin itu yang bisa saya
sampaikan, selamat mencobanya,
“jadikanlah yang kamu senangi itu adalah sebuah seni, maka akan tumbuh suatu hasil yang sangat memuaskan”
“jadikanlah yang kamu senangi itu adalah sebuah seni, maka akan tumbuh suatu hasil yang sangat memuaskan”
Selamat mencoba.
Post : hapsakti
0 comment: