Langkah Awal Untuk Program Regristrasi Login

Langkah Awal Untuk Program Registrasi Login 

adalah Memprogram atau Mengkomputerisasi aktifitas manual ( administrasi atau non-administrasi ). Memformulasikan bagaimana data entry, bagaimana formnya dan databasenya, Cara mengolah data entry via form saja atau kombinasi form dan trigger.

Disini intinya adalah skil web program yang ditrapkan ke dalam bentuk source code yang mencakup VBScrip, PHP, Javascrip, ASP, ASP.NET, JSP, Flash, HTML5 dan CGI mengembangkannya ke bahasa Program web maupun membuat proyek web apapun dengan sangat mudah jika kita sudah memahami intinya.

Sistem Yang Akan Dibuat

Sistem yang akan di buat cuman ada 2 form yaitu form registrasi dan form login register muncul saat paramenter URL f = NULL (nihil ) dan form login muncul saat paramenter URL f = 2. data register terdiri dari Username, Password, Tempat tinggal, Jenis Kelamin dan Hobi.  User login dengan data Username dan Password yang telah di regristrasi.

Diharap dengan mengetahui cara membuat 2 form , kita mengetahui jika kita membuat 3, 4 atau banyak form, juga diharap mengetahui cara memanipulasi database yang hanya memiliki 1 tabel, mengetahui database yang memiliki 2,3,atau lebih banyak tabel.

Database

Semuanya menggunakan datbase MySQL. intinya database hanya seputar memanipulasi tabel, dan pengaturan hak akses user atas tabel. Tabel terdiri atas baris dan kolom. User awam bisa menambah/mengubah/menghapus data tabel pada database lewat aplikasi atau kombinasi aplikasi tiger. Karena sangat luas yang dapat dilakukan makanya hanya membahas database  yang berisi tabel dan kolom berupa Usernam, Password, jenis kelamin, tempat tinggal, dan hobi.

Karena database cuman 1 tabel maka kita namai db_user dan tabelnya kita namai tbl_user. Karena kebetulan hanya stu tabel maka kita buat dari nol tanpa mengimport. jika tabel lebih dari 100 tabel untuk menghemat waktu lebih baik kita import saja. Untuk membuat nol tanpa mengimprt jalankan saja phpMyAdmin pada browser dengan mengetikkan http://lokalhost/phpmyadmin sampai muncul seperti pada gambar berkut

Pada create new database ketik db_user lalu klik create, maka database db_user sudah jadi, selanjutnya pada Name ketik tbl_user dan pada Number of fields ketik 5, kemudian klik tombol go sampai muncul tampilan seperti gambar berkut ini

Kemudian isikan field, type, length, default pada field 5 kolom isikan Username, Password, Tempat tnggal, Jenis kelamin, dan Hobi kemudian pada Type isikan VARCHAR Semua, terus pada length isikan 100, dan pada default isikan 0 ( null ).

Form

Disini langkah awal untuk program regristrasi login formnya cuman ada 2 yaitu registrasi dan login. berkut adalah tampilan dan penjelasan form register, seperti gambar berikut ini,

Dan berkut tampilan form login, seperti gambar serikut ini,

Komponen tag HTML untuk membuat form

• <a> untuk membuat hyperlink
• <img> untuk membuat imagebox
• <input type='TEXT'> untuk membuat textbox
• <input type='PASSWORD'> untuk membuat passwordbox
• <input type='FILE'> untuk membuat filebox
• <input type='CHECKBOX'> untuk membuat checkbox
• <input type='RADIO'> untuk membuat radiobutton
• <select> untuk membuat combox
• <inpur type='submit'> untuk membuat tombol
• <textarea> untuk membuat textarea
• <table> untuk membuat tabel
• <form> sebagai tempat semua komponen komponen tersebut.

Untuk pengaturan tataletak komponen form menggunakan tag <tabel>...</tabel> atau <div>...</div>.

• <table> untuk membuat tabel
• </table> untuk penutup pembuatan tabel
• <div> untuk memulai pembuatan div
• </div> untuk penutup pembuatan div

Didalam <table> ada <tr>, di dalam <tr> ada <td>, di dalam <td> ada data atau komponen form

• <tr> untuk memulai pembuatan baris pada tabel.
• </tr> untuk penutup pada pembuatan baris tabel.
• <td> untuk memulai pembuatan kolom pada tabel.
• </td> untuk penutup pembuatan kolom pada tabel.

Sehingga jika mau membuat sebuah tabel dengan 2 baris dan 2 kolom, adalah seperti berikut
          <table border='1'>
                 <tr>
                         <td> baris 1 kolom 1 </td>
                         <td> baris 1 kolom 2 </td>
                 </tr>
                 <tr>
                        <td> baris 2 kolom 1 </td>
                        <td> baris 2 kolom 2 </td>
                 </tr>
          </table>


Untuk menghiasi form menggunakan warna menggunakan CSS. misal:
<td style='background-color : yellow;'>
<input type='SUMIT'  style='width : 100%'>

Sekian dulu materi belajar kita tentang Langkah Awal Program register login dan akan di lanjud pada post berikutnya membahas tentang ASP Program.