6 Komentar

Membuat Program Kontrol Aplikasi News Online dalam CMS


Setela kita membahas artikel artikel di bawah ini :

Memahami Instalasi PHP dengan Apache2Triad

Pengetahuan Dasar Database MySQL dalam phpMyAdmin

Merancang Database CMS Sederhana

Membuat Folder dan Koneksi cPanel ke Database sebuah CMS

Sekarang waktunya untuk masuk sedikit lebih dalam, yaitu dengan membuat program Kontrol Aplikasi News Online yang biasanya menjadi konten utama sebuah website.

1.  Membuat Program Tambah Data Berita

Jalankan Dreamweaver, buat halaman baru bertipe  PHP, lalu masuk ke tab design.

Dari komponen Forms, biasanya terdapat dibagian atas, buat objek Form ke dalam halaman Design.

Dari jendela Propertis, ketikkan beritanNewSim.php pada kotak Action.

Dari komponen Tabel atau tekan CTRL + ALT + T, untuk membuat seuah tabel, berikut contoh hasilnya :

Buat text Field, Textarea juga Tombol Simpan, dengan ketentuan :

Judul

  • Text Field      : txtJudul
  • Char width    : 60
  • Max Chars     : 100

Headline

  • Text Field      : txtHeadLine
  • Char width    : 45
  • Max chars     : 2

Isi Berita

  • Text Field      : txtIsiBerita
  • Char width    : 45
  • Max chars     : 4

Pengirim

  • Text Field     : txtPengirim
  • Char width   : 15
  • Max chars    : 25

Tombol Simpan

  • klik ikon Button, lalu beri label Simpan

Simpan desain form data berita ini dengan nama beritanew.php.

Setelah form selesai, lalu kita harus membuat programnya. Nama file program yang akan kita buat adalah beritaNewSim.php, file program ini juga sudah didefinisikan pada form bagian Action. Berikut caranya :

1. Jalankan Dreamweaver, buat file baru bertipe PHP. Masuk ke tab kode lalu hapus kode defaultnya, dan ketikkan kode PHP berikut :

Simpan dengan nama beritaNewSim.php, dalam folder cPanel.

2. Menbuat Program Ubah Data Berita

Jalankan Dreamweaver, buat halaman baru bertipe PHP, klik tab Design dan buat form seperti di bawah ini :

Masuk ke tab kode, lalu buat kode PHP “<?php?>” pada awal dan akhir baris kedua. Berikut contohnya :

pada kode PHP pertama sisipkan kode, untuk menampilkan semua data berita.

Pada baris kedua, ketikkan kode tampil untuk data judul dan pengirim. Sehingga akan tampak seperti ini :

Aktifkan kembali tab design. Blok menu Ubah, lalu atur link menunya cengan menuliskan alamat “beritaEdit.php?id=<?php echo $dataTampil[‘id’]; ?>” pada kotak link di jendela Properties.

simpan dalam folder cPanel dengan nama beritaEditTampil.php.

Jika halaman utama yang menampilkan data berita sudah dibuat, dan menu ubah juga sudah dibuat, anda dapat membuat file program beritaEdit.php yang berisi formulir untuk menampilkan kembali data yang dipilih untuk diedit. Berikut caranya :

Jalankan Dreamweaver, buka file beritNew.php, lalu simpan ulang dengan nama beritaEdit.php. Ubah teks informasi pada tabel dan Title-nya, berikut contohnya :

Masuk ke tab kode. Pada baris bagian atas, tambahkan kode PHP untuk program tampil data. Seperti di bawah ini :

Setelah itu balik lagi ke tab design.

Dari komponen Forms,klik objek Form. Di jendela Properties ubah alamat link Action-nya menjadi beritaEditSim.php. Berikut contohnya :

Klik pada objek masukan Judul (txtJudul). Untuk menampilkan data lama dari kolom judul, ketikkan nilai <?php echo $dataTampil[‘judul’]; ?> pada kotak Init val di jendela Properties. Berikut contohnya :

Kllik pada objek  masukkan Headline (textHeadLine). Pada jendela Properties ketikkan nilai <?php echo $dataTampil[‘headline’]; ?>

Kllik pada objek  masukkan Isi Berita (textIsiBerita). Pada jendela Properties ketikkan nilai <?php echo $dataTampil[‘isiberita’]; ?>

Kllik pada objek  masukkan Pengirim (textPengirim). Pada jendela Properties ketikkan nilai <?php echo $dataTampil[‘pengirim’]; ?>

Di samping tombol simpan, tambahkan objek Hidden Field, dari komponen Forms. Klik pada objek Hidden Field tadi. Pada jendela Properties aturlah nama dan nilainya sebagai berikut :

Simpan kembali dengan menekan CTRL + S. Berikut adalah tampilan akhirnya :

Supaya data berita yang telah diedit dapat disimpan kembali pada database, anda harus membuat file peogram penyimpan yang bernama beritaEditSim.php. Program ini mengandung perintah SQL UPDATE, sehingga data berita yang sudah diedit akan disimpan kembali. Berikut kode Php-nya :

SImpan dalam folder cPanel dengan nama beritaEditSim.php.

3. Membuat Program Hapus Data Berita

Untuk membuat program hapus, Anda dapat memulai dengna membuat link menu Hapus yang pad program beritaEditTampil.php dengan file program beritahapus.php. Berikut adalah caranya :

Jalankan Dreamweaver, open file beritaEditTampil.php.

Blok teks hapus. Dari jendela Properti, ketikkan alamat beritaHapus.php?id=<?php echo $dataTampil[‘id’]; ?>” pada kotak Link.

Simpan kembali program (CTRL + S).

Setelah membuat link menu Hapus, sekarang kita dapat membuat file program beritahapus.php yang berisi perintah SQL untuk menghapus data terpilih. Berikut kode PHP-nya :

Simpa pada folder cPanel dengan nama beritaHapus.php.

Demikin artikel ini saya buat berdasarkan hasil yang saya pelajari dari buku karya Bunafit Nugroho terbitanmedia-kita.

Semoga bermanfaat bagi kita semua.

6 comments on “Membuat Program Kontrol Aplikasi News Online dalam CMS

  1. databases nya mana gan ??

  2. mas aku diajari bikin php tapi dimasukin ke drupal, didalam web itu harus ada operasi hapus, tambah dan edit. .aku mikir itu gak jadi jadi. .mohon bantuannya. .

  3. salam kenal mas

    o ya kalau boleh tahu judul bukunya apa ya

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: