Beberapa Contoh Penerapan Kolom Input Dan Label Dengan Output Yang Dikendalikan Tombol Dibuat Dengan Tkinter Pada Python – Part 2

Niguru.com | Jumat, 30 Apr 2021 | Pada posting sebelumnya Niguru.com sudah menjelaskan mengenai cara pembuatan tampilan GUI dengan menggunakan bahasa pemrograman Python.

Pada posting kali ini Niguru.com akan melanjutkan pembahasan dengan menjelaskan mengenai suatu yang dapat berfungsi untuk membatasi jumlah karakter.

variabel= "text"[:jumlah_karakter]

Contoh:

a= "Niguru"[:3]

 

Maka variabel a = "Nig" karena hanya 3 karakter yang dipindahkan ke variabel a.

Untuk contoh program berikutnya, Niguru.com akan menggunakan 2 buah function berikut ini:

def cetakteks():  

 a=input01.get()

 b=a[:20]  #membatasi input agar hanya sampai 20 karakter

 label01["text"]=b

def hapusteks():

 global input01

 input01=Entry();input01.place(x=10,y=10,width=250) 

 input01["text"]="" 

 label01["text"]=""

Function cetakteks berfungsi mengambil data dari input01 dan menampilkan pada label01:

Function hapusteks berfungsi mengosongkan kolom pada input01 dan menghapus teks pada label:

 

Niguru.com membuat sebuah kolom input bernama input01, sebuah tombol dengan teks: "Tekan tombol", sebuah tombol dengan teks: "X", dan sebuah label dengan nama label01:

input01=Entry();input01.place(x=10,y=10,width=250) 

tombol01=Button(text="Tekan tombol",command=cetakteks)

tombol01.place(x=260,y=10)

tombol02=Button(text="X",command=hapusteks)

tombol02.place(x=350,y=10)

label01=Label(layar,font=("Tahoma",20,"bold"))

label01.place(y=50)

Hasilnya bila ditampilkan pada form menjadi seperti ini:

 

Script selengkapnya dari keseluruhan program, yang sudah menghubungkan kolom input, tombol, label dengan function adalah sebagai berikut:

#---------------------------------------------------

def cetakteks():  

 a=input01.get()

 b=a[:20]  #membatasi input agar hanya sampai 20 karakter

 label01["text"]=b

def hapusteks():

 global input01

 input01=Entry();input01.place(x=10,y=10,width=250) 

 input01["text"]="" 

 label01["text"]=""

#---------------------------------------------------

from Tkinter import *

layar=Tk()

layar.title("INPUT SECARA GUI")

layar.geometry("400x100")

input01=Entry();input01.place(x=10,y=10,width=250) 

tombol01=Button(text="Tekan tombol",command=cetakteks)

tombol01.place(x=260,y=10)

tombol02=Button(text="X",command=hapusteks)

tombol02.place(x=350,y=10)

label01=Label(layar,font=("Tahoma",20,"bold"))

label01.place(y=50)

layar.mainloop()

Simpan dengan nama inputgui03.py (boleh disimpan dengan nama lain):

Bila progam tersebut dijalankan hasilnya:

Bila diketikkan input:

Setelah tombol "Tekan tombol" ditekan:

 

Note:

Teks terputus hanya sampai 20 karakter.

Bila tombol "X" ditekan maka form kembali seperti saat program dimulai:

Note:

Dalam prakteknya biasanya aplikasi yang membutuhkan PIN atau password membutuhkan jumlah karakter yang terbatas. Misalnya nomor pin KeyBCA yang dibatasi hanya 6 angka saja.

Demikianlah contoh aplikasi GUI yang dibuat dengan Tkinter. Dan penjelasan mengenai cara pembuatan aplikasi GUI ini akan dilanjutkan pada posting berikutnya.

Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

Beberapa Contoh Penerapan Kolom Input Dan Label Dengan Output Yang Dikendalikan Tombol Dibuat Dengan Tkinter Pada Python – Part 1

Niguru.com | Kamis, 29 Apr 2021 | Pada posting sebelumnya Niguru.com sudah menjelaskan mengenai cara pembuatan tampilan GUI dengan menggunakan bahasa pemrograman Python.

Pada posting kali ini Niguru.com akan membagikan penjelasan mengenai cara pembuatan aplikasi sederhana yang menggunakan kolom input, label dan tombol  yang dibuat masih dengan menggunakan module Tkinter pada Python.

Langsung saja dengan contoh script pertama untuk menampilkan kolom input, tombol dan label:

input01=Entry();input01.place(x=10,y=10)

input02=Entry();input02.place(x=10,y=40)

Nantinya hasilnya bila ditampilkan pada form menjadi seperti ini:

 

Kemudian tambahkan script untuk membuat tombol:

tombol01=Button(text="nama_tombol")

tombol01.place(x=160,y=40)

Setelah ditambah tombol, hasilnya bila ditampilkan pada form menjadi seperti ini:

 

Tambah sebuah tombol lagi dengan tulisan “X” diatasnya:

tombol02=Button(text="X")

tombol02.place(x=245,y=40)

Setelah ditambah sebuah tombol tersebut, hasilnya bila ditampilkan pada form menjadi seperti ini:

 

Untuk mengambil input dari kedua kolom bisa dengan script:

a=input01.get()

b=input02.get()

Sintaks diatas bisa digunakan untuk membuat function untuk menggabungkan data dari kedua input. Maka bisa digunakan sintaks berikut ini:
 

 

Berikut ini program yang menggunakan 2 input, dan satu tombol eksekusi (satu tombol lainnya sementara diabaikan dahulu):

#---------------------------------------------------

def cetakteks(): 

 a=input01.get()

 b=input02.get()

 label01["text"]=a+", "+b

#---------------------------------------------------

from Tkinter import *

layar=Tk()

layar.title("INPUT SECARA GUI")

layar.geometry("700x200")

input01=Entry();input01.place(x=10,y=10)

input02=Entry();input02.place(x=10,y=40)

tombol01=Button(text="GABUNGKAN",command=cetakteks)

tombol01.place(x=160,y=40)

label01=Label(layar,font=("Tahoma",20,"bold"))

label01.place(y=90)

layar.mainloop()
 

 

Note:

#--------- tidak berarti apapun bagi compiler, dan akan diabaikan, karena hanya dianggap komentar (karena ada tanda #).

Simpan dengan nama inputgui02.py (boleh disimpan dengan nama lain):

Bila progam tersebut dijalankan hasilnya:

Setelah kedua input diisi teks:

Setelah tombol GABUNGKAN ditekan:

 

Niguru.com kemudian menambahkan sebuah function untuk menghapus isi kolom dan label:

def cetakteks():  

 a=input01.get()

 b=input02.get()

 label01["text"]=a+", "+b

Function akan dijalankan bila tombol “X” ditekan, maka script selengkapnya adalah:

#---------------------------------------------------

def hapusteks():

 global input01,input02

 input01=Entry();input01.place(x=10,y=10)

 input02=Entry();input02.place(x=10,y=40)

 input01["text"]="" 

 input02["text"]="" 

 label01["text"]=""

def cetakteks():  

 a=input01.get()

 b=input02.get()

 label01["text"]=a+", "+b

#---------------------------------------------------

from Tkinter import *

layar=Tk()

#layar.title("INPUT SECARA GUI")

layar.geometry("700x200")

input01=Entry();input01.place(x=10,y=10)

input02=Entry();input02.place(x=10,y=40)

tombol01=Button(text="GABUNGKAN",command=cetakteks)

tombol01.place(x=160,y=40)

tombol02=Button(text="X",command=hapusteks)

tombol02.place(x=245,y=40)

label01=Label(layar,font=("Tahoma",20,"bold"))

label01.place(y=90)

layar.mainloop()

Nantinya bila tombol “X” ditekan, form akan kembali seperti saat pertama kali dibuka:

 

Demikianlah contoh aplikasi GUI yang dibuat dengan Tkinter. Dan penjelasan mengenai cara pembuatan aplikasi GUI ini akan dilanjutkan pada posting berikutnya.

Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

Membuat Kolom Input Dan Tombol Secara GUI Pada Python

Niguru.com | Rabu, 28 Apr 2021 | Pada beberapa posting sebelumnya Niguru.com sudah memperkenalkan module Tkinter yang dapat digunakan untuk membuat tampilan GUI.

Maka pada posting kali ini Niguru.com akan melanjutkan pembahasan mengenai cara pembuatan kolom input dan tombol yang ditempatkan pada form yang dibuat dengan bantuan module Tkinter.

Dengan adanya kolom input GUI, user dapat mengisikan input pada form GUI yang lebih nyaman untuk digunakan.

Sintaks untuk pembuatan kolom input:

variabel=Entry()   

variabel.place(x=lokasiX,y=lokasiY)

Contoh:

input01=Entry()   

input01.place(x=10,y=10)

Pada form GUI akan tampil seperti ini:
 

 

Secara default lebar kolom input adalah 150px (note: px = pixel). 

Programmer yang ingin membuat kolom input dengan lebar kolom yang sudah ditentukan dapat menuliskan atribut .place dengan sintaks:

variabel.place(x=lokasiX,y=lokasiY,width=lebar)

Contoh:

input01=Entry()   

input01.place(x=10,y=10,width=80)

Pada form GUI akan tampil seperti ini (perhatikan lebar kolom yang berbeda dengan contoh pertama):

 

Selanjutnya Niguru.com akan menjelaskan mengenai cara membuat tombol. Sintaks untuk membuat tombol:

variabel=Button(text="teks_tombol",command=function)

variabel.place(x=lokasiX,y=lokasiY)

Contoh:

tombol01=Button(text="Tekan tombol",command=cetakteks)

tombol01.place(x=160,y=10)

Pada form GUI akan tampil seperti ini:

 

Berikut ini contoh kolom input dan tombol ditampilkan bersama:

input01=Entry()   

input01.place(x=10,y=10)

tombol01=Button(text="Tekan tombol",command=cetakteks)

tombol01.place(x=160,y=10)

Pada form GUI akan tampil seperti ini:

 

Sintaks untuk mengambil data yang diisikan pada kolom input adalah:

var2=var1.get()

Dimana:

var1 adalah variabel yang sama dengan variabel Entry, yang pada contoh di atas menggunakan nama input01.

var02 adalah variabel untuk menampung data yang diambil dari kolom input.

Contoh:

a=input01.get()

 

Berikut ini contoh pembuatan function yang berfungsi untuk mengambil data dari kolom input (disimpan pada variabel a) dan menampilkan isi data pada sebuah label (penjelasan cara pembuatan label sudah dijelaskan beberapa kali pada posting yang memperkenalkan GUI dan Tkinter):

def cetakteks():  

 a=input01.get()

 

 label01=Label(layar,text=a,font=("Tahoma",20,"bold"))

 label01.place(y=50)

 

Berikut ini contoh program bernama input gui01.py, yang menggunakan kolom input, tombol dan sebuah function untuk mengambil data dari kolom input dan menampilkan pada label:

#---------------------------------------------------

def cetakteks():  

 a=input01.get()

 

 label01=Label(layar,text=a,font=("Tahoma",20,"bold"))

 label01.place(y=50)

#---------------------------------------------------

from Tkinter import *

layar=Tk()

layar.title("INPUT SECARA GUI")

layar.geometry("400x100")

input01=Entry()   

input01.place(x=10,y=10)

tombol01=Button(text="Tekan tombol",command=cetakteks)

tombol01.place(x=160,y=10)

layar.mainloop()

Bila dijalankan /dieksekusi maka hasilnya:

Bila kolom diisi data (teks):

Dan bila tombol ditekan, maka function dengan nama “cetakteks” akan dijalankan /dieksekusi, hasilnya:

Demikianlah penjelasan mengenai cara membuat kolom secara GUI pada Python.

Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

Membuat Tampilan GUI Pada Python Dengan Module TKINTER – Part 4

Niguru.com | Selasa, 27 Apr 2021 | Pada posting sehari sebelumnya Niguru.com sudah membahas mengenai cara untuk membuat tampilan program secara GUI (Graphical User Interface) atau secara visual. Karena interface program GUI akan lebih nyaman bagi user dibandingkan program dengan interface DOS yang berbasis teks.

Pada posting kali ini Niguru.com masih melanjutkan pembahasan dengan membahas berbagai aturan untuk menampilkan teks pada window GUI.

Berikut ini screenshot tampilan dari program gui04.py, yang semua teks tampil utuh pada window yang tampil:

 

Keunggulan penggunaan metode .pack adalah ukuran window yang akan senantiasa mengikuti lebar dan tinggi semua obyek mendapat label .pack.

Untuk programmer yang ingin lebar dan tinggi window yang sudah ditetapkan sejak awal, bisa dengan menambahkan sintaks:

variabel_tk.geometry("lebarxtinggi")

Misal:

layar.geometry("700x200")

Contoh program gui05.py yang menerapkan tambahan sintaks geometry:

from Tkinter import *

layar=Tk()

layar.title("UJI COBA TEKS SECARA GUI")

layar.geometry("700x200")

label01=Label(layar,font=("Tahoma",20,"bold"))

label01.configure(text="Uji coba tulis teks disini")

label02=Label(layar,font=("Tahoma",20,"italic"))

label02.configure(text="Ini kalimat kedua")

label03=Label(layar,font=("Tahoma",20,"underline"))

label03.configure(text="Ini kalimat ketiga")

label01.pack(anchor=W)

label02.pack(anchor=W)

label03.pack(anchor=W)

layar.mainloop()

Hasilnya saat dieksekusi:

 

Bila tulisan ingin dibuat rata kanan maka harus ada penyesuaian pada atribut .pack, dimana .pack(anchor=W) perlu diubah menjadi .pack(anchor=E)

Berikut ini contoh program gui06.py yang menggunakan tampilan rata kanan:
 

from Tkinter import *

layar=Tk()

layar.title("UJI COBA TEKS SECARA GUI")

layar.geometry("700x200")

 

label01=Label(layar,font=("Tahoma",20,"bold"))

label01.configure(text="Uji coba tulis teks disini")

 

label02=Label(layar,font=("Tahoma",20,"italic"))

label02.configure(text="Ini kalimat kedua")

 

label03=Label(layar,font=("Tahoma",20,"underline"))

label03.configure(text="Ini kalimat ketiga")

 

label01.pack(anchor=E)

label02.pack(anchor=E)

label03.pack(anchor=E)

 

layar.mainloop()

Hasilnya saat dieksekusi:

 

Untuk programmer yang ingin menempatkan margin disisi kiri obyek, maka atribut .pack tidak dapat digunakan. 

Programmer dapat menempatkan nilai x,y sebagai penentu lokasi, dimana x=margin (kiri) dan y adalah margin (atas). Ditulis dengan sintaks:

nama_label.place(x=lokasiX,y=lokasiY)

contoh:

label01.place(x=30,y=100)

Berikut ini contoh program gui07.py yang menggunakan margin x dan y dalam penempatan obyek:

from Tkinter import *

 

layar=Tk()

layar.title("UJI COBA TEKS SECARA GUI")

layar.geometry("700x200")

 

label01=Label(layar,font=("Tahoma",20,"bold"))

label01.place(x=30,y=0)

label01.configure(text="Uji coba tulis teks disini")

 

label02=Label(layar,font=("Tahoma",20,"italic"))

label02.place(x=30,y=50)

label02.configure(text="Ini kalimat kedua")

 

label03=Label(layar,font=("Tahoma",20,"underline"))

label03.place(x=30,y=100)

label03.configure(text="Ini kalimat ketiga")

 

layar.mainloop()

Hasilnya saat dieksekusi akan terlihat bahwa teks tampil dengan margin di sebelah kiri, karena x diisi dengan nilai 30:

Demikianlah penjelasan mengenai cara membuat tampilan GUI pada Python, yang sudah dijelaskan berturut-turut dalam 4 posting yang berkesinambungan. 

Semoga penjelasan tersebut dapat menambah wawasan dan pengetahuan bagi teman-teman pembaca sekalian.

Selamat beraktivitas .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

Membuat Tampilan GUI Pada Python Dengan Module TKINTER – Part 3

Niguru.com | Senin, 26 Apr 2021 | Pada posting sehari sebelumnya Niguru.com sudah membahas mengenai cara untuk membuat tampilan program secara GUI (Graphical User Interface) atau secara visual. Karena interface program GUI akan lebih nyaman bagi user dibandingkan program dengan interface DOS yang berbasis teks.

Pada posting kali ini Niguru.com masih melanjutkan pembahasan dengan membahas berbagai aturan untuk menampilkan teks pada window GUI.

Berikut ini screenshot tampilan dari program gui02c.py:

 

Bila tampilan teks terlalu kecil, bisa diubah dengan pengaturan font, berikut ini sintaks yang perlu dituliskan saat deklarasi label:

nama_label=Label(var_tk,font=("nama_font",size))
 

Note:

var_tk adalah variabel yang menampung nilai: Tkinter.Tk(). Pada beberapa contoh di atas, Niguru.com menggunakan variabel bernama layar, sehingga penulisan menjadi:

layar=Tk()

Berikut ini contoh bila instruksi tersebut ditempatkan pada program gui02c.py menjadi:

from Tkinter import *

layar=Tk()

layar.title("UJI COBA TEKS SECARA GUI")

label01=Label(layar,font=("Tahoma",20))

label01.configure(text="Uji coba tulis teks disini")

label02=Label(layar,font=("Times",60))

label02.configure(text="Ini kalimat kedua")

label03=Label(layar,font=("Courier",40))

label03.configure(text="Ini kalimat ketiga")

label01.pack(anchor=W)

label02.pack(anchor=W)

label03.pack(anchor=W)

layar.mainloop()

Simpan dengan nama gui03.py (boleh disimpan dengan nama lain):

 

Buka DOS /command prompt. Buka atau jalankan file gui03.py. 

Hasilnya:

 

Untuk mengatur tampilan huruf tebal, miring dan huruf dengan garis bawah, setelah size bisa ditambahkan koma dilanjutkan dengan:

• “bold” untuk huruf tebal.
• “italic” untuk huruf miring.
• “underline” untuk huruf dengan garis bawah.

Berikut ini contoh penggunaannya, dan disini Niguru.com sengaja menggunakan font yang sama agar perbedaan setiap pengaturan bisa lebih terlihat:

from Tkinter import *

layar=Tk()

layar.title("UJI COBA TEKS SECARA GUI")

label01=Label(layar,font=("Tahoma",20,"bold"))

label01.configure(text="Uji coba tulis teks disini")

label02=Label(layar,font=("Tahoma",20,"italic"))

label02.configure(text="Ini kalimat kedua")

label03=Label(layar,font=("Tahoma",20,"underline"))

label03.configure(text="Ini kalimat ketiga")

label01.pack(anchor=W)

label02.pack(anchor=W)

label03.pack(anchor=W)

layar.mainloop()

Simpan dengan nama gui04.py (boleh disimpan dengan nama lain):

 

Buka DOS /command prompt. Buka atau jalankan file gui04.py. 

Hasilnya:

Demikianlah penjelasan mengenai cara membuat tampilan GUI pada Python. Dan penjelasan ini akan dilanjutkan pada posting berikutnya.

Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)