Contoh Kasus Membangun Web Site Mengguna
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.
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
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)
) 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;
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;
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
8. buat file index.php simpan di root direktori
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
b. buat file isi_menu.php simpan di websmk/modul/menu
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.
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
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)
) 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;
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;
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
8. buat file index.php simpan di root direktori
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
b. buat file isi_menu.php simpan di websmk/modul/menu