Membuat Halaman Registrasi

Sekarang kita akan membuat halaman registrasi menggunakan codecharge studio. Sebelum ini, kita sudah membuat layout website pada halaman index. Agar halaman  registrasi kita memiliki layout yang sama dengan halaman index, cara cepatnya adalah mengcopy file index.
Caranya mudah, klik/pilih halaman index kemudian klik kanan dan pilih menu "copy to".. tulis nama file baru, dalam hal ini adalah register.

Sebelum lanjut, perlu kita pikirkan apakah keanggotaan di website kita ini memiliki tingkatan? misalnya ada administrator, ada member dll. Jika ya kita perlu membuat database tingkatan member ini. silahkan buat dulu menggunakan phpmyadmin.

gampangnya, gunakan dump file berikut di sql form

CREATE TABLE IF NOT EXISTS `tingkatmember` (
  `tingkatmember_id` int(11) NOT NULL AUTO_INCREMENT,
  `tingkatmember` varchar(256) NOT NULL,
  PRIMARY KEY (`tingkatmember_id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;

--
-- Dumping data for table `tingkatmember`
--

INSERT INTO `tingkatmember` (`tingkatmember_id`, `tingkatmember`) VALUES
(1, 'member'),
(2, 'admin');

 Berikutnya jangan lupa untuk menambahkan field "tingkatmember_id"  di tabel profil.
Nah.. kembali ke CCS.
Letakkan kursor di lokasi kita ingin menempatkan form registrasi. Kemudian dengan menggunakan toolbox (kolom kanan atas ccs) pada tab "Builders" pilih "Record Builder".

Pilih Connection1 (cuman ada 1 khan), klik Next...
Data Source pilih profil (tabel yang akan diisi)
Primary key pilih idteman


Tentukan record/field apa saja yang akan di input:
pilih nama, email, password, tanggallahir, tingkatmember_id
(data alamat, telp dan photo nanti saja dulu di form update. field idteman tidak perlu karena sudah autoincrement)
Klik Next...
Lihat gambar.





Berikutnya Step 3 dari 4 adalah menentukan Action.. Pilih Insert dan Cancel saja (karena ini halaman pendaftaran yang tidak digunakan untuk update dan delete data).

Klik Next













Terakhir step 4/4. Tentukan style.. ada banyak sekali pilihan style yang telah disediakan.
Untuk contoh ini saya pilih "Original)
Tentukan apakah style ini akan di gunakan di halaman atau hanya untuk form ini saja. Saya pilih style original ini hanya untuk form saja.
Lihat gbr.

Sekarang tabel form registrasi sudah tercipta. Tetapi form ini masih belum dapat digunakan. Kita masih harus mengatur beberapa hal:

1. Ganti tulisan "Add/Edit Profil" Menjadi "Registrasi"
2. Klik di field email, kemudian lihat properties pada tab Data. Pada properti Unique set dengan "Yes" (kita tidak mau ada member yang berkali-kali register dengan email yang sama). Pada properti Input Validation pilih Email (ini akan menjaga field email ini diisi dengan email yang benar).
3. Klik field tanggallahir, lihat properties pada properti Format pilih dd/mm/yyyy (bisa juga dd-mmm-yyyy). Pada properti DBFormat pilih yyyy-mm-dd HH:nn:ss
4. Klik field tingkatmember_id, atur properti Default Valuenya =1. Klik kanan pada field tingkatmember_id, pilih "Change To", pilih Hidden.
5. Klik kanan pada button Add, pilih <input> properties, pada Label ganti Add menjadi "Register".

Save halaman ini. Lihat Life Pagenya.

Sampai disini form regisrasi sudah berfungsi. Silahkan dicoba..

Pengaturan lainnya masih diperlukan untuk menyempurnakan form registrasi ini, misalnya:

1. Setelah tombol register di klik, ke halaman mana member baru tersebut di bawa? biasanya adalah halaman terima kasih yang ada form loginnya. Cara mengaturnya sederhana, klik buton registrasi, lihat di properties bagian Return Page, pilih halaman yang akan muncul setelah buton register di klik (kalo belum ada halamannya ya buat dulu).
2. Jika tombol cancel yang di klik, ke halaman apa member akan di bawa? bisa saja di set ke halaman depan (index). Cara mengaturnya sederhana, klik buton Cancel, lihat di properties bagian Return Page, pilih halaman yang akan muncul setelah buton Cancel di klik.
3. Untuk tampilan form registernya, silahkan berkreasi. Pengetahuan tentang html sangat membantu.
4. Kita bisa melengkapi sisi keamanan form ini dengan Captcha yang disediakan oleh CCS (Tool box tab Form).
5. Umumnya Member yang mendaftar akan menerima email pemberitahuan yang menginformasikan pendaftarannya dan info lainnya.
6. Admin akan menerima email memberitahu ada yang mendaftar.
7. Page title ganti menjadi Registrasi. Masuk ke mode Html.

Untuk membuat agar form ini dapat mengirimkan email ke member dan ke admin setelah sukses registrasi di bahas di tulisan berikut "Membuat email konfirmasi dengan CodeCharge Studio".