Anda memasuki Part 10 dari rangkaian tutorial Pembuatan Aplikasi CMS/Berita sederhana. Pastikan Anda mengikuti tutorial-tutorial Part 1-Part 9 di bawah ini:
- Membuat Site Definition di Dreamweaver CS5, dan
- Membuat koneksi database PHP MySQL dengan Dreamweaver CS5
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 1)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 2)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 3)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 4)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 5)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 6)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 7)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 8)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 9)
- Mendownload Source Code Part 9. Silakan di download di link ini. atau di sini: cms_blog_Part9
Pada tutorial Part 10 ini, Anda akan belajar:
- Menampilkan detail berita (halaman news.php)
- Menampilkan listing berita (halaman news.php)
Menampilkan item berita yang dipilih
Pada tutorial Part 9 sebelumnya, Anda telah membuat link dinamis ke:
<a href="news.php?view=<?php echo $row_rsNews['ID']; ?>"><?php echo $row_rsNews['title']; ?></a>
Link ini nantinya akan menghasilkan alamat URL http://wwww.website.com/news.php?view=1. Variable view adalah URL Parameter-nya sedangkan angka “1” adalah id yang tersimpan dalam database.
Membuat query data (recordset)
Maka langkah selanjutnya adalah membuat Query yang akan menampilkan detail berita yang dipanggil dengan URL Parameter tersebut. Berikut langkah-langkahnya:
- Buka file news.php
- Klik Insert > Data Object > Recordset
- Name: rsView
- Connection: cms_blog
- Table: post
- Columns: All
- Filter: id, URL Parameter dan =.
- Pada tulisan id, ubah menjadi view
- Sort: , biarkan sesuai default.
- Klik OK.
Menampilkan detail berita
Sebelum Anda menampilkan detail berita yang akan dilihat, hapuslah text yang ada di halaman news.php. Sisakan satu judul dan satu paragraph (Lihat illustrasi).
Anda telah menghapus beberapa artikel dan menyisakannya satu buah artikel. Langkah selanjutnya adalah menggantikan konten statis dengan konten dinamis dari database Anda.
- Klik Windows > Bindings. Panel Bindings akan muncul di sebelah sisi kanan layar kerja Anda.
- Klik icon plus yang ada pada Recordset (rsView). Semua kolom tabel post akan tertampil di sana.
- Seleksi judul “Halaman Websitenya Andoyo”. Di panel Properties bagian bawah, menu link sudah berisi link dengan tanda kres/pagar (#). Hapus tanda tersebut.
- Seleksi judul “Halaman Websitenya Andoyo” lalu dari panel Bindings klik kolom title lalu drag menuju teks judul yang telah diseleksi tersebut.
- Lakukan teknik yang sama untuk mengganti paragraph dengan kolom content. Hal ini akan menghasilkan seperti gambar di atas.
- Simpan kembali hasil pekerjaan Anda.
- Lakukan uji coba untuk mengklik Judul berita (yang ada di halaman index.php), maka Anda akan diarahkan ke halaman news.php?view=2 (Angka 2 tergantung dari id yang Anda pilih)
Menampilkan listing berita di sidebar
Untuk menampilkan listing berita di sidebar, ikuti tutorial Part 9 (halaman index.php). Tidak ada perbedaan yang signifikan di antara keduanya.
Mengcopy Recordset dari halaman index.php
Dreamweaver mengijinkan Anda untuk mengcopy recordset dari file yang berbeda. Di sini Anda akan mengcopy recordset yang telah dibuat di halaman index.php dan akan digunakan di halaman news.php.
Berikut adalah langkah-langkahnya:
Mengcopy Recordset (rsDetail) di halaman index.php lalu menggunakannya di halaman news.php
- Buka halaman index.php
- Klik Windows > Server Behaviors. Di sana Anda akan melihat Recordset (rsDetail)
- Klik kanan pada Recordset (rsDetail) tersebut lalu pilih Copy
- Buka file news.php, pastikan panel Server Behaviors terbuka. Klik kanan di sana, lalu pilih Paste.
- Simpan kembali file news.php
Menggunakan IF untuk menampilkan detail berita dan listing berita di halaman news.php
Anda akan sedikit menggunakan koding manual untuk menampilkan listing berita yang dijudulnya tersedia link untuk melihat detail berita dan kemudian menampilkannya di file yang sama sekaligus. Untuk melakukannya, ubah layar kerja Anda ke mode Code View lalu cari kode di bawah ini.
Langkah selanjutnya adalah menambahkan logika IF untuk menampilkan detail berita yang akan dipilih dengan mengklik link yang ada pada judul berita tersebut. Tambahkan kode di atas dan di bawah kode seperti yang terlihat di gambar.
Perubahan kode di atas bisa di lihat pada gambar di bawah ini:
Menampilkan daftar berita di halaman posting
Selanjutnya adalah melakukan repeat region pada daftar berita yang akan ditampilkan. Cari dan seleksi kode ini:
<h1><?php echo $row_rsDetail['title']; ?></h1> <?php echo $row_rsDetail['content']; ?>
Lalu ubah lembar kerja Anda ke mode Design View.
- Klik Insert > Data Objects > Repeat Region. Jendela Repeat Region akan keluar.
- Recordset: rsDetail
- Show: 10
- Klik OK untuk menyelesaikannya.
- Simpan kembali hasil pekerjaan Anda.
Menambahkan link dinamis di judul
Selanjutnya Anda akan menambahkan link dinamis pada daftar berita yang telah Anda buat. Ubah ke Code View, lalu cari kode di bawah ini:
<h1><?php echo $row_rsDetail['title']; ?></h1>
Lakukan perubahan sehingga menjadi:
<h1><a href="news.php?view=<?php echo $row_rsDetail['ID']; ?>"><?php echo $row_rsDetail['title']; ?></a></h1>
Simpan kembali hasil pekerjaan Anda.
Anda telah berhasil menampilkan detail dan daftar berita di halaman yang sama (news.php).
Note: Tutorial Advanced terkait dengan pembuatan CMS ini diberikan kepada siswa yang kursus Web Programming dan Web Development di Java Web Media.
akhirnya keluar juga
Sudah menunggu ya Mas?
Mau tanya nih mas…
cara membuat read more/baca selengkapnya menggunakan dreamweaver gimana ya??
mau tanya neh mas..
cara membuat read more/baca selengkapnya dengan dreamweaver itu gimana ya??
Akan di bahas pada Part 11. Sabar yaah…
di tunggu part 11-nya mas, cara membuat read more.
Sukse terus!
Oke…Mudah2an hari ini…
Part 11 sudah release. Anda dapat belajar membuat link read more sekarang…
senang mas udah nyampe di tutorial ini, tapi..wah… apa lagi yang salah nih mas?
steps di atas sudah dikerjakan koq saat preview browser posting gak nongol…. saat di klik di index.php seharusnya langsung ke detil berita. Di mana letak kesalahannya??? :( :( :(
pliz show me, where is it the trouble?
Silakan baca pada:
1. Cara membuat Site Definition
2. Cara membuat koneksi database.
Dari pertanyaan ini, sepertinya Anda belum benar-benar mengikuti tutorial ini dengan baik. Silakan ikuti dari 2 di atas baru kemudian masuk ke Part 1-11…
mohon pencerahannya
saya ada sedikit problem,
pada saat button onblur memanggil function dengan mengirimkan variabel, dan pada function tersebut, variabel yang diterima akan kita proses dalam script php, bagaimana deklarasi memberikan nilai variabel di php
contoh nya
function cekdata(var1, var2)
<?php
//memberi nilai proses 1 dari var1
$proses1 = ….. <— bagaimana prosesnya ?
terima kasih infonya
Makasih ya informasinya…
jangan lupa mampir kesini ya..
http://quantamultimedia.com/
mas saya mau tanya.
cara menampilkan event dari database langsung ke website gimana mas?
tolong bantu dong mas. saya masih pemula sekali.
thanks sebelumnya
Event yang mana ya? Silakan dipanggil aja dengan recordset
mas bagus sekali web nya sangat membantu……
buat tin dong tutorial login dengan 3 accses level
gimana caranya kalau kita mau buat dengan 4 user dengan status berbeda
Insya Allah, nanti saya kabari…
kalau caranya bisa gak di jelasin secara singkat???
Hehe… Silakan dari tutorial yang ada dibuat lebih singkat.
Alhamdulillah …. zero to ten nehhhh…
ada nngak yahhh bukunya info kan dech kalw ada buku tutorial 1-selesai….
Wassalam….
Lagi ongoing nih mas. Hehe… masih belum stabil nulis bukunya padahal idenya sudah ada…
Salam mas…
mau nanya mas…
You may use these HTML tags and attributes:
Sebenarnya itu untuk menghindari serangan XSS dimana orang bisa saja melakukan injeksi terhadap form yang Anda sediakan dengan kode-kode HTML atau PHP.
mas gimana ngatasin error pada saat membuat recordset
pesan errornya gini ( the recordset scrift does not define the applayserverbahavior funciton)……
Gimana mas solusinya………
Ada beberapa kesalahan dasar sehingga proses pembuatan recordset tidak berjalan. Solusi mudahnya pastikan:
1. Pembuatan Site Definition / Site Setup sudah benar.
2. Pembuatan koneksi database sudah dibuat dengan benar,
pak gimana caranya ya buat untuk sistem penerimaan PSB
no reg= otomatis ditampilkan
nama =otomatis ditampilkan
Nilai = Dininputkan berdasarkan nilai ujian & no reg
Keterangan = didapat dari inputan nilai kemudian keluar (Lulus, Tidak Lulus)
gimana solusinya
mas gimana ya caranya membuat di index “[1],[2],[3] >>Old Post ” kan postnya di limit sampai 5 agar post lain tampil dengan parameter misalnya ../index.php?page=2 , lha di page 2 itu menampilkan post yang belum tampil di page 1
terimakasih
Silakan klik Insert > Data Objects > Recordset Paging. Pastikan terlebih dahulu Anda sudah membuat repeat region
Mas kalau buat artikel rewritenya gimana caranya? Soalnya kalau pakai ID kan nggak SEO.
Alhamdulillah..
akhirnya nemu juga yg ane cari2, sangat bermanfaat mas/kang/bung …
Terima kasih ..
Sama-sama… Mudah2an bisa digunakan dengan baik
dear admin, apakah pada part berikutnya akan dibahas tentang meminimalkan bug SQL injection ??
mas , tolong bahas pembuatan event calender melalui dreamwaever dong.
Asslam…Mas Gambar nya gak bisa kebuka mas…
aswome , thank you for the great read.
Mass Juragan Sintax Diatas sudah benar atau belum ya??
Disini Tertulis
Parse error: syntax error, unexpected ‘}’, expecting ‘]’
Mohon di cerahkan
Udah nemu Mas.. Thanks
makasih banyak tutorialnya, kalau listing berita berdasarkan category gimana ya? makasih