Hidden Menu (Hover)

Contoh kali ini adalah perbaikan dari contoh yang diposting sebelumnya (http://webkriting.blogspot.com/2012/02/hidden-menu.html). Kali ini ketika menu dihover oleh mouse maka akan langsung memperlihatkan diri. Dan jika link panah diklik maka akan menahan menu untuk terus terlihat. Tidak menggunakan onmouseover, tetapi menggunakan selector pseudo-class :hover.

Download: http://sites.google.com/site/karuniaprojects/documents/hidden-menu-hover.html

Hidden Menu

Eksperimen sederhana membuat menu tersembunyi. Ketika mendapat triger (onclick atau onhover) maka menu tersembunyi itu muncul. Hanya menggunakan sedikit Javascript, selebihnya adalah permainan CSS. Terinspirasi dari menu pada icon user google dan facebook.

Download: http://sites.google.com/site/karuniaprojects/documents/hidden-menu.html

HTTP Secure Simple Login

Proses login sederhana menggunakan protokol HTTP ternyata tidak sulit. Di bagian bawah ada link download untuk contohnya. Tekniknya menggunakan kamuflase input berupa password, yang sebelum form dikirim input tersebut dibaca dan diamankan menggunakan MD5 dan penanda waktu yang dikirim server melalui cookie, lalu dimasukkan ke dalam input yang lain bertipe hidden. Untuk lebih amannya lagi, input yang bertipe password tidak diberi properti name agar ketika form dikirim tidak ikut terkirim.

Setelah data password itu sampai di sisi server, script membaca password asli dan melakukan proses yang sama seperti di sisi browser, yaitu memproses hash dengan bumbu penanda yang dikirim sebelumnya melalui cookie. Setelah proses komparasi antara password dikirim dengan password yang ada, maka jika valid akan dilanjutkan menuju url selanjutnya. Untuk lebih jelas, download dan pelajari scriptnya.

catatan:
ada 2 user contoh untuk login, pertama test1 dengan password 1234, kedua test2 dengan password 1234.

Downlod: http://sites.google.com/site/karuniaprojects/documents/simple-login.zip

Mengamankan String Komparasi Dengan MD5, SHA1, atau CRC32

Script tester MD5, SHA1, dan CRC32, string dibandingkan antara hasil dari Javascript dengan hasil dari PHP. Dengan operasi MD5 dan SHA1 di sisi browser, maka data-data sensitif untuk komparasi seperti password dapat terlindungi dari para pengintai jaringan, terutama para pengelola jaringan yang nakal. Berikut ini link-linknya, silahkan dicoba menggunakan Apache+PHP, atau bisa langsung dibuka menggunakan web browser dengan mengubah ekstensi file menjadi html.


MD5: http://sites.google.com/site/karuniaprojects/documents/js-md5.php


SHA1: http://sites.google.com/site/karuniaprojects/documents/js-sha1.php


CRC5: http://sites.google.com/site/karuniaprojects/documents/js-crc32.php