Upload
didin-aja
View
219
Download
0
Embed Size (px)
Citation preview
7/21/2019 Penjelasan Halaman FrontPage
http://slidepdf.com/reader/full/penjelasan-halaman-frontpage 1/15
Panduan Source Program TA – SIA
http://www.zhudesign.com
97
Halaman Frontpage
Sekarang kita akan membuat halaman frontpage website. Perhatikan gambar diatas, folder utama berisi file-file yang dibutuhkan untuk kebutuhan halamanfrontpage.
index.php
<?phpheader('location:media.php?module=home');?>
Penjelasan : mengarahkan ke file media.php
7/21/2019 Penjelasan Halaman FrontPage
http://slidepdf.com/reader/full/penjelasan-halaman-frontpage 2/15
Panduan Source Program TA – SIA
http://www.zhudesign.com
98
media.php
<!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" xml:lang="en" lang="en"><html><head><title>::: Program TA (Sistem Informasi Akademik) :::</title><meta http-equiv="content-type" content="text/html;charset=utf-8" /><meta name="robots" content="index, follow" /><link rel="shortcut icon" href="favicon.png" /><link href="style.css" rel="stylesheet" type="text/css">
</head><body>
<div id="wrapper"><div id="header"></div><div id="leftcontent">
<p><?php include "kiri.php"; ?>
</p></div><div id="rightcontent">
<p>
7/21/2019 Penjelasan Halaman FrontPage
http://slidepdf.com/reader/full/penjelasan-halaman-frontpage 3/15
Panduan Source Program TA – SIA
http://www.zhudesign.com
99
<?php include "kanan.php"; ?></p>
</div><div id="clearer"></div><div id="footer"> Copyright © 2010 by
<a href=http://zhudesain.com target="_blank">Zhu Desain</a>.</div>
</div></body></html>
Penjelasan : Membuat file utama untuk menghubungkan file style.css, kiri.phpdan kanan.php
kiri.php
<?phpinclude "config/koneksi.php";
// Form Pencarianecho "<img src=images/search.jpg><br />
<form method=POST action='?module=hasilcari'><input name=kata type=text size=23><input type=submit value=Cari>
</form><hr color=#265180>";
7/21/2019 Penjelasan Halaman FrontPage
http://slidepdf.com/reader/full/penjelasan-halaman-frontpage 4/15
Panduan Source Program TA – SIA
http://www.zhudesign.com
100
//Menu Utamaecho "<br /><img src=images/mainmenu.jpg><br /><br />";echo "<span class=kategori>• <a href=?module=home> Home</a></span><br />";$menu=mysql_query("SELECT * FROM modul WHERE publish='Y' and aktif='Y' ORDERBY urutan");
while($r=mysql_fetch_array($menu)) {echo "<span class=kategori>• <a href=$r[link]> $r[nama_modul]</a></span><br
/>";}
echo "<br /><hr color=#265180><br />";
// Form Loginecho "<img src=images/login_user.jpg><br />";include "form_login.php";echo "<hr color=#265180><br />";
//Berita Terpopulerecho "<img src=images/populer.jpg><br /><ul>";$populer=mysql_query("SELECT * FROM berita ORDER BY counter DESC LIMIT 10");while($p=mysql_fetch_array($populer)){
echo "<p><li><a href=?module=detailberita&id=$p[id_berita]>$p[judul]</a>($p[counter])</li></p>";}echo "</ul><br /><hr color=#265180><br />";
//Tampilkan Banner dalam bentuk Gambar
$banner=mysql_query("SELECT * FROM banner ORDER BY id_banner DESC");while($b=mysql_fetch_array($banner)){echo "<a href=$b[url]><img src='adminweb/foto_berita/$b[gambar]' border=0></a><br /><br/>";}?>
Penjelasan : Berfungsi untuk menampilkan form pencarian, menu, siakad login,berita terpopuler dan banner.
7/21/2019 Penjelasan Halaman FrontPage
http://slidepdf.com/reader/full/penjelasan-halaman-frontpage 5/15
Panduan Source Program TA – SIA
http://www.zhudesign.com
101
form_login.php
<?phpecho "<form method=POST action=cek_login.php><table bgcolor=#143D70 width=100% border=0 cellpadding=2><tr><td><div id=menu>Jenis User</div></td><td> :<select name='jenis_user'>
<option value=pegawai selected>Pegawai</option><option value=dosen>Dosen</option><option value=mahasiswa>Mahasiswa</option>
</select></td></tr><tr><td><div id=menu>Username</div></td><td> :<input type=text name='id_user'></td></tr><tr><td><div id=menu>Password<div></td><td> :<input type=password name='password'></td></tr><tr><td colspan=2><input type=submit value=Login></td></tr></table></form>";
?>
Penjelasan : Berfungsi utk membuat Form Login SIAKAD
cek_login.php
<?phpinclude "config/koneksi.php";
if (trim($_POST[jenis_user])=='pegawai') {
$pass=md5($_POST[password]);
$login = mysql_query("SELECT * FROM users WHERE id_user='$_POST[id_user]'AND password='$pass' AND blokir='N'");
$ketemu=mysql_num_rows($login);$r=mysql_fetch_array($login);
// Apabila username dan password ditemukanif ($ketemu > 0) {
session_start();session_register("namauser");
7/21/2019 Penjelasan Halaman FrontPage
http://slidepdf.com/reader/full/penjelasan-halaman-frontpage 6/15
Panduan Source Program TA – SIA
http://www.zhudesign.com
102
session_register("namalengkap");session_register("passuser");session_register("leveluser");
$_SESSION[namauser] = $r[id_user];
$_SESSION[namalengkap] = $r[nama_lengkap];$_SESSION[passuser] = $r[password];$_SESSION[leveluser] = $r[level];
header('location:adminweb/index.php?module=home');}else{
echo "<link href=config/adminstyle.css rel=stylesheet type=text/css>";echo "<center>LOGIN GAGAL! <br>
Username atau Password Anda tidak benar.<br>Atau Account Anda sedang diblokir.<br>";
echo "<a href=index.php><b>ULANGI LAGI</b></a></center>";}
}
if (trim($_POST[jenis_user])=='dosen') {$pass=md5($_POST[password]);$login = mysql_query("SELECT * FROM dosen WHERE
kode_dosen='$_POST[id_user]' AND password='$pass'");$ketemu=mysql_num_rows($login);$r=mysql_fetch_array($login);
// Apabila username dan password ditemukan
if ($ketemu > 0) {session_start();session_register("namauser");session_register("namalengkap");session_register("passuser");
//session_register("leveluser");
$_SESSION[namauser] = $r[kode_dosen];$_SESSION[namalengkap] = $r[nama_dosen];$_SESSION[passuser] = $r[password];
//$_SESSION[leveluser] = $r[level];
header('location:dosen/index.php?module=home');}else{
echo "<link href=config/adminstyle.css rel=stylesheet type=text/css>";echo "<center>LOGIN GAGAL! <br>
Username atau Password Anda tidak benar.<br>Atau Account Anda sedang diblokir.<br>";
echo "<a href=index.php><b>ULANGI LAGI</b></a></center>";
7/21/2019 Penjelasan Halaman FrontPage
http://slidepdf.com/reader/full/penjelasan-halaman-frontpage 7/15
Panduan Source Program TA – SIA
http://www.zhudesign.com
103
}}
if (trim($_POST[jenis_user])=='mahasiswa') {$pass=md5($_POST[password]);
$login = mysql_query("SELECT * FROM mahasiswa WHERE nim='$_POST[id_user]'AND password='$pass'");
$ketemu=mysql_num_rows($login);$r=mysql_fetch_array($login);
// Apabila username dan password ditemukanif ($ketemu > 0) {
session_start();session_register("namauser");session_register("namalengkap");session_register("passuser");
//session_register("leveluser");
$_SESSION[namauser] = $r[nim];$_SESSION[namalengkap] = $r[nama];$_SESSION[passuser] = $r[password];
//$_SESSION[leveluser] = $r[level];
header('location:siswa/index.php?module=home');}else{
echo "<link href=config/adminstyle.css rel=stylesheet type=text/css>";echo "<center>LOGIN GAGAL! <br>
Username atau Password Anda tidak benar.<br>Atau Account Anda sedang diblokir.<br>";
echo "<a href=index.php><b>ULANGI LAGI</b></a></center>";}
}?>
Penjelasan : Berfungsi untuk mengecek id_user dan password di dalam datauser, dosen dan mahasiswa.
kanan.php
7/21/2019 Penjelasan Halaman FrontPage
http://slidepdf.com/reader/full/penjelasan-halaman-frontpage 8/15
Panduan Source Program TA – SIA
http://www.zhudesign.com
104
<?phpinclude "config/koneksi.php";include "config/fungsi_indotgl.php";include "config/library.php";include "config/class_paging.php";
// Bagian Homeif ($_GET[module]=='home'){
// Tampilkan 5 berita terbaru$terkini= mysql_query("SELECT * FROM berita,users
WHERE users.id_user=berita.id_userORDER BY id_berita DESC LIMIT 5");
while($t=mysql_fetch_array($terkini)){$tgl = tgl_indo($t[tanggal]);echo "<span class=date>$t[hari], $tgl - $t[jam] WIB</span><br />";echo "<span class=judul><a
href=?module=detailberita&id=$t[id_berita]>$t[judul]</a></span><br />";echo "<span class=isi_kecil>Ditulis Oleh : $t[nama_lengkap]</span><br />";
if ($t[gambar]!=''){
echo "<span class=image><img src='adminweb/foto_berita/$t[gambar]'width=110 border=0></span>";
}$kalimat=strtok(nl2br($t[isi_berita])," ");for ($i=1;$i<=50;$i++){echo ($kalimat);echo (" "); // Spasi antar kalimat$kalimat=strtok(" "); // Potong per kalimat
}
7/21/2019 Penjelasan Halaman FrontPage
http://slidepdf.com/reader/full/penjelasan-halaman-frontpage 9/15
Panduan Source Program TA – SIA
http://www.zhudesign.com
105
echo " ... <a href=?module=detailberita&id=$t[id_berita]>Selengkapnya</a><br><br><hr color=white></td></tr>";
}
// Tampilkan 5 berita sebelumnya
echo "<img src=images/berita_sebelumnya.jpg><br /><ul>";$sebelum=mysql_query("SELECT * FROM berita
ORDER BY id_berita DESC LIMIT 5,7");while($s=mysql_fetch_array($sebelum)){
echo "<li><a href=?module=detailberita&id=$s[id_berita]>$s[judul]</a></li>";}echo "</ul><br />";
}
// Detail Beritaelseif ($_GET[module]=='detailberita'){
$detail=mysql_query("SELECT * FROM berita,usersWHERE users.id_user=berita.id_userAND id_berita='$_GET[id]'");
$d = mysql_fetch_array($detail);$tgl = tgl_indo($d[tanggal]);echo "<span class=date>$d[hari], $tgl - $d[jam] WIB</span><br />";echo "<span class=judul>$d[judul]</span><br />";echo "<span class=isi_kecil>Ditulis Oleh : $d[nama_lengkap]</span><br />";
if ($d[gambar]!=''){echo "<span class=image><img src='adminweb/foto_berita/$d[gambar]'
border=0></span>";}$isi_berita=nl2br($d[isi_berita]);echo "$isi_berita</td></tr>";echo "<tr><td class=kembali><br>
[ <a href=javascript:history.go(-1)>Kembali</a> ]<br />";
// Apabila berita dibuka, maka tambahkan counternyamysql_query("UPDATE berita SET counter=$d[counter]+1
WHERE id_berita='$_GET[id]'");}
// Bagian Beritaelseif ($_GET[module]=='berita'){echo "» Berita";
$p = new Paging;$batas = 8;$posisi = $p->cariPosisi($batas);
$sql = "SELECT * FROM berita,users
7/21/2019 Penjelasan Halaman FrontPage
http://slidepdf.com/reader/full/penjelasan-halaman-frontpage 10/15
Panduan Source Program TA – SIA
http://www.zhudesign.com
106
WHERE users.id_user=berita.id_userORDER BY id_berita DESC LIMIT $posisi,$batas";
$hasil = mysql_query($sql);
while($r=mysql_fetch_array($hasil)){
$tgl = tgl_indo($r[tanggal]);echo "<br /><span class=date>$r[hari], $tgl - $r[jam]</span><br />";echo "<span class=judul><a
href=$_SERVER[PHP_SELF]?module=detailberita&id=$r[id_berita]>$r[judul]</a></span><br/>";
$kalimat=strtok(nl2br($r[isi_berita])," ");for ($i=1;$i<=50;$i++){echo ($kalimat);echo (" "); // Spasi antar kalimat$kalimat=strtok(" "); // Potong per kalimat
}echo " ... <a
href=$_SERVER[PHP_SELF]?module=detailberita&id=$r[id_berita]>Selengkapnya</a><br/><br />
<hr color=white>";
}
$jmldata = mysql_num_rows(mysql_query("SELECT * FROM berita"));$jmlhalaman = $p->jumlahHalaman($jmldata, $batas);$linkHalaman = $p->navHalaman($_GET[halaman], $jmlhalaman);
echo "<br />$linkHalaman<br />";}
// Bagian Agendaelseif ($_GET[module]=='agenda'){
echo "» Agenda<br />";
$p = new Paging;$batas = 10;$posisi = $p->cariPosisi($batas);
$sql = "SELECT * FROM agenda,usersWHERE users.id_user=agenda.id_user
ORDER BY id_agenda DESC LIMIT $posisi,$batas";$hasil = mysql_query($sql);
while($r=mysql_fetch_array($hasil)){$tgl_mulai = tgl_indo($r[tgl_mulai]);$tgl_selesai = tgl_indo($r[tgl_selesai]);
$isi_agenda=nl2br($r[isi_agenda]);
echo "<span class=isi_kecil>$tgl_mulai s/d $tgl_selesai</span><br />";
7/21/2019 Penjelasan Halaman FrontPage
http://slidepdf.com/reader/full/penjelasan-halaman-frontpage 11/15
Panduan Source Program TA – SIA
http://www.zhudesign.com
107
echo "<span class=judul>$r[tema]</span><br />";echo "<b>Topik</b> : $isi_agenda<br />";echo "<b>Tempat</b> : $r[tempat]<br />";echo "<b>Pengirim</b> : $r[nama_lengkap]<hr color=white><br />";}
$jmldata = mysql_num_rows(mysql_query("SELECT * FROM agenda"));$jmlhalaman = $p->jumlahHalaman($jmldata, $batas);$linkHalaman = $p->navHalaman($_GET[halaman], $jmlhalaman);
echo "$linkHalaman<br />";}
// Bagian Hasil Pencarianelseif ($_GET[module]=='hasilcari'){
echo "» Hasil Pencarian<br />";
// Hanya mencari berita, apabila diperlukan bisa ditambahkan utk mencari agenda, pengumuman, dll
$cari = mysql_query("SELECT * FROM berita WHERE isi_berita LIKE'%$_POST[kata]%'");
$jumlah = mysql_num_rows($cari);
if ($jumlah > 0){echo "<br />Ditemukan <b>$jumlah</b> berita dengan kata <b>$_POST[kata]</b> : <ul>";
while($r=mysql_fetch_array($cari)){echo "<li><a href=?module=detailberita&id=$r[id_berita]>$r[judul]</a></li>";
}echo "</ul><br />";
}else{
echo "<span class=judul>Tidak ditemukan berita dengan kata <b>$_POST[kata]</b></span><br />";
}
echo " [ <a href=javascript:history.go(-1)>Kembali</a> ]";}?>
Penjelasan : Berfungsi utk menampilkan Content / Isi Berita.
style.css
body{font-family: Arial, Helvetica, sans-serif;font-size : 12px;color : #993300; background-image:url(images/background.gif);
7/21/2019 Penjelasan Halaman FrontPage
http://slidepdf.com/reader/full/penjelasan-halaman-frontpage 12/15
Panduan Source Program TA – SIA
http://www.zhudesign.com
108
background-repeat: repeat-y; background-position : center;margin:0px; background-color: #E1EAEC;
}
#wrapper {width :780px;margin-right:auto;margin-left:auto;
}
#wrapper #header { background-image: url(images/header.jpg);height:177px;width:780px;
}
#wrapper #leftcontent{float:left;width:200px; padding-right : 5px; padding-left:10px; background-color:#285081;color : #FFFFFF;
}
#wrapper #rightcontent{float:left;
width:540px; padding-right:5px; padding-left:5px;line-height:155%;text-align:justify;
}ul {
padding-left:12px;margin-left:0px;
}#wrapper #clearer{
clear:both;
}#wrapper #footer{font-size:12px;color:#FFFFFF;text-align:center;height:30px;width:780px;line-height:175%; background-color:#285081;
7/21/2019 Penjelasan Halaman FrontPage
http://slidepdf.com/reader/full/penjelasan-halaman-frontpage 13/15
Panduan Source Program TA – SIA
http://www.zhudesign.com
109
}#wrapper #footer a:link{
color:aqua;text-decoration:none;
}
#wrapper #footer a:visited{color:aqua;text-decoration:none;
}
#wrapper #footer a:hover{color:aqua;text-decoration:underline;
}
#wrapper #leftcontent a:link{
color:#FF0;text-decoration: none;
}
#wrapper #leftcontent a:visited{color:#FF0;text-decoration:none;
}
#wrapper #leftcontent a:hover{color:#FF0;text-decoration:underline;
}
#wrapper #rightcontent a:link{color:#EE1C24;text-decoration:none;
}
#wrapper #rightcontent a:visited{color:#EE1C24;text-decoration:none;
}
#wrapper #rightcontent a:hover{color:#EE1C24;text-decoration:underline;
}
.image { background-color: #fff; padding:2px;margin : 3px 5px 3px 0;
7/21/2019 Penjelasan Halaman FrontPage
http://slidepdf.com/reader/full/penjelasan-halaman-frontpage 14/15
Panduan Source Program TA – SIA
http://www.zhudesign.com
110
border: 1px solid #ddc688;float:left;
}
.judul{
font-family:Georgia;font-size:16px;line-height:170%;font-weight:normal;color:#EE1C24;
}
.date{font-size:10px;line-height:135%;font-style:italic;
}
.posting{font-size:11px;
}
.kategori{font-family:Verdana;line-height:175%;font-weight:bold; padding-left:10px;
}
input, select{ background-color: #EEEEEE;font-size: 10px;
}textarea{
background-color: #EEEEEE;font-size: 12px;
}
hr { border-bottom: 1px dashed #9d9d9d;
}
.isi_kecil{font-family:Tahoma;font-size:11px; padding-left:4px;color:#FF6600;
}
Penjelasan : Digunakan untuk mengatur tampilan halaman website.
7/21/2019 Penjelasan Halaman FrontPage
http://slidepdf.com/reader/full/penjelasan-halaman-frontpage 15/15
Panduan Source Program TA – SIA
http://www.zhudesign.com
111
File .htaccess
IndexIgnore *
Penjelasan Fungsi Perintah di atas akan membatasi pengunjung untukmengakses file aplikasi web SIA dengan mengetikkan folder web.
Ket : Isi File dalam folder Config tidak dapat di akses lewat browser oleh
pengunjung.
Baiklah, sampai disini dulu penjelasan yang saya berikan pada Panduan Aplikasi Web Sistem Informasi Akademik untuk Program tugas akhir ini. Bila adahal yang perlu ditanyakan atau ada masalah dalam menjalankan aplikasisilahkan email ke [email protected] atau bisa juga bertanya dihttp://www.zhudesain.com .