Validasi dengan javascript

Sekedar untuk catatan kecil untuk pengingat ketika lupa, ya lebih bagus lagi kalau tulisanku ini bermanfaat bagi pembaca. Mumpung koneksi internet lagi stabil, ya dimanfaatin untuk yang bermanfaat. Berawal saat ngambil mata kuliah pemrograman web, aku belajar tentang bagaimana membuat validasi dengan menggunakan javascript. Mungkin Anda pernah melihat peringatan dari web seperti berikut ini :


nah, peringatan dari javascipt di atas akan muncul ketika username belum diisi oleh user. Dan form itu harus diisi dahulu jika ingin login diproses. Peringatan tersebut merupakan contoh simple dengan menggukan javascript. Di bawah ini merupakan scriptnya :

<script type="text/javascript">
function CekData(){

if(document.formLogin.username.value==""){
alert("Username Anda masih kosong, tolong diisi dulu");
document.formLogin.username.focus();
return false;
}

if(document.formLogin.password.value==""){
alert("Password Anda harus diisi");
document.formLogin.password.focus();
return false;
}

return true;
}
</script>

Untuk menggunakan script di atas pada tag form tambahin atribute onsubmit="return CekData()" agar ketika user mengklik tombol submit, form akan membaca fungsi CekData() dan akan memprosesnya jika semua nilai input (username dan password) terisi.

Sebagai catatan aja, cara di atas tersebut tidak dapat berjalan jika javascript browsernya dinonaktifkan.

Oke, selamat mencoba. Maaf jika kata-kataku kurang baik dan kurang bisa dimengerti.

4 Penjahat

Empat orang pria ditahan dalam 1 sel sempit, orang-orang penjahat itu adalah :

1. Pemerkosa
2. Pembunuh
3. Psikopat
4. Waria

Pemerkosa : "Kalau ada kucing di sini nih, bakal gue perkosa tu kucing.."

Pembunuh : "Abis loe kelar perkosa tu kucing, bakal gue siksa tu kucing sampai mati.."

Psikopat : "oooh yaaaa... Kalau tu kucing dah mati, bakal gue perkosa lagi sampai gue yang mati "

Sambil duduk di pojokan penjara yang sempit itu, si Waria berkedip-kedip dan senyum melihat yang lainnya dan berkata dengan lembut ... "meooooooooooooooong"

Nina dan Nenek

Pada hari minggu, Nina siswa SD yang masih duduk di bangku kelas 4 sedang berlibur ke rumah neneknya. Nina sangat senang karena sudah hampir 1 tahun dia tidak berkunjung kerumah neneknya itu lagi. Neneknya pun senang karena tau, bahwa cucunya akan datang ke rumahnya lagi. Disiapkannya lah segala sesuatu yang disukai cucunya itu. Maklum cucu satu-satunya.

Sore itu pun Nina dan kedua orang tuanya datang. Karena kangen beratnya sang cucu, langsung aja dia lari keluar dari mobil ketika sudah masuk di halaman rumah neneknya dan menuju ke teras rumah yang dilihatnya neneknya sudah menunggu. "Neneeeek.... " Nina memanggil Neneknya yang sudah menunggu dia. Ohw Nina cucukku, Nenek kangen sama Nina . "Nina kenapa lama baru kesini lagi" tanya neneknya yang rindu dengan cucu kesayangannya itu.

"Ayo masuk, Nenek sudah siapin kue kesukaan Nina", Kata Neneknya mengajak Nina masuk kerumah. Karena lama tidak ketemu, mereka banyak bercerita, singkatnya begini lah ceritanya.

Nenek : Nin, sekarang nina sudah kelas berapa?
Nina : Sekarang nina sudah kelas 4 Nek, Nina kangen sama nenek.
Nenek : iyaa, nenek juga kangen sama nina. Nina sudah lama tidak kesini.
Nina : iyaa, ayah sama ibu baru ada libur katanya..
Nenek : Oya, Nina sekarang sudah besar yaa.. cita-cita Nina apa kalau sudah besar nanti??
Nina : Nina pengen jadi guru sama penyanyi nek..
Nenek : hehehhe... cucu nenek emank pintar...
Nina : kalau nenek cita-citanya mau jadi apa??
Nenek : Nenek pengen jadi penyanyi cilik

Hihihihiiiii.... Dasar nenek kuplak!!! (emank bisaaaa????)

Map Server

MapServer merupakan flatform aplikasi yang menggunakan webbase dalam penanganan data spasial (peta), Aplikasi yang berbasis webbase mempunyai beberapa kelebihan untuk dipergunakan pada masa yang akan datang (next). Diantaranya Aplikasi webbase dapat diakses dari mana pun di seluruh dunia, dengan hak akses diatur sesuai dengan kebutuhan, tidak perlu software khusus untuk menggunakan aplikasi, cukup dengan web browser, sehingga tidak diperlukan lisensi software khusus di komputer pengakses. Memungkinkan pemutakhiran data secara online. Data dapat dimutakhirkan oleh berbagai pihak yang berwenang dan berkompeten di manapun mereka berada.
Alasan Mengapa Menggunakan MapServer karena MapServer merupakan produk yang mapan (mature), baik dari segi fitur, kestabilan maupun kecepatan akses, untuk menyajikan informasi berbasis peta di internet, Pengembangan MapServer diawali dan terus disempurnakan oleh tim yang dinaungi oleh Universitas Minesotta (Amerika Serikat), bekerjasama dengan NASA (badan antariksa Amerika Serikat). MapServer merupakan produk open source yang telah diuji secara terbuka kehandalannya oleh berbagai pihak di seluruh dunia, dari akademisi dan praktisi di bidang Sistem Informasi Geografik maupun ilmu komputer. Kelangsungan pengembangan MapServer kini juga dijaga oleh Open Source Geospatial Foundation, dengan Autodesk, Inc. (dikenal sebagai pengembanga AutoCAD) sebagai salah satu sponsor utama. Tidak ada biaya lisensi apa pun untuk menggunakan MapServer, baik untuk keperluan komersial maupun non-komersial, digunakan di intern lembaga maupun dipublikasikan secara global.

Fitur standard navigasi peta :

• Zoom in : memperbesar tampilan peta
• Zoom out : memperkecil tampilan peta
• Pan : menggeser tampilan peta
• Ruler : perhitungan jarak di peta

Analisis Radius
Contoh : pusat distribusi ada di kota X, pada radius n distributor mana saja yang terlingkupi.

Buffering
Contoh : pada jarak 'N' km dari sebuah jalan, distributor mana saja yang telah terlingkupi.

Network Analysis
Contoh : mencari jarak terdekat dari kota A ke kota B

Pencarian Distributor
Pencarian distributor yang memenuhi kriteria tertentu

Menampilkan Grafik
Untuk menampilkan data-data yang bersifat time series, misalnya volume penjualan sebuah distributor dalam rentang waktu tertentu

Peta-Peta Tematik
Berdasarkan data/kriteria tertentu, misalnya :

• Tingkat penjualan
• Nilai investasi

Aplikasi / Peta Kompetitor
Peta yang menggambarkan data/informasi tentang competitor

Aplikasi Link ke Peta di Google Map
Aplikasi untuk menampilkan wilayah-wilayah tertentu ke Google Map, Interaksi yang intensif antara data atribut dengan data peta seperti klik di peta untuk menampilkan informasi :

• atribut objek tertentu
• grafik berdasar data time series
• foto, slideshow, dan sebagainya

Query di basis data atribut
Untuk menuju/menampilkan data/peta tertentu

Sumber : WebGis Indonesia (Mengapa Map Server)

Cara mencegah copy file dari komputer ke flashdisk

Bukan mengajar untuk pelit, atau tidak mau berbagi. Tapi ini cara yang lumayan bagus untuk menghindari file yang penting agar tidak di ambil oleh orang lain yang tidak kita mau. Disini saya memberikan sebuah tips untuk mencegah pengambilan data dari komputer anda ke flashdisk dalam arti seseorang tidak akan bisa mengambil data dari komputer anda untuk dimasukkan ke flashdisk orang tersebut, tetapi anda tetap bisa mengambil data dari flashdisk untuk dimasukkan ke komputer anda.

Berikut langkah-langkahnya :

1. Masuk ke Regedit ( Tekan Tombol Windows+R lalu ketik regedit)
2. Masuk ke HKEY_LOCALMACHINE\SYSTEM\CurrentControlSet\Control\
3. Klik kanan pada folder Control pilih New–>Key
4. Beri nama folder baru itu dengan “StorageDevicePolicies”
5. Lalu klik kanan di folder dengan nama “StorageDevicePolicies”,lalu pilih New–>Dword
6. Beri nama “WriteProtect”
7. Klik 2x Dword dengan nama “WriteProtect” tersebut, lalu ganti Value Data menjadi 1
8. Restart Komputer anda

Berikut pesan yang tampil jika ada seseorang mencoba copy/cut data dari komputer
anda untuk dimasukkan di flashdisk. Untuk mengembalikan seperti semula anda tinggal mengganti Value Data dari key “WriteProtect” menjadi 0.

Selamat mencoba. Semoga cara ini hanya untuk menghindari file yang tidak kita inginkan di ambil orang, bukan dengan niat pelit.

Sumber : finderonly.com

BELAJAR VISUAL BASIC 6

Visual Basic merupakan salah satu Development Tool yaitu alat bantu untuk membuat berbagai macam program komputer, khususnya yang menggunakan sistem operasi Windows. Bahasa pemrograman Visual Basic, yang dikembangkan oleh Microsoft sejak tahun 1991, merupakan pengembangan dari pendahulunya yaitu bahasa pemrograman BASIC (Beginner’s All-purpose Symbolic Instruction Code) yang dikembangkan pada era 1950-an.

Untuk lebih jelasnya, langsung saja kita lihat tampilan Development Tool ini. Berikut tampilan awal saat kita membuka tool ini :

Gambar 1. Tampilan awal Visual Basic 6.0

Dapat kita lihat ada 3 tab di form awal tool ini, yaitu New, Existing dan Recent. Ketiga-tiganya mempunyai fungsi masing-masing.

1. New, pilihan untuk membuat project baru (artinya kita membuat dari awal).
2. Existing, pilihan untuk memilih project yang sudah ada baik yang ada pada Harddisk maupun maupun dari drive luar, seperti FD atau yang lainnya.
3. Recent, pilihan untuk memilih project yang sudah kita buat di komputer yang sama.

Di bagaian bawah form awal ini terdapat menu cekBox “Don’t show this dialog in the future”, menu ini yang membuat form ini tampil di awal saat kita membuka Visual Basic 6.0 ini, jika cekBox ini kita centang maka form ini tidak lagi tampil di awal kita membuka VB6.

Lanjut ke tahap selanjutnya,langsung saja click Open. Maka kita langsung dihadapkan dengan tampilan IDE (Integrated Development Environment) VB6. Berikut tampilan IDE VB6 :

Gambar 2 : IDE VB6

Oke, langsung saja kita coba untuk membuat sebuah program perhitungan sederhana, artinya yang hanya bisa Penjumlahan, Pengurangan, Perkalian dan Pembagian. Berikut langkah-langkahnya :

Desain sebuah form seperti di bawah ini.

Gambar 3. Desain form

Selanjutnya langsung saja kita belajar coding di VB6 ini. Masukkan code di bawah ini :

Dim v1 As Currency 'variabel untuk nilai pertama

Dim v2 As Currency 'variabel untuk nilai kedua

Dim vH As Currency 'variabel untuk nilai Hasil

Private Sub Command1_Click()

v1 = Text1.Text

v2 = Text2.Text

If Option1 = True Then 'kondisi saat option1(Option Tambah) terpilih

vH = v1 + v2 'aksi yang dijalankan jika option1 bernilai benar

ElseIf Option2 = True Then

vH = v1 - v2

ElseIf Option3 = True Then

vH = v1 * v2

Else

vH = v1 / v2

End If

Text3.Text = vH 'memasukkan nilai vH (nilai hasil) ke textBox hasil

End Sub

Coba jalankan program dengan meng-Click tombol play atau tekan F5….

Gambar 4. Hasil Runing Program

Demikian cara pembuatan program perhitungan sederhana, silakan kembangkan sesuai pemikiran Anda. Berkreatifitaslah dengan VB6 ini. Semakin bagus pemikiran Anda maka semakin bagus juga program yang Anda buat.

Oke, kita lanjutkan membuat program sederhana yang dapat menginputkan dan menampilkan hasil inputan. Langsung saja kita tambahkan form baru pada project yang sama dengan di atas. Caranya klik Project > Add Form maka akan muncul form seperti berikut :

Langsung saja klik Open,setelah itu desain form seperti di bawah ini :

Setelah itu masukkan code di bawah ini, Anda bisa copy-kan ke project yang Anda buat.

Dim string1 As String

Private Sub Check1_Click()

Label2.FontBold = True

End Sub

Private Sub Check2_Click()

Label2.FontItalic = True

End Sub

Private Sub Check3_Click()

Label2.FontUnderline = True

End Sub

Private Sub Command1_Click()

string1 = Text1.Text

If Option1 = True Then

Label2.ForeColor = vbRed

ElseIf Option2 = True Then

Label2.ForeColor = vbBlue

ElseIf Option3 = True Then

Label2.ForeColor = vbGreen

ElseIf Option4 = True Then

Label2.ForeColor = vbYellow

End If

Label2.Caption = string1

End Sub

Coba jalankan program di atas, setelah faham coba kembangkan sesuai pemikiran Anda sendiri. Selamat mencoba…!!

Kamu bisa download file pdf nya di link download di sini