Wednesday, March 31, 2010

Membuat Halaman Login Form Sederhana (Tanpa DataBase)


Ingin membuat sebuah login form sederhana seperti di bawah ini? di mana aplikasi web ini bisa berfungsi untuk menerima masukan dari user, ataupun saat administrator butuh masuk pada sistem. Tentunya memerlukan login form.

Pada aplikasi web, teknik pengiriman form dapat dilakukan melalui tiga
metode: POST, GET, dan kombinasi keduanya. Dalam konteks PHP,
parameter-parameter GET dapat dibaca melalui superglobal $_GET,
sedangkan POST melalui $_POST. Selain itu, keduanya juga dapat dibaca menggunakan $_REQUEST.

Berikut akan ditulis cara membuat sebuah login form sederhana menggunakan html. Dengan tampilan sebagai berikut:


dan kemudian diisi dengan user dan password dengan tampilan berikut (pada kali ini penulis menggunakan contoh password standart 00000 yang user dan passwordnya akan dapat di ubah pada file admin.php:





Berikut adalah kode html yang harus dibuat disimpan dengan nama ame6.html:




jangan lupa juga membuat file css-nya disimpan dengan nama ame.css:



berikut adalah file php nya yang digunakan sebagai penyimpan data user dan login password di file inilah dapat mengubah password dan usernya. simpan dengan nama admin.php:


Kemudian buat file javasriptnya yang disimpan dengan nama javasript.js:




Pada form ini jika berhasil melakukan login maka akan muncul halaman konfirmasi keberhasilan memasuki sistem sebagai berikut:

dan jika gagal maka akan muncul konfirmasi adanya kesalahan dalam login user. dan jika di klik perintah kembali maka akan kembali ke form login awal :



Terimakasih, karena mungkin dalam tulisan ini masih banyak kesalahan mohon dimaklumi karena kita semua masih berada dalam taraf belajar.

read more...

Wednesday, March 3, 2010

Membuat layout dan web sederhana menggunakan CSS




Membuat halaman web agar lebih mudah dapat memanfaatkan Cascading Style Sheet atau akrab disebut dengan CSS. Dengan CSS, akan mempermudah kita dalam mendesain layout untuk web dengan lebih ringan. Untuk dapat membuat tampilan layout web seperti berikut dengan mengunakan CSS:





Yang pertama dilakukan adalah dengan membuat CSS sebagai berikut, yang disimpan dengan nama modul3_1.css (untuk nama file bisa dirubah sesuai dengan kebutuhan asal tetap dengan ekstensi file .css/ pada tulisan ini nama tersebut hanyalah sebagai contoh)





Lalu kemudian ketikkan kode html berikut:





Setelah selesai layout telah siap dan dapat segera di edit sesuai dengan kebutuhan web yang diperlukan. Berikut ini adalah sedikit contoh untuk mengisi layout-layout tersebut, menjadi sebuah halaman web dengan tampilan berikut ini:





Tidak berbeda jauh dengan sebelumnya awal membuatnya pun dengan membuat file CSS sebagai berikut: (dalam tulisan ini file disimpan dengan nama modul3_2.css)


Lalu buat kode html berikut:


Pastikan gambar yang digunakan dalam desain web anda telah disimpan dalam folder yang sama dengan kode html dan css-nya.

Dalam tulisan kali ini, penulis masih menemukan kelemahan yakni belum validnya halaman web yang telah dibuat, mohon dimaklumi. Jika ada yang bisa bertukar ilmu dan berkenan memberi tahu dimana letak kesalahannya terimakasih sebelumnya.Kita selalu belajar sebagai manusia dan terus saling melengkapi.

read more...