step by step to dinamic web

54
7/21/2019 Step by Step to Dinamic Web http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 1/54 Contoh Kasus Membangun Web Site Menggunakan PHP dan MySQL Oleh : Oya Suryana http://ozs.web.id Bahan Praktikum Fakultas Ilmu Komputer Universitas Kuningan 2013 Lisensi Dokumen : Copyright © 2013 ozs.web.id Dokumen ini dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari penulis.

Upload: s3t4nk

Post on 05-Mar-2016

235 views

Category:

Documents


0 download

DESCRIPTION

Step by Step to Dinamic Web

TRANSCRIPT

Page 1: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 1/54

Contoh Kasus

Membangun Web Site

Menggunakan PHP dan MySQL

Oleh :

Oya Suryana

http://ozs.web.id 

Bahan Praktikum

Fakultas Ilmu Komputer Universitas Kuningan

2013

Lisensi Dokumen :

Copyright © 2013 ozs.web.id

Dokumen ini dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan

komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan

copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang,

kecuali mendapatkan ijin terlebih dahulu dari penulis.

Page 2: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 2/54

CONTOH KASUS

Membuat Web Dinamis

CLIENT : SMKN 2 Kuningan

1. buat root direktori websmk

2. buat direktori utama :

- admin

Didalam direktori admin buat direktori :

- modul

didalam direktori modul buat direkteori :

- menu

- artikel

- tamu

- galeri

- download

- katalogweb

- user- dll

- gambar

didalam direktori modul buat direkteori :

- artikel

- gambar

- download

- modul

didalam direktori modul buat direkteori :

- menu

- artikel

- tamu

- galeri

- download

- katalogweb

3. buat database websmk di phpmyadmin

Page 3: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 3/54

 

4. buat tabel :

-- Struktur dari tabel `tblartikel`

--

CREATE TABLE IF NOT EXISTS `tblartikel` (

`kode_artikel` int(11) NOT NULL AUTO_INCREMENT,

`judul_artikel` varchar(255) NOT NULL,

`isi_artikel` text NOT NULL,

`tgl_artikel` date NOT NULL,

penulis varchar(100) NOT NULL,

PRIMARY KEY (kode_artikel)

) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT ;

-- --------------------------------------------------------

--

-- Struktur dari tabel tbldownload--

CREATE TABLE IF NOT EXISTS tbldownload (

kode_file int(11) NOT NULL AUTO_INCREMENT,

nama_file varchar(255) NOT NULL,

ukuran_file int(11) NOT NULL,

tipe_file varchar(100) NOT NULL,

keterangan_file text NOT NULL,

PRIMARY KEY (kode_file)

) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT ;

-- --------------------------------------------------------

--

-- Struktur dari tabel tblgaleri

--

CREATE TABLE IF NOT EXISTS tblgaleri (

kode_galeri int(11) NOT NULL AUTO_INCREMENT,

 judul_galeri varchar(255) DEFAULT NULL,

file_photo varchar(255) DEFAULT NULL,

keterangan varchar(255) NOT NULL,

PRIMARY KEY (kode_galeri)) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT;

-- --------------------------------------------------------

--

-- Struktur dari tabel tblgambarartikel

--

CREATE TABLE IF NOT EXISTS tblgambarartikel (

kode_gambar int(11) NOT NULL AUTO_INCREMENT,

file_gambar varchar(255) DEFAULT NULL,

keterangan varchar(255) NOT NULL,PRIMARY KEY (kode_gambar)

Page 4: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 4/54

) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT ;

-- --------------------------------------------------------

--

-- Struktur dari tabel tbllink

--

CREATE TABLE IF NOT EXISTS tbllink (

kode_link int(11) NOT NULL AUTO_INCREMENT,

nama_link varchar(255) DEFAULT NULL,

alamat_link text,

PRIMARY KEY (kode_link)

) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT ;

-- --------------------------------------------------------

---- Struktur dari tabel tblmenu

--

CREATE TABLE IF NOT EXISTS tblmenu (

kode_menu int(11) NOT NULL AUTO_INCREMENT,

 judul_menu varchar(255) NOT NULL,

isi_menu text NOT NULL,

PRIMARY KEY (kode_menu)

) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT;

-- --------------------------------------------------------

--

-- Struktur dari tabel tbltamu

--

CREATE TABLE IF NOT EXISTS tbltamu (

kode_tamu int(11) NOT NULL AUTO_INCREMENT,

nama varchar(100) NOT NULL,

pesan varchar(255) NOT NULL,

PRIMARY KEY (kode_tamu)

) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT ;

-- --------------------------------------------------------

--

-- Struktur dari tabel tbluser

--

CREATE TABLE IF NOT EXISTS tbluser (

username varchar(255) NOT NULL,

password varchar(255) DEFAULT NULL,

namauser varchar(255) DEFAULT NULL,

PRIMARY KEY (username)

) ENGINE=MyISAM DEFAULT CHARSET=latin1;

Page 5: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 5/54

 

5. isi tbluser dengan user standar admin dengan password 123 metode enkripsi md5

Insert into tbluser values (‘admin’,md5(‘123’); 

6. buat file style.css simpan di root direktori

/* CSS Document */

BODY {

FONT-SIZE: 11px; FONT-FAMILY: verdana, arial;

}

TD {

FONT-SIZE: 11px; FONT-FAMILY: verdana, arial;

}

.table_utama {border-color : black;

border-style : solid;

border-width : 1px;

}

.td_head{

border-color : balck;

border-style : solid;

border-width : 0px 0px 1px 0px;

background-color : #A1BBE4;

height : 20 px;

}

.td_foot{

border-color : balck;

border-style : solid;

border-width : 0px 0px 0px 0px;

background-color : #A1BBE4;

height : 85 px;

text-align : center;

}

.td_menu{border-color : black;

border-style : solid;

border-width : 1px 1px 1px 0px;

background-color : #BFD0EA;

width : 200px;

}

.td_headmenu{

border-color : black;

border-style : outset;

border-width : 0px 0px 1px 0px;

background-color : #A1BBE4;FONT-SIZE: 11px; FONT-FAMILY: verdana, arial;

Page 6: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 6/54

height : 20px;

}

td.isi{

border-color : black;

border-style : solid;

border-width : 1px 0px 1px 0px;

background-color : #EEEDDD;

width : 700px;

}

7. buat file koneksi.php simpan di root direktori

<?php

$mysql_user="root";

$mysql_password="";

$mysql_database="websmk";

$mysql_host="localhost";$koneksi_db = mysql_connect($mysql_host, $mysql_user, $mysql_password);

mysql_select_db($mysql_database, $koneksi_db);

?>

8. buat file index.php simpan di root direktori

<?php

include("koneksi.php");

echo "

<html>

<head>

<title>WebSite Resmi SMK N 2 Kuningan</title>

<LINK REL=\"stylesheet\" TYPE=\"text/css\" HREF=\"style.css\">

</head>

<table border=0 width=860 align=center class=table_utama cellpading=0 cellspacing=0>

<tr height=100><td colspan=2 class=td_head><img src=gambar/header.png></td></tr>

<tr><td colspan=2 bgcolor=#A1BBE4><marquee>Selamat datang di web site resmi SMK Negeri 2

Kuningan</marquee></td></tr>

<tr height=400 valign=top><td class=td_menu>";

include("./modul/menu/tampil_menu.php");

echo "</td><td class=isi>";

if(!empty($_GET[modul])) {

include("./modul/$_GET[modul]/$_GET[file].php");

} else {

echo "Selamat Datang";

}

echo "</td></tr>

<tr ><td colspan=2 class=td_foot height=50>SMK Negeri 2 Kuningan<br>Jalan Sukamulya No. 77

Kuningan<br>&copy; RPL SMK N 2 Kuningan 2010</td></tr>

</table>

";?>

Page 7: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 7/54

 

9. simpan file-file gambar pendukung (jika ada) di folder gambar

10. Pembuatan modul menu :

a. buat file tampil_menu.php simpan di websmk/modul/menu

<?php

//query

$sql_menu=mysql_query("select * from tblmenu");

//menampilkan ke layar

echo "<table class=table_utama width=93% align=center>

<tr><td class=td_head align=center><b>Menu Utama</b></td></tr>

<tr><td><a href=index.php>Home</a></td></tr>

";

while ($baris_menu=mysql_fetch_array($sql_menu)) {

echo "<tr><td><a

href=index.php?modul=menu&file=isi_menu&kode=$baris_menu[kode_menu]>$baris_menu[judul_menu]</a></td></tr>";

Page 8: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 8/54

 

}

echo "</table>

<br>

<table class=table_utama width=93% align=center>

<tr><td class=td_head align=center><b>Interaktif</b></td></tr>

<tr><td><a href=index.php?modul=tamu&file=tampil>Buku Tamu</a></td></tr>

<tr><td><a href=index.php?modul=katalogweb&file=tampil>Katalog Web</a></td></tr>

<tr><td><a href=index.php?modul=artikel&file=tampil>Berita & Informasi</a></td></tr>

<tr><td><a href=index.php?modul=galeri&file=tampil&x=0>Galeri Photo</a></td></tr>

<tr><td><a href=index.php?modul=download&file=tampil>Download</a></td></tr>

</table>

<br>

<table class=table_utama width=93% align=center><tr><td class=td_head align=center><b>Support By</b></td></tr>

<tr align=center><td><img src=./gambar/xampp-logo.jpg></td></tr>

<tr align=center><td><img src=./gambar/logo-pma.png></td></tr>

<tr align=center><td><img src=./gambar/logo-php.gif></td></tr>

</table>

";

?>

b. buat file isi_menu.php simpan di websmk/modul/menu

<?php

//query

$konten_menu=mysql_fetch_array(mysql_query("select * from tblmenu where

kode_menu='$_GET[kode]'"));

//menampilkan ke layar

echo "

<h3>$konten_menu[judul_menu]</h3>

$konten_menu[isi_menu]</a><br>";

?>

Page 9: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 9/54

 

11. Pembuatan modul buku tamu :

a. buat file tampil.php simpan di websmk/modul/tamu

<?php

//query

$sql_menu=mysql_query("select * from tbltamu order by kode_tamu desc");

//menampilkan ke layar

echo "

<h3>Buku Tamu</h3>

<p>Berikut ini adalah daftar pengunjung yang telah mengisi buku tamu, jika anda akan mengisi buku

tamu di web site kami, silahkan klik

<b><a href=index.php?modul=tamu&file=isi_pesan>disini</a></b>.</p>

<table class=table_utama width=98% align=center>

<tr valign=center>

<td class=td_head align=center width=5><b>No.</b></td>

<td class=td_head align=center width=150><b>Pengirim</b></td>

<td class=td_head align=center><b>Pesan</b></td></tr>";

while ($baris_menu=mysql_fetch_array($sql_menu)) {

$no++;

if ($n==0) {$warna="";$n++;} else {$warna="#dedee";$n--;}

Page 10: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 10/54

echo "<tr valign=top bgcolor=$warna>

<td>$no.</td>

<td>$baris_menu[nama]</td>

<td>$baris_menu[pesan]</td>

</tr>";

}

echo "</table>";

?>

b. buat file isi_pesan.php simpan di websmk/modul/tamu

// <?php

//query

$sql_menu=mysql_query("select * from tbltamu");

//menampilkan ke layar

echo "

<h3>Buku Tamu</h3>

<p>Silahkan isi pesan pada kolom yang disediakan.</p>

<form name=f1 method=post action=index.php?modul=tamu&file=isi_pesan>

<table class=table_utama width=100% align=center>

<tr valign=top><td width=200>Nama Lengkap</td><td ><input type=text name=namasize=40></td></tr>

Page 11: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 11/54

<tr valign=top><td width=200>Pesan</td><td ><textarea name=pesan rows=5

cols=45></textarea></td></tr>

<tr valign=top><td colspan=2><input type=submit name=simpan value=Simpan></td></tr>

</table>

</form>

";

if ($_POST[simpan]) {

$simpan_tamu=mysql_query("insert into tbltamu (nama,pesan) values

('$_POST[nama]','$_POST[pesan]')");

echo ("<META HTTP-EQUIV=Refresh CONTENT=\"1; URL=index.php?modul=tamu&file=tampil\">");

}

?>

12. Pembuatan modul katalog web :

- buat file tampil.php simpan di websmk/modul/katalogweb

<?php

//query

$sql_link=mysql_query("select * from tbllink");

//menampilkan ke layarecho "

Page 12: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 12/54

<h3>Katalog Web</h3>

<p>Berikut ini adalah daftar koleksi alamat link yang dimiliki oleh situs smk n 2 kuningan, jika anda

memiliki link yang direkomendasikan silahkan kirim ke <b>[email protected]</b>, dan jika pada

katalog link dibawah ini ditemukan web link yang error harap menghubungi admin. </p>

<table class=table_utama width=98% align=center>

<tr valign=center>

<td class=td_head align=center width=5><b>No.</b></td>

<td class=td_head align=center width=300><b>Nama Situs</b></td>

<td class=td_head align=center><b>Alamat Web</b></td>

</tr>";

while ($baris_link=mysql_fetch_array($sql_link)) {

$no++;

if ($n==0) {$warna="";$n++;} else {$warna="#dedee";$n--;}

echo "<tr valign=top bgcolor=$warna>

<td>$no.</td>

<td>$baris_link[nama_link]</td>

<td><a href=$baris_link[alamat_link] target=blank>$baris_link[alamat_link]</a></td></tr>";

}

echo "</table>";

?>

13. Pembuatan modul artikel

Page 13: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 13/54

  a. buat file tampil.php simpan di websmk/modul/artikel

<?php

//query

$sql_artikel=mysql_query("select * from tblartikel order by tgl_artikel desc");

//menampilkan ke layar

echo "

<h3>Artikel dan Informasi</h3>

<p>Berikut ini adalah daftar artikel dan informasi jika anda memiliki artikel yang akan diterbitkan di web

smk n 2 silahkan kirim ke <b>[email protected]</b>, klik pada judul yang bersangkutan untuk

membaca artikel. </p>

<table class=table_utama width=98% align=center>

<tr valign=center>

<td class=td_head align=center width=5%><b>No.</b></td>

<td class=td_head align=center width=15%><b>Tanggal</b></td>

<td class=td_head align=center width=60%><b>Judul</b></td><td class=td_head align=center><b>Penulis</b></td>

</tr>";

while ($baris_artikel=mysql_fetch_array($sql_artikel)) {

$no++;

if ($n==0) {$warna="";$n++;} else {$warna="#dedee";$n--;}

echo "<tr valign=top bgcolor=$warna><td>$no.</td>

<td>$baris_artikel[tgl_artikel]</td>

<td><a

href=index.php?modul=artikel&file=isi_artikel&kode=$baris_artikel[kode_artikel]>$baris_artikel[judul_ar

tikel]</a></td>

<td>$baris_artikel[penulis]</td></tr>";

}

echo "</table>";

?>

Page 14: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 14/54

 

- buat file isi_artikel.php simpan di websmk/modul/artikel

<?php

//query

$konten_artikel=mysql_fetch_array(mysql_query("select * from tblartikel where

kode_artikel='$_GET[kode]'"));

//menampilkan ke layar

echo "<h3>$konten_artikel[judul_artikel]</h3>

Oleh : $konten_artikel[penulis] - Tanggal : $konten_artikel[tgl_artikel] <br>

<hr>

<br>

$konten_artikel[isi_artikel]";

?>

Page 15: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 15/54

 

14. Pembuatan modul galeri photo :

- buat file tampil.php simpan di websmk/modul/galeri

<?php

//query

$x=$_GET[x];

//menghitung banyaknya data

$jml_baris=mysql_num_rows(mysql_query("select * from tblgaleri"));

//mengambil data satu record satu record

$sql_galeri=mysql_fetch_array(mysql_query("select * from tblgaleri limit $x,1")) ;

// menaikan nilai varaiabel beriutnya

$berikutnya=$x+1;

// menampilkan link sebelumnya

if ($x>0) {

$sebelumnya=$x-1;

$link_sebelumnya="<a href=index.php?modul=galeri&file=tampil&x=$sebelumnya> Sebelumnya<a>"; }

// menampilkan link berikutnya

Page 16: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 16/54

if ($x>=0 && ($jml_baris-$x>1)) {

$link_berikutnya="<a href=index.php?modul=galeri&file=tampil&x=$berikutnya> Berikutnya</a>";

}

//menampilkan ke layar

$no_gambar=$x+1;

echo "

<h3>Galeri Photo </h3>

<p>Berikut ini adalah galeri photo Kegiatan SMK Negeri 2 Kuningan. </p> ";

if($jml_baris<>0){

echo "<table class=table_utama width=98% align=center>

<tr valign=center>

<td class=td_head align=center ><b>$sql_galeri[judul_galeri]</b></td>

</tr>

<tr valign=middle align=center height=200>

<td><img src=\"./gambar/$sql_galeri[file_photo]\"></td>

</tr>

<tr valign=top align=center >

<td>$sql_galeri[keterangan]</td>

</tr>

<tr valign=top align=center >

<td>$link_sebelumnya ( <b>$no_gambar / $jml_baris</b> )$link_berikutnya</td>

</tr>

</table>

";

}

?>

Page 17: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 17/54

 

14. Pembuatan modul download :

- buat file tampil.php simpan di websmk/modul/download

<?php

//query

$sql_file=mysql_query("select * from tbldownload");

//menampilkan ke layar

echo "

<h3>Download Area</h3>

<p>Berikut ini adalah daftar koleksi file yang dimiliki oleh web site smk n 2 kuningan, silahkan kliklink download untuk mendownloadnya. </p>

<table class=table_utama width=98% align=center>

<tr valign=center>

<td class=td_head align=center width=5><b>No.</b></td>

<td class=td_head align=center ><b>Nama File</b></td>

<td class=td_head align=center><b>Tipe</b></td>

<td class=td_head align=center><b>Ukuran</b></td>

<td class=td_head align=center colspan=2><b>Keterangan</b></td>

</tr>

";

Page 18: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 18/54

while ($baris_file=mysql_fetch_array($sql_file)) {

$no++;

if ($n==0) {$warna="";$n++;} else {$warna="#dedee";$n--;}

echo "<tr valign=top bgcolor=$warna>

<td>$no.</td><td>$baris_file[nama_file]</td>

<td>$baris_file[tipe_file]</td>

<td>$baris_file[ukuran_file]</td>

<td width=35%>$baris_file[keterangan_file]</td>

<td >[ <a href=./download/$baris_file[nama_file]>download</a> ]</td>

</tr>";

}

echo "</table>

";

?>

Page 19: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 19/54

Membuat Halaman administrator

Halaman Administrator digunakan untuk mengelola tampilan muka website SMK, seperti

menambah , mengedit atau menghapus modul-modul yang tampil di halaman muka. Modul yang

harus ada pada halaman admin adalah sama dengan modul yang ada pada halaman utama ditambahdengan satu modul khusus untuk admin yaitu modul user untuk mengelola siapa saja yang diberi

akses ke halaman administrator.

Adapun file-file php yang dibutuhkan adalah sebagai bierkut :

1.  Buat file index.php simpan di /websmk/admin

<?phpsession_start();include("../koneksi.php");

if($_POST[submit]){

$password=md5($_POST[pass]);$datauser=mysql_fetch_array(mysql_query("select * from tbluserwhere username='$_POST[user]' and password='$password'")) ;

if(!empty($datauser[username])){

$_SESSION[user] = $datauser[username];$_SESSION[namauser] = $datauser[namauser];

header("Location: index.php");} else { echo "<script language=\"JavaScript\">alert(\"Login

Gagal\");</script>"; }}?>

<script language="JavaScript">

var errfound = false;

function error(elem, text) {if (errfound) return;window.alert(text);elem.select();elem.focus();errfound = true;}

function loginCheck(f) {

errfound = false;

if (f.user.value == "")error(f.user,"Please enter your username!");

if (f.pass.value == "")error(f.pass,"Please enter your password!");

return ! errfound;}

</script>

<?php

Page 20: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 20/54

echo "<html><head><title>WebSite Resmi SMK N 2 Kuningan</title><LINK REL=\"stylesheet\" TYPE=\"text/css\" HREF=\"../style.css\"></head>

<table border=0 width=860 align=center class=table_utama cellpading=0cellspacing=0><tr height=100><td colspan=2 class=td_head><imgsrc=../gambar/header_admin.png></td></tr><tr><td colspan=2 bgcolor=#A1BBE4><marquee>Selamat datang<b>$_SESSION[namauser]</b> di Admin Area Web Site Resmi SMK Negeri 2Kuningan</marquee></td></tr><tr height=400 valign=top><td class=td_menu>&nbsp;";

if (!empty($_SESSION[user])) {include("./modul/menu/tampil_menu.php");} else {// buat form login

echo " <form method=post name=f onSubmit=\"returnloginCheck(this);\"><table class=table_utama width=93% align=center><tr><td class=td_head align=center><b>Login</b></td></tr><tr><td align=center>Username</td></tr><tr><td align=center><input type=text name=user></td></tr><tr><td align=center>Password</td></tr><tr><td align=center><input type=password name=pass></td></tr><tr><td align=center><input type=submit name=submitvalue=Login></td></tr></table></form>";}

echo "</td><td class=isi>";if(!empty($_GET[modul])) {include("./modul/$_GET[modul]/$_GET[file].php");} else {

//kondisi pada saat pertama kali dibuka atau mengklik link HOMEecho "<br><br><p align=center><strong><font size=\"5\">Selamat datang$_SESSION[namauser]......!</font></strong></p><p align=center><strong><font size=\"6\">Di Admin Area<br>Web SiteSMK N 2 Kuningan</font></strong> </p><br><p align=center>Silahkan gunakan menu disamping untuk mengelola website smk ne 2 kuningan.</p>";

}

echo "</td></tr><tr ><td colspan=2 class=td_foot height=50>SMK Negeri 2Kuningan<br>Jalan Sukamulya No. 77 Kuningan<br>&copy; RPL SMK N 2Kuningan 2010</td></tr></table>";?>

Page 21: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 21/54

 

Page 22: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 22/54

Modul Pengaturan Menu

Digunakan untuk mengelola menu di halaman utama

1.  Buat daftar.php simpan di /websmk/admin/ modul/menu

File ini berfungsi untuk menyimpan menu baru yang dibuat oleh admin untukditampikan dihalaman depan.

<?phpif (!empty($_SESSION[user])) {

//query$sql_menu=mysql_query("select * from tblmenu");

//menampilkan ke layar

echo "<h3>Daftar Menu Utama</h3><p>Berikut ini adalah daftar menu utama yang tampil di halamandepan web site smk n 2 kuningan, untuk mengedit menu klik padajudul menu yang bersangkutan, begitu pula jika akan menghapus menuklik link <u>[hapus]</u> pada baris menu yang bersangkutan. </p><table class=table_utama width=98% align=center><tr valign=center><td class=td_head align=center width=5%><b>No.</b></td><td class=td_head align=center width=85% colspan=2><b>JudulMenu</b></td></tr>";

while ($baris_menu=mysql_fetch_array($sql_menu)) {$no++;if ($n==0) {$warna="";$n++;} else {$warna="#dedee";$n--;}echo "<tr valign=top bgcolor=$warna><td>$no.</td><td><ahref=index.php?modul=menu&file=edit&kode=$baris_menu[kode_menu]>$baris_menu[judul_menu]</a></td><td width=10% align=center>[ <ahref=index.php?modul=menu&file=proses&aksi=hapus&kode=$baris_menu[kode_menu]>Hapus</a> ]</td></tr>";}echo "</table>

";} else {echo "Akses ditolak ! ";}?>

Page 23: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 23/54

 

2.  Buat tampil_menu.php simpan di /websmk/admin/ modul/menu

File ini berfungsi untuk menampilkan menu-menu dihalaman admin untuk mengelola

semua modul yang dimiliki oleh web site.

<?phpif (!empty($_SESSION[user])) {

echo "<br><table class=table_utama width=93% align=center><tr><td class=td_head align=center><b>Menu Utama</b></td></tr><tr><td><a href=index.php>Home</a></td></tr><tr><td><a href=index.php?modul=dll&file=password>GantiPassword</a></td></tr><tr><td><a href=index.php?modul=dll&file=profil>EditProfil</a></td></tr><tr><td><a href=logout.php>Logout</a></td></tr>

</table> ";

echo "<br><table class=table_utama width=93% align=center><tr><td class=td_head align=center><b>Pengaturan MenuUtama</b></td></tr><tr><td><a href=index.php?modul=menu&file=tambah>TambahMenu</a></td></tr><tr><td><a href=index.php?modul=menu&file=daftar>TampilkanMenu</a></td></tr></table> ";

echo "<br>

Page 24: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 24/54

<table class=table_utama width=93% align=center><tr><td class=td_head align=center><b>Pengaturan MenuGaleri</b></td></tr><tr><td><a href=index.php?modul=galeri&file=tambah>Tambah Galeri</a></td></tr><tr><td><a href=index.php?modul=galeri&file=tampil&x=0>Tampilkan

Galeri</a></td></tr></table> ";

echo "<br><table class=table_utama width=93% align=center><tr><td class=td_head align=center><b>PengaturanDownload</b></td></tr><tr><td><a href=index.php?modul=download&file=tambah>Tambah File</a></td></tr><tr><td><a href=index.php?modul=download&file=tampil&x=0>TampilkanFile</a></td></tr></table> ";

echo "<br><table class=table_utama width=93% align=center><tr><td class=td_head align=center><b>Pengaturan BukuTamu</b></td></tr><tr><td><a href=index.php?modul=tamu&file=isi_pesan>Isi BukuTamu</a></td></tr><tr><td><a href=index.php?modul=tamu&file=tampil>Tampilkan BukuTamu</a></td></tr></table> ";

echo "<br><table class=table_utama width=93% align=center><tr><td class=td_head align=center><b>PengaturanArtikel</b></td></tr><tr><td><a href=index.php?modul=artikel&file=upload>UploadGambar</a></td></tr><tr><td><a href=index.php?modul=artikel&file=gambar&x=0>DaftarGambar</a></td></tr><tr><td><a href=index.php?modul=artikel&file=tambah>TambahArtikel</a></td></tr><tr><td><a href=index.php?modul=artikel&file=tampil>TampilkanArtikel</a></td></tr><tr><td><ahref=index.php?modul=artikel&file=petunjuk>Petunjuk</a></td></tr></table> ";

echo "<br><table class=table_utama width=93% align=center><tr><td class=td_head align=center><b>Pengaturan WebLink</b></td></tr><tr><td><a href=index.php?modul=katalogweb&file=tambah>TambahLink</a></td></tr><tr><td><a href=index.php?modul=katalogweb&file=tampil>Tampilkanlink</a></td></tr></table>

";

Page 25: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 25/54

echo "<br><table class=table_utama width=93% align=center><tr><td class=td_head align=center><b>PengaturanUser</b></td></tr><tr><td><a href=index.php?modul=user&file=tambah>Tambah

user</a></td></tr><tr><td><a href=index.php?modul=user&file=tampil>Tampilkanuser</a></td></tr></table><br>";} else {echo "Akses ditolak ! ";}?> 

3.  Buat edit.php simpan di /websmk/admin/ modul/menu

File ini berfungsi untuk membuka menu yang telah ada dan melakukan editing menu

untuk perubahan menu-menu yang talah ada di halaman utama.

<?phpif (!empty($_SESSION[user])) {$data_menu=mysql_fetch_array(mysql_query("select * from tblmenuwhere kode_menu='$_GET[kode]'"));

echo "<h3>Perubahan Menu</h3><p>Untuk merubah menu utama pada web site SMK N 2 Kuningan,Silahkan isi pada kolom yang disediakan.</p><form name=f1 method=post

action=index.php?modul=menu&file=proses&aksi=update><table width=100% align=center>

Page 26: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 26/54

<tr valign=top><td width=150>Judul Menu</td><td ><input type=textname=judul size=74 value=\"$data_menu[judul_menu]\"><input type=hidden name=kode size=3value=\"$data_menu[kode_menu]\"></td></tr><tr valign=top><td width=150>Isi Menu</td><td ><textarea name=isirows=20 cols=55>$data_menu[isi_menu]</textarea></td></tr>

<tr valign=top><td colspan=2><input type=submit name=simpanvalue=Simpan></td></tr></table></form>";} else {echo "Akses ditolak ! ";}?>

4.  Buat tambah.php simpan di /websmk/admin/ modul/menu

File ini berfungsi untuk menampilkan form isian untuk menambah menu baru di halaman

utama web smk.

<?phpif (!empty($_SESSION[user])) {

echo "<h3>Penambahan Menu</h3><p>Untuk menambah menu utama pada web site SMK N 2 Kuningan,Silahkan isi pada kolom yang disediakan.</p><form name=f1 method=postaction=index.php?modul=menu&file=proses&aksi=simpan><table width=100% align=center><tr valign=top><td width=150>Judul Menu</td><td ><input type=textname=judul size=60></td></tr><tr valign=top><td width=150>Isi Menu</td><td ><textarea name=isirows=20 cols=55></textarea></td></tr><tr valign=top><td colspan=2><input type=submit name=simpanvalue=Simpan></td></tr></table></form>";} else {echo "Akses ditolak ! ";}?>

Page 27: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 27/54

 

5.  Buat proses.php simpan di /websmk/admin/ modul/menu

File ini berfungsi untuk melakukan proses penyimpanan, penghapusan dan peng-update-

an menu di halaman depan.

<?phpif (!empty($_SESSION[user])) {

// bagian propses untuk menyimpan menu baruif($_GET[aksi]=='simpan') {$sql_simpan=mysql_query("insert into tblmenu (judul_menu,isi_menu)values ('$_POST[judul]','$_POST[isi]')");echo ("<META HTTP-EQUIV=Refresh CONTENT=\"0.1;URL=index.php?modul=menu&file=daftar\">");}

// bagian propses untuk menghapus menu

if($_GET[aksi]=='hapus') {$sql_hapus=mysql_query("delete from tblmenu wherekode_menu='$_GET[kode]'");echo ("<META HTTP-EQUIV=Refresh CONTENT=\"0.1;URL=index.php?modul=menu&file=daftar\">");}

//bagian proses untuk mengedit menuif($_GET[aksi]=='update') {$sql_simpan=mysql_query("update tblmenu setjudul_menu='$_POST[judul]', isi_menu='$_POST[isi]' wherekode_menu='$_POST[kode]'");echo ("<META HTTP-EQUIV=Refresh CONTENT=\"0.1;URL=index.php?modul=menu&file=daftar\">");}

Page 28: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 28/54

} else {echo "Akses ditolak ! ";}?>

Page 29: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 29/54

Modul Pengaturan Galeri

Digunakan untuk mengelola galeri di halaman utama, pada menu ini administrator bisa

meng-upload photo untuk koleksi galeri dihalaman utama. Proses upload sepenuhnya

dilakukan oleh script php melalui aplikasi http/web buatan sendiri (port 80) tidakmenggunakan aplikasi ftp (port 21).

1.  Buat tampil.php simpan di /websmk/admin/ modul/galeri

File ini berfungsi untuk menampilkan semua file galeri yang telah diupload di folder

/websmk/gambar/galeri dengan menggunakan syntax mysql clausa LIMIT x,y.

<?php//queryif (!empty($_SESSION[user])) {

$x=$_GET[x];

//menghitung banyaknya data$jml_baris=mysql_num_rows(mysql_query("select * from tblgaleriorder by kode_galeri"));

//mengambil data satu record satu record$sql_galeri=mysql_fetch_array(mysql_query("select * fromtblgaleri limit $x,1")) ;

// menaikan nilai varaiabel beriutnya$berikutnya=$x+1;

// menampilkan link sebelumnyaif ($x>0) {$sebelumnya=$x-1;$link_sebelumnya="<ahref=index.php?modul=galeri&file=tampil&x=$sebelumnya>Sebelumnya<a>"; }

// menampilkan link berikutnyaif ($x>=0 && ($jml_baris-$x>1)) {$link_berikutnya="<ahref=index.php?modul=galeri&file=tampil&x=$berikutnya>Berikutnya</a>";}

//menampilkan ke layar$no_gambar=$x+1;

echo "<h3>Galeri Photo </h3><p>Berikut ini adalah galeri photo Kegiatan SMK Negeri 2Kuningan. </p> ";

if ($jml_baris<>0) {

echo "<table class=table_utama width=98% align=center>

<tr valign=center>

Page 30: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 30/54

<td class=td_head align=center><b>$sql_galeri[judul_galeri]</b></td></tr>

<tr valign=top align=center ><td>

[ <ahref=index.php?modul=galeri&file=edit&kode=$sql_galeri[kode_galeri]>edit</a> ][ <ahref=index.php?modul=galeri&file=proses&aksi=hapus&kode=$sql_galeri[kode_galeri]>hapus</a> ]

</td></tr>

<tr valign=middle align=center height=200><td><img src=\"../gambar/galeri/$sql_galeri[file_photo]\"></td></tr>

<tr valign=top align=center ><td>$sql_galeri[keterangan]</td></tr>

<tr valign=top align=center ><td>$link_sebelumnya ( <b>$no_gambar / $jml_baris</b>

)$link_berikutnya</td></tr>

</table>";}

} else {echo "Akses ditolak ! ";}?>

Page 31: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 31/54

2.  Buat tambah.php simpan di /websmk/admin/ modul/galeri

File ini berfungsi untuk menampilkan form isian untuk mengupload gambar dan

menyimpan informasi lokasi gambar serta keterangan lainnya ke mysql di tabel

tblgaleri.

<?phpif (!empty($_SESSION[user])) {

echo "<h3>Penambahan Photo</h3><p>Untuk menambah photo pada modul galeri web site SMK N 2Kuningan, Silahkan isi pada kolom yang disediakan.</p><form name=f1 method=postaction=index.php?modul=galeri&file=proses&aksi=simpanenctype=\"multipart/form-data\"><table width=100% align=center>

<tr valign=top><td width=150>Judul Photo</td><td ><inputtype=text name=judul size=50></td></tr><tr valign=top><td width=150>File Photo</td><td ><inputtype=file name=gambar size=40></td></tr><tr valign=top><td width=150>Ketarangan Gambar</td><td><textarea name=keterangan rows=10 cols=55></textarea></td></tr><tr valign=top><td colspan=2><input type=submit name=simpanvalue=Simpan></td></tr></table></form>";

} else {

echo "Akses ditolak ! ";}?>

Page 32: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 32/54

3.  Buat edit.php simpan di /websmk/admin/ modul/galeri

File ini berfungsi untuk menampilkan form editing informasi gambar meliputi judul

gambar dan keterangan gambar, sedangkan gambar tidak bisa di edit atau diubah.

<?phpif (!empty($_SESSION[user])) {

$data_galeri=mysql_fetch_array(mysql_query("select * fromtblgaleri where kode_galeri='$_GET[kode]'")) ;

echo "<h3>Perubahan informasi Photo</h3><p>Untuk merubah informasi photo pada modul galeri web site SMK N2 Kuningan, Silahkan isi pada kolom yang disediakan.</p><form name=f1 method=postaction=index.php?modul=galeri&file=proses&aksi=update ><table width=100% align=center>

<tr valign=top><td width=150>File Photo</td><td ><imgsrc=\"../gambar/galeri/$data_galeri[file_photo]\"border=2></td></tr><tr valign=top><td width=150>Judul Photo</td><td ><inputtype=text name=judul size=50value=\"$data_galeri[judul_galeri]\"><input type=hidden name=kode size=3value=\"$data_galeri[kode_galeri]\"></td></tr><tr valign=top><td width=150>Ketarangan Gambar</td><td><textarea name=keterangan rows=10cols=50>$data_galeri[keterangan]</textarea></td></tr><tr valign=top><td colspan=2><input type=submit name=simpanvalue=Simpan></td></tr>

</table></form>";

} else {echo "Akses ditolak ! ";}?> 

Page 33: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 33/54

 

4.  Buat proses.php simpan di /websmk/admin/ modul/galeri

File ini berfungsi untuk mem-proses penyimpanan gambar ke server serta informasi

gambar ke mysql, juga berfungsi untuk menghapus galeri dan mengupdate galeri yang

telah ada.

<?phpif (!empty($_SESSION[user])) {

// bagian propses untuk menyimpan galeri baruif($_GET[aksi]=='simpan') {

//mengecek tipe file$tipe=explode("/",$_FILES[gambar][type]);

// jik file adalah gambarif ($tipe[0]=='image') {//menghitung banyaknya photo dan disimpan dalam variabel

$no_photo_akhir

$no_photo_akhir=mysql_num_rows(mysql_query("select * fromtblgaleri"));

$gambar=$_FILES[gambar][name];//nyimpan ke web server;$sql_simpan=mysql_query("insert into tblgaleri

(judul_galeri,file_photo,keterangan) values('$_POST[judul]','$gambar','$_POST[keterangan]')");

//upload file ke servercopy($_FILES['gambar']['tmp_name'],"../gambar/galeri/$gambar");echo ("<META HTTP-EQUIV=Refresh CONTENT=\"0.1;

URL=index.php?modul=galeri&file=tampil&x=$no_photo_akhir\">");

} else {

// jika tipe file bukan gambar

Page 34: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 34/54

  echo "<h2>Error ..</h2><p>tipe file bukan gambar, tetapi".$_FILES[gambar][type]."</p>"; }}

// bagian propses untuk menghapus galeriif($_GET[aksi]=='hapus') {//ambil data gambar yang dihapus$sql_gambar=mysql_query("select * from tblgaleri wherekode_galeri='$_GET[kode]'");$data_poto_dihapus=mysql_fetch_array($sql_gambar);

//hapus database nya$sql_hapus=mysql_query("delete from tblgaleri wherekode_galeri='$_GET[kode]'");

// hapus file gambarnyaunlink("../gambar/galeri/$data_poto_dihapus[file_photo]");

// balikan ke daftar galeriecho ("<META HTTP-EQUIV=Refresh CONTENT=\"0.1;URL=index.php?modul=galeri&file=tampil&x=0\">");}

//bagian proses untuk mengedit galeriif($_GET[aksi]=='update') {$sql_simpan=mysql_query("update tblgaleri setjudul_galeri='$_POST[judul]', keterangan='$_POST[keterangan]'where kode_galeri='$_POST[kode]'");echo ("<META HTTP-EQUIV=Refresh CONTENT=\"0.1;URL=index.php?modul=galeri&file=tampil&x=0\">");}} else {echo "Akses ditolak ! ";}?> 

Page 35: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 35/54

Modul Pengaturan Upload

Digunakan untuk mengelola file-file yang akan disimpan di modul download oleh

pengunjung di halaman utama.

1.  Buat tampil.php simpan di /websmk/admin/ modul/download

Digunakan untuk menampilkan daftar file-file yang akan download oleh pengunjung di

halaman utama.

<?phpif (!empty($_SESSION[user])) {

//query$sql_file=mysql_query("select * from tbldownload");

//menampilkan ke layar

echo "<h3>Download Area</h3><p>Berikut ini adalah daftar koleksi file yang dimiliki oleh website smk n 2 kuningan, silahkan klik link download untukmendownloadnya. </p><table class=table_utama width=98% align=center><tr valign=center><td class=td_head align=center width=5><b>No.</b></td><td class=td_head align=center ><b>Nama File</b></td><td class=td_head align=center><b>Tipe</b></td>

<td class=td_head align=center><b>Ukuran<br>(kb)</b></td><td class=td_head align=center colspan=2><b>Keterangan</b></td></tr>";

while ($baris_file=mysql_fetch_array($sql_file)) {$no++;if ($n==0) {$warna="";$n++;} else {$warna="#dedee";$n--;}$ukuran_kb=$baris_file[ukuran_file]/100;echo "<tr valign=top bgcolor=$warna><td>$no.</td><td><ahref=index.php?modul=download&file=edit&kode=$baris_file[kode_file]>$baris_file[nama_file]</a></td>

<td>$baris_file[tipe_file]</td><td align=right>$ukuran_kb Kb</td><td width=35%>$baris_file[keterangan_file]</td><td >[ <ahref=index.php?modul=download&file=proses&aksi=hapus&kode=$baris_file[kode_file]>Hapus</a> ]</td>

</tr>";}echo "</table>";} else {echo "Akses ditolak ! ";}?>

Page 36: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 36/54

 

2.  Buat tambah.php simpan di /websmk/admin/ modul/download

Digunakan untuk menampilkan form isian upload file yang akan disimpan ke server serta

untuk di downlooad oleh pengunjung.

<?phpif (!empty($_SESSION[user])) {

echo "<h3>Penambahan File</h3><p>Untuk menambah file pada modul download web site SMK N 2Kuningan, Silahkan isi pada kolom yang disediakan.</p><form name=f1 method=postaction=index.php?modul=download&file=proses&aksi=simpanenctype=\"multipart/form-data\"><table width=100% align=center><tr valign=top><td width=150>Upload File</td><td ><inputtype=file name=filenya size=40></td></tr>

<tr valign=top><td width=150>Keterangan File</td><td ><textareaname=keterangan rows=10 cols=50></textarea></td></tr><tr valign=top><td colspan=2><input type=submit name=simpanvalue=Simpan></td></tr></table></form>";} else {echo "Akses ditolak ! ";}?>

Page 37: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 37/54

 

3.  Buat edit.php simpan di /websmk/admin/modul/download

Digunakan untuk menampilkan form edit upload file yang telah ada tersimpan di server

serta untuk merubah informasi keterangan file yang diupload.

<?phpif (!empty($_SESSION[user])) {

$data_download=mysql_fetch_array(mysql_query("select * fromtbldownload where kode_file='$_GET[kode]'")) ;

echo "<h3>Perubahan informasi Photo</h3><p>Untuk merubah informasi photo pada modul galeri web site SMK N2 Kuningan, Silahkan isi pada kolom yang disediakan.</p><form name=f1 method=postaction=index.php?modul=download&file=proses&aksi=update><table width=100% align=center>

<tr valign=top><td width=150>Nama File</td><td ><input type=text name=nama_filevalue=\"$data_download[nama_file]\" size=25 readonly><input type=hidden name=kodevalue=\"$data_download[kode_file]\"size=4></td></tr><tr valign=top><td width=150>Type File</td><td ><input type=text name=tipevalue=\"$data_download[tipe_file]\" size=25 readonly></td></tr><tr valign=top><td width=150>Ukuran File</td><td ><input type=text name=ukuranvalue=\"$data_download[ukuran_file] byte\" size=25readonly></td></tr><tr valign=top>

Page 38: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 38/54

<td width=150>Ketarangan Gambar</td><td ><textareaname=keterangan rows=10cols=50>$data_download[keterangan_file]</textarea></td></tr><tr valign=top><td colspan=2><input type=submit name=simpanvalue=Simpan></td></tr>

</table></form>";} else {echo "Akses ditolak ! ";}?>

4.  Buat proses.php simpan di /websmk/admin/modul/downlod

Digunakan untuk mem-proses modul upload file baik menambah atau meng-edit

informasi file, serta menghapus file secara fisik di folder

/websmk/admin/modul/download dan informasinya di tbldownload.

<?phpif (!empty($_SESSION[user])) {

// bagian propses untuk menyimpan file baruif($_GET[aksi]=='simpan') {

//mengecek tipe file$tipe=explode("/",$_FILES[filenya][type]);$filenya=$_FILES[filenya][name];

$ukuran=$_FILES[filenya][size];

//nyimpan ke web server;

Page 39: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 39/54

  $sql_simpan=mysql_query("insert into tbldownload(nama_file,ukuran_file,tipe_file,keterangan_file) values('$filenya','$ukuran','$tipe[0]','$_POST[keterangan]')");

//upload file ke servercopy($_FILES['filenya']['tmp_name'],"../download/$filenya");echo ("<META HTTP-EQUIV=Refresh CONTENT=\"0.1;

URL=index.php?modul=download&file=tampil\">");

}

// bagian propses untuk menghapus fileif($_GET[aksi]=='hapus') {//ambil data filenya yang dihapus$sql_filenya=mysql_query("select * from tbldownload wherekode_file='$_GET[kode]'");$data_file_dihapus=mysql_fetch_array($sql_filenya);

//hapus database nya$sql_hapus=mysql_query("delete from tbldownload wherekode_file='$_GET[kode]'");

// hapus file filenyanyaunlink("../download/$data_file_dihapus[nama_file]");

// balikan ke daftar fileecho ("<META HTTP-EQUIV=Refresh CONTENT=\"0.1;URL=index.php?modul=download&file=tampil&x=0\">");}

//bagian proses untuk mengedit fileif($_GET[aksi]=='update') {$sql_simpan=mysql_query("update tbldownload setketerangan_file='$_POST[keterangan]' wherekode_file='$_POST[kode]'") or die (mysql_error());echo ("<META HTTP-EQUIV=Refresh CONTENT=\"0.1;URL=index.php?modul=download&file=tampil\">");}

} else {echo "Akses ditolak ! ";}?>

Page 40: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 40/54

Modul Pengaturan Buku Tamu

Modul buku tamu dihalaman admin digunakan untuk mengelola buku tamu, misal

menghapus komentar buku tamu yang tidak diinginkan atau yang kurang sopan, juga sebagai

admin untuk mengisi buku tamu tidak harus dari halaman public cukup dari halaman adminsaja dan secara otomatis didepan kotak isian nama pengunjung akan tertulis username

admin dan nama dari admin yang bersangkutan.

1.  Buat file tampil.php simpan di /websmk/admin/modul/tamu

<?phpif (!empty($_SESSION[user])) {

//query$sql_menu=mysql_query("select * from tbltamu order by kode_tamudesc");

//menampilkan ke layar

echo "<h3>Buku Tamu</h3><p>Berikut ini adalah daftar pengunjung yang telah mengisi bukutamu, silahkan kelola buku tamu yang telah masuk .</p><table class=table_utama width=98% align=center><tr valign=center><td class=td_head align=center width=5><b>No.</b></td><td class=td_head align=center width=150><b>Pengirim</b></td><td class=td_head align=center colspan=2><b>Pesan</b></td></tr>";

while ($baris_menu=mysql_fetch_array($sql_menu)) {$no++;if ($n==0) {$warna="";$n++;} else {$warna="#dedee";$n--;}

echo "<tr valign=top bgcolor=$warna><td>$no.</td><td>$baris_menu[nama]</td><td width=380>$baris_menu[pesan]</td><td align=center>[ <a

href=index.php?modul=tamu&file=proses&aksi=hapus&kode=$baris_menu[kode_tamu]>Hapus</a> ]</tr>";

}echo "</table>";} else {echo "Akses ditolak ! ";}?> 

Page 41: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 41/54

 

2.  Buat file isi_pesan.php simpan di /websmk/admin/modul/tamu

<?phpif (!empty($_SESSION[user])) {

//query

$sql_menu=mysql_query("select * from tbltamu");

//menampilkan ke layar

echo "<h3>Buku Tamu</h3><p>Silahkan isi pesan pada kolom yang disediakan.</p><form name=f1 method=postaction=index.php?modul=tamu&file=isi_pesan><table width=100% align=center><tr valign=top><td width=200>Nama Lengkap</td><td ><inputtype=text name=nama size=40 value=\"$_SESSION[user] :$_SESSION[namauser]\" readonly></td></tr>

<tr valign=top><td width=200>Pesan</td><td ><textarea name=pesanrows=5 cols=45></textarea></td></tr><tr valign=top><td colspan=2><input type=submit name=simpanvalue=Simpan></td></tr></table></form>";} else {echo "Akses ditolak ! ";}?>

Page 42: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 42/54

 

3.  Buat file proses.php simpan di /websmk/admin/modul/tamu

<?phpif (!empty($_SESSION[user])) {

// bagian propses untuk menyimpan menu baru

if($_GET[aksi]=='simpan') {$simpan_tamu=mysql_query("insert into tbltamu (nama,pesan) values('$_POST[nama]','$_POST[pesan]')");echo ("<META HTTP-EQUIV=Refresh CONTENT=\"1;URL=index.php?modul=tamu&file=tampil\">");}

// bagian propses untuk menghapus menuif($_GET[aksi]=='hapus') {$sql_hapus=mysql_query("delete from tbltamu wherekode_tamu='$_GET[kode]'");echo ("<META HTTP-EQUIV=Refresh CONTENT=\"0.1;URL=index.php?modul=tamu&file=tampil\">");

}

//bagian proses untuk mengedit menuif($_GET[aksi]=='update') {$sql_simpan=mysql_query("update tbltamu setjudul_menu=''$_POST[judul], isi_menu='$_POST[isi]' wherekode_menu[$_POST[kode]]");echo ("<META HTTP-EQUIV=Refresh CONTENT=\"0.1;URL=index.php?modul=tamu&file=tampil\">");}

} else {echo "Akses ditolak ! ";

}?>

Page 43: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 43/54

 

Page 44: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 44/54

Modul Pengaturan Katalog web

Modul katalog web dihalaman admin digunakan untuk mengelola koleksi alamat internet,

misal menghapus alamat internet yang sudah tidak aktif, atau mengedit data katalog web

yang ada, juga untuk menambah koleksi alamat yang baru.

1.  Buat file tampil.php simpan di /websmk/admin/modul/katalogweb

<?phpif (!empty($_SESSION[user])) {//query$sql_link=mysql_query("select * from tbllink");//menampilkan ke layarecho "<h3>Daftar Katalog Web</h3><p>Berikut ini adalah daftar alamat web yang ada di web site smk

n 2 kuningan, untuk mengedit alamat web yang telah ada klik adanama web site yang akan diedit, sedangkan untuk menghapus klikpada link <b>[ Hapus ]</b> dibaris web site yang akan dihapus.</p><table class=table_utama width=98% align=center><tr valign=center><td class=td_head align=center width=15><b>No.</b></td><td class=td_head align=center width=200><b>Nama Situs</b></td><td class=td_head align=center colspan=2><b>Alamat Web</b></td></tr>";while ($baris_link=mysql_fetch_array($sql_link)) {$no++;

if ($n==0) {$warna="";$n++;} else {$warna="#dedee";$n--;}echo "<tr valign=top bgcolor=$warna><td>$no.</td><td><ahref=index.php?modul=katalogweb&file=edit&kode=$baris_link[kode_link]>$baris_link[nama_link]</a></td><td><a href=$baris_link[alamat_link]target=blank>$baris_link[alamat_link]</a></td><td align=center>[ <ahref=index.php?modul=katalogweb&file=proses&aksi=hapus&kode=$baris_link[kode_link]>Hapus</a> ]</td></tr>";}

echo "</table>";} else {echo "Akses ditolak ! ";}?>

Page 45: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 45/54

 

2.  Buat file tambah.php simpan di /websmk/admin/modul/katalogweb

<?phpif (!empty($_SESSION[user])) {echo "<h3>Penambahan Katalog Web</h3><p>Untuk menambah katalog web pada web site SMK N 2 Kuningan,Silahkan isi pada kolom yang disediakan.</p>

<form name=f1 method=postaction=index.php?modul=katalogweb&file=proses&aksi=simpan><table width=100% align=center><tr valign=top><td width=150>Nama Web Site </td><td ><inputtype=text name=nama size=74 ></td></tr><tr valign=top><td width=150>Alamat Web Site</td><td ><textareaname=alamat rows=5 cols=55></textarea></td></tr><tr valign=top><td colspan=2><input type=submit name=simpanvalue=Simpan></td></tr></table></form>";} else {echo "Akses ditolak ! ";}?>

Page 46: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 46/54

 

3.  Buat file proses.php simpan di /websmk/admin/modul/katalogweb

<?phpif (!empty($_SESSION[user])) {// bagian propses untuk menyimpan katalogweb baruif($_GET[aksi]=='simpan') {$sql_simpan=mysql_query("insert into tbllink(nama_link,alamat_link) values('$_POST[nama]','$_POST[alamat]')");echo ("<META HTTP-EQUIV=Refresh CONTENT=\"0.1;URL=index.php?modul=katalogweb&file=tampil\">");

}// bagian propses untuk menghapus katalogwebif($_GET[aksi]=='hapus') {$sql_hapus=mysql_query("delete from tbllink wherekode_link='$_GET[kode]'");echo ("<META HTTP-EQUIV=Refresh CONTENT=\"0.1;URL=index.php?modul=katalogweb&file=tampil\">");}//bagian proses untuk mengedit katalogwebif($_GET[aksi]=='update') {$sql_simpan=mysql_query("update tbllink setnama_link='$_POST[nama]', alamat_link='$_POST[alamat]' wherekode_link='$_POST[kode]'");

echo ("<META HTTP-EQUIV=Refresh CONTENT=\"0.1;URL=index.php?modul=katalogweb&file=tampil\">");}} else {echo "Akses ditolak ! ";}?>

4.  Buat file edit.php simpan di /websmk/admin/modul/katalogweb

<?phpif (!empty($_SESSION[user])) {$data_menu=mysql_fetch_array(mysql_query("select * from tbllink

where kode_link='$_GET[kode]'"));

echo "

Page 47: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 47/54

<h3>Perubahan Katalog Web</h3><p>Untuk merubah katalog web pada web site SMK N 2 Kuningan,Silahkan isi pada kolom yang disediakan.</p><form name=f1 method=postaction=index.php?modul=katalogweb&file=proses&aksi=update><table width=100% align=center>

<tr valign=top><td width=150>Nama Web Site </td><td ><inputtype=text name=nama size=74 value=\"$data_menu[nama_link]\"><input type=hidden name=kode size=3value=\"$data_menu[kode_link]\"></td></tr><tr valign=top><td width=150>Alamat Web Site</td><td ><textareaname=alamat rows=5cols=55>$data_menu[alamat_link]</textarea></td></tr><tr valign=top><td colspan=2><input type=submit name=simpanvalue=Simpan></td></tr></table></form>";} else {echo "Akses ditolak ! ";

}?>

Page 48: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 48/54

Modul Pengaturan User

Modul user dihalaman admin digunakan untuk mengelola user baik menambah dan

menghapus yang diberi hak akses untuk masuk ke halalam admin,jadi web site yang

dibangun ini bersifat multi user tetapi dengan akses yang sama yaitu sebagai admin.

1.  Buat file tampil.php simpan di /websmk/admin/modul/user

<?phpif (!empty($_SESSION[user])) {

//query$sql_user=mysql_query("select * from tbluser where(username<>'admin' and username<>'$_SESSION[user]')");

//menampilkan ke layar

echo "<h3>Daftar User</h3><p>Berikut ini adalah daftar user <b>selain admin dan user yangsedang login</b> yang diberi hak akses untuk mengelola web sitesmk n 2 kuningan, untuk menghapusnya klik link <b>[ hapus ]</b>pada baris user yang bersangkutan. </p><table class=table_utama width=98% align=center><tr valign=center><td class=td_head align=center width=5%><b>No.</b></td><td class=td_head align=center ><b>User</b></td><td class=td_head align=center ><b>Nama User</b></td><td class=td_head align=center colspan=2><b>Password</b></td>

</tr>";while ($baris_user=mysql_fetch_array($sql_user)) {$no++;if ($n==0) {$warna="";$n++;} else {$warna="#dedee";$n--;}

echo "<tr valign=top bgcolor=$warna><td>$no.</td><td>$baris_user[username]</td><td>$baris_user[namauser]</td><td>$baris_user[password]</td><td width=10% align=center>[ <a

href=index.php?modul=user&file=proses&aksi=hapus&user=$baris_user[username]>Hapus</a> ]</td></tr>";

}echo "</table>";} else {echo "Akses ditolak ! ";}?>

Page 49: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 49/54

 

2.  Buat file tambah.php simpan di /websmk/admin/modul/user

<?phpif (!empty($_SESSION[user])) {

echo "<h3>Penggantian Password</h3><p>Untuk keamanan web site sebaikanya password diganti secaraberkala, silahkan gunakan form dibawah ini untuk menggantipassword anda.</p>

<form name=f1 method=postaction=index.php?modul=user&file=proses&aksi=simpan><table width=100% align=center><tr valign=top><td width=200>Username</td><td ><input type=textname=user size=40 ></td></tr><tr valign=top><td width=200>Profil / Identitas User </td><td><input type=text name=nama size=40 ></td></tr><tr valign=top><td width=200>Password </td><td ><inputtype=password name=password size=40 ></td></tr><tr valign=top><td colspan=2><input type=submit name=simpanvalue=Simpan></td></tr></table></form>";} else {echo "Akses ditolak ! ";}?>

Page 50: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 50/54

 

3.  Buat file proses.php simpan di /websmk/admin/modul/user

<?phpif (!empty($_SESSION[user])) {

//bagian proses untuk mengganti passwordif($_GET[aksi]=='simpan') {$password_baru=md5($_POST[password]);$sql_simpan=mysql_query("insert tbluser(username,password,namauser) values

('$_POST[user]','$password_baru','$_POST[nama]')");echo ("<META HTTP-EQUIV=Refresh CONTENT=\"0.5;URL=index.php?modul=user&file=tampil\">");}

if($_GET[aksi]=='hapus') {$sql_hapus=mysql_query("delete from tbluser whereusername='$_GET[user]'");echo ("<META HTTP-EQUIV=Refresh CONTENT=\"0.5;URL=index.php?modul=user&file=tampil\">");}

} else {echo "Akses ditolak ! ";}?>

Page 51: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 51/54

Modul Pengaturan Profil dan Password User

Modul ini dihalaman admin digunakan untuk mengganti password bagi user yang telah

berhasil login juga digunakan untuk mengganti nama profil user yang bersangkutan.

1.  Buat file password.php simpan di /websmk/admin/modul/dll

<?phpif (!empty($_SESSION[user])) {

//query$sql_menu=mysql_query("select * from tbltamu");//menampilkan ke layarecho "<h3>Penggantian Password</h3><p>Untuk keamanan web site sebaikanya password diganti secaraberkala, silahkan gunakan form dibawah ini untuk menggantipassword anda.</p><form name=f1 method=postaction=index.php?modul=dll&file=proses&aksi=password><table width=100% align=center><tr valign=top><td width=200>Anda login sebagai </td><td ><inputtype=text name=nama size=40 value=\"$_SESSION[user]\"readonly></td></tr><tr valign=top><td width=200>Password Baru Anda </td><td ><inputtype=password name=password size=40 ></td></tr><tr valign=top><td colspan=2><input type=submit name=simpanvalue=Simpan></td></tr></table></form>

";} else {echo "Akses ditolak ! ";}?>

Page 52: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 52/54

2.  Buat file profil.php simpan di /websmk/admin/modul/dll

<?phpif (!empty($_SESSION[user])) {

//query

$sql_menu=mysql_query("select * from tbltamu");

//menampilkan ke layar

echo "<h3>Penggantian Profil User</h3><p>Untuk merubah profil user anda, silahkan gunakan form dibawahini.</p><form name=f1 method=postaction=index.php?modul=dll&file=proses&aksi=profil><table width=100% align=center><tr valign=top><td width=200>Anda login sebagai </td><td ><inputtype=text name=nama size=40 value=\"$_SESSION[user]\"

readonly></td></tr><tr valign=top><td width=200>Profil Lama Anda </td><td ><inputtype=text name=profil_lama size=40 value=\"$_SESSION[namauser]\"readonly></td></tr><tr valign=top><td width=200>Profil Baru Anda </td><td ><inputtype=text name=profil_baru size=40 ></td></tr><tr valign=top><td colspan=2><input type=submit name=simpanvalue=Simpan></td></tr></table></form>";} else {echo "Akses ditolak ! ";

}?>

Page 53: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 53/54

3.  Buat file proses.php simpan di /websmk/admin/modul/dll

<?phpif (!empty($_SESSION[user])) {

//bagian proses untuk mengganti password

if($_GET[aksi]=='password') {$password_baru=md5($_POST[password]);$sql_simpan=mysql_query("update tbluser setpassword='$password_baru' where username='$_SESSION[user]'");echo "<h3>Perubahan Password</h3><p>Password anda telah berhasil diganti</p>";echo ("<META HTTP-EQUIV=Refresh CONTENT=\"1.5; URL=index.php\">");}

if($_GET[aksi]=='profil') {$sql_simpan=mysql_query("update tbluser setnamauser='$_POST[profil_baru]' whereusername='$_SESSION[user]'");

echo "<h3>Perubahan Profil User</h3><p>Profil anda telah berhasil diganti, profil baru anda akanditerapkan pada saat session login selanjutnya.</p>";echo ("<META HTTP-EQUIV=Refresh CONTENT=\"1.5; URL=index.php\">");}

} else {echo "Akses ditolak ! ";}?>

Membuat script Logout

Script logout digunakan untuk keluar dari halaman administrator. Adapun scriptnya :

<?phpsession_start();

header("Location: index.php");session_destroy();break;

?>

Page 54: Step by Step to Dinamic Web

7/21/2019 Step by Step to Dinamic Web

http://slidepdf.com/reader/full/step-by-step-to-dinamic-web 54/54

Penambahan Modul Baru

Untuk menambah modul baru pada web site dinamis ini dapat dilakukan dengan cara

sebagai berikut :

1. 

Misal akan membuat modul siswa untuk menampilkan data siswa SMK N 2 Kuningan.2.  Buat folder siswa simpan di folder /modul/ untuk file-file yang akan diakases oleh

pengunjung.

3.  Buat file tampil.php di folder /modul/ untuk menampilkan data siswa

4.  Buat folder siswa simpan di folder /admin/modul/ untuk file-file yang akan diakases

oleh admin untuk mengelola siswa baik menambah, mengedit atau menghapus.

5.  Buat file tampil.php simpan di folder /admin/modul/siswa

6.  Buat file tambah.php simpan di folder /admin/modul/siswa

7.  Buat file edit.php simpan di folder /admin/modul/siswa

8.  Buat file proses.php simpan di folder /admin/modul/siswa

9.  Buat tabel di mysql untuk menampung data siswa misal tblsiswa

10.  Format link yang digunakan untuk mengakses file-file php di modul siswa adalah :

  Index.php?modul=siswa&file=tampil

  Index.php?modul=siswa&file=tambah

  Index.php?modul=siswa&file=edit

 

Index.php?modul=siswa&file=proses