Arsitektur Widget
Widget adalah aplikasi yang berdiri sendiri yang biasanya dapat ditemukan disematkan di situs pihak ketiga seperti jam, ticker lelang, hitung mundur acara, dll. Widget adalah aplikasi mini yang mudah digunakan, cepat dikembangkan, dan digunakan untuk memanfaatkan teknologi canggih dengan menambahkan fungsionalitas ke aplikasi yang ada. Jika Anda dapat membuat halaman Web, maka Anda tahu cara membuat dan menerapkan widget karena mereka menggunakan teknologi JavaScript, DHTML, dan CSS yang sama. Widget dapat berupa widget aksesori, aplikasi, atau informasi. Widget aksesori mandiri yang berjalan secara independen dari Internet atau aplikasi. Widget aplikasi dikaitkan sepenuhnya dengan aplikasi sementara widget informasi bekerja dengan data Internet.
Arsitektur
Langkah 1
Jalankan editor teks Anda dan buat file HTML. File HTML harus mematuhi standar XHTML 1.0 dan lebih tinggi untuk mematuhi praktik terbaik standar Web saat ini. Kode XHTML sederhana akan terlihat seperti ini:
Video Hari Ini
Langkah 2
Menggunakan
Langkah 3
Gunakan Cascading Style Sheets (CSS) untuk menata widget agar ditampilkan secara seragam di semua browser. Bagian dari file CSS akan berisi gaya berikut:
Langkah 4
Tempatkan file di atas dalam file terpisah. Dalam contoh ini, kami telah menyimpan file sebagai "widget.css." Referensi file menggunakan pernyataan "impor" pada file html utama seperti yang ditunjukkan:
Menambahkan Dinamisme
Langkah 1
Gunakan objek "widget" untuk memberikan kemampuan tambahan. Misalnya, untuk mengakses preferensi pengguna, gunakan baris kode berikut:
widget.setPreferenceForKey (preferensi, kunci) GO widget.preferenceForKey (kunci);
Langkah 2
Gunakan peristiwa aktivasi untuk menghindari penggunaan waktu CPU atau sumber daya jaringan yang berlebihan oleh widget. Kode di bawah ini menunjukkan bagaimana ini dilakukan:
If (window.widget) { widget.hide = sembunyikan GO widget.show = tampilkan GO
function hide() { if (timeInterval == null) { timeInterval = setInterval (updateTime (true);", 500) GO } }
Tambahkan fungsi lain ke kode sesuai keinginan.
Langkah 3
Buat file "Info.plist" untuk mengidentifikasi widget dan sumber dayanya. File ini bervariasi pada apa yang harus berisi tergantung pada jenis widget.
Tip
Sesuai dengan penggunaan teknologi Web, dinamisme widget disediakan menggunakan JavaScript. Ini memungkinkan widget mengakses preferensi pengguna di sistem, membalik widget untuk mengakses preferensi, membuka aplikasi lain, menanggapi peristiwa halaman Web dan menjalankan perintah sistem seperti alat baris perintah dan shell skrip.
