cara membuat aplikasi slide show foto menggunakan python dan pyside.

Belajarpython - assalamualaikum wr. Wb.

Jumpa lagi nih temen - temen.. Pada kesempatan kali ini saya akan membagikan sebuah code program python lagi nih.. Nah code program yang akan saya bagikan kali ini adalah sebuah code program yang akan menampilkankan sebuah tampilan GUI atau user interface.dan untuk mewujudkan hal tersebut, saya meminta bantuan dari sebuah library tambahan dari bahasa Python. Library tersebut adalah library PySide.

Nah sudahkah kalian install library yang saya maksud tadi ? Yaitu library PySide ? Nah tenang saja jika kalian belum install, saya sudah menyediakan postingan yang membahas mengenai tata cara instalasi PySide ini. Nah jika kalian ingin membacanya, KALIAN BISA BACA DISINI. Disana kalian bisa membaca tutorial lengkap nya. Dan saya pun telah menyediakan file instalasinya di sana. Jadi langsung saja kalian klik link nya ya.. Hehe

Nah setelah kalian menginstall PySide beserta Pythonnya, sekarang langsung saja kita lanjutkan pembahasan utama pada postingan kita kali ini..jadi pada postingan kali ini saya akan mencoba untuk memberikan sebuah contoh aplikasi sederhana.. Aplikasi yang akan saya bagikan kali ini adalah aplikasi untuk membuat sebuah pemutar foto atau sebuah slide show sebuah gambar atau foto... Nah cukup menarik kan temen - temen ? Hehe yaiyalah... Nah untuk itu, yuk langsung saja kita simak sama - sama postingan saya kali ini...

Cara membuat aplikasi slide show foto sederhana menggunakan Python dengan library PySide.

Seperti yang sudah saya katakan tadi, pada postingan kali ini, saya akan mencoba untuk membagikan sebuah code program untuk menampilkan sebuah slide show sebuah gambar atau foto... Sangat menarik dan membanggakan ya jika kita bisa membuat slide show foto sendiri.. Hehe..  Lalu seperti apakah code program untuk membuat aplikasi tersebut ? Panjang atau pendek ya ? Untuk menjawa rasa penasaran kalian, yuk disimak langsung code programnya di bawah ini...

from PySide.QtCore import *
from PySide.QtGui import *

class slideShowGambar(QWidget):

    def __init__(self, fileGambar, parent=None):
        QWidget.__init__(self, parent)
        self.initUI()

    def initUI(self):
        self.waktu()
        self.gambar(fileGambar)
        
        self.setGeometry(100, 100, 700, 500)

    def gambar(self, foto):
        self.fileGambar = fileGambar
        self.bingkai = QLabel(self)
        self.bingkai.setGeometry(10, 30, 640, 480)
        self.tombol = QPushButton("mulai Slide Show",self)
        self.tombol.setGeometry(270, 00, 140, 30)
        self.tombol.clicked.connect(self.timerEvent)

    def waktu (self) :
        self.durasi = QBasicTimer()
        self.urutan = 0
        self.delay = 5000  # milliseconds
        self.setWindowTitle("slide show gambar")

    def timerEvent(self, e=None):
        self.tombol.setText('Slide Show Berjalan')
        if self.urutan >= len(self.fileGambar):
            self.durasi.stop()
            self.tombol.setText('Mulai Slide Show')
            self.urutan = 0
            return
        self.durasi.start(self.delay, self)
        file = self.fileGambar[self.urutan]
        image = QPixmap(file)
        self.bingkai.setPixmap(image)
        self.setWindowTitle("Gambar ke {} | {}".format(str(self.urutan+1), file))
        self.urutan += 1


if __name__ == '__main__':
    fileGambar = [
    "m.jpg",
    "exit.jpg",
    "pantai.jpg",
    "sungai.jpg",
    "Gunung.jpg"
    ]
    
    app = QApplication([])
    w = slideShowGambar(fileGambar)
    w.show()
    app.exec_()



Nah itu dia temen - temen code programnya.. Gimana pendek atau panjang ? Saya rasa cukup pendek ya.. Hehe... Namanya saja aplikasi sederhana... Ya wajar saja jika code programnya sependek itu... Nah lalu seperti apakah tampilan GUI yang di hasilkan dari code program di atas ? Yuk langsung saja kita simak sama - sama contoh screenshoot dari GUI hasil dari code program diatas. Silahkan simak pada gambar di bawah ini ya temen temen..



Nah itu dia temen - temen screenshoot dari GUI yang dihasilkan dari program diatas... Gimana cukup simple tapi cukup menari bila kit membuatnya sendiri ya... Oya perlu kalian ketahui, untuk menampilkan gambar yang ada dikomputerkalian, silahkan letakkan file gambar atau foto kalian di dalam satu folder atau satu loksi dengan file python kalian.
Kemudian ubah code program di bawah ini :
    fileGambar = [
    "m.jpg",
    "exit.jpg",
    "pantai.jpg",
    "sungai.jpg",
    "Gunung.jpg"
    ]
Menjadi nama file gambara atau foto kalian.. Lengkap dengan ekstensinya ya...  Jangan hapus yang lainnya.. Silahkan ganti teks yang ada di dalam tanda petik saja... Dan kalian bisa menambahkan juga jumlah foto yang ingin kalian tambahkan.. Dangan hanya menambahkan namanya saja...

Nah gimana sudah jelaskan temen - temen ? Jika ada yang kurang jelas atau ada yang ingin di tanyakan, silahkan sampaikan dikolom komentar ya...

Penjelasan code program untuk membuat aplikasi slide show foto sederhana menggunakan Python dengan library PySide.

Nah setelah saya membagikan code programnya, maka selanjutnya tidak lupa saya akan menjelaskan code program nya tadi. Hal ini saya lakukan untuk untuk memperjelas code program yang saya bagikan tadi.. Ya mungkin hampir mirip fungsinya dengan sebuah dokumentasi.. Program pada postingan yang saya bagikan ini... Dan tanpa lama - lama lagi, yuk langsung saja kita simak sama - sama penjelasan code program tersebut di bawah ini temen - temen...



from PySide.QtCore import *  //code ini digunakan untuk mengimport semua elemen “QtCore” dari library PySide
from PySide.QtGui import *  //code ini digunakan untuk mengimport semua elemen “QtGui” dari library PySide

class slideShowGambar(QWidget):  //code ini digunakan untuk membuat sebuah class dengan nama “slideShowGambar” yang akan saya gunakan untuk  menampung semua code program yang digunakan untuk membuat semua elemen window yang akan kita tampilkna nantinya.

    def __init__(self, fileGambar, parent=None):  // code ini digunakan untuk membuat sebuah construktor yang akan pertama kali dijalankan ketika class “slideshowGambar” ini kita panggil nantinya.
        QWidget.__init__(self, parent) //code ini digunakan untuk membuat class ini menjadi sebah GUI.
        self.initUI()  //code ini digunakan untuk memanggil sebuahmetode dengan nama “iniUI”.

    def initUI(self):  //code ini digunakan untuk membuat sebuah metode dengan nama “initUI” yang akan saya gunakan untuk menampung code program untuk membuat elemen window yang akan kita tampilkan nantinya.
        self.waktu()  //code ini digunakan untuk memanggil sebuahmetode dengan nama “waktu”.
        self.gambar(fileGambar)  //code ini digunakan untuk memanggil sebuahmetode dengan nama “gambar” dengan memasukkan data yang ada di variabel “file gambar”.

        self.setGeometry(100, 100, 700, 500)  //code ini digunakan untuk men set atau mengatur  ukuran windownya menjadi “700x500” pixel dan akan di tampilkan pada  posisi layar “100x100”

    def gambar(self, foto):  //code ini digunakan untuk membuat sebuah metode dengan nama “gambar” dan akan digunakan untuk menampung semua code program yang akan menampilkan sebuah bingka fotona.
        self.fileGambar = fileGambar  //code ini digunakan untuk mengoper nilai yang ada pada file gambar.
        self.bingkai = QLabel(self)  //code in digunakan untuk membuat sebuah bingkai dengan memanggil sebuah label dari library PySide yang kemudian akan ditampung ke dalam variabel “bingkai”.
        self.bingkai.setGeometry(10, 30, 640, 480)  //code ini digunakan untuk mengatur ukuran bingkai menjadi “640x480” pixel dan di tempatkan pada lokasi “10x30” pixel pada posisi window nya.
        self.tombol = QPushButton("mulai Slide Show",self)  //code ini digunakan untuk memanggil sebuah tombol dari library PySide dan di beri nama “mulai slide show” lalu saya simpan ke dalam variabel “tombol”
        self.tombol.setGeometry(270, 00, 140, 30)  //code ini digunakan untuk mengatur ukuran tombol menjadi “140x30” pixel dan diletakkan pada lokasi 270x00 pixel pada window yang akan kita tampilkan nantinya.
        self.tombol.clicked.connect(self.timerEvent)  //code ini digunakan untuk menghubungkan tombolnya dengan metode yang bernama “timerEvent”.

    def waktu (self) :  //code ini digunakan untuk membuat sebuah metode dengan nama “waktu” yang akan mengatur lama foto yang akan di tampilkan nantinya.
        self.durasi = QBasicTimer()  //code ini digunakan untuk memanggil sebuah timer dari library PySide yang kemudian di simpan ke dalam variabel “durasi”
        self.urutan = 0//code ini digunakan untuk mendeklarasikan sebuah variabel dengan nama “urutan” yang saya isi dengan angka 0. Dan akan digunakan  untuk menentukan urutan gambar yang akan ditampilkan nantinya.
        self.delay = 5000 //code ini digunakan untuk menentukan lamanya waktu gambar yang di tampilkan. Dan berada dalam satuan milisecond.
        self.setWindowTitle("slide show gambar")  //code ini digunakan untuk mengatur judul window nya menjadi “slide show gambar”

    def timerEvent(self, e=None):  // code ini digunakan untuk membuat sebuah metode dengan nama “timerEvent” yang akan mengatur pergantian foto yang akan di tampilkan nantinya.
        self.tombol.setText('Slide Show Berjalan')  //code ini digunakan untuk mengubah teks tombol menjadi “slide show berjalan” /
        if self.urutan >= len(self.fileGambar):  //code ini digunakan untuk mengecek apakah nilai yang ada di dalam variabel “urutan” lebih besar atau sam dengan jumlah file gambar kalian atau tidak.
            self.durasi.stop()  //code ini digunakan untuk menghentikan timer yang ada pada variabel “durasi”.
            self.tombol.setText('Mulai Slide Show')  /code ini digunakan untuk mengubah teks tombol menjadi “mulai slide show”.
            self.urutan = 0  //code ini digunakan untuk memberi nilai di dalam variabel “urutan” menjadi 0 kembali.
            Return //untuk mengembalikan nilai
        self.durasi.start(self.delay, self)  //code ini digunakan untuk memulai timer yang ada di dalam variabel “durasi”
        file = self.fileGambar[self.urutan]  //code ini digunakan untuk memasukkan gambar dengan urutan dalam variabel “urutan”  yang kemudian di simpan kedalam variabel “file”.
        image = QPixmap(file) //code ini digunakann untuk memanggil pixmap dari library variabel PySide.
        self.bingkai.setPixmap(image)  //code ini digunakan untuk memasang gambar yang sudah kita pilih tadi pada window yang kita tampilkan nantinya.
        self.setWindowTitle("Gambar ke {} | {}".format(str(self.urutan+1), file))  //code ini digunakan untuk mengatur judul windownya menjadi nama file beserta urutan filenya.
        self.urutan += 1  //code ini digunakan untuk menambah nilai yang ada di dalam variabel “urutan”


if __name__ == '__main__':  //code ini digunakan untuk mengecek apakah file ini dipanggil atau tidak.
    fileGambar = [
    "m.jpg",
    "exit.jpg",
    "pantai.jpg",
    "sungai.jpg",
    "Gunung.jpg"
    ]   //code ini merupakan sebuah class yang digunakan untuk menampilkan foto atau gambar kalian. Usahakan gambar yang kalian masukkan ke program ini, berada satu lokasi dengan lokasi penyimpanan file python kalian. Oya kalian juga bisa menambahkan jumlah foto yang ingin kalian tampilkan. Di dalam tanda petik “” yang di pisahkan dengan tandda koma.

    app = QApplication([])  //code ini digunakan untuk memanggil sebuah Qapplication.
    w = slideShowGambar(fileGambar)  //code ini digunakan untuk memanggil class “slideshow” yang sudah kita buat tadi.
    w.show()  //code ini digunakan untuk menampilkan window di dalam kelas “slideShowGambar” tadi.
    app.exec_()  //code ini berfungsi agar window yang kita tampilkan tidak langsung menutup ketika program ini kita jalankan nantinya. 


Nah itu dia temen - temen penjelasan saya mengenai code program yang sudah saya bagikan di atas.. Semoga bisa membantu anda untuk memahami code program yang sudah saya bagikan di atas ya.. Dan semoga postingan ini bisa bermanfaat bagi kalian yang sedang belajar atau sedang mengerjakan tugas dari dosen kalian.. Hehe

Oke sekian dulu ya temen - temen... Semoga apa yang sudah saya sampaikan tadi dapat membuat kalian menambah ilmu.. Oya jangan lupa dibagikan atau share postingan kali ini ya.. Ke temen - temen sosial media kalian seperti facebook, twitter maupun medsos yang lain... Oya jika ada pertanyaan, saran, maupun kritik, kalian bisa sampaikan pada pada kolom komentar yang ada di bawah postingan kali ini.. Atau juga bisa melalui laman Hubungi kami yang ada di blog ini...

Nah terimakasih ya sudah berkunjung dan membaca postingan saya kali ini.. Sampai jumpa di postingan saya yang lainnya ya.. Oya mohon maaf atas kurang lebih nya tentang apa yang sudah saya sampaikan diatas ya... Maklum saya masih newbie dan masih belajar.. Hehe oke sekian dulu.. Terimakasih..

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