Membuat Aplikasi Android Form Pendaftaran dengan Python dan KivyMD

 Sehat selalu ya koder. kamrin saya sudah mencatat tentang Cara Install Database SQLite. sekarang saya akan mencatat Membuat Aplikasi Android dengan Python dan Kivy Form Pendaftaran dan nantinya akan saya kombinasi dengan insert data ke SQLite. Jadi semua yang saya catat diblog ini saling berhubungan ya koder.

langsung saja. untuk Membuat Form Pendaftaran dengan Python dan Kivy sama seperti membuat halaman login dengan python dan kivy. 

Saya masih menggunakan file yang kemarin saat membuat halaman login. buat koder yang belum baca, silahkan baca disini terlebih dahulu, agar faham alurnya. 

Hasil dari kode yang akan saya catat seperti ini.

oke langsung saya mulai dari file utama yang berada di folder Aplikasi Python - main.py. di dalam file main.py ini saya menambahkan variabel daftar screens dengan kode Daftar(name="daftar"). perhatikan gambar di bawah ini pada baris ke 17.

lalu di file screens.py yang berada di folder Aplikasi Python - screens - screens.py saya menambahkan form import variabel daftar dengan kode form screens.daftar import Daftar. perhatikan gambar di bawah ini pada baris kedua.

lalu di file hallog.kv yang berada di folder Alikasi Python - kv - hallog.kv di bagian MDRaiseButton untuk tombol Daftar saya tambahkan kode on_releas : root.manager.current = "daftar". kode ini berfungsi untuk ketika Button daftar di klik, maka akan menuju ke Form Pendaftaran. Perhatikan cara penulisannya  pada gambar di bawah ini baris ke 54 dan 55.

 Masih di dalam Folder Aplikasi Python - kv di dalam folder ini saya menambahkan atau membuat file baru dengan nama daftar.kv dengan susunan kode sebagai berikut

daftar.kv

<Daftar>:

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 : "14sp"

font_name : "Tagline"

pos_hint:{"center_y": 0.67}

color:("#808080")

MDLabel:

text: "Daftar Member Lapak Ngoding"

halign : "center"

font_size : "16sp"

font_name : "Atma"

pos_hint:{"center_y": 0.63}

color:("#808080")

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.57}

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.47}

MDTextField:

id: nohp

hint_text: "No HP Aktif"

mode:"rectangle"

icon_left: "cellphone-basic"

size_hint: 0.70, 0.09

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

MDTextField:

id: alamat

hint_text: "Alamat Lengkap"

mode:"rectangle"

icon_left: "city-variant"

size_hint: 0.70, 0.09

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

MDTextField:

id: password

password: True

hint_text: "Password min 8 karakter"

mode:"rectangle"

icon_left: "key-variant"

size_hint: 0.70, 0.09

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

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.32, "center_y": 0.07}

md_bg_color: ("#23a484")

on_press : root.submit()

MDLabel:

text: "Sudah Punya Akun?"

halign : "center"

font_size : "16sp"

font_name : "Line"

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

color:("#000000")

perhatikan di MDRaisedButton di valiabel on_press : root.submit(). itu adalah url untuk ke fungsi submit yang berada di file daftar.py.

Jadi sekarang di Folder kv ada 2 file yaitu, hallog.kv dan daftar.kv. setelah selesai di Folder kv saya kembali lagi ke Folder screens. di dalam folder ini saya membuat file python dengan nama daftar.py dengan susunan kode sebagai berikut.

daftar.py

 

 

from kivymd.app import MDApp

from kivymd.uix.screen import MDScreen

from kivy.lang import Builder

import sqlite3

import bcrypt

class Daftar(MDScreen):

def __init__(self, **kwargs):

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

super().__init__(**kwargs)

def submit(self):

nama = self.ids.nama.text

email = self.ids.email.text

nohp = self.ids.nohp.text

alamat = self.ids.alamat.text

password = self.ids.password.text

password = password.encode('utf-8')

Passwordh = bcrypt.hashpw(password, bcrypt.gensalt())

#koneksi ke database dan insert

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

c = conn.cursor()

c.execute("INSERT INTO member (nama, email, nohp, alamat, password)VALUES(:nama, :email, :nohp, :alamat, :password)",

{

'nama' : nama,

'email' : email,

'nohp' : nohp,

'alamat' : alamat,

'password' : Passwordh

})

conn.commit()

conn.close()

 di dalam file ini saya menambahkan modul database sqlite3 import sqlite3 dan modul enkripsi password bcrypt import bcrypt.

oke koder, segini dulu ya catatannya. mungkin untuk berikutnya saya akan mencatat, penambahan kodisi if elif dan else untuk data yang di input.

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

 

Terima kasih

Jakarta, Minggu jam 3.30 pagi