Anda memasuki Part 11 dari rangkaian tutorial Pembuatan Aplikasi CMS/Berita sederhana. Pastikan Anda mengikuti tutorial-tutorial Part 1-Part 10 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)
- Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 10)
- Mendownload source code Part 10: cms_blog_part10
Pada tutorial Part 11 ini, Anda akan belajar membuat link Read more pada posting. Ada beberapa pendekatan yang bisa kita lakukan untuk melakukan hal ini. Misalnya dengan menggunakan fungsi query MySQL, menggunakan fungsi strrpos atau sub_str yang ada di PHP. Opsi lainnya menggunakan fungsi PHP_EOL.
Teknik Pertama:
Memotong string dengan query MySQL
Ini adalah cara termudah yang bisa Anda lakukan. Anda memotong string content posting yang panjang dan menampilkan ringkasannya. Katakanlah Anda ingin menampilkan 100 karakter pertama
SELECT ID, title, LEFT(content, 100) AS ringksan100 FROM post ORDER BY updated DESC
Berikut adalah langkah-langkahnya:
- Buka file index.php (yang ada dalam folder utama) melalui Dreamweaver Anda.
- Simpan file tersebut dengan nama index2.php. Untuk antisipasi jika terjadi kesalahan. Jika proses pembuatan file index2.php sudah selesai, Anda dapat menyimpannya kembali menjadi index.php.
Klik Windows > Server Behaviors. Di sana Anda akan melihat Recordset (rsDetail).
- Double klik Recordset (rsDetail) tersebut, maka Anda akan diarahkan pada jendela Recordset.
- Klik atau pilih tombol Advanced pada jendela Recordset. Jendela Advanced Recordset akan muncul.
- Pada menu Database items: yang ada di bagian bawah. Klik tanda plus (+) yang ada pada menu Tables. Lalu klik tanda plus (+) lagi pada tabel post. Di sana akan menampilkan semua field/kolom yang ada pada tabel post..
Di sisi sebelah kanan Anda juga akan melihat tiga buah tombol, yaitu SELECT, WHERE dan ORDER BY. Ketiga tombol ini adalah yang paling sering digunakan ketika Anda membuat query database. SELECT untuk menyeleksi kolom tabel, WHERE adalah kondisi/logika yang digunakan dan ORDER BY berfungsi untuk mengurutkan data hasi query. - Klik kolom ID pada tabel post, lalu klik SELECT. Hal ini akan menambahkan ke query SQL (Lihat bagian atas) berupa SELECT post.ID. Lakukan hal yang sama untuk kolom title, category, content dan updated. Lihat gambar illustrasi di atas.
- Lakukan sekali lagi pada kolom content. Klik kolom tersebut lalu klik SELECT. Query terakhir inilah yang nanti kita potong menjadi 100 karakter (Anda bisa mengubah jumlah karakter yang ingin dijadikan ringkasan).
- Melalui jendela SQL, lakukan modifikasi pada query SQL post.content menjadi LEFT(post.content, 100) AS ringkasan.
- Klik Test untuk memeriksa apakah Query database MySQL yang Anda buat benar atau tidak. Jika muncul error, silakan periksa kembali dan bandingkan dengan script di sini.
- Klik OK untuk menyelesaikan.
- Simpan kembali hasil pekerjaan Anda.
Menampilkan potongan artikel dan menambahkan link Read More…
Langkah selanjutnya adalah menerapkannya pada halaman web Anda. Cari kode di bawah ini:
<p><?php echo $row_rsDetail['content']; ?></p>
Lalu ubah menjadi:
<?php echo nl2br($row_rsDetail['ringkasan']); ?> - <a href="news.php?view=<?php echo $row_rsDetail['ID']; ?>">Read moree...</a><hr>
Penjelasan:
- nl2br (new line to break) adalah fungsi untuk menambahkan spasi pada teks atau <br/>
- Ada penambahkan link Read More.
Kasus pada kata yang tidak terpotong dengan lengkap
Teknik ini akan menyebabkan beberapa kata tidak terpotong dengan lengkap. Untuk mengatasinya, Anda bisa menggunakan teknik ini.
<?php // Mencetak string $text = nl2br($row_rsDetail['ringkasan']); $kata_lengkap = strrpos($text, ' '); //Mencetak dan menambahkan ... echo substr($text, 0, $kata_lengkap)."..."; ?> - <a href="news.php?view=<?php echo $row_rsDetail['ID']; ?>">Read moree...</a><hr>
Kedua hal di atas akan menghasilkan potongan string yang berbeda. Lihat gambar illustrasi di atas.
Teknik Kedua:
Menggunakan fungsi PHP_EOL untuk memotong satu paragraph secara lengkap.
Lalu bagaimana jika ternyata form Input berita Anda menggunakan text editor, misalnya TinyMCE atau CKEditor. Hal ini akan menghasilkan input teks yang diwrap dengan tag-tag paragraph. Lalu Anda ingin menampilkannya sebagai paragraph ringkasan.
Lihat illustrasi berikut ini. Pada gambar berikut, diasumsikan Anda menggunakan tag paragraph untuk menampilkan berita (open tag <p> dan closing tag </p>)
Anda bisa menggunakan trik ini:
<?php // Memotong satu paragraph utuh echo substr($row_rsDetail['content'], 0, strpos($row_rsDetail['content'], PHP_EOL)); ?> - <a href="news.php?view=<?php echo $row_rsDetail['ID']; ?>">Read more...</a><hr>
Ingat, Ada banyak trik untuk membuat ringkasan. Kedua cara di atas bisa Anda jadikan pilihan.
Jika Anda sudah yakin dengan hasilnya, maka Anda dapat menyimpan file index2.php menjadi index.php.
Selamat mencoba
wah akhirnya keluar jg part 11
ini untuk teritorialnya sendiri msh lama selesainya ya mas???, maklum lg semangat”nya buat cms website hehehe
Ga juga, rencana sih maksimal 13 Part aja. Part 12 terkait dengan installasi Text Editor tinyMCE pada form Insert dan Update berita. Part 12 terkait dengan aspek keamanan web dan pemasangannya secara online…
Wah saya sangat tertarik dengan tutorial yang agan buat ini, dari part 1 s/d part 10 sudah sya download,,thanqiu buat agan yang mau berbagi ilmu nya..
sukses truss buat JWM
ditunggu lanjutan nya.
Terimakasih… Dipelajari atau didownload nih?
Waduuh…dipelajari atau di download nih?
sya newbie mas. sya slalu mengikuti tutorial di web ini, salut dan sya sekarang udh dikit2 bisa buat web mas. thnks maju terus n ditunggu kelanjutannnya…..
Oke… Terimakasih… Selamat yaa sudah bisa bikin web. Untuk Part 12 rencana terkait dengan installasi text editor semacam tinymce.
Selamat ya sudah bisa bikin website sendiri… Part 12 rencana terkait dengan installasi Text Editor TinyMCE
akhirnya muncul juga artikel yang di tunggu2. makasih mas sudah saya coba dan sukses.
Alhamdulillah jika sudah dicoba dan berhasil…
thx brada atas semua ilmu yang kau share neh, ane masih menyimak seh dan karena keterbatas internet maka saya ijin untuk mengcopy tutorial yang telah kau buat neh,smoga ilmu kau tambah bermanfaat gan Thx
terharu
Selamat belajar mas…
mantafff …sangat membibimbing untuk pemula seperti sy…..
dan akhirnya sy bisa bikin web juga berkat JWM silahkan kunjungi http://www.agatumai.com asli 90% dapat ilmunya dari JVM makanya di foternya sy dah kasih credit to JVM juga…
sy masih nunggu artikel2 berikutnya….semoga aja ada artikel buat page Koment, biar CMSnya semakin komplit…
di tunggu ya….
Terimakasih.. Senang bisa memberi manfaat bagi orang lain…
Saya tunggu part berikutnyakalau bisa usulan tutor buat form komentya…..
Udah muter-muter nggak dapat ilmunya….kebanyakan masih pakai aplikasi pihak ke tiga…..
thx before…
Akhirnya yang ditunggu keluar juga…
makasih yo mas :)
Sama-sama. Selamat belajar…
gimana yas caranya merubah bentuk tulisan langsung pada website bukan dari halaman editor….
Maksudnya? Mohon pertanyaan diperjelas. Jika tidak memakai halaman editor, silakan lanjutkan di PHPMyAdmin.
mas cara bikin pst content seperti dia atas yang di gambar http://javawebmedia.com/blog/wp-content/uploads/2012/01/capture_06012012_052045.jpg itu gimana yah mas..jadi bisa ngatur font sama upload gambarnya,,,,
mohon pencerahannya mas….
Silakan baca artikel tentang Aplikasi Form Berita: Installasi CKEditor dan KCFinder (Text Editor WYSIWYG dan File Manager). Di sana dijelaskan tentang installasi text editor dan file manager terkait.
Selamat mencoba
mas saya belum menjadi master…saya selalu membuat database dengan mysql,,,contohnya saya sedang membuat database sistem pendataan kependudukan warga desa se kelurahan,,,hampir 85 % selesai,,cuman saya yang bodohnya hanya pembuatan templeatenya krn saya kurang paham dengan css….selallu berantakan hasil tampilan index.php..apakah ada temleate yang bisa saya pelajari…mohon bisa di kririm ke email saya…makasih semuanya…….
Template seperti apa yang Mas inginkan?
Sblmnya sya ucapkan bnyk terima kasih mas atas tutorialnya. Perlu mas ketahui tutorial ini sngat membantu dlm pnyelesain TA skrpsi sya. stelah sya cba tutorial mengenai READ MORE n berhasil sya mendapat kesulitan dlm pembuatan detail nya (untuk menampilkan data yg dipilih). maap mas sya bru blajar pemrograman web n blm memiliki dasar2 php, mysql yg kuat. mohon pencerahannya. terima kasih…
Untuk menampilkan detail berita, silakan baca tutorial Part 10. Di sana dijelaskan bagaimana detail menampilkan salah satu berita ayang dipilih. Selamat mencoba…
mas bisa kasih link download sourcnya yg part 11 nih nda,,aku pengen lht mas sourcnya,,mksh sdh bantu ajar website mas,,sy sudah mengerti dgn adanya postingan ini
Tunggu Part 12, baru file part 11 diupload. Silakan ikuti tutorial Part 11 ini, maka hasilnya akan sama dengan script part 11…
Part 12 sudah terbit. Silakan download Source Code Part 11.
mksh mas,,jaya trs javamedia
mas mau tanya lagi nih,,gimana cara nampilin jumlah artikel yang ada di dalam kategori tertentu,,misalnya tuh saya lihat di kategori Dreamweaver (26) < nah cara nampilin jumlah 26nya itu gmn mas,,mohon bantuannya
terimakasih mas sudah berbagi ilmu kapan part selanjutnya keluar?
Sama-sama… Sabar yaah
Mas cara merubah gambar yang sudah ada biar ganti ke gambar baru itu gmana caranya yah mas…????
wehhh…. akhirny…
slesai jg ane baca ni tutorial….
keren bgt gan….
masih ad lnjutannya gak gan….?? :)
Saya pribadi sangat mendukung jika tutorial ini dijadikan sebuah buku, sangat bermutu dan membantu khususnya buat pemula seperti saya ini. Semoga ALLAH senantiasa melimpahkan Rahmat dan Hidayah-Nya buat kita semua amin. . . . . . . . . .
jika bukunya sudah terbit mohon email ke saya ya. . . . . . . . . . . . .
sukses terus javawebmedia
Amiin ya Robbal alamiin… Semoga dimudahkan benar dalam menulis buku. Sebenarnya sudah ada draft sampai 260 halaman namun belum sempat melanjutkan lagi
terimakasih JWM
akhirnya tugas kampus saya kelar juga,,,,
:)
lope lope lope JWM
master JWM klo ada waktu ajarin cara membuat website seperti pembelian barang secara online ya, hehehe
klo berkanan add facebook saya dunk munawar_adaband@yahoo.co.id
Syukurlah…untuk membuat toko online sebenarnya bisa aja…tapiii…belum sempat…
mas mau tanya nieh , ini menyimpang dari artikel diatas… gimana membuat POS STATUS di publis apa tidak , mohon pencerahannya..terima kasih.
Anda bisa menambahkan satu kolom di tabel, misalnya status_berita. Gunakan kolom tersebut untuk membedakan status berita, apakah pubslished atau draft.
mas.. sy ingin tanya ,, ada gak tutorial seperti di atas yang menggunakan video??
makasih.
mas.. sy ingin tanya ,, ada gak tutorial seperti di atas dalam bentuk video??
makasih.
thanks.. tutorialnya.. like this.. :D
Like this juga yah
mas tolong bahas pembuatan event calender melalui dreamwaever dong
maaf mau nanya mas.., kalau kita membuat insert data ke database, dan form hanya yang wajib yang kita pilih saja itu gmna ya… ???
Software Pembuat Rumah
maaf mau nanya nh mas.., kalau kita membuat insert data ke database, dan form hanya yang wajib yang kita pilih saja itu gmna ya… ???
Software Pembuat Rumah
Yah,kayanya jarang yang pemurah mengupas detil tentang membuat web cms. Sepertinya kebanyakkan di jadikan sumber dana gitu apa yah…… Kalau iya sih tak apa,itu hak sah2 saja kok. Tapi kalau ada yang mau share terbuka apa salahnya,salahnya apa…malahan bagus kan….Tank gan saya lagi nyari2 sekata 2 kata,sambil di rangkai agar bisa paham nih (masalahnya saya agak lemot).
gan, kan aq buat file baru nih
tanpa isi, lalu aq coba trik nya, tp d index.php kok cuma muncul script kayak gini ya???
penjelasannya dong!!!!!!!!!
– <a href="news.php?view=”>Read moree…
mas.. bisa minat file dari part 1 sampe part 12 ?? versi pdf gtu ?
mas ko gambarnya ga muncul yahh.? :(
makasih, kalau punya saya udah jadi untuk mengenang jasa ossan sama, saya akan membuat posting tentang blog/. JAVAWEBMEDIA,,, hehehe jangan di anggap lebay yaa
Terimakasih
Sama-sama
mau nanya min, di tutorial ini punya saya kurang berhasil
hanya muncul judul dan read more nya saja tetapi contentnya tidak ada
– <a href="berita.php?view=”>Read more…
kodenya apa ada yang salah ?
Mas juragan Suhu.
Kalau postingannya ada gambar
dan addnews nya kita menggunakan text editor
dsitu gambarnya gak resize automatis ya?
malah hasilnya berserakan.
ada solusinya gak ya Mas juragan Suhu?