Ads 120 X 160px

Rabu, 31 Maret 2010

Membuat Login Form Sederhana

Setelah berminggu-minggu saya tidak memposting sesuatu kedalam blog ini, sekarang saya akan memberikan suatu pengetahuan tentang membuat Login form sederhana dengan menggunakan php.

pada minggu-minggu sebelumnya kita telah belajar tentang membuat halaman sederhana dengan menggunakan tipe html, sekarang kita akan menambahkan tambahkan tipe php kedalam halaman web yang akan kita buat.

dalam membuat Login form sederhana ini, kita membutuhkan tiga komponen utama, yaitu : file CSS, file HTML, dan file PHP.

file CSS berguna untuk membuat atau mengatur kerangka utama atau kerangka dasar dari halaman web yang kita buat.
file PHP berguna untuk mengatur data yang akan digunakan dalam proses login,misalnya username, password dll.
file HTML berguna untuk mempublikasikan halaman web yang telah dirancang dalam file CSS dan php.

sekarang kita akan MEMBUAT LOGIN FORM SEDERHANA, ikuti langkah-langkah dibawah.

1. Membuat File CSS
Buatlah file css seperti contoh di bawah ini :



simpan file diatas dengan tipe data .css

2. Buat File PHP
buatlah file php seperti contoh dibawah ini :



simpan file diatas dengan tipe .php

3. Buat File HTML
buatlah file HTML seperti contoh dibawah ini :



simpan file diatas dengan tipe.html

adapun hasil dari halaman web yang telah dibuat dengan mengikuti langkah-langkah diatas adalah seperti pada gambar dibawah.


Background dan nama Login dapat kita ganti sesuai dengan gambar yang kita inginkan dan kita masukkan nama file pada kode yang kita buat.

pada halaman web ini, gambar dapat dicopy dan disimpan dalam 1 folder dengan data file PHP, CSS, dan HTML yang telah kita buat.



Dalam login form ini apabila dalam memasukkan username dan password tidak tepat, maka halaman akan mengarah pada halaman kesalahan login. Dan apabila dalam memasukkan username dan password sudah tepat maka halaman akan mengarah pada sebuah halaman yang menyatakan selamat telah berhasil melakukan login. Username dan password telah diatur dalam file php, begitu juga apabila terjadi kesalahan dan berhasil login telah diatur dalam file php.

Selamat Mencoba!!!!


Read more..

Selasa, 09 Maret 2010

Membuat Aplikasi Form Pemesanan Makanan dan Minuman dengan JavaScript

Setelah sebelumnya kita belajar tentang membuat aplikasi kalkulator sederhana dengan javascript. sekarang kita akan Membuat Aplikasi Form Pemesanan Makanan dan Minuman dengan JavaScript. Pertama kita harus mengopykan kode-kode dibawah ini pada worksheet yang kita pakai, seperti notepad.exe. dibawah ini adalah kode yang harus dicopykan :



pada kode diatas merupakan kode javascript yang harus disimpan dengan tipe .js, pada kode ini harus dipisahkan dengan kode yang bertipe .html
selanjutnya copykan kode yang bertipe .html pada worksheet yang sedang kita gunakan. adapun kode dapat dicopy dibawah ini



setelah semua berhasil docpykan, jalankan file javascript yang telah dikerjakan tadi. dan hasilnya adalah seperti pada gambar dibawah ini

Adapun spesifikasi pemesanan adalah sebagai berikut :
  • Field Harga, jumlah total, diskon, dan jumlah bayar bersifat read only atau hanya bisa dibaca . Karena itu kita perlu mendisable properti elemen-elemen field-field tersebut.
  • Jika pesan diisi, maka field Jumlah Total, Diskon, Jumlah Bayar secara otomatis akan menghitung totalnya. dengan ini kita memberikan even handler onChange pada field-field pesan, dimana fungsi dipanggil ketika teks dalam elemen berubah.
  • Jumlah Total = Σ(Harga * Pesan)
  • Jumlah Bayar = Jumlah Total – Diskon
  • Jika pembelian lebih dari 50000, maka field diskon secara otomatis akan berisi nilai diskon sebesar 10000 (tidak berlaku kelipatannya) dan otomatis field jumlah bayar akan berkurang. Dengan ini kita memberikan event handler onChange di field-field Pesan, dan pada perhitungan Jumlah Bayar kita beri pernyataan bersyarat if-else.
Selamat Mencoba dan Semoga Bermanfaat!!!

Read more..

Membuat Kalkulator Sederhana dengan Javascript


**** Lihat disini untuk memulai ****





Selamat Mencoba!!!


Read more..

Rabu, 03 Maret 2010

Lagu Indonesia Update Maret 2010

Daftar lagu terbaru bulan maret 2010, versi blogku ajjah. ga banyak, masie belum sempet masukin lagu-lagunya. hehe...

  1. Afgan - Cinta Dua Hati, untuk mendownload Klik disini
  2. Marcel - Takkan Terganti, untuk mendownload Klik disini
  3. Vidi Aldiano - Pelangi dimalam hari, untuk mendownload Klik disini
  4. Hello - 2 cincin, untuk mendownload Klik disini
  5. Goliath - Cinta Monyet, untuk mendownload Klik disini
  6. Kerispatih - Aku harus jujur, untuk mendownload Klik disini
  7. She - Apalah Arti Cinta, untuk mendownload Klik disini
untuk tambahan lagu-lagu baru lainnya masie menyusul yaa....
Read more..

IP anda

IP

Right

Daftar Link