Membuat Validasi Form Dengan Jquery

Dalam setiap pembuatan aplikasi baik itu aplikasi berbasis web dan dekstop hal wajib yang dilakukan adalah membuat validasi form dimana kegunaan validasi form tersebut sangat penting untuk meminimalisir kesalahan dalam pengimputan data pada form. Ok sobat pada postingan kali saya akan share langkah-langkah membuat sebuah form validasi pendaftaran untuk aplikasi berbasis web, menggunakan jquery lebih tepatnya yaitu menggunakan plugin  Jquery 1.4 dan  Jquery.Validasi.

Dengan adanya jquery ini pembuatan form validasi jadi lebih simpel dan menarik sehingga banyak pengembang website memanfaatkan plugin jquery untuk mempercantik websitenya. Kembali ketopik saya akan membuat form pendaftaran dengan tampilan seperti dibawah ini, dimana error akan muncul jika inputan pada textfield salah atau tidak valid. Pesan error akan muncul disamping kanan textfield dan jika data yang di inputkan benar maka Pesan error akan berganti menjadi OK..Error bersifat interaktif dimana pesan akan muncul sesuai dengan data yang di inputkan. berikut tampilannya :

Contoh tampilan form saat sudah divalidasi

Pengenalan Dasar Jquery

Jquery Adalah Library atau kumpulan kode siap pakai. keuntungan menggunakan jquery dibandingkan javascript standar, yaitu menyederhanakan kode dengan cara memanggil fungsi-fungsi yang disediakan oleh jquery. jquery memiliki semboyan "Write less, do more" atau dengan kata lain kesederhanaan dalam penulisan code, tetapi menghasilkan tampilan yang lebih. Jquery pertama kali dirilis tahun 2006 oleh John Resig. Jquery menjadi sangat populer hingga telah digunakan pada banyak website termasuk website kelas dunia seperti Google, Amazon, Facebook, Twitter, ESPN, dan masih banyak website lainnya.

Membuat Template Halaman Web Sederhana II

Pada postingan kali ini saya akan melajutkan tutorial pembuatan template halaman web sederhana dimana pada postingan yang lalu kita sudah mempelajari pembuatan halaman awal atau layout utama yang nantinya akan menjadi halaman depan pada project website sederhana ini..dan untuk tutorial kali ini kita membutuhkan satu aplikasi lagi yaitu adobe Photoshop CS3, jika compi sobat belum terinstal aplikasi photoshop sobat bisa mendownloadnya disini, untuk sobat yang belum melihat artikel pertama sobat bisa melihatnya disini, tanpa basa basi lagi oke sobat berikut langkah-langkahnya :

Tentang Saya

IDENTITAS SAYA

Nama ./Name                           [[--Aulia Syani ./ Haulian Sya'bani Hidayatulloh--]]

Alamat ./Address                      [[--Kokok Lauk I Kelayu Selatan Selong Lombok timur NTB--]]

Hanphone                                 [[--087841672186--]]

Email                                          [[--inzakhu.raema@gmail.com--]]
Jenis Kelamin ./Gender          [[--Laki-Laki--]]
Warga Negara ./Nationality    [[--Indonesia--]]
Agama ./Religion                      [[--Islam--]]

Membuat Template Halaman Web Sederhana

Melamun, merenung disinggasana kamarku eeh terlintas di benakku  akan halaman blog yang kagak pernah aku update untuk posting artikel terbaru ..berfikir dan berfikir kali ini aku mau posting apaya..? disaat asik terbuai dengan alam fikiranku eh tiba-tiba aku dikejutkan oleh seorang teman yang tiba-tiba datang...seketika itupun lamunanku buyar..dan kami mulai ngobrol..eh ternyata temanku butuh bantuan untuk dibuatkan template web sederhana, dan akhirnya terlintas difikiranku sekalian aja buat posting blogku...

Ok tanpa berbasa-basi lagi untuk kali ini ane mau posting tutorial cara membuat template halaman web sederhana mengunakan Dreamweaver CS5 dan Xampp 1.7.3 dimana halaman web ini meliputi halaman frontend saja...saya asumsikan teman-teman sudah mengistal adobe dreamweaver CS5 dan Xampp sebagai servernya jika belum teman-teman bisa mendownload dreamweavernya disini dan Xampp disini dan jika semua peralatan tempur sudah dipersiapkan kita berangkat ke medan perang *hehe gila emang prajurit* Ok berikut langkah-langkahnya :

STTH VS STMIK LOMBOK PRAYA

STTH kampus rintisan STMIK LOMBOK ini merupakan kampus yang dulunya tidak ada apa2x dibandingkan sekarang, awal mulanya kampus ini hanya sebuah bangunan tua dengan ruang kelas yang terpetak-petak dengan pembatas berbahan triplek, kampus ini memiliki banyak kontroversi yang mengundang kekecewaan yang sangat mendalam bagi mahasiswanya terutama mahasiswa angkatan pertama sampai dengan angkatan berikutnya, kini bangunan kampus ini sudah berdiri megah dan bisa dikatakan kampus elite yang terdiri dari gedung tiga lantai.

Tahap Awal Membangun Website

Malam ini hujan lagi, udara dingin & mata ane kagak mau merem-merem ni, padahal sedari tadi ni mata melek trus.. biase plototin proposal yang kgak kelar-kelar, dasar ane mang pantas dikatakan mahasiswa sontoloyo..:)*sambil senyum malu-malu hiks...*.

Pada postingan kali ini ane sedikit share buat teman-teman langkah awal dalam membangun sebuah website, hal pertama yang kawan-kawan lakukan adalah dengan cara Membuat Site, dimana site bisa disamakan sebuah project yang merupakan tempat kawan-kawan bekerja dan mengorganisasi file-file Script coding yang akan dibangun.Saya asumsikan anda telah mengistall software dreamweaver jika belum anda bisa mendowloadnya disini jika compi anda sudah terinstal dreamweaver maka soo lanjut berikut langkah-langkahnya: