grahadesignstudio


Breaking News

Minggu, 17 Januari 2010

Codding Comment

Bagi temen-temen yang memiliki website, dan menginginkan ada form comment kayak di blog-blog, Mungkin artikel ini bisa membantu.



Merancang Struktur Database

Untuk membuat aplikasi berita secara sederhana, langkah pertama adalah

merancang tabel-tabel database yang diperlukan. Secara sederhana, struktur

tabel dapat dibuat dengan spesifikasi sebagai berikut :

Tabel “berita”

Berikut ini perintah (SQL) untuk membuat tabel “berita”

CREATE TABLE berita (

id_berita int(5) unsigned NOT NULL auto_increment,

id_kategori int(3) unsigned NOT NULL default '0',

judul varchar(100) NOT NULL default '',

headline text NOT NULL,

isi text NOT NULL,

pengirim varchar(15) NOT NULL default '',

tanggal datetime NOT NULL default '0000-00-00 00:00:00',

PRIMARY KEY (id_berita)

) TYPE=MyISAM;

Berikut ini perintah (SQL) untuk membuat tabel “kategori”

CREATE TABLE kategori (

id_kategori int(3) unsigned NOT NULL auto_increment,

nm_kategori varchar(30) NOT NULL default '',

deskripsi varchar(200) NOT NULL default '',

PRIMARY KEY (id_kategori),

) TYPE=MyISAM;

Catatan : Isikan sejumlah data ke tabel kategori langsung di database

Achmad Solichin (achmatim@bl.ac.id)

Halaman 1


Diktat Kuliah Pemrograman Web 2 ver 1.0

Membuat File Koneksi Database

Program 1

Nama File

Deskripsi



Membuat Halaman Input Berita

Program 2

Nama File

Deskripsi

: input_berita.php

: Program input berita.

Berita telah berhasil

ditambahkan
";

} else {

echo "

Berita gagal

ditambahkan

";

}

}

?>











Halaman Depan |

Arsip Berita |

Input Berita





Achmad Solichin (achmatim@bl.ac.id)

Halaman 2


Diktat Kuliah Pemrograman Web 2 ver 1.0



























































Input Berita

Judul Berita :
Kategori :

Headline Berita :
Isi Berita :
Pengirim :













Menampilkan Berita Terbaru di Halaman Depan

Program 3

Nama File

Deskripsi

: index.php

: Program menampilkan 5 berita terbaru di halaman depan.









Achmad Solichin (achmatim@bl.ac.id)

Halaman 3


Diktat Kuliah Pemrograman Web 2 ver 1.0





Halaman Depan |

Arsip Berita |

Input Berita





Halaman Depan ~ Lima Berita Terbaru



$judul
";

echo "Berita dikirimkan oleh $pengirim

pada tanggal $tanggal dalam kategori

$kategori
";

echo "

$headline

";

echo "
";

}

?>





Menampilkan Berita Lengkap

Program 4

Nama File

Deskripsi

: berita_lengkap.php

: Program menampilkan berita secara lengkap.













Halaman Depan |

Arsip Berita |

Input Berita





Berita Lengkap




echo "Berita dikirimkan oleh $pengirim

pada tanggal $tanggal dalam kategori

$kategori
";

echo "

$isi

";

?>





Membuat Halaman Arsip Berita

Program 5

Nama File

Deskripsi

: arsip_berita.php

: Program arsip keseluruhan berita.















Halaman Depan |

Arsip Berita |

Input Berita





Arsip Berita





    $judul
    ";

    echo "Berita dikirimkan oleh $pengirim

    pada tanggal $tanggal dalam kategori

    $kategori
    ";

    echo "Action : Edit | ";

    echo "Delete";

    echo "


    ";

    }

    ?>







Membuat Halaman Edit Berita

Program 6

Nama File

Deskripsi

: edit_berita.php

: Program edit berita.

Berita telah berhasil

diedit
";

} else {

echo "

Berita gagal

diedit

";

}

}

?>

Achmad Solichin (achmatim@bl.ac.id)

Halaman 6


Diktat Kuliah Pemrograman Web 2 ver 1.0











Halaman Depan |

Arsip Berita |

Input Berita































































Input Berita

Judul Berita :
Kategori :

Headline Berita :
Isi Berita :
Pengirim :














Achmad Solichin (achmatim@bl.ac.id)

Halaman 7


Diktat Kuliah Pemrograman Web 2 ver 1.0

Membuat Halaman Delete Berita

Program 7

Nama File

Deskripsi

: delete_berita.php

: Program untuk menghapus berita.













Halaman Depan |

Arsip Berita |

Input Berita





Berita telah berhasil

dihapus
";

} else {

echo "

Berita gagal

dihapus

";

}

echo "Klik di sini

untuk kembali ke halaman arsip berita";

} else {

die ("Access Denied");

}

?>





CSS sebagai Pemanis Tampilan

Program 8

Nama File

Deskripsi

: style.css

: File CSS sebagai pemanis tampilan.

body {

font-family:verdana;

font-size:11px;

}

a{

color:#0000ff;

text-decoration:underline;

}

a:hover {

Achmad Solichin (achmatim@bl.ac.id)

Halaman 8


Diktat Kuliah Pemrograman Web 2 ver 1.0

color:#ffffff;

background-color:#8AC452;

text-decoration:none;

}

input, textarea, select, option {

font-family:verdana;

}

Achmad Solichin (achmatim@bl.ac.id)

Halaman 9

Tidak ada komentar:

Sports

Business

Technology

Life & Style

Designed By Blogger Templates