Membuat Aplikasi Android dengan Python dan Kivy | Tutorial Ganti Password

 Halo Sobat Ngoding!

Selamat datang kembali di blog Catatan Mantan IT. Semoga apa yang saya catat di blog ini dapat membantu kalian dalam mempelajari bahasa pemrograman Python dan UI Kivy.

Catatan sebelumnya saya sudah mencatat tentang Tutorial Membuat Halaman Profil Member untuk update data. Nah, sekarang kelanjutannya Tutorial Ganti Password. 

Proses pembuatan Ganti Password di Python dan Kivy ada yang perlu ditambahkan di file main.py, screens.py, profil.py dan profil.kv. lalu buat 2 file, gantipassword.py dan gantipassword.kv

oke saya mulai dari main.py saya menambahkan baris kode python di window manager "Gantipassword(name='gantipassword')," dan " fungsi def gantipass(self): self.wm.current = "gantipassword" " berikut susunan kodenya

main.py

from kivymd.app import MDApp
from kivymd.uix.screenmanager import ScreenManager
from kivy.core.text import LabelBase
from kivy.core.window import Window

Window.size = (500, 650)

from screens.screens import *

class WindowManager(ScreenManager):
    pass

class LapakNgoding(MDApp):
    def build(self):
        self.logged_user = None
        
        self.wm = WindowManager()
        screens =[
            Hallog(name="hallog"),
            Daftar(name="daftar"),
            Hallogadmin(name="hallogadmin"),
            Beranda(name='beranda'),
            Profil(name='profil'),
            Gantipassword(name='gantipassword'), #ini yang ditambahkan
        ]
        for screen in screens:
            self.wm.add_widget(screen)
        return self.wm
        
    def callback(self, instance):
        self.root.current = 'beranda'
    
    def logout(self):
        self.wm.current = "hallog"
        
    def profil(self):
        self.wm.current = "profil"
        
    #ini yang ditambahkan
    def gantipassword(self):
        self.wm.current = "gantipassword"

if __name__ == '__main__':
    LabelBase.register(name="Atma", fn_regular="kv/assets/fonts/Atma-Bold.ttf")
    LabelBase.register(name="Tagline", fn_regular="kv/assets/fonts/Ubuntu-LI.ttf")
    LabelBase.register(name="Line", fn_regular="kv/assets/fonts/Ubuntu-M.ttf")
    LapakNgoding().run()

setelah selesai main.py sekarang kita beralih ke screens.py di sini sama saya menambahkan kode python hanya sebaris saja "from screens.gantipassword import Gantipassword"  berikut susunan kode python -nya

screens.py

from screens.hallog import Hallog
from screens.daftar import Daftar
from screens.daftaradm import DaftarAdm
from screens.beranda import Beranda
from screens.hallogadmin import Hallogadmin
from screens.profil import Profil
from screens.gantipassword import Gantipassword #ini yang di tambahkan

dari screens.py sekarang kita menuju profil.py perlakuannya pun sama, saya hanya menambahkan kode python sebagai fungsi perpindahan layar atau halaman dari profil ke ganti password  " def gantipassword(self): self.manager.current = 'gantipassword' " berikut susunan kode python -nya

profil.py

from kivy.app import App
from kivy.uix.label import Label
from kivy.lang import Builder
from kivymd.uix.dialog import MDDialog
from kivymd.app import MDApp
from kivymd.uix.screen import MDScreen
from kivymd.uix.label import MDLabel
import sqlite3
import bcrypt
import os

BASE_DIR = os.path.dirname(os.path.abspath(__file__))
DB_PATH = os.path.join(BASE_DIR, '..', 'LapakNgoding.db')

from screens.screens import *

class Profil(MDScreen):
    def __init__(self, **kwargs):
        Builder.load_file("kv/profil.kv")
        super().__init__(**kwargs)

    def on_pre_enter(self):
        app = MDApp.get_running_app()
        username = app.logged_user or ""
        self.ids.welcome_label.text = f"Hi {username}, mohon diperhatikan untuk perubahan data!"

        try:
            conn = sqlite3.connect(DB_PATH)
            c = conn.cursor()
            c.execute("SELECT nama, email, nohp, alamat FROM member WHERE username = ?", (username,))
            result = c.fetchone()
            conn.close()
            
            print("Data dari DB:", result)

            if result:
                self.ids.nama.text = str(result[0])
                self.ids.email.text = str(result[1])
                self.ids.nohp.text = str(result[2])
                self.ids.alamat.text = str(result[3])
        except Exception as e:
            print("Error:", e)

    def update_profil(self):
        nama = self.ids.nama.text.strip()
        email = self.ids.email.text.strip()
        nohp = self.ids.nohp.text.strip()
        alamat = self.ids.alamat.text.strip()
        username = MDApp.get_running_app().logged_user

        try:
            conn = sqlite3.connect(DB_PATH)
            c = conn.cursor()
            c.execute("""UPDATE member SET nama=?, email=?, nohp=?, alamat=? WHERE username=?""",
                      (nama, email, nohp, alamat, username))
            conn.commit()
            conn.close()

            self.dialog = MDDialog(text="Data berhasil diperbarui!", radius=[20, 7, 20, 7])
            self.dialog.open()
        except Exception as e:
            print("Error update:", e)
            self.dialog = MDDialog(
				text="Gagal memperbarui data!",
				radius=[20, 7, 20, 7]
			)
            self.dialog.open()
            
    #ini yang ditambahkan
    def gantipassword(self):
        self.manager.current = 'gantipassword'

terakhir yang perlu di tambahkan atau di edit profil.kv, ini adalah kode kivy sebagai desain UI -nya. ya.. kalau di HTML sama dengan CSS lah. di file ini saya menambahkan button yang jika di klik akan menuju ke screen atau halaman ganti password berikut susunan kode kivy -nya 

profil.kv

#:kivy 2.1

<Profil>:

    MDFloatLayout:
        md_bg_color: ("#d3ede6")

        Image:
            source: "kv/assets/foto/lapakngodingtr.png"
            size_hint: 0.5, 0.5
            pos_hint: {"center_x": 0.70, "center_y": 0.87}

        Image:
            source: "kv/assets/foto/logoLapakngodin9.png"
            size_hint: 0.2, 0.2
            pos_hint: {"center_x": 0.13, "center_y": 0.90}

        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_x": 0.60, "center_y": 0.95}

        MDLabel:
            text: "Belajar Ngoding dengan Browsing"
            halign: "center"
            font_size: "16sp"
            font_name: "Tagline"
            pos_hint: {"center_x": 0.60, "center_y": 0.90}
            color: ("#808080")

        MDLabel:
            id: welcome_label
            text: ''
            halign: "center"
            font_size: "18sp"
            font_name: "Tagline"
            pos_hint: {"center_x": 0.50, "center_y": 0.80}
            color: ("#808080")

        MDLabel:
            text: "Profil Saya"
            font_style: "H5"
            halign: "center"
            pos_hint: {"center_y": 0.75}

        MDTextField:
            id: nama
            hint_text: "Nama Lengkap"
            mode: "rectangle"
            icon_left: "account"
            size_hint: 0.70, 0.09
            pos_hint: {"center_x": 0.5, "center_y": 0.69}

        MDTextField:
            id: email
            hint_text: "Email aktif"
            mode: "rectangle"
            icon_left: "email-check-outline"
            size_hint: 0.70, 0.09
            pos_hint: {"center_x": 0.5, "center_y": 0.59}

        MDTextField:
            id: nohp
            hint_text: "No HP"
            mode: "rectangle"
            icon_left: "cellphone-basic"
            size_hint: 0.70, 0.09
            pos_hint: {"center_x": 0.5, "center_y": 0.49}

        MDTextField:
            id: alamat
            hint_text: "Alamat"
            mode: "rectangle"
            icon_left: "city-variant"
            size_hint: 0.70, 0.09
            pos_hint: {"center_x": 0.5, "center_y": 0.39}

        MDRaisedButton:
            text: "Simpan"
            font_size: "16sp"
            font_name: "Atma"
            size_hint: 0.30, 0.07
            pos_hint: {"center_x": 0.32, "center_y": 0.29}
            md_bg_color: ("#23a484")
            on_release: root.update_profil()
        
        #ini yang ditambahkan
        MDRaisedButton:
            text: "Ganti Password"
            font_size: "16sp"
            font_name: "Atma"
            size_hint: 0.30, 0.07
            pos_hint: {"center_x": 0.68, "center_y": 0.29}
            md_bg_color: ("#23a484")
            on_release: root.gantipassword()

        MDTopAppBar:
            md_bg_color: ("#23a484")
            use_overflow: True
            left_action_items:
                [["home", lambda x: app.callback(x), "Home", "Home"]]
            right_action_items:
                [["logout", lambda x: app.logout(), "Logout", "Logout"]]

setelah menabahkan baris kode pada 4 file di atas. sekarang kita buat 2 file python dan kivy berikut susunan kode python dan kivy -nya

1. gantipassword.py (BelajarKivy-screens-gantipassword.py)

from kivymd.uix.screen import MDScreen
from kivymd.uix.dialog import MDDialog
from kivymd.app import MDApp
from kivy.lang import Builder
import sqlite3, bcrypt, os

BASE_DIR = os.path.dirname(os.path.abspath(__file__))
DB_PATH = os.path.join(BASE_DIR, '..', 'LapakNgoding.db')

class Gantipassword(MDScreen):
    show_password = False

    def __init__(self, **kwargs):
        Builder.load_file("kv/gantipassword.kv")
        super().__init__(**kwargs)
        
    def on_pre_enter(self):
        app = MDApp.get_running_app()
        username = app.logged_user or ""
        self.ids.welcome_label.text = f"Hi {username}, mohon diperhatikan untuk perubahan Password!"

    def toggle_password_visibility(self, state):
        self.show_password = state
        # Trigger update
        self.ids.old_password.password = not self.show_password
        self.ids.new_password.password = not self.show_password
        self.ids.confirm_password.password = not self.show_password

    def change_password(self):
        username = MDApp.get_running_app().logged_user
        old_pw = self.ids.old_password.text.strip()
        new_pw = self.ids.new_password.text.strip()
        confirm_pw = self.ids.confirm_password.text.strip()

        if not old_pw or not new_pw or not confirm_pw:
            self.show_dialog("Semua kolom harus diisi!")
            return

        if new_pw != confirm_pw:
            self.show_dialog("Password baru tidak cocok!")
            return

        if len(new_pw) < 8:
            self.show_dialog("Password baru minimal 8 karakter!")
            return

        try:
            conn = sqlite3.connect(DB_PATH)
            c = conn.cursor()
            c.execute("SELECT password FROM member WHERE username = ?", (username,))
            result = c.fetchone()

            if result and bcrypt.checkpw(old_pw.encode(), result[0]):
                new_hashed = bcrypt.hashpw(new_pw.encode(), bcrypt.gensalt())
                c.execute("UPDATE member SET password = ? WHERE username = ?", (new_hashed, username))
                conn.commit()
                self.show_dialog("Password berhasil diubah.")
            else:
                self.show_dialog("Password lama salah.")
        except Exception as e:
            print("Error:", e)
            self.show_dialog("Terjadi kesalahan.")
        finally:
            conn.close()

    def show_dialog(self, message):
        dialog = MDDialog(text=message, radius=[20, 7, 20, 7])
        dialog.open()

2. gantipassword.kv (BelajarKivy-kv-gantipassword.kv) 

#:kivy 2.1

<Gantipassword>:

    MDFloatLayout:
        md_bg_color: ("#d3ede6")

        Image:
            source: "kv/assets/foto/lapakngodingtr.png"
            size_hint: 0.5, 0.5
            pos_hint: {"center_x": 0.70, "center_y": 0.87}

        Image:
            source: "kv/assets/foto/logoLapakngodin9.png"
            size_hint: 0.2, 0.2
            pos_hint: {"center_x": 0.13, "center_y": 0.90}

        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_x": 0.60, "center_y": 0.95}

        MDLabel:
            text: "Belajar Ngoding dengan Browsing"
            halign: "center"
            font_size: "16sp"
            font_name: "Tagline"
            pos_hint: {"center_x": 0.60, "center_y": 0.90}
            color: ("#808080")

        MDLabel:
            id: welcome_label
            text: ''
            halign: "center"
            font_size: "18sp"
            font_name: "Tagline"
            pos_hint: {"center_x": 0.50, "center_y": 0.80}
            color: ("#808080")

        MDLabel:
            text: "Ganti Password"
            font_style: "H5"
            halign: "center"
            pos_hint: {"center_y": 0.75}

        MDTextField:
            id: old_password
            hint_text: "Password Lama"
            password: not root.show_password
            mode: "rectangle"
            icon_left: "lock"
            size_hint: 0.70, 0.09
            pos_hint: {"center_x": 0.5, "center_y": 0.69}

        MDTextField:
            id: new_password
            hint_text: "Password Baru"
            password: not root.show_password
            mode: "rectangle"
            icon_left: "lock"
            size_hint: 0.70, 0.09
            pos_hint: {"center_x": 0.5, "center_y": 0.59}

        MDTextField:
            id: confirm_password
            hint_text: "Konfirmasi Password Baru"
            password: not root.show_password
            mode: "rectangle"
            icon_left: "lock-check"
            size_hint: 0.70, 0.09
            pos_hint: {"center_x": 0.5, "center_y": 0.49}

        MDRaisedButton:
            text: "Simpan"
            font_size: "16sp"
            font_name: "Atma"
            size_hint: 0.30, 0.07
            pos_hint: {"center_x": 0.32, "center_y": 0.19}
            md_bg_color: ("#23a484")
            on_release: root.change_password()

        MDTopAppBar:
            md_bg_color: ("#23a484")
            use_overflow: True
            left_action_items:
                [["home", lambda x: app.callback(x), "Home", "Home"]]
            right_action_items:
                [["logout", lambda x: app.logout(), "Logout", "Logout"]]

 selesai, semoga bermanfaat.

jangan berhenti mencoba. Setiap kesalahan atau kegagalan adalah anak tangga menuju sukses yang kita pijak.

Jakarta, selagi jaga anak, karena istri lagi hiling ke bandung. sampai ketemu lagi di tutorial berikutnya. dan jangan lupa kunjungi juga channelnya lapakngoding.