Aplikasi pembuka foto dari Tkinter versi 1

BelajarPython - assalamualaikum wr. wb.

Jumpa lagi nih temen - temen.. Pada kesempatan kali ini, saya akan mengajak kalian untuk belajar membuat mini aplikasi dari tkinter lagi nih.. Ya menggunakan library dengan tampilan yang cukup sederhana ini, saya akan mencoba untuk mengajak kalian berkereasi.. Walaupun fungsi nya tak akan sebagus aplikasi pada umumnya... Nah lalu aplikasi apa yang akan kita buat kali ini ? Udah penasaran belum? Langsung saja yuk kita simak sama - sama postingan kali ini...

Penjelasan umum Mini - Aplikasi yang akan di buat.

Pada postingan kali ini, saya akan mencoba untuk membuat pembuka foto... Walaupun dengan tampilan seadanya dan dicampur dengan kesederhanaan interface Tkinter.. Sehingga, menambah kesan lawas dan unik dari tampilan aplikasi yang akan saya bagikan kali ini.. Penasaran kan? Hehe lanjut terus yuk baca nya...

Oya, pada postingan kali ini, saya akan memposting versi pertama dari aplikasi pembuka foto ini... Jadi, jangan kaget jika tampilannya hanyalah foto tanpa ada tombol satu pun di window yang akan tampil.. Path dari gambar atau foto yang akan kita lihat pun kita pasang manual dari code program nya secara langsung...

Aplikasi ini memiliki banyak versi yang tentu saja akan saya tambah fiturnya di tiap versi baru yang saya keluarkan.. Dengan begitu, saya harap kalian dapat dengan mudah mempelajari code programnya.. Untuk membaca daftar isi dan rincian lengkap mengenai fitur dan pengembangan tiap versinya, KALIAN BISA KLIK DISINI YA temen - temen...

Rincian lengkap aplikasi Pembuka Foto Tkinter versi 1.0.

Selanjutnya saya akan memperkenalkan lebih dalam lagi mengenai aplikasi pembuka foto tkinter ini..  Oya perlu kalian ketahui, pada aplikasi kali ini, saya menggunakan library tambahan PILLOW atau PIL. Untuk menginstall library tersebut, kalian BISA KLIK DISINI.

Oke, Langsung saja yuk kita simak sama - sama rincian lengkap dari aplikasi pembuka foto tkinter yang akan saya bagi kan kali ini..

Nama: mn-Photoview 1.0
Versi: 1.0 | klik disini untuk membaca versi selanjutnya.
Platform: Python 3.x
Modul: Tkinter dan PILLOW. Klik disini untuk menginstallnya.
Baris Code: kurang lebih 40 baris code program.
Terdiri dari: 1 class dan 3 metode.
Fitur: menampilkan foto.
syarat menjalankan: install python 3.x dan PILLOW atau PIL, punya editor teks atau IDE.
Cara menjalankan: install python 3 dan PILLOW atau PIL, copy dan paste code program pada editor atau IDE, simpan dalam file python(ekstensi.py), lalu jalankan.


Kalian juga bisa membuat code program ini menjadi file aplikasi loh.. iya file aplikasi seperti "exe" itu loh.. sehingga, nantinya kita cukup klik dua kali saja untuk menjalankan aplikasi ini... tanpa perlu repot - repot membuka nya di IDLE atau IDE python.. nah seperti apa caranya? cukup mudah kok.. dan saya juga sudah membuatkan tutorialnya.. untuk kalian yang menggunakan windows, KALIAN BISA KLIK DISINI ya temen - temen.. atau jika pada link pertama terlalu rumit, KALIAN BISA MENCOBA CARA INI ya.... dan bagi pengguna linux ? tenang saja.. bisa juga kok membuat file executable nya.. untuk melihat tutorialnya, KALIAN BISA KLIK DISINI temen - temen...

Code program untuk membuat aplikasi pembuka foto tkinter versi 1.0

Nah setelah kita mengenal aplikasi yang akan saya bagikan kali ini, maka selanjutnya kita akan langsung memasuki segmen yang palin penting pada postingan kali ini.. Yaitu membagikan code program dari mini aplikasi nya.. Langsung saja yuk kita simak sama - sama code programnya di bawah ini...

from tkinter import *
from PIL import Image
from PIL import ImageTk

class GUI:
    def __init__(self,root):
        self.frame = Frame(root,relief=SUNKEN)
        self.frameTombol=Frame(root, relief=SUNKEN)
        root.title('Phowo viewer - mn-belajarpython.blogspot.co.id')

        self.foto = StringVar()
        self.foto.set('/media/Tugas_dan_materi/File upload Mega/tes postingan tkinter/posting/baru/m.jpg')

        self.buatScrollBarr()
        self.buatCanvas()

    def buatScrollBarr(self):
        self.xscrollbar = Scrollbar(self.frame, orient=HORIZONTAL)
        self.xscrollbar.grid(row=1, column=0, sticky=E+W)
        self.yscrollbar = Scrollbar(self.frame)
        self.yscrollbar.grid(row=0, column=1, sticky=N+S)

    def buatCanvas(self):
        try :
            self.canvas = Canvas(self.frame, width=750, height=450, bg='white', xscrollcommand=self.xscrollbar.set,
                                 yscrollcommand=self.yscrollbar.set)
            self.canvas.grid(row=0, column=0)
            pil_image = Image.open(self.foto.get())
            self.img = ImageTk.PhotoImage(pil_image)

            self.canvas.create_image(0,0,image=self.img)
        except:
            print("foto atau folder yang anda masukkan tidak benar. mohon koreksi ulang")

        self.canvas.config(scrollregion=self.canvas.bbox(ALL))
        self.xscrollbar.config(command=self.canvas.xview)
        self.yscrollbar.config(command=self.canvas.yview)

        self.frame.pack()

root = Tk()
a = GUI(root)
a.buatCanvas()
root.mainloop()



Nah itu dia temen - temen code programnya.. Lalu seperti apa tampilannya ketika code program di atas saya Run atau di jalankan ? Biar tidak penasaran , Langsung saja yuk kita simak sama - sama contoh screenshoot dari aplikasi pembuka foto tkinter kali ini... Cek pada gambar di bawah ini ya temen - temen..



Nah itu dia temen - temen tampilan nya...seperti yang sudah saya katakan sebelumnya, pada versi pertama kali ini, aplikasi nya hanya akan menampilkan sebuah foto atau gambar saja.. Tanpa ada satu tombol apapun... Melainkan hanya dua buah scrollbar saja...

Nah untuk menentukan foto yang akan kalian buka, silahkan ubah path pada variabel :

self.foto.set('/media/Tugas_dan_materi/File upload Mega/tes postingan tkinter/posting/baru/m.jpg')

Silahkan isi atau ganti dengan path lengkap dari gambar atau foto yang ingin kalian lihat pada tulisan yang tebal tersebut... Dan jangan buang tanda petik di awal dan akhir path tersebut.. Dan ingat!! Pastikan path yang kalian masukkan adalah path lengkap dari foto atau gambar yang ingin kalian buka.. Jika kalian bingung apa yang dimaksud dengan path, silahkan cari tau sendiri di google ya.. Hehe


saya ingatkan lagi ya... Kalian juga bisa membuat code program ini menjadi file aplikasi loh.. iya file aplikasi seperti "exe" itu loh.. sehingga, nantinya kita cukup klik dua kali saja untuk menjalankan aplikasi ini... tanpa perlu repot - repot membuka nya di IDLE atau IDE python.. nah seperti apa caranya? cukup mudah kok.. dan saya juga sudah membuatkan tutorialnya.. untuk kalian yang menggunakan windows, KALIAN BISA KLIK DISINI ya temen - temen.. atau jika pada link pertama terlalu rumit, KALIAN BISA MENCOBA CARA INI ya.... dan bagi pengguna linux ? tenang saja.. bisa juga kok membuat file executable nya.. untuk melihat tutorialnya, KALIAN BISA KLIK DISINI temen - temen...

Penjelasan Code program untuk membuat Aplikasi Pembuka Foto Tkinter versi 1.0

Nah, setelah kita tau, code program dant tampilan aplikasi yang akan kita buat kali ini, maka  pada segmen ini saya akan menjelaskan baris demi baris dari code program diatas.. Hal ini saya lakukan dengan harapan dapat membantu proses pemahaman kalian nantinya.. Langsung saja yuk kita simak sama - sama penjelasannya di bawah ini...


from tkinter import *  //digunakan untu mengimport semua class yang ada di library tkinter
from PIL import Image  //digunakan untuk mengimport class “Image” dari Library “PIL”.
from PIL import ImageTk  //digunakan untuk mengimport class “ImageTk” dari librari PIL

class GUI:  //digunakan untuk membuat class dengan nama ‘GUI’ yang akan digunakan untuk membuat pembuka foto nya.
    def __init__(self,root):  //digunakan untuk membuat sebuah konstruktor dari class ‘GUI’.
        self.frame = Frame(root,relief=SUNKEN)  //digunakan untuk membuat sebah frame utama yang akan digunakan untuk membuat frame utama. Dan disimpan ke dalam variabel ‘frame’.
        self.frameTombol=Frame(root, relief=SUNKEN)  //digunakan untuk membuat sebuah frame untuk tempat tombol. Dan disimpan ke dalam variabel ‘frameTombol’.
        root.title('Phowo viewer - mn-belajarpython.blogspot.co.id')  //digunakan untuk mengubah judul window.

        self.foto = StringVar()  //digunakan untuk membuat variabel dengan nama ‘foto’ yang menampung class ‘StringVar’ dan akan digunakan untuk menampung path atau lokasi foto.
        self.foto.set('/media/Tugas_dan_materi/File upload Mega/tes postingan tkinter/posting/baru/m.jpg')  //digunakan untuk mengisi variabel ‘foto’ dengan path atau alamat foto yang akan kita buka.

        self.buatScrollBarr()  //digunakan untuk memanggil atau menjalankan sebuah metode dengan nama ‘buatScrollBar’.
        self.buatCanvas()  //digunakan untuk memanggil atau menjalankan sebuah metode dengan nama ‘buatCanvas’.

    def buatScrollBarr(self):  //digunakan untuk membuat metode dengan nama ‘buatScrollBar’ yang tentu saja untuk membuat scrollbar.
        self.xscrollbar = Scrollbar(self.frame, orient=HORIZONTAL)  //digunakan untuk membuat sebuah scrollbar  horizontal. Yang disimpan ke dalam variabel ‘xscrollbar’.
        self.xscrollbar.grid(row=1, column=0, sticky=E+W)  //digunakan untuk memasukkan scrollbar yang ada di dalam variabel ‘xscrollbar’ kedalam window.
        self.yscrollbar = Scrollbar(self.frame)  //digunakan untuk membuat sebuah scrollbar  vertical. Yang disimpan ke dalam variabel ‘yscrollbar’.
        self.yscrollbar.grid(row=0, column=1, sticky=N+S)  //digunakan untuk memasukkan scrollbar yang ada di dalam variabel ‘yscrollbar’ kedalam window.

    def buatCanvas(self):  //digunakan untuk membua metode dengan nama ‘buatCanvas’. Yang akan digunakan untuk membuat canvas dan menampilkan gambar.
        try :  //digunakan untuk mencoba menjalankan beberapa code program.
            self.canvas = Canvas(self.frame, width=750, height=450, bg='white', xscrollcommand=self.xscrollbar.set,
                                 yscrollcommand=self.yscrollbar.set)  //digunakan untuk membuat sebuah kanvas. Dan disimpan ke dalam variabel ‘canvas’. Dengan parameter “frame” sebagai tempat penempatan di window. Lebar sebesar 750 dan tinggi 450. Dengan background(bg=white) adalah putih. Dan menghubungkan slide kanan dan kiri dengan scrollbar yang ada pada variabel ‘xscrollbar’. Dan perintah slide atas bawah dihubungkan dengan scrollbar yang ada di dalam variabel ‘yscrollbar’.
            self.canvas.grid(row=0, column=0)  //digunakan untuk memasukkan ‘canvas’ ke dalam window.
            pil_image = Image.open(self.foto.get())  //digunakan untuk membuka sebuah gambar yang lokasinya ada di dalam variabel ‘foto’. Dan disimpan ke dalam variabel ‘pil_image’.
            self.img = ImageTk.PhotoImage(pil_image)  //digunakan untuk memanggil metode dengan nama ‘PhotoImage’ yang ada di class ‘ImageTk’ dengan memasukkan variabel ‘pil_image’ sebagai parameter. Dan disimpan ke dalam variabel ‘img’.

            self.canvas.create_image(0,0,image=self.img)  //digunakan untuk memasukkan gambar yang telah dibuka ke dalam canvas.
        except:  //digunakan untuk menjalankan beberapa code program ketika pada block code ‘try’ terdapat eror.
            print("foto atau folder yang anda masukkan tidak benar. mohon koreksi ulang")  //digunakan untuk mencetak teks atau pesan error.

        self.canvas.config(scrollregion=self.canvas.bbox(ALL))  //digunakan untuk meng aktifkan scrollbar pada canvas.
        self.xscrollbar.config(command=self.canvas.xview)  //digunakan untuk menghubungkan slide kanan kiri dengan scrollbar yang ada di variabel ‘xscrollbar’
        self.yscrollbar.config(command=self.canvas.yview)  //digunakan untuk menghubungkan slide atas bawah dengan scrollbar yang ada di variabel ‘yscrollbar’

        self.frame.pack()  //digunakan untuk memasukkan frame utama kedalam window..

root = Tk()  //dkgunakan untuk memanggil window tkinter. Dan disimpan kedalam variabel ‘root’.
a = GUI(root)  //digunakan untuk memanggil class dengan nama ‘GUI’. Dengan memasukkan ‘root’ sebagai parameter. Dan disimpan ke dalam variabel ‘a’.
a.buatCanvas()  //digunakan untuk memanggil metode dengan nama ‘buatCanvas’. Yang ada di dalam class ‘GUI’.

root.mainloop()  //digunakan untuk membuat window tidak langsung close otomatis saat di jalankan.



Nah itu dia temen - temen penjelasan saya mengenai code program diatas... Saya harap dapat membantu kalian untuk memahami code program yang sudah saya bagikan di atas ya... Namun bila ada yang kurang jelas dari penjelasan di atas, kalian bisa menanyakannya langsung lewat komentar atau laman hubungi kami ya....

Terakhir kalinya saya ingatkan lagi.. Kalian juga bisa membuat code program ini menjadi file aplikasi loh.. iya file aplikasi seperti "exe" itu loh.. sehingga, nantinya kita cukup klik dua kali saja untuk menjalankan aplikasi ini... tanpa perlu repot - repot membuka nya di IDLE atau IDE python.. nah seperti apa caranya? cukup mudah kok.. dan saya juga sudah membuatkan tutorialnya.. untuk kalian yang menggunakan windows, KALIAN BISA KLIK DISINI ya temen - temen.. atau jika pada link pertama terlalu rumit, KALIAN BISA MENCOBA CARA INI ya.... dan bagi pengguna linux ? tenang saja.. bisa juga kok membuat file executable nya.. untuk melihat tutorialnya, KALIAN BISA KLIK DISINI temen - temen...



Oke sekian dulu postingan saya kali ini... Terimakasih sudah membaca postingan ini dan Sampai jumpa di postingan saya yang lainnya.. mohon maaf atas kesalahan penulisan disana sini serta kesalahan penulisan yang ada... Mohon dimaklumi saja yaa... Karena saya juga manusia.. Oke terimakasih..

Wassalamualaikum wr. wb.
Previous
Next Post »
Thanks for your comment