Dimulai dari hasil karya sendiri, maka disini saya coba untuk berbagi dalam proses pembuatan sebuah halaman login menggunaka PHP & CSS, dimana proses login akan dilakukan dengan session dan untuk mempercantik tampilan login saya menggunakan CSS. Baik lah berikut langkah nya….

Pertama kita buat dulu folder Login di web root, jika menggunakan windows dengan berbasis XAMPP biasa nya folder tersebut terletak di C:\xampp\htdocs\, tetapi jika anda menggunakan sistem operasi linux maka folder webroot anda berada pada /var/www. Kemudian didalam folder Login tersebut buat 2 folder yaitu folder images dan config.

Kemudian kita buat database login, kemudian buat tabel sebagai berikut :

CREATE TABLE IF NOT EXISTS `userid` (
`id` int(9) NOT NULL AUTO_INCREMENT,
`nama` varchar(30) COLLATE latin1_general_ci NOT NULL,
`alamat` varchar(250) COLLATE latin1_general_ci NOT NULL,
`t4_lahir` varchar(30) COLLATE latin1_general_ci NOT NULL,
`tgl_lahir` date NOT NULL,
`gender` varchar(6) COLLATE latin1_general_ci NOT NULL,
`telp` varchar(15) COLLATE latin1_general_ci NOT NULL,
`username` varchar(30) COLLATE latin1_general_ci NOT NULL,
`password` varchar(32) COLLATE latin1_general_ci NOT NULL,
`level` varchar(20) COLLATE latin1_general_ci NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=7 ;

kemudian isikan data sebagai berikut :

INSERT INTO `userid` (`id`, `nama`, `alamat`, `t4_lahir`, `tgl_lahir`, `gender`, `telp`, `username`, `password`, `level`) VALUES
(2, ‘ADMIN”, ‘Jl. Asrama’, ‘Tebing Tinggi’, ‘1980-01-01′, ‘pria’, ‘061000000, ‘admin’, ‘admin’, ‘admin’);

Jika database, tabel dan sudah diisi datanya, maka skrg kita akan memulai membuat halaman login nya.

Pertama kita buat dulu sebuah file sambung.php, kemudian disimpan di dalam folder /login/config/, berikut script nya :

<?php
$host=”localhost”;
$user=”root”;
$pass=”";
$db=”login”;
mysql_connect($host,$user,$pass) or die (”Koneksi Gagal”);
mysql_select_db($db) or die (”Database Tidak Ditemukan”);
?>

setalah itu dibuat kita buat file CSS dengan nama login.css kemudian simpan di folder /login/config/, berikut script nya :

/* CSS Document */
/* Created By Gudie Fithlail */
body{
font-family: Tahoma;
text-align: center;
}

#header {
position: relative;
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
margin-right: auto;
margin-left: auto;
width: 800px;
border: 1px solid #265180;
padding-top: 70px;
text-align: left;
}

#content {
margin-left: 230px;
padding: 20px 10px 0 0;
}
#content p {
font-size: 75%;
line-height: 1.8em;
padding-left: 2em;
}

#content1 {
margin:auto 2em;
position:relative;
padding: 20px 10px 0 0;
}
#content1 p {
font-size: 75%;
line-height: 1.8em;
padding-left: 2em;
}
#menu {
position: absolute;
top: 90px;
left: 0;
width: 180px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#menu li {
width: 180px;
border-bottom: 1px solid #969BA5;
margin: 0;
padding: 0;
font-size: 80%;
vertical-align: bottom;
}
#menu a:link, #menu a:visited {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 12px solid #265180;
border-right: 1px solid #265180;
background-color: #CAD6EC;
color: #265180;
text-decoration: none;
}
#menu a:hover {
background-color: #265180;
color: #FFFFFF;
}

a:link,a:visited {
color:#265180;
}
a:hover {
color: #FF6600;
text-decoration:none;
}
h2 {
font: normal 120% Georgia;
color: #265180;
background-color: transparent;
border-bottom: 1px dotted #265180;
}
table {
font-family: Tahoma;
font-size: 8pt;
border-width: 1px;
border-style: solid;
border-color: #999999;
border-collapse: collapse;
margin: 0px 0px;
}
th{
color: #FFFFFF;
font-size: 7pt;
text-transform: uppercase;
text-align: center;
padding: 0.5em;
border-width: 1px;
border-style: solid;
border-color: #969BA5;
border-collapse: collapse;
background-color: #265180;
}
td{
padding: 0.4em;
vertical-align: top;
border-width: 1px;
border-style: solid;
border-color: #969BA5;
border-collapse: collapse;
}
input,textarea,select{
font-family: Tahoma;
font-size: 8pt;
}
#footer{
padding: 20px 0 10px 255px;
font-size: 70%;
color: #FFFFFF;
background-color: #265180;
text-align:center;
}

Jika file css sudah dibuat sekarang kita membuat file index.php simpan di folder /login, berikut script nya :

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1252″ />
<title>SISTEM LOGIN</title>
<link href=”config/login.css” rel=”stylesheet” type=”text/css”/>
</head>

<body>
<div id=”header”>
<div id=”content”>
<h2>LOGIN SISTEM</h2>
<img src=”images/login-welcome.gif” width=”97″ height=”105″ hspace=”10″ align=”left” />
<?php
include “form_login.php”;
?>
<p>&nbsp;</p>
</div>
<div id=”footer”>
COPYRIGHT &copy; Gudie Fithlail
</div>
</div>
</body>
</html>

Selanjutnya buat file form_login.php, simpan didalam folder /login/, berikut script nya :

<?php
echo  “<form method=POST action=cek_login.php>
<table>
<tr><td>Username</td><td> :  <input type=text name=user></td></tr>
<tr><td>Password</td><td> :  <input type=password name=pass></td></tr>
<tr><td colspan=2><input type=submit value=Login></td></tr>
</table>
</form>”;
?>

Kemudian buat file cek_login.php, untuk melakukan proses pengecekan username dan password pada Database

<?php
session_start();
include “config/sambung.php”;
include “config/library.php”;
$pass=md5($_POST[pass]);
$user=$_POST[user];

$login=mysql_query(”SELECT * FROM userid WHERE username=’$user’ AND password=’$pass’”);
$ketemu=mysql_num_rows($login);
$r=mysql_fetch_array($login);

//Apabila username dan password ditemukan dan admin
if ($ketemu > 0){

if($r[level]==’admin’){
$_SESSION[namauser]=$r[nama];
$_SESSION[passuser]=$r[password];
$_SESSION[level]=$r[level];
header(”location:media.php?modul=home”);
}elseif($r[level]==’supervisor’){
$_SESSION[namauser]=$r[nama];
$_SESSION[passuser]=$r[password];
$_SESSION[level]=$r[level];
header(”location:media1.php?modul=home”);
}elseif($r[level]==’staff’){
$_SESSION[namauser]=$r[nama];
$_SESSION[passuser]=$r[password];
$_SESSION[level]=$r[level];
header(”location:media2.php?modul=home”);
}
}
else{
echo “<link href=config/adminstyle.css rel=stylesheer type=text/css>”;
echo “<center>Login gagal! username dan password tidak benar<br>”;
echo “<a href=index.php><b>ULANGI LAGI</b></a></center>”;
}
?>

Jika sudah siap, silahkan anda jalankan Halaman login yg telah anda buat, halaman dapat di melalui http://localhost/login. Jika pembuatan berhasil maka anda muncul halaman seperti berikut :

Semoga berhasil.. Jika masih terdapat error silahkan tinggalkan komentar ya..

Images :

Sumber : Buku Master PHP, Pengarang Lukmanul Hakim (yang sangat membantu saya dalam belajar PHP dan CSS)

Regards

Gudie Fithlail

CodeIgniter merupakan salah satu dari sekian banyak framework PHP,  kini mulai banyak digunakan dalam mengembangkan aplikasi berbasis web.  Saat ini ada banyak framework PHP, diantaranya: Zend Framework, CakePHP, Trax, Symfony dan sebagainya. Tentu saja, setiap framework memiliki kelebihan dan kekurangannya masing-masing, penulis disini menggunakan CodeIgniter didasarkan oleh banyak dukungan Komunitas dan lengkap user guide yang diberikan oleh CodeIgniter.

CodeIgniter dibuat oleh Rick Ellis (www.ellislab.com) berbasis PHP 4, bersifat OpenSource dan gratis. CodeIgniter cocok bagi Anda bila:

• Anda ingin framework yang handal.
• Anda membuthkan perfomance yang handal.
• Anda ingin agar web Anda kompatibel dengan standar hosting yang menjalankan beberapa versi PHP dan konfigurasi yang berbeda.
• Anda ingin framework dengan konfigurasi minimal.
• Anda tidak ingin menggunakan libraries besar seperti PEAR.
• Anda tidak ingin mempelajari templating langguage, misalnya Smarty.
• Anda ingin solusi yang sederhana.
• Anda menginginkan framework dengan dokumentasi yang jelas.

Tulisan diatas sekilas tentang CodeIgniter, untuk membahas CodeIgniter lebih dalam lagi pembaca di membaca di http://id.wikipedia.org/wiki/CodeIgniter dan juga di www.ellislab.com, atau Anda juga bisa membaca langsung di web CodeIgniter di http://codeigniter.com/. Di Web tersebut membahas semua tentang Dokumentasi dan Penggunaan Plugins yang dibutuhkan.

Penulias disini akan coba membuat sebuah aplikasi web dengan berbasis CodeIgniter, baik lah tentang pembuatan dilanjutkan di artikel selanjutnya.

Ya Allah

Cukupkanlah Permohonan Kami Dengan Rhido-Mu.

Jadikan Kami Sebagai Sepasang Kekasih yang saling mencintai dikala dekat, saling menjaga kehormatan di kala jauh, saling menghibur dikala duka, saling mengingatkan dikala bahagia, saling mendo’akan kebaikan, ketaqwaan dan saling menyempurnakan dalam peribadahan…

Amin Ya Rabbal Alamin…..

Tadi malem iseng-iseng oprek centos 5.x, yang menjadi kendala bagi yang pertama kali install centos setting internet nya yang susah, tapi disini saya share gimana setting ip static di centos 5.x, semoga bermanfaat, ok sekarang kita menuju ke TKP.

1. Buka System –> Administration –> Network, lalu akan muncul masukkan password root anda, setalh itu muncul kotak dialog sebagai berikut :

Jika sudah muncul pilih Device nya eth0 lalu tekan tombol edit, lalu masukkan ip anda seperti berikut :

Setelah memasukkan ip, kita harus menetukan routing dari peoses internetnya, caranya masuk ke Tab Route, isi kan data seperti berikut :

kemudian tekan OK, selanjutnya kita setting DNS nya, isikan DNS nya sesuai yg kita dapat dari ISP kita, gambar seperti berikut :

Jika DNS sudah diisikan, Kembali ke Tab Devices kemudian tekan Tombol Activate, pilih Yes, setelah itu OK. Jika tidak ada error, berarti setting IP telah benar, untuk melakukan test koneksi, silahkan anda coba browsing dari web browser kesayangan anda.

Demikian lah proses setting ip static di Centos 5.x, semoga bermanfaat..

Rgds

Gudie Fithlail

Sumber : pengalaman pribadi

Setelah sekian lama vacum di dunia blogging, kini saya mulai nulis lagi, kali ini saya membuat tulisan tentang Apache Mysql PHP yang di install pada sistem operasi Ubuntu 10.04 (Lucid Lynx).

Oke daripada banyak cerita kita langsung aja ke prakteknya….

1. Langkah pertama kita harus login terlebih dahulu ke linux dan buka terminal console. Lalu ketik

sudo su

2. Instalasi paket MySql

aptitude install mysql-server mysql-client

Kemudian anda akan diminta untuk memasukkan password Root MySQL, Silahkan anda isi sesuai dengan keinginan anda, jika tidak ingin diisi silhakan kosong aja, lalu tekan Enter.

3. Instalasi Apache2

aptitude install apache2

pada ubuntu dokumen web root anda ada pada /var/www, dan file konfigurasinya ada di /etc/apache2/apache2.conf. Tambahan konfigurasi disimpan dalam subdirektori dari / etc/apache2 direktori seperti / etc/apache2/mods-enabled (untuk modul Apache), / etc/apache2/sites-enabled (untuk virtual host), dan / etc/apache2/conf

4. Instalasi PHP

aptitude install php5 libapache2-mod-php5

setelah selesai melakukan instalasi PHP, restart apachenya :

/etc/init.d/apache2 restart

5. Sekarang kita testing PHP, buat file info.php di dokumen web root /var/www, kemudian ketikkan file sbg berikut :

#cd /var/www

#vim info.php

<?php

phpinfo();

?>

jika sudah silahakan disimpan dengan cara tekan tombol ESC lalu ketik tanda “:” kemudian diikutin dengan “wq” lalu enter.

Kemudian kita test info.php di web browser. Kalau nampil berarti instalasi PHP telah berhasil.

6. Instalasi Dukungan PHP

aptitude search php5

aptitude install php5-mysql php5-curl php5-gd php5-idn php-pear php5-imagick php5-imap php5-mcrypt php5-memcache php5-mhash php5-ming php5-ps php5-pspell php5-recode php5-snmp php5-sqlite php5-tidy php5-xmlrpc php5-xsl php5-json

setelah selesai instalasi dukungan PHP nya, kita restart apache.

/etc/init.d/apache2 restart

7. Instalasi phpmyadmin

phpMyAdmin adalah antarmuka web di mana Anda dapat mengelola database MySQL Anda. Ini adalah cara yang baik untuk menginstalnya:

aptitude install phpmyadmin

Anda akan melihat pertanyaan-pertanyaan berikut:

Web server to reconfigure automatically: <– apache2
Configure database for phpmyadmin with dbconfig-common? <– No

Kemudian untuk melakukan akses nya silahkan ketik di browser http://localhost/phpmyadmin

Itulah cara melakukan instalasi web server diubuntu 10.04, semoga bermanfaat

Rgds

Gudie Fithlail

sumber : how to forge

UNTUK SUAMI
(Sebuah Syair Renungan Singkat Bagi Laki-laki)

Pernikahan atau perkawinan,
Menyingkap tabir rahasia,
Isteri yang kamu nikahi,
Tidaklah semulia Khadijah,
Tidaklah setaqwa Aisyah,
Pun tidak setabah Fatimah …
Justru Isteri hanyalah wanita akhir zaman,
Yang punya cita-cita, Menjadi solehah…
Pernikahan ataupun perkawinan,
Mengajar kita kewajiban bersama …
Isteri menjadi tanah, Kamu langit penaungnya,
Isteri ladang tanaman, Kamu pemagarnya,
Isteri kiasan ternakan, Kamu gembalanya,
Isteri adalah murid, Kamu mursyid (pembimbing) -nya,
Isteri bagaikan anak kecil, Kamu tempat bermanjanya …
Saat Isteri menjadi madu, Kamu teguklah sepuasnya,
Seketika Isteri menjadi racun, Kamulah penawar bisanya,
Seandainya Isteri tulang yang bengkok, ber-hati²lah meluruskannya …
Pernikahan ataupun perkawinan,
Menginsafkan kita perlunya iman dan taqwa …
Untuk belajar meniti sabar dan ridho,
Karena memiliki Isteri yang tak sehebat mana,
Justru kamu akan tersentak dari alpa,
Kamu bukanlah Muhammad Rasulullah atau Isa As,
Pun bukanlah Sayyidina Ali Karamaullahhuwajah,
Cuma suami akhir zaman, yang berusaha menjadi soleh … Amiiin

UNTUK ISTRI
(Sebuah Syair Renungan Singkat Bagi Wanita)

Pernikahan ataupun perkawinan,
Membuka tabir rahasia,
Suami yang menikahi kamu,
Tidaklah semulia Muhammad,
Tidaklah setaqwa Ibrahim,
Pun tidak setabah Isa atau Ayub,
Atau pun segagah Musa,
Apalagi setampan Yusuf
Justru suamimu hanyalah pria akhir zaman,
Yang punya cita-cita, Membangun keturunan yang soleh …
Pernikahan ataupun Perkawinan,
Mengajar kita kewajiban bersama,
Suami menjadi pelindung, Kamu penghuninya,
Suami adalah Nakoda kapal, Kamu navigatornya,
Suami bagaikan balita yang nakal, Kamulah penuntun kenakalannya,
Saat Suami menjadi Raja, Kamu nikmati anggur singasananya,
Seketika Suami menjadi bisa, Kamulah penawar obatnya,
Seandainya Suami masinis yang lancang, sabarlah memperingatkannya
Pernikahan ataupun Perkawinan,
Mengajarkan kita perlunya iman dan taqwa,
Untuk belajar meniti sabar dan ridho,
Karena memiliki suami yang tak segagah mana,
Justru Kamu akan tersentak dari alpa,
Kamu bukanlah Khadijah, yang begitu sempurna di dalam menjaga
Pun bukanlah Hajar ataupun Mariam, yang begitu setia dalam sengsara
Cuma wanita akhir zaman, yang berusaha menjadi solehah … Amiiin

~Untuk sahabatku yang akan menjadi pengantin, semoga senantiasa mendapat keberkahan dan kebaikan dari Allah

Pada postingan saya yang pertama sudah pernah membahas tentang Sanba on Fedora 10. Pada postingan ini saya lebih spesifikasi lagi dalam membagi setiap folder sesuai dengan kebutuhan si user, sehingga jika user tersebut login hanya bisa buka folder yang sudah ditentukan saja. Oke dari pada banyak ocehan kita mulai saja settingannya, berikut langkah – langkahnya :

- Install dulu paket samba nya

yum install samba samba-client

- Kemudian konfigurasi file smb.conf, berikut settingan samba yang pernah saya lakukan.

# Created Config & Setting by M Gudie Fithlail Nst (IT DIVISION)

[global]

workgroup = Sesuaikan WorkGroup Anda

netbios name = samba

server string = %h server (Samba, CenTOS 5.4)

encrypt passwords = yes

security = user

domain logons = Yes

os level = 65

preferred master = Yes

domain master = Yes

local master = yes

wins support = yes

username map = /etc/samba/smbusers

name resolve order = wins bcast hosts

logon drive = q:

log level = 3

add user script = /usr/sbin/useradd -m %u

delete user script = /usr/sbin/userdel -r %u

add group script = /usr/sbin/groupadd %g

delete group script = /usr/sbin/groupdel %g

add user to group script = /usr/sbin/usermod -G %g %u

add machine script = /usr/sbin/useradd -s /bin/false -d /var/lib/nobody/ %u

idmap uid = 15000-20000

idmap gid = 15000-20000

passwd program = /usr/bin/passwd %u

passwd chat = *Enter\snew\sUnix\spassword:* %n\n *retype\snew\sUnix\spassword: %n\n .

passwd chat debug = yes

unix password sync = yes

[hrd]

comment = Data Repository Divisi HRD

valid users = Silahkan buat user sesuai dengan kebutuhan

writable = yes

path = /mnt/data1/HRD

read only = No

[it]

comment = Data Repository Divisi IT

valid users = Silahkan buat user sesuai dengan kebutuhan

writable = yes

path = /mnt/data1/IT

read only = No

[all]

comment = Data Repository Untuk Superuser

valid users = superuser

writable = yes

path = /mnt

read only = No

[CanonIP1880]

comment = Printer Canon IP1880

printable = yes

public = yes

path = /var/spool/winp

[homes]

comment = Home

valid users = %S

read only = No

browseable = No

[netlogon]

path = /home/samba/netlogon

admin users = Administrator

valid users = %U

read only = no

[profile]

path = /home/samba/profiles

valid users = %U

create mode = 0600

directory mode = 0700

writable = Yes

browsable = No

[allusers]

path = /home/shares/users

valid users = @users

force group = users

create mask = 0660

directory mask = 0771

writable = yes

- Buat direktori samba user

# mkdir -p /home/samba/netlogon

# mkdir -p /home/samba/profiles

# chown -R root:users /home/samba/

# chmod -R 755 /home/samba/

# mkdir -p /home/shares/users

# chown -R root:users /home/shares/users/

# chmod -R 775 /home/shares/users/

- Buat user system untuk login samba

# useradd test -n -g users

# passwd test

Changing password for user test.

New UNIX password: [userpassword]

Retype new UNIX password: [userpassword]

passwd: all authentication tokens updated successfully.

- Tambah samba user

# smbpasswd -a test

New SMB password: [passworduser]

Retype new SMB password: [passworduser]

# smbpasswd -e test

Enabled user test.

# smbpasswd -a root

New SMB password: [rootpasswordsamba]

Retype new SMB password: [rootpasswordsamba]

# smbpasswd -e root

Enabled user root.

- Start samba service

# /etc/init.d/smb start

Starting SMB services: [ OK ]

Starting NMB services: [ OK ]

- Setting service supaya bootable

# chkconfig –add smb

# chkconfig –level 345 smb on

Kemudian coba akses samba dari windows untuk melihat apakah Samba anda sudah berhasil, jika berhasil

dapat diakses dari Start –> Run –> Ketik \\ip_address_samba, kemudian masukkan user dan password samba yangtelah anda buat.

Thank’s

Regards

Seljuks.

Buka terminal, lalu import kunci berikut :

sudo apt-key adv –recv-keys –keyserver keyserver.ubuntu.com FE85409EEAB40ECCB65740816AF0E1940624A220

Edit file sources.list anda mengunakan editor kesayangan anda, disini saya menggunkana gedit :

sudo gedit /etc/apt/sources.list

kemudian isikan mirror repository berikut :

- Ubuntu 8.10 Interpid

deb http://ppa.launchpad.net/tualatrix/ppa/ubuntu intrepid main

deb-src http://ppa.launchpad.net/tualatrix/ppa/ubuntu intrepid main

- Ubuntu 9.04 Jaunty

deb http://ppa.launchpad.net/tualatrix/ppa/ubuntu jaunty main

deb-src http://ppa.launchpad.net/tualatrix/ppa/ubuntu jaunty main

- Ubuntu 9.10 Karmic

deb http://ppa.launchpad.net/tualatrix/ppa/ubuntu karmic main

deb-src http://ppa.launchpad.net/tualatrix/ppa/ubuntu karmic main

Kemudian update ubuntu dan install tweak ubuntu anda :

sudo apt-get update

sudo apt-get install ubuntu-tweak

System Tools –> Ubuntu Tweak

Selamat mencoba…