Anda di halaman 1dari 13

Apa itu Widget ?

Widget merupakan sebuah aplikasi yang di pasang pada web atau blog dengan menggunakan
beberapa kode. Widget biasanya bisa berupa gambar, flash, video, dan lainnya. Kita pun bisa
mendapatkan banyak widget menarik yang telah disediakan oleh setiap situs, atau kita bisa
menyebutnya widget bawaan. Kita pun bisa mendapatkannya dari beberapa situs penyedia
widget berbayar atau situs penyedia widget gratisan.
widget adalah sebuah tool yang ada pada halaman web / blog untuk mempercantik,
memperindah, dan membuat pembaca terkesan.

Seperti apa contoh widget ?

Kita pun bisa melihat banyak widget di beberapa sidebar web atau blog, biasanya bisa berupa
jam waktu, tanggal, video, penampilan jumlah visitor, penampilan peringkat pagerank, dan
lain-lain. Jika kita melihat banyak gadget di suatu situs, itu adalah contoh dari widget. Secara
umum mengenai dunia internet, widget dan gadget hampir sama, tetapi biasanya widget lebih
sering ditujukan pada kode-kode HTML atau CSS yang dipasang di sidebar situs.

Apa fungsi widget ?

Adapun fungsi widget sebenarnya sangat banyak yang diantaranya adalah memberikan
informasi kepada pengunjung tentang situs tersebut, memberikan hiasan pada blog agar terlihat
lebih menarik dan indah, dan lainnya. Fungsi widget hampir sama dengan fungsi sedebar
karena widget memang diletkkan di berbagai sidebar web atau blog,

Contoh pada penanggalan dan waktu :

Daftar pustaka :
https://www.pelangiblog.com/2014/02/apa-itu-widget-bagaimana-menampilkan.html
Penjelasan QT
QT (bacanya: cute) adalah cross platform development program, yang artinya dapat membuat
program untuk berbagai platform. QT ini merupakan salah satu framework yang dapat
mempermudah kita dalam membuat suatu aplikasi. anda pun akan menemui pilihan framework
yang begitu banyak saat akan membuat ‘new project’ disamping wxWidgets dan QT.
Daftar pustaka :
http://carahatisaya.blogspot.com/2013/01/c-qt-no1-mengenal-qt-framework-untuk.html

Qt Tutorial: Mengenal Signal dan Slot

Dalam Qt, untuk menghubungkan setiap event atau kejadian yang terjadi pada satu objek
dengan objek lain menggunakan sebuah methode connection. Methode connection ini
mengimplementasikan Signal dan Slot. Dimana Signal adalah methode yang mengirimkan
Sinyal atau kejadian atau event yang terjadi pada objek pemicu ke objek penerima. Sedangkan
Slot adalah methode penerima yang digunakan untuk memproses lebih lanjut event atau Signal
yang diterima dari objek pengirim.
Singkatnya signal dan slot digunakan untuk berkomunikasi antar objek dalam program.
Mekanisme signal dan slot ini merupakan pusat dari interaksi yang terjadi dalam program.
Di dalam pemrograman berbasis GUI, ketika kita menggunakan sebuah komponen atau
widget, (misalkan saja sebuah tombol Close) kita perlu membuat sebuah interaksi dengan
widget lainnya (misalkan dialog atau window tempat button tersebut berada) agar jika kita
meng-klik tombol close tersebut, jendela atau dialog tersebut akan di tutup. Di dalam
programnya, kita membutuhkan sebuah singnal yang dikirim oleh tombol Close (dalam hal ini
clicked() ) dan sebuah slot methode penerima dari widget jendelanya (slot close()).
Perhatikan contoh berikut:
#include <QApplication>
#include <QPushButton>
int main(int a, char*s[]) {
QApplication app(a,s);
QPushButton *pbC = new QPushButton("Close");
QObject::connect(pbC,SIGNAL(clicked()),pbC,SLOT(close()));
pbC->show();
return app.exec();
}
Dalam contoh tersebut, objek pengirim Signal yakni button pbC dan objek penerimanya yakni
dirinya sendiri (button pbC selaku sender sekaligus
receiver).QObject::connect(pbC,SIGNAL(clicked()),pbC,SLOT(close()));untuk menentukan
Signal apa yang akan memicu (dalam hal ini clicked()) dan slot apa yang akan menerima
(dalam hal ini slot close()).
Ketika program dijalankan (untuk kompilasi dan eksekusi baca tulisan sebelumnya), akan ada
sebuah button “Close” dan ketika Button tersebut di-klik, maka widget Button tersebut akan
langsung di-close.

Inilah penjelasan singkat mengenai Signal dan Slot ini. Contoh programnya dapat di
download di sini.

CONTOH LAINNYA.

Untuk contoh implementasi yang lebih kompleks sedikit, perhatikan contoh program berikut:
file sigslot.h

Keterangan: perhatikan bagian:


public slots:
void pbKlicked();
void lePakeEnter();
Kedua prototype methode tersebut adalah prototype slot methode. Dalam sebuah kelas yang
diturunkan melalui kelas QObject (dalam hal ini QWidget juga merupakan turunan dari
kelas QObject), kita bisa menambahkan signal dan slot sendiri sesuai dengan kebutuhan kita.
Dimana untuk Signal nantinya dapat dikirim dari object kelas tersebut ketika berganti keadaan
(misanya pada saat object dibuat, di-Full screen dan lainnya). Pembahasan mengenai
Pembuatan Signal akan kita bahas pada tulisan berikutnya.
file sigslot.cpp

Keterangan: (Baris ke-23 dan 24) Signal sender ada dua, yakni pbPoke dengan
signal clicked() dan leName (Line Edit) dengan signal returnPressed() (kondisi dimana
tombol enter ditekan pada Line Edit). Sedangkan slot penerima semua berada pada
Kelas SigSlot yakni slot methode pbKlicked() dan lePakeEnter(). Disini juga
diimplementasikan slot methode yang telah dibuat prototypenya pada file sigslot.h. Disini kita
bisa menentukan sendir, apa saja yang akan dijalankan ketika slot tersebut di panggil dari
koneksi yang ada.
Untuk pembahasan mengenai QVBoxLayout danQHBoxLayout yang ada pada baris ke-13
sampai 20, insyaAllah akan di bahas pada bab tersendiri yang khusus membahas mengenai
Layout.
file main.cpp

Pada file ini, hanya dibuat sebuah objek dari kelasSigSlot. Sedangkan untuk penjelasan bagian
yang lainnya dapat di rujuk pada tulisan sebelumnya. Program lengkapnya dapat di download
di sini.

Hasil eksekusi:

Ketika menekan enter:

Ketika Button di Klik:


Semoga tulisan singkat ini bisa beranfaat bagi teman-teman yang ingin belajar pemrograman
dengan framework Qt.
Daftar pustaka :
https://kumachii.wordpress.com/2011/01/13/qt-tutorial-mengenal-signal-dan-slot-bagian-1/

Contoh widget
tentu sudah tidak asing dengan widget yang ada pada sistem operasi smartphone tersebut. tapi
tidak ada salahnya jika kita mengenal lebih dalam tentang widget pada android.

contoh widget

Widget Android adalah aplikasi mini yang berjalan pada Layar Awal atau home screen
Android. smartphone android dilengkapi dengan beberapa aplikasi mini secara bawaan yang
dapat dilihat sekilas atau dapat dipasang di halaman home android, seperti widget google
search.

google search widget


Widget pada android dapat berupa memberikan pandangan sekilas pada aplikasi terpasang
yang sedang berjalan dengan akses pada informasi yang langsung terhubung pada aplikasi
tersebut, pengaturan pada widget yang langsung dapat mengatur pengaturan smartphone itu
sendiri, dan sebuah shortcut untuk menjalankan program.

graphic user interface widget


sebuah widget yang sedang berjalan pada android memberikan kita pandangan sekilas pada
aplikasi yang berjalan pada latar belakang, tampilan juga mempengaruhi widget. tampilan
widget yang sangat besar mungkin dapat mengganggu kenyamanan user dalam
menggunakannya, begitu juga apabila tampilan widget terlalu kecil sehingga sulit untuk
digunakan

contoh widget jam analog transparan

moreview widget android


ada juga beberapa widget android yang hanya menggunakan control item pada android
seperti:
TimePicker view
DatePicker view
ListView view
Spinner view
Gallery view
ImageView

contoh widget button

aplikasi widget tersebut mungkin terlihat sederhana tapi kadang sangat bermanfaat bagi
penggunanya dalam mengakses pengaturan langsung pada smartphone-nya.
activity widget android
aplikasi yang sedang berjalan pada android sering disebut dengan activity. widget adalah
tampilan mini dari sebuah aplikasi yang berjalan, oleh karena itu widget juga berjalan dengan
activity-nya masing-masing, namun activity pada widget cederung tidak diketahui user
karena berjalan secara background.

perlu diingat, makin banyak activity maka akan semakin membutuhkan resource yang besar
juga. seperti resource dari RAM yang akan habis seiring dengan banyaknya activity yang
dijalankan juga dapat mempengaruhi dari kinerja pada baterai android. banyak orang yang
mengeluh tentang lemahnya baterai smartphone android mereka, padahal itu bergantung pada
pemakaian itu sendiri.
banyaknya activity memperpengaruhi kinerka baterai

webkit widget android


sekilas tentang webkit, seperti namanya webkit adalah tools atau service yang menggunakan
web sebagai media informasinya (apps with web-based content).
pada dasarnya ada dua cara untuk mengirimkan atau menggunakan aplikasi pada android.
client-side application (menggunakan android SDK dan install pada device sebagai .apk) atau
dari web application (aplikasi yang berjalan pada web dan di akses pada web browser).

skema perbandingan client-side dengan webkit dan browser

secara sederhana widget adalah suatu aplikasi mini yang berjalan pada client-side atau
aplikasi yang berjalan pada sisi klien bukan pada web-based seperti browser internet. namun
dengan webkit developer dapat menggabungkan keduanya, membuat aplikasi client-side yang
meng-embeds beberapa web pages.

ketika webkit diterapkan pada widget, maka hasilnya adalah widget yang menampilkan
content web pada user interface widget tersebut. ada banyak aplikasi yang bisa dijadikan
widget yang informasi dari aplikasi tersebut sebenarnya mengambil informasi dari web
berupa RSS. seperti aplikasi berita atau penunjuk cuaca.

Daftar pustaka :

https://algoritmaimajinasi.wordpress.com/2013/04/12/mengenal-widget-pada-android-os/

Cara memasang dan menampilkan widget


Untuk menampilkan widget di blog Anda yaitu:
1. Masuklah pada akun blog Anda
2. Masuklah ke dashbord blog
3. Pilih dan klik pada "layout" atau "tata letak"
4. Di setiap kolom gadget, klik :Add gadget" atau "Tambahkan gadget"
5. Lalu akan muncul tap baru, disitu kita dapat memilih beberapa tampilan gadget pada menu " Other gadget"
atau "Gadget lainnya". Atau jika kita memilih widget/gadget dari situs widget gratisan yang menyediakan
kodenya ataupun akan memasang kode iklan adsense maka pilihk dan klik "Dasar dasar" pilih HTML/Java
script" lalu masukan kode dan klik "Save" atau "Simpan". Untuk lebih jelasnya lihat gambar di bawah ini.
Daftar pustaka :
https://masbloge.blogspot.com/2017/04/widget-blog-terbaru-contoh-cara.html
Contoh pada widget

widget adalah sebuah daerah pada website yang isinya berupa informasi tertentu dan
memiliki fungsi tertentu pula. Widget tidak harus terletak pada bagian sidebar. Widget juga
bisa terletak pada bagian atas posting, footer bahkan header (walaupun sangat jarang).

Contoh widget :
Daftar pustaka :
https://www.devaradise.com/id/2013/12/mengetahui-fungsi-elemen-komponen-widget-pada-
website.html

Anda mungkin juga menyukai