Modifikasi Tampilan Modul Login CMS Balitbang

Berjumpa lagi dengan saya, gimana kabarnya rekan-rekan semua. Pada tutorial kali ini saya akan membahas bagaimana cara memodifikasi modul default login member CMS BALITBANG. Langsung saja kita bahas he he he

Perhatikan login default dari CMS Balitbang

Login Default CMS Balitbang

Login Default CMS Balitbang

Kalo kita perhatikan sebelum dan setelah login ke komunitas member CMS Balitbang tampilannya sama, jadi antra yang sudah login dan belum login tidak ada bedanya. Dari dasar itu saya memodif sedit tampilan intinya konsepnya begini:

Jika  (login=true) maka

 tampilkan Photo Member, Nama, Status  dari tabel t_member

Else(Jika Tidak)

 tampilkan default login CMS Balitbang

Mudah-mudah konsepnya bisa dipahami jadi yang akan kita modif adalah bagian Jika member dalam keadaan login.  Perhatikan gambar dibawah ini: (gambar setelah member login)

Gambar Setelah Member Login

Gambar Setelah Member Login

Aya langsung aja kita coding biar tidak semakin bingung he he he. Ini konsep yang telah kita rubah ke dalam cript PHP


<?php

//membuat vaiabel $userid utk menangkap user dan userid disimpan di  $_SEESION
$userid = $_SESSION['User']['userid'];

//mengecek apakah $userid kosong atau tidak
if ($userid<>"")

//jika tidak kosong akan melaksanakan perintah berikut

{

$tag .=" AKAN TAMPIL DILAYAR JIKA $userid tidak kosong, ini berarti member dalam keadaan login ";
}

//jika $userid kosong akan melaksanakan perintah ini

else
{
$tag .=" AKAN TAMPIL DILAYAR JIKA $userid kosong atau member dalam keadaan tidak login, bagian ini ISIKAN DENGAN SCRIPT MODUL LOGIN DEFAULT CMS";

}
?>

Sampai disini bisa dipahami? ok kita lanjut ….
Selanjutnya kita tambahkan script di bagian $userid tidak kosong. Kita akan menampilkan Photo Member, Nama, Ket (berisi status guru, siswa, alummi) dari tabel t_member.(ini cuma contoh jadi nanti rekan2 bisa kembangkan apa yang akan dimunculkan/diambil dari tabel t_member tersebut).

Sehingga script menjadi seperti di bawah ii


<?php

//membuat vaiabel $userid utk menangkap user dan userid disimpan di  $_SEESION
$userid = $_SESSION['User']['userid'];

//mengecek apakah $userid kosong atau tidak
if ($userid<>"")

//jika tidak kosong akan melaksanakan perintah berikut

{</pre>
$tag .="<div align='center'>";
$query = "SELECT * FROM t_member where userid='$userid'";
$result = mysql_query($query) or die("Query failed member");
while ($rows = mysql_fetch_array($result)) {
$file ="../member/profil/gb$rows[userid].jpg";
$gbr="<img src='../images/coba.png' width='100' height='100' >";
if (file_exists($file)) {
$gbr="<img src='../member/profil/gb$rows[userid].jpg' width='100' height='100' />";
}
$tag .="$gbr<br /><b><i>$rows[nama] </i></b><br>$rows[ket]<br>";
}
$tag .="</div>";
<pre>}

//jika $userid kosong akan melaksanakan perintah ini

else
{
$tag .=" AKAN TAMPIL DILAYAR JIKA $userid kosong atau member dalam keadaan tidak login, bagian ini ISIKAN DENGAN SCRIPT MODUL LOGIN DEFAULT CMS";

}
?>

Untuk keterangan script php untuk select querynya bagi yang belum tahu bisa ditanyakan via komentar aja yach.

Selanjutnya untuk bagian else ($userid dalam kondisi kosong) tinggal copykan dari script default dari login CMS Balitbangnya.

Scritp akhirnya menjadi begini.


<?php

//membuat vaiabel $userid utk menangkap user dan userid disimpan di  $_SEESION
$userid = $_SESSION['User']['userid'];

//mengecek apakah $userid kosong atau tidak
if ($userid<>"")

//jika tidak kosong akan melaksanakan perintah berikut
{
$tag .="<div align='center'>";
$query = "SELECT * FROM t_member where userid='$userid'";
$result = mysql_query($query) or die("Query failed member");
while ($rows = mysql_fetch_array($result)) {
$file ="../member/profil/gb$rows[userid].jpg";
$gbr="<img src='../images/coba.png' width='100' height='100' >";
if (file_exists($file)) {
$gbr="<img src='../member/profil/gb$rows[userid].jpg' width='100' height='100' />";
}
$tag .="$gbr<br /><b><i>$rows[nama] </i></b><br>$rows[ket]<br>";
}
$tag .="</div>";
}

//jika $userid kosong akan melaksanakan perintah ini

else
{
$tag .="<center><form id='form1' name='login' action='../member/index.php' method='post'>
<table border='0' width='100%' ><tr><td >Username</td><td>:<input type='text' name='username' class='editbox' size='17' title='Masukan Username'></td></tr>
<tr><td>Password </td><td>:<input type='password' name='password' class='editbox' size='17' title='Masukan Password'></td></tr>
<tr><td colspan=2 ><input type='submit' value=' Login ' class='art-button' >
<input type='hidden' name='lang' value='id'><input type='submit' value=' Daftar ' class='art-button' onclick='daftar()' ></td></tr></table></form></center>";
}
?>

Langkah terakhir tinggal simpan file tersebut dengan nama login_modif.php
Selanjutnya modul tersebut siap kita pasang melalui administrator untuk langkahnya bisa lihat postingan saya

Cara Menambah Modul/Widget di CMS Balitbang

Kalo sudah berhasil silahkan kembangkan lebih lanjut seperti menambahkan perintah untuk Logout, ipdaddress dsb.

Selamat Mencoba

Salam Hangat Selalu

Aris Munandar

About arisddg31

Saya seorang guru TIK di SMA Negeri 3 Kota Sukabumi asal dari Kota Wates Jogjakarta

Posted on November 29, 2012, in CMS Balitbang, Tutorial. Bookmark the permalink. 5 Komentar.

  1. Salam ….

    Pak, sya mau tanya, cms balitbang saya modul member nya tidak bisa dipakek. saat masuk ke http://smpalfurqan.tk/member kondisinya blank.
    gimana solusinya ?
    terima kasih

  2. as. pa aris mohon bantuannya ya pa…gini masalahnya:
    1. web kami tidak terdetek di pencarian google
    2. ketika memvalidasi member terdapat kesalahan tidak adanya Top Level Domain sehingga yang ada cuma (http:sman1boliyohuto) seharusnya sman1boliyohuto.sch.id, oleh karena itu, kita harus menambahkan TLD secara manual di adress bar. kira letak kesalahannya di mana ya pa? mohon petunjuknya, terima kasih

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: