BelajarPython - Assalamualaikum wr. wb.
Jumpa lagi temen.. Kali ini, saya akan mengajak kalian untuk membuat mini aplikasi lagi.. Aplikasi apa? Penasaran ? Langsung saja di simak ya..
Kali ini akan saya bagikan versi yang ke 4.. Dimana pada versi kali ini saya hanya akan menyesuaikan tombol - tombol kembali, dan maju saja ya...
Kalian juga bisa membuat code program ini menjadi file aplikasi loh.. iya file aplikasi seperti "exe" itu.. 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...
Dan berikut contoh screenshoot dari mini aplikasi kali ini...
Agar berhasil, Pastikan PC kalian terhubung dengan internet ya temen - temen... Bisa dilihat pada gambar di atas ya.. Tombol forward mati.. Yang artinya tidak tersedia halamannya..
Nah itu dia temen - temen penjelasan code programnya.. Mohon maaf apabila ada penjelasan yang kurang jelas, atau bahkan ada kekeliruan... Mohon kasi pembenaran atau pendapat kalian di kolom komentar ya... Biar kita bisa belajar bersama..
Oke terimakasih dan sampai di sini dulu ya... Jangan lupa untuk membaca versi yang lain... Biar ilmunya nambah.. Hehe.. Temikasih sekali lagi dan sekian...
Wassalamualaikum wr. wb.
Jumpa lagi temen.. Kali ini, saya akan mengajak kalian untuk membuat mini aplikasi lagi.. Aplikasi apa? Penasaran ? Langsung saja di simak ya..
Pengenalan aplikasi yang akan kita buat.
Aplikasi yang kita buat kali ini adalah Browser. Udah tau kan ? Ya seperti chrome atau mozila gitu.. Tapi dengan fitur yang seadanya saja ya... Oya, seperti biasa, Aplikasi ini saya posting dengan berbagai versi.. Dengan penambahan fitur di tiap versinya.. Jika kalian ingin melihat semua versi nya, KLIK DISINI ya...Kali ini akan saya bagikan versi yang ke 4.. Dimana pada versi kali ini saya hanya akan menyesuaikan tombol - tombol kembali, dan maju saja ya...
Rincian Lengkap Aplikasi Browser PySide Versi 4.0
Aplikasi ini menggunakan library PySide.. Jadi, kalian perlu menginstall library tersebut untuk menjalankan aplikasi ini.. Klik disini jika belum install..| Nama | : mn-Browser 4.0 |
| Versi | : 4.0 || selanjutnya. |
| Bahasa | : Python 3.x || Install. |
| Modul | : PySide || Install. |
| Baris Code | : +-141 baris. |
| Penambahan | : +-10 baris. |
| Terdiri dari | : 1 class dan 12 metode. |
| Fitur | : menyesuaikan tombol back dan forward. |
| Kelemahan | : mungkin saja kurang sesuai. |
| syarat menjalankan | : Python 3.x, PySide, dan editor teks / IDE. |
| Cara menjalankan | : install python 3 dan PySide, copy paste code program pada editor/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.. 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 aplikasi Browser PySide versi 4.0
Nah lalu seperti apa code program versi ini ? Oke, Berikut saya berikan code program nya ya...from PySide import QtCore, QtGui, QtWebKit
import sys
class Browser(QtGui.QMainWindow):
def __init__(self, parent=None, url=''):
QtGui.QMainWindow.__init__(self)
self.parent = parent
self.resize(800, 600)
self.centralwidget = QtGui.QWidget(self)
self.default_url = "https://google.co.id"
self.urlTab = url
self.layout()
self.buatToolbar()
self.windowBrowser()
self.browse()
def layout(self):
self.layoutUtama = QtGui.QHBoxLayout(self.centralwidget)
self.layoutUtama.setContentsMargins(0, 0, 0, 0)
self.frame = QtGui.QFrame(self.centralwidget)
self.layoutBrowser = QtGui.QVBoxLayout(self.frame)
self.layoutBrowser.setSpacing(0)
def sedangMemuat(self, pos):
self.tombolMaju.setEnabled(self.webBrowser.history().canGoForward())
self.tombolKembali.setEnabled(self.webBrowser.history().canGoBack())
def buatToolbar(self):
self.layoutToolbar = QtGui.QHBoxLayout()
self.kolomUrl = QtGui.QLineEdit(self.frame)
self.kolomUrl.returnPressed.connect(self.browse)
self.tombolKembali = QtGui.QAction(self.style().standardIcon(QtGui.QStyle.SP_ArrowBack), 'kembali', self.frame)
self.tombolKembali.triggered.connect(self.perintahKembali)
self.tombolKembali.setEnabled(False)
self.tombolMaju = QtGui.QAction(self.style().standardIcon(QtGui.QStyle.SP_ArrowForward), 'maju', self.frame)
self.tombolMaju.triggered.connect(self.perintahMaju)
self.tombolMaju.setEnabled(False)
self.tombolReload = QtGui.QAction(self.style().standardIcon(QtGui.QStyle.SP_BrowserReload), 'muat ulang',
self.frame)
self.tombolReload.triggered.connect(self.perintahReload)
bar = QtGui.QToolBar()
bar.addAction(self.tombolKembali)
bar.addAction(self.tombolMaju)
bar.addAction(self.tombolReload)
self.tombolGo = QtGui.QPushButton(text='Go')
self.tombolGo.clicked.connect(self.browse)
self.layoutToolbar.addWidget(bar)
self.layoutToolbar.addWidget(self.kolomUrl)
self.layoutToolbar.addWidget(self.tombolGo)
self.layoutToolbar.setContentsMargins(0, 0, 0, 0)
self.layoutBrowser.setContentsMargins(0, 0, 0, 0)
self.layoutBrowser.addLayout(self.layoutToolbar)
def windowBrowser(self):
self.webBrowser = QtWebKit.QWebView()
self.layoutBrowser.addWidget(self.webBrowser)
self.layoutUtama.addWidget(self.frame)
self.setCentralWidget(self.centralwidget)
def browse(self):
url = 'https://google.co.id'
if self.kolomUrl.text():
try:
url = self.kolomUrl.text()
url = url.lower()
print(url)
penampungUrl = []
for i in url:
penampungUrl.append(i)
if penampungUrl[0] != 'h' and penampungUrl[1] != 't' and penampungUrl[2] != 't' and penampungUrl[
3] != 'p' and penampungUrl[3] != 's' and penampungUrl[3] != '/' and penampungUrl[3] != '/':
print('a')
if penampungUrl[0] == 'w' and penampungUrl[1] == 'w' and penampungUrl[2] == 'w' and penampungUrl[
3] == '.':
url = 'https://' + url
else:
urlPengganti = ''
for i in url:
if i != ' ':
urlPengganti += i
else:
urlPengganti += '+'
url = "https://www.google.co.id/search?espv=2&q=" + urlPengganti
except:
urlPengganti = ''
for i in url:
if i != ' ':
urlPengganti += i
else:
urlPengganti += '+'
url = "https://www.google.co.id/search?espv=2&q=" + urlPengganti
self.webBrowser.load(QtCore.QUrl(url))
self.tombolMaju.setEnabled(self.webBrowser.history().canGoForward())
self.tombolKembali.setEnabled(self.webBrowser.history().canGoBack())
self.webBrowser.urlChanged.connect(self.setKolomUrl)
self.webBrowser.loadProgress.connect(self.sedangMemuat)
self.webBrowser.loadFinished.connect(self.selesaiMemuat)
self.webBrowser.show()
def selesaiMemuat(self):
self.tombolReload.setIcon(self.style().standardIcon(QtGui.QStyle.SP_BrowserReload))
def perintahKembali(self):
self.webBrowser.back()
def perintahMaju(self):
self.webBrowser.forward()
def perintahReload(self):
self.webBrowser.reload()
def setKolomUrl(self):
self.kolomUrl.setText(self.webBrowser.url().toString())
def closeEvent(self, event):
self.destroy()
if __name__ == '__main__':
app = QtGui.QApplication(sys.argv)
main = Browser()
main.setWindowTitle("Mini WebBrowser -> mn-belajarpython.blogspot.co.id")
main.show()
sys.exit(app.exec_())
Dan berikut contoh screenshoot dari mini aplikasi kali ini...
Agar berhasil, Pastikan PC kalian terhubung dengan internet ya temen - temen... Bisa dilihat pada gambar di atas ya.. Tombol forward mati.. Yang artinya tidak tersedia halamannya..
Penjelasan code program Aplikasi Browser PySide versi 4.0
Sekarang saya akan mencoba untuk menjelaskan code program yang sudah saya bagikan di atas tadi.. Agar kalian lebih mudah untuk memahaminya.. Oke, Langsung saja..[NOTE : Teks berwarna MERAH pada penjelasan adalah Code tambahan yang tidak ada di versi sebelumnya. Dan yang Berwarna BIRU akan di hapus di versi berikutnya. Jika Code berwarna MERAH dan komentar berwarna BIRU maka merupakan code baru dan akan di hapus di versi berikutnya]
from PySide import QtCore, QtGui, QtWebKit //mengimport class yang di butuh kan dari library pyside
import sys //mengimport sys
class Browser(QtGui.QMainWindow): //class browser (menurunkan sifat/inheritence class ‘QMainWindow)
def __init__(self, parent=None, url=''): /construktor class ‘browser’
QtGui.QMainWindow.__init__(self) //menjalankan class parent (QMainWindow)
self.parent = parent //menampung nilai variabel parameter ‘parent’
self.resize(800, 600) //mengubah ukuran window
self.centralwidget = QtGui.QWidget(self) //inisialisasi tempat layout browser
self.default_url = "https://google.co.id" //menampung default url
self.urlTab = url //menampung default
self.layout() //menjalanka metode ‘layout’
self.buatToolbar() //menjalankan metode ‘buatToolbar’
self.windowBrowser() //menjalankan metode ‘windowBrowser’
self.browse() //menjalankan metode ‘browse’
def layout(self): //metode ‘layout’
self.layoutUtama = QtGui.QHBoxLayout(self.centralwidget) //membuat layout utama
self.layoutUtama.setContentsMargins(0, 0, 0, 0) //agar tidak ada margin. Agar lebih bagus
self.frame = QtGui.QFrame(self.centralwidget) //membuat frame
self.layoutBrowser = QtGui.QVBoxLayout(self.frame) //membuat layout browser
self.layoutBrowser.setSpacing(0) //agar tidak ada spasi antara komponen
def sedangMemuat(self, pos): //metode sedang memuat
self.tombolMaju.setEnabled(self.webBrowser.history().canGoForward()) //menentukan hidup atau matinya tombol maju
self.tombolKembali.setEnabled(self.webBrowser.history().canGoBack()) //menentukan hidup atau matinya tombol mundur
def buatToolbar(self): //metode buatToolbar
self.layoutToolbar = QtGui.QHBoxLayout() //membuat layout toolbar
self.kolomUrl = QtGui.QLineEdit(self.frame) //membuat kolom url
self.kolomUrl.returnPressed.connect(self.browse) .//menjalankan metode ‘browse’ ketika klik enter di kolom url
self.tombolKembali = QtGui.QAction(self.style().standardIcon(QtGui.QStyle.SP_ArrowBack), 'kembali', self.frame) //tombol kembali
self.tombolKembali.triggered.connect(self.perintahKembali) //menjalankan metode ‘perintahKembali’ jika klik tombol kembali
self.tombolKembali.setEnabled(False) //mematikan tombol kembali
self.tombolMaju = QtGui.QAction(self.style().standardIcon(QtGui.QStyle.SP_ArrowForward), 'maju', self.frame) //tombol maju
self.tombolMaju.triggered.connect(self.perintahMaju) //menjalankan metode perintahMaju jika klik tombol maju
self.tombolMaju.setEnabled(False) //mematikan tombol maju
self.tombolReload = QtGui.QAction(self.style().standardIcon(QtGui.QStyle.SP_BrowserReload), 'muat ulang',
self.frame) //tombol reload
self.tombolReload.triggered.connect(self.perintahReload) //menjalankan metode ‘perintahReload’ jika klik reload
bar = QtGui.QToolBar() //membuat toolbar
bar.addAction(self.tombolKembali) //memasukkan tombol kembali ke toolbar
bar.addAction(self.tombolMaju) //memasukkan tombol maju ke toolbar
bar.addAction(self.tombolReload) //memasukkan tombol reloadi ke toolbar
self.tombolGo = QtGui.QPushButton(text='Go') //tombol ‘go’
self.tombolGo.clicked.connect(self.browse) //menjalankan metode ‘browse’ ketika di klik
self.layoutToolbar.addWidget(bar) //memasukkan toolbar ke layout toolbar
self.layoutToolbar.addWidget(self.kolomUrl) //memasukkan kolom url ke layout toolbar
self.layoutToolbar.addWidget(self.tombolGo) //memasukkan tombol go ke layout toolbar
self.layoutToolbar.setContentsMargins(100, 0, 100, 0) //mengatur margin toolbar
self.layoutBrowser.setContentsMargins(0, 0, 0, 0) //mengatur margin layout browser
self.layoutBrowser.addLayout(self.layoutToolbar) //memasukkan layout toolbar ke dalam layout Browser
def windowBrowser(self): //metode ‘windwoBrowser’
self.webBrowser = QtWebKit.QWebView() //membuat webBrowser
self.layoutBrowser.addWidget(self.webBrowser) //memasukkan browser ke layout (webBrowser)
self.layoutUtama.addWidget(self.frame) //memasukkan frame ke layout utama
self.setCentralWidget(self.centralwidget) //memasukkan semua layout ke window
def browse(self): //metode ‘browse’
url = 'https://google.co.id' //url default (google)
if self.kolomUrl.text(): //mengecek apakah kolom url tidak kosong
//kode di bawah merupakan logika untuk menentukan url yang di masukkan adalah sebuah url atau bukan. Jika bukan, maka di alifkan ke pencarian google
try:
url = self.kolomUrl.text()
url = url.lower()
print(url)
penampungUrl = []
for i in url:
penampungUrl.append(i)
if penampungUrl[0] != 'h' and penampungUrl[1] != 't' and penampungUrl[2] != 't' and penampungUrl[
3] != 'p' and penampungUrl[3] != 's' and penampungUrl[3] != '/' and penampungUrl[3] != '/':
print('a')
if penampungUrl[0] == 'w' and penampungUrl[1] == 'w' and penampungUrl[2] == 'w' and penampungUrl[
3] == '.':
url = 'https://' + url
else:
urlPengganti = ''
for i in url:
if i != ' ':
urlPengganti += i
else:
urlPengganti += '+'
url = "https://www.google.co.id/search?espv=2&q=" + urlPengganti
except:
urlPengganti = ''
for i in url:
if i != ' ':
urlPengganti += i
else:
urlPengganti += '+'
url = "https://www.google.co.id/search?espv=2&q=" + urlPengganti
self.webBrowser.load(QtCore.QUrl(url)) //memuat url
self.tombolMaju.setEnabled(self.webBrowser.history().canGoForward()) //menentukan hidup atau matinya tombol maju
self.tombolKembali.setEnabled(self.webBrowser.history().canGoBack()) //menentukan hidup atau matinya tombol kembali
self.webBrowser.urlChanged.connect(self.setKolomUrl) //menjalankan metode ‘setKolomUrl’ jika ada perubahan url
self.webBrowser.loadProgress.connect(self.sedangMemuat) //menjalankan metode ‘sedangMemuat’ saat proses memuat halaman
self.webBrowser.loadFinished.connect(self.selesaiMemuat) //menjalankan metode ‘selesaiMemuat’ jika loading halaman selesai
self.webBrowser.show() //menampilkan window browser
def selesaiMemuat(self): //metode ‘selesaiMemuat’
self.tombolReload.setIcon(self.style().standardIcon(QtGui.QStyle.SP_BrowserReload)) //mengubah icon reload
def perintahKembali(self): //metode ‘perintahKembali’
self.webBrowser.back() //kembali ke halaman sebelumnya
def perintahMaju(self): //metode perintahMaju
self.webBrowser.forward() //maju ke halaman yang telah di kunjungi
def perintahReload(self): //metode ‘perintahReload’
self.webBrowser.reload() //memuat halaman yang sedang di buka
def setKolomUrl(self): //metode ‘setKolomUrl’
self.kolomUrl.setText(self.webBrowser.url().toString()) //mengubah kolom isi kolom url jika url berubah
def closeEvent(self, event): //metode yang akan otomatis dijalankan ketika window di tutup
self.destroy() //menghancurkan semua class
if __name__ == '__main__': //agar di jalankan pertama kali
app = QtGui.QApplication(sys.argv) //membuat aplkasi
main = Browser() //menjalankan class ‘Browser’
main.setWindowTitle("Mini WebBrowser -> mn-belajarpython.blogspot.co.id") //mengubah judul window
main.show() //menampilkan aplkasi
sys.exit(app.exec_()) //agar tidak langsung close saat di jalankan
Nah itu dia temen - temen penjelasan code programnya.. Mohon maaf apabila ada penjelasan yang kurang jelas, atau bahkan ada kekeliruan... Mohon kasi pembenaran atau pendapat kalian di kolom komentar ya... Biar kita bisa belajar bersama..
Oke terimakasih dan sampai di sini dulu ya... Jangan lupa untuk membaca versi yang lain... Biar ilmunya nambah.. Hehe.. Temikasih sekali lagi dan sekian...
Wassalamualaikum wr. wb.
ConversionConversion EmoticonEmoticon