Cara membuat Tools Generate Password
» » »

Cara membuat Tools Generate Password

tanaka_agata
0

Cara membuat Tools Generate Password 



Pengertian Password generator 

Tools generate password adalah tools yang berisi sekumpulan karakter karakter unik (seperti huruf, angka dan simbol) yang nantinya akan digabungkan menjadi sebuah kata unik yang rendem. Hasil dari kata rendem tersebutlah yang bisa kita digunakan sebagai password.

Saat ini ada banyak sekali Tools generate password di internet, ntah itu berupa software yang dapat kita unduh, ataupun tools generate yang berupa web. 

Beberapa pertimbangan sebelum membuat generate password 

Untuk membuat generate password yang kuat setidaknya kita harus mempertimbangkan beberapa hal, seperti :
  1. Panjang kata 
  2. Penggunaan Huruf besar dan kecil
  3. Penggunaan angka dan simbol 
  4. Aturan penggunaan password di Platform yang akan kita daftari (Ada beberapa platform yang tidak meng-izinkan penggunaan simbol di password mereka)
  5. Serta kombinasi acak lainya 

Fungsi Generate password 

Fungsi utamanya adalah membuat password acak/rendem. Password hasil dari generate password cenderung lebih kuat dari pada hasil kita sendiri, hal ini dikarenakan saat kita membuat password, kita cenderung hanya menggunakan kombinasi huruf dan angka yang familiar. 

Berbeda dengan Generate password, generate password akan menggunakan kombinasi huruf besar dan kecil, angka serta simbol simbol unik untuk menghasilkan password.

Tentu dengan banyaknya kombinasi didalam suatu password, maka akan semakin kuat serta semakin aman dari serangan bruteforce peretas. 

Kelebihan serta kekurangan generate password 

kelebihan 

  1. Mudah digunakan 
  2. Gratis
  3. Password yang dihasilkan cenderung lebih kuat 
  4. Sangat membantu bagi kamu yang kesusahan saat membuat password 

Kekurangan 

  1. Sebagian generate password bersifat online (hanya bisa digunakan saat ada akses internet)
  2. Password yang dihasilkan cenderung sulit diingat 

Cara membuat tools generate password 

Untuk membuat tools generate password sebenarnya tidak terlalu sulit (meskipun kamu hanya mengerti pemrograman dasar), kamu hanya perlu memasukan input kumpulan karakter lalu melakukan randomisasi karakter yang diinput.
Untuk lebih jelasnya kamu dapat melihat Source Code dibawah ini 

1. Generate password pertama 

Html & JavaScript 
<!doctype html>
<html>
<head>
<meta campuret="utf-8">
<title>Password random</title>
    <script language="javascript" type="text/javascript">
    function random() {
        var acak = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz-+@$*`>_<¢¥\|β&~[]%!?";
        var jumlah = 12;
        var random = '';
        for (var i=0; i<jumlah; i++) {
           var hasil = Math.floor(Math.random() * acak.length);
           random += acak.substring(hasil,hasil+1);
       }
       document.random_form.disini.value = random;
   }
</script>
</head>
 
<body>
    <form name="random_form">
        <input type="button" value="Generate Password" onClick="random();">
        <input type="text" name="disini" value="">
    </form>
</body>
</html>

Itu adalah Source Code javascript sederhana untuk membangun generate password.

Kamu dapat mengubah serta mempercantik tampilan menggunakan Css serta menambahkan input kumpulan simbol.

2. Generate password kedua

Secara tampilan generate password ini lebih baik dari generate password yang pertama, namun dari segi cara kerja dan pengoperasian tetap sama.

Html:
<div class="password-generator">
  <div class="head">
    <div class="title">
      Password
    </div>
    <div class="password">
     
    </div>
  </div>
  <div class="length">
    <div class="title">
      Length: <span>10</span>
    </div>
    <div class="input">
      <input type="range" id="password-length" min="8" max="20" value="10">
    </div>
  </div>
  <div class="settings">
    <div class="title">
      Settings
    </div>
    <div class="list">
      <div class="item">
        <input type="checkbox" id="setting-number">
        <label for="setting-number">Number</label>
      </div>
      <div class="item">
        <input type="checkbox" id="setting-specialchar">
        <label for="setting-specialchar">Special Characters</label>
      </div>
    </div>
  </div>
  <button id="generate-password">Generate Password</button>
</div>
Css:
* {
  margin:0px;
  padding:0px;
  box-sizing:border-box;
}
body {
  background:#afbec3;
  font-family:"Raleway",sans-serif;
}
.password-generator {
  margin:100px auto;
  width:320px;
  padding:15px;
  background:#1d2d59;
}
.password-generator .head {
  margin:20px 0px;
}
.password-generator > div > .title {
  font-size:13px;
  color:#a7bbd4;
}
.password-generator .head .password {
  background:#161a42;
  padding:0px 10px;
  height:50px;
  line-height:50px;
  margin-top:5px;
  color:#f5f5f5;
  font-weight:600;
  border-radius:5px;
}
.password-generator .length {
  margin-top:30px;
}
.password-generator .length .input {
  padding:8px 10px 15px;
  background:#161a42;
  margin-top:5px;
  border-radius:10px;
}
.password-generator .length .input input {
  -webkit-appearance:none;
  width:100%;
  height:1px;
  background:#9ca7de;
  outline:none;
}
.password-generator .length .input input::-webkit-slider-thumb {
  -webkit-appearance:none;
  background:#f5f5f5;
  border-radius:50%;
  width:15px;
  height:15px;
}
.password-generator .settings {
  margin-top:20px;
}
.password-generator .settings .list .item {
  padding:12px;
  margin:5px 0px;
  background:#161a42;
  border-radius:10px;
}
.password-generator .settings .list .item label {
  font-size:14px;
  color:#f5f5f5;
  margin-left:10px;
}
.password-generator .settings .list .item input {
  width:15px;
  height:15px;
}
.password-generator button {
  margin:20px 0px;
  width:100%;
  height:45px;
  border:none;
  outline:none;
  font-size:16px;
  background:#7271cc;
  color:#f5f5f5;
  border-radius:10px;
  font-weight:600;
  cursor:pointer;
}
JavaScript: 
let app = document.querySelector(".password-generator");
app.querySelector(".length input").addEventListener("input",function(){
  app.querySelector(".length span").innerText = app.querySelector(".length input").value;
});
app.querySelector("#generate-password").addEventListener("click",function(){
  let settings = {
    length:app.querySelector(".length input").value,
    numbers:app.querySelector(".settings #setting-number").checked,
    specialchars:app.querySelector(".settings #setting-specialchar").checked,
  };
  let specialCharArr = ["@","#","$","$","%","^","&","*",".","_"];
  let password = "";
  for(let i=0;i<settings.length;i++){
    let r = Math.random();
    if(r > 0.8 && settings.numbers){
      password += Math.trunc(Math.random()*9);
    } else if(r > 0.5){
      password += String.fromCharCode(Math.trunc(Math.random()*26)+65);
    } else {
      password += String.fromCharCode(Math.trunc(Math.random()*26)+97);
    }
    if(r < 0.4 && settings.specialchars){
      password += specialCharArr[Math.trunc(Math.random()*specialCharArr.length)];
      i++;
    }
    app.querySelector(".head .password").innerText = password;
  }
});
Selain menggunakan JavaScript, sebagai logika program, kamu juga dapat menggunakan bahasa lain, seperti python, php, java dan lain sebagainya.

Mengunakan php language 

<?php
function password_generate($chars) 
{
  $data = '1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZabcefghijklmnopqrstuvwxyz';
  return substr(str_shuffle($data), 0, $chars);
}
  echo password_generate(7)."\n";
?>

Menggunakan Python language 

import random
print ('masukan angka bukan huruf')
Masuk = int (input(" masukan panjang password : "))
List ="0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz-+@$*`>_<¢¥\|β&~[]%!?"
output = " " .join (random.sample(List,Masuk))
print (output)
Sebenarnya tanpa perlu menggunakan Generate password, kamu juga dapat membuat password yang aman dan kuat, untuk tuturial cara membuat password yang aman dan mudah diingat sudah saya buat disini 

Penggunaan generator password hanya digunakan apabila kamu ingin mencari kombinasi password yang kuat dan aman.


Demikianlah rangkuman informasi tentang "Cara membuat Generator password", apabila ada kesalahan atau kekurangan dalam penyampaian mohon dimaafkan serta dikoreksi dikolom komentar.
Arigatou gozaimasu 

Baca Juga
SHARE
Subscribe to get free updates

Related Posts

Posting Komentar

Posting Komentar

Iklan Tengah Post