Membuat Aplikasi Android Sistem Enkripsi dan Deskripsi Password Bcrypt untuk Autentikasi Login dengan Python dan Kivy

 

Hai Koder, jangan lupa baca catatan sebelumnya ya untuk mengerti alur catatan Membuat Aplikasi Android Sistem Enkripsi dan Deskripsi Password Bcrypt untuk Autentikasi Login dengan Python dan Kivy. Silahkan koder baca disini.

oke kita mulai

Membuat Aplikasi Android Sistem Enkripsi dan Deskripsi Password Bcrypt untuk Autentikasi Login dengan Python dan Kivy

Skema filenya sebagai berikut

buka file hallog.kv yang berada di Aplikasi Python - kv - hallog.kv lalu pada bagian button login di tambahkan kode on_press : root.loginAcc pada bagian akhir MDRiseButton. berikut full kode hallog.kv. Jangan lupa id pada textfieldnya di bagian MDTextField id : username dan id : password.

hallog.kv

#:kivy 2.1

<Hallog>:

MDFloatLayout:

md_bg_color: ("#d3ede6")

Image:

source:"kv/assets/foto/lapakngodingtr.png"

size_hint: .5 , .5

pos_hint:{"center_x": 0.5,"center_y": 0.70}

Image:

source:"kv/assets/foto/logoLapakngodin9.png"

size_hint: .2 , .2

pos_hint:{"center_x": 0.5,"center_y": 0.85}

MDLabel:

text: "L a p a k N g o d i n g"

halign : "center"

font_size : "30sp"

font_name : "Atma"

pos_hint:{"center_y": 0.71}

MDLabel:

text: "Belajar Ngoding dengan Browsing"

halign : "center"

font_size : "16sp"

font_name : "Tagline"

pos_hint:{"center_y": 0.65}

color:("#808080")

MDTextField:

id: username

hint_text: "Username"

mode: "rectangle"

icon_left: "account"

size_hint: 0.70, 0.10

pos_hint:{"center_x": 0.5,"center_y": 0.58}

MDTextField:

id: password

password: True

hint_text: "Password"

mode:"rectangle"

icon_left: "key-variant"

size_hint: 0.70, 0.10

pos_hint:{"center_x": 0.5, "center_y": 0.47}

MDRaisedButton:

text:"L o g i n"

font_size : "16sp"

font_name : "Atma"

size_hint: 0.30, 0.02

pos_hint: {"center_x": 0.32, "center_y": 0.37}

md_bg_color: ("#23a484")

on_press : root.loginAcc()

MDRaisedButton:

text:"D a f t a r"

font_size : "16sp"

font_name : "Atma"

size_hint: 0.30, 0.02

pos_hint: {"center_x": 0.68, "center_y": 0.37}

md_bg_color: ("#23a484")

on_release :

root.manager.current = "daftar"

MDRaisedButton:

text:"Login dengan Google"

font_size : "16sp"

font_name : "Atma"

size_hint: 0.66, 0.02

text_color:("#00000")

pos_hint: {"center_x": 0.5,"center_y": 0.28}

md_bg_color: ("#23f2eb")

MDRaisedButton:

text:"Login dengan Facebook"

font_size : "16sp"

font_name : "Atma"

size_hint: 0.66, 0.02

text_color:("#00000")

pos_hint: {"center_x": 0.5,"center_y": 0.19}

md_bg_color: ("#38b6ff")

MDLabel:

text: "Lupa Password?"

halign : "center"

font_size : "16sp"

font_name : "Line"

pos_hint:{"center_y": 0.10}

color:("#000000")

Sekarang ke file hallog.py yang berada di Aplikasi Python - screens - hallog.py. Lalu di dalam file tersebut import Modul; MDDialog (untuk popup notifikasi), sqlite3 (database yang digunakan) dan bcrypt (untuk enkrips dan deskrip password).

 Setelah selesai import modul, tambahkan fungsi loginAcc. berikut full kode hallog.py

hallog.py

 

from kivymd.app import MDApp

from kivymd.uix.screen import MDScreen

from kivy.lang import Builder

from kivymd.uix.dialog import MDDialog

import sqlite3

import bcrypt

class Hallog(MDScreen):

pass

def __init__(self, **kwargs):

Builder.load_file("kv/hallog.kv")

super().__init__(**kwargs)

def loginAcc(self):

username = self.ids.username.text

password = self.ids.password.text

if not len(username or password) < 1:

if True:

conn = sqlite3.connect('/home/zahir/LapakNgoding.db')

c = conn.cursor()

c.execute("SELECT * FROM MEMBER")

db = c.fetchall()

l = []

n = []

for user in db:

a = (user[1])

z = (user[6])

l.append(a)

n.append(z)

userdata = dict(zip(l, n))

#userdata = (l,n)

try:

if username in userdata:

user = userdata[username]

try:

if bcrypt.checkpw(password.encode(), user):

print("Berhasil login!")

print("Hi", username)

else:

print()

self.dialog = MDDialog(

text = "Password salah!.untuk mengulangi klik di luar box",

radius=[20, 7, 20, 7],

)

self.dialog.open()

except:

print()

self.dialog = MDDialog(

text = "Mohon password dan username periksa kembali!.untuk mengulangi klik di luar box",

radius=[20, 7, 20, 7],

)

self.dialog.open()

else:

print()

self.dialog = MDDialog(

text = "Maaf username tidak terdaftar!.untuk mengulangi klik di luar box",

radius=[20, 7, 20, 7],

)

self.dialog.open()

except:

print()

self.dialog = MDDialog(

text = "Password atau username belum terdaftar!.untuk mengulangi klik di luar box",

radius=[20, 7, 20, 7],

)

self.dialog.open()

else:

print()

self.dialog = MDDialog(

text = "Gagal login!.untuk mengulangi klik di luar box",

radius=[20, 7, 20, 7],

)

self.dialog.open()

else:

print()

self.dialog = MDDialog(

text = "Password dan username tidak boleh kosong!.untuk mengulangi klik di luar box",

radius=[20, 7, 20, 7],

)

self.dialog.open()

 

selesai, berikut tampilan - tampilan ketika di jalankan.

1. Jika username tidak terdaftar

2. Jika Password salah

3. Jika berhasil login

oke kita sudah berhasil login. untuk tampilan halam member atau beranda member, akan saya catat di catatan berikutnya. Jadi, SUBSCRIBE Channel Youtube Lapak Ngoding ya, untuk mendapatkan info catatan selanjutnya.

Versi videonya di CHANNEL YOUTUBE LapakNgonding, jangan lupa SUBSCRIBE ya channelnya.

Jakarta, Malam minggu, jam 23.54