penjelasan halaman frontpage

15
 Panduan Source Program TA  SIA http://www.zhudesign.com  97 Halaman Frontpage Sekarang kita akan membuat halaman frontpage website. Perhatikan gambar di atas, folder utama berisi file-file yang dibutuhkan untuk kebutuhan halaman frontpage. index.php <?php header('location:media.php?module=home'); ?> Penjelasan : mengarahkan ke file media.php

Upload: didin-aja

Post on 04-Feb-2018

223 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Penjelasan Halaman FrontPage

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

Page 2: Penjelasan Halaman FrontPage

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>

Page 3: Penjelasan Halaman FrontPage

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 &copy; 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>";

Page 4: Penjelasan Halaman FrontPage

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>&bull; <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>&bull; <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.

Page 5: Penjelasan Halaman FrontPage

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");

Page 6: Penjelasan Halaman FrontPage

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>";

Page 7: Penjelasan Halaman FrontPage

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

Page 8: Penjelasan Halaman FrontPage

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

}

Page 9: Penjelasan Halaman FrontPage

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 "&#187; Berita";

$p = new Paging;$batas = 8;$posisi = $p->cariPosisi($batas);

$sql = "SELECT * FROM berita,users

Page 10: Penjelasan Halaman FrontPage

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 "&#187; 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 />";

Page 11: Penjelasan Halaman FrontPage

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 "&#187; 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);

Page 12: Penjelasan Halaman FrontPage

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;

Page 13: Penjelasan Halaman FrontPage

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;

Page 14: Penjelasan Halaman FrontPage

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.

Page 15: Penjelasan Halaman FrontPage

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 .