Cara Membuat Widget Desktop Dengan Yahoo

 Cara Membuat Widget Desktop Dengan Yahoo

yahoo headquarters in silicon valley Santa Clara, USA - March 26, 2012: Yahoo headquarters in silicon valley. Yahoo is a famous internet corporation headquartered in Sunnyvale of California. It is one of the largest websites in the world which is well known for its web advertisement, email, News and Flickr photo gallery. yahoo stock pictures, royalty-free photos & images
Ini akan menjadi percobaan pertama saya ke dunia widget. Saya lebih dari programmer tradisional dan saya menggunakan javascript di bawah tekanan ekstrim. Oleh karena itu saya tidak pernah tertarik pada bidang widget atau gadget dalam hal ini. Jika Anda ingin melihat apa itu widget, silakan kunjungi situs yahoo.

Pindah ke persyaratan untuk jenis pengembangan ini

Mesin widget, Yahoo menyebutnya Konfabulator. (jangan tanya saya kenapa, saya tidak tahu). Dapatkan SDK Unduh Yahoo SDK. Setelah mengunduh, instal saja dan Anda siap untuk pergi.

Persyaratan sekunder adalah editor teks yang baik, Yahoo menggunakan XML dan javascript untuk mendesain widget, jadi saya sarankan mencari editor XML dan Javascript yang bagus. Jika anda bingung silahkan download visual studio free edition nya saya rasa sudah cukup untuk keperluan anda. Pada poin ini saya terbuka untuk saran.

Unduh manual referensi dari situs Yahoo. Klik di sini untuk mengunduh zip yang memiliki manual dalam format pdf.
Editor gambar, Anda memerlukan editor gambar yang bagus untuk mendesain latar belakang widget dan UI secara umum, jadi silakan beli atau dapatkan editor gambar yang sebagus Gimp atau Photoshop. Daftar berikut telah disediakan oleh pembaca saya sehingga saya tidak tahu seberapa bagus perangkat lunak ini tetapi saya tahu ini gratis.

Photoscape Unduh
Gimp untuk windows Unduh
Serif PhotoPlus Unduh

Selain software ini Anda perlu memiliki pemahaman dasar tentang XML dan Javascript. Tutorial ini tidak akan mencoba mengajari Anda salah satu dari dua mata pelajaran ini.

File utama yang dijalankan memiliki ekstensi kon. Ini Anda katakan seperti file exe di bawah lingkungan windows. File kon bukan standalone exe tetapi file yang digunakan oleh konfublator. Setelah mesin Konfabulator diinstal pada sistem Anda segera setelah Anda mengklik dua kali pada file kon mana pun, mesin akan mulai dan file tersebut akan dijalankan. Semua langkah ini akan diuraikan dalam video saya besok di You Tube. Jika Anda memiliki pertanyaan, jangan ragu untuk menghubungi saya

Membuat latar belakang
Untuk widget Anda, mari membuat file grafik latar belakang kecil. Saya tidak mencoba membuat sesuatu yang rumit untuk memulai sehingga file latar belakang akan menjadi gambar 200 * 200 piksel. Warna dasarnya transparan sehingga tidak akan menghalangi apapun dan terdapat tiga - empat bentuk. Nama file tersebut adalah back1.png

Latar Belakang Widget
Membuat program

Mari jalankan editor teks favorit kita dan buat file bernama helloworld.kon. Sintaks dasarnya seperti file xml. oleh karena itu harus dimulai dengan baris berikut seperti file XML

Baris Pertama File XML File
-file ini memiliki elemen dasar sebagai Oleh karena itu mari kita membuat kerangka dasar file

Kerangka Widget Dasar
Setiap elemen widget pasti memiliki elemen jendela di dalamnya oleh karena itu kita harus menentukan jendela yang akan menjadi bagian yang terlihat dari widget Anda. Seperti kita ketahui setiap jendela harus memiliki nama, judul, tinggi dan lebar dengan cara yang sama kita harus mendefinisikan atribut ini. Sekali lagi terserah Anda jika Anda ingin ini sebagai atribut elemen jendela atau anak elemen jendela. Secara pribadi saya lebih suka yang terakhir.

Untuk gambar latar belakang, buat grafik apa saja dan simpan dalam format png
Seperti yang Anda lihat, kita telah mendefinisikan semua properti, properti terakhir yang harus kita tambahkan adalah properti gambar yang akan menampilkan latar belakang jendela. Mari kita masukkan ke dalam elemen gambar.
RSS1Gawit Pertamaku400300 benar

Satu poin penting adalah file harus berada di jalur yang sama, karena kami tidak dapat memastikan sistem file pengguna sehingga jika Anda menyimpan widget Anda di folder bernama mywidgets maka simpan gambar di sana atau buat sub-direktori seperti itu. sebagai gambar atau sumber daya untuk menyimpan file gambar.

Seperti kebiasaan pasti ada pesan hello world di suatu tempat, jadi mari kita masukkan teks, di widget yahoo ini juga ada elemen yang disebut teks dan atribut seperti data, warna, font dll.

Elemen Teks Disisipkan
Secara default teks akan dicetak pada posisi paling kiri yaitu 0,0. Jika kita ingin memindahkan teks kita harus memberikan nilai voffset dan hoffset. Pada dasarnya nilai-nilai ini akan memindahkan teks secara vertikal dan horizontal dari posisi 0,0 dengan jumlah piksel yang Anda tentukan. Saya telah menempatkan teks 100 piksel ke bawah dan 50 piksel ke kanan.

RSS1Gawit Pertamaku400300Resources / widget.pngNDTV Berita Teratas5010016 # ff4499

Ayo simpan ini dan coba jalankan. Jika semuanya telah diinstal dengan benar dan file telah ditulis dengan benar, Desktop Anda akan menampilkan pesan keamanan, cukup klik gunakan widget.

Itu dia, widget pertama Anda, jika Anda ingin menutupnya cukup klik kiri dan pilih tutup widget.
Besok saya akan menunjukkan kepada Anda bagaimana menempatkan beberapa fungsi di widget ini, mudah-mudahan saya akan menyiapkan videonya juga.

Subscribe to receive free email updates:

0 Response to "Cara Membuat Widget Desktop Dengan Yahoo"

Posting Komentar