Daha önceki  bir yazımızda  şifre güvenliği ölçme  için oluşturulan Complexify  uygulamasından bahsettik. İnputala nında  girdiğiniz  şifrenin zorluk yada kolaylık derecesine göre yüzdelik oranda  bir hesaplama yaparak kullanıcıya  ne kadar güvenli olduğunu gösteriyordu.  Bu yazıda bahsedeceğim Naked Password uygulaması da  özellik olarak aynı  ama şifre güvenliğini kullanıcıya  yüzdelik oranlarla hesaplayarak değil de biraz komik bir şekilde  göstermeye  çalışıyor.

Naked password  başlığını gördüğüm zaman işin aslı tam olarak ne olduğuna karar veremedim.  Naked kelimesi ingilizce çıplak anlamında kullanılıyor.  Aklıma  ilk  gelen herhalde şifreler girildiği  zaman şifre  göster  yada gizle  diye  bir  örnek  olabileceğini  düşündüm ama  değilmiş.  Her   giriş sayfasında  olduğu  gibi input bölüümleri var bu çalışmada  fakat siz  parolanızı  girdiğiniz  an input  alanı içerisinde  bir  kız yada erkeğin ikonu  görünüyor ve girdiğiniz kelimelerin karmaşıklığına göre  erkek yada kız  soyunuyor 😀 Komik tarafı buydu işte.

İlla web sitenizde soyunan erkek yada kız  kullanma  konusunda  mecbur  değilsiniz  tabi. İmages  klasörü içerisinde  bulunan  erkek  ve kız ikonlarını kendinize göre değiştirebilirsiniz. Hayal gücünüze bağlı olarak istediğiniz  her türlü  ikon oluşturabilirsiniz. Bu bakımdan eklenti çok hoşuma gitti diyebilirim.  Aslında geliştiricinin asıl amacı ero… değilde kullanıcıları  daha güçlü  şifre oluşturmak için teşvik etmek.

 Kullanım

• Head etiketleri arasına eklenmesi gereken bölümler.

Js dosya adresleri :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../javascripts/naked_password-0.2.4.min.js" type="text/javascript" charset="utf-8"></script>

 JavaScript :

<script type="text/javascript">
	$(document).ready(function() {
			    $("input:password#test1").nakedPassword({path: "../images/", sex: "f"});
			    $("input:password#test2").nakedPassword({path: "../images/", sex: "m"});
	});
</script>

• Body etiketleri arasına eklenmesi gereken bölüm.

Html :

<h1>Naked Password Female</h1>
<input type="password" id="test1" style="font-size: 50px">
<h1>Naked Password Male</h1>
<input type="password" id="test2" style="font-size: 50px">