Widget
Un widget , în informatică , în contextul programării , este o componentă grafică a unei interfețe utilizator a unui program, care are scopul de a facilita interacțiunea utilizatorului cu programul în sine. Termenul, aplicat pentru prima dată elementelor de interfață cu utilizatorul în timpul Proiectului Athena în anii optzeci ai secolului al XX-lea , este o contracție a termenilor „ fereastră ” și „ gadget ”. În italiană, dispozitivul [1] (sau elementul ) grafic poate fi o adevărată mini-aplicație (vezi applet ).
Caracteristici
Exemple tipice de dispozitive sunt butoanele interfeței grafice a unui program (care poate fi apăsată pentru a trimite comenzi) sau casetele de selectare [2] utilizate pentru a face alegeri între diferitele opțiuni disponibile. Widgeturile sunt adesea grupate în seturi de instrumente construite și puse la dispoziția programatorilor în diferite medii de operare pentru a facilita construirea interfețelor grafice de operator ( GUI ).
Widgeturile sunt adesea închise în bare laterale speciale, permițându-vă să alegeți ce widgeturi să le afișați sau pur și simplu să le organizați.
Printre cele mai cunoscute și utilizate widget-uri se numără cele din Windows Vista [3] , numite Gadgets, cele din Yahoo Widgets [4] , cele prezente în Mac OS [5] , cele pentru Windows Mobile [6] 6.5 și cele din platforma web CMS WordPress [7] . CMS -urile au în general toate pluginuri care creează widget-uri personalizabile [7] . Alternativ, acestea pot fi create prin programarea în PHP sau ASP.NET [8] .
Printre cele mai utilizate, se numără cele pentru reprezentări meteorologice, pentru monitorizarea hardware-ului (utilizarea CPU , RAM sau HDD ), pentru verificarea e-mailurilor sau a legăturilor simple către folderele de pe computer și a știrilor de derulare. Widgeturile de același tip se disting în primul rând prin aspect, mai degrabă decât prin caracteristici.
Lista celor mai populare widget-uri [9]
- comanda
- de dialog
- intrare
- navigare
Exemple web
Widget de trimitere a mesajelor HTML-SVG-CSS [10] :
< a href = "mailto: [email protected]" target = "_blank" style = "position: fixed; bottom: 10px; right: 10px; background-color: # 1E88E5; width: 70px; height: 70px; border- raza: 50%; text-align: center; " >
< span style = "position: absolute; top: -9999px; left: -9999px;" >
Contactează-ne
</ span >
< svg width = "40" height = "40" viewBox = "0 0 24 24" fill = "white" style = "position: relative; top: 14px;" >
< cale d = "M4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4C2,89,20 2,19,1 2,18V6C2,4,89 2,89,4 4,4M12,11L20,6H4L12 , 11M4, 18H20V8.37L12,13.36L4,8.37V18Z " > </ cale >
</ svg >
</ a >
Exemplu de casetă de selectare:
< p > Alegeți: </ p >
< div >
< input type = "checkbox" id = "scale" name = "scale"
verificat >
< label for = "scales" > Scale </ label >
</ div >
< div >
< input type = "checkbox" id = "coarne" name = "coarne" >
< etichetă pentru = "coarne" > Coarne </ etichetă >
</ div >
Atribute WAI ARIA pentru accesibilitate widget
WAI-ARIA ( Web Accessibility Initiative - Accessible Rich Internet Applications ) este un set de documente publicate de W3C ( World Wide Web Consortium ) care specifică cum să crească accesibilitatea conținutului dinamic și a componentelor interfeței utilizator dezvoltate cu AJAX , HTML , JavaScript și alte tehnologii conexe [11]
-
aria-autocomplete
-
aria-checked
-
aria-disabled
-
aria-errormessage
-
aria-expanded
-
aria-haspopup
-
aria-hidden
-
aria-invalid
-
aria-label
-
aria-level
-
aria-modal
-
aria-multiline
-
aria-multiselectable
-
aria-orientation
-
aria-placeholder
-
aria-pressed
-
aria-readonly
-
aria-required
-
aria-selected
-
aria-sort
-
aria-valuemax
-
aria-valuemin
-
aria-valuenow
-
aria-valuetext
Notă
- ^ Vezi IATE .
- ^ - HTML: Limbaj de marcare HyperText | MDN , la developer.mozilla.org . Adus la 22 februarie 2021 .
- ^ 20 de gadgeturi pentru Windows Vista , pe hardware-ul lui Tom . Adus la 22 februarie 2021 .
- ^ Yahoo! Widgeturi , pe Softonic . Adus la 22 februarie 2021 .
- ^ Giuseppe Migliorino, Tablou de bord: să descoperim cele mai bune widget-uri pentru Mac și cum să le folosim [GUIDE SlideToMac] , pe Mac - iPhone Italia , 4 februarie 2011. Accesat la 22 februarie 2021 .
- ^ Widget Windows Mobile Archives , pe SoloPalmari . Adus la 22 februarie 2021 .
- ^ A b (EN) Otto, PHP Code Widget , pe WordPress.org. Adus la 22 februarie 2021 .
- ^ Încărcarea widgeturilor în ASP .NET User Controls , la www.jqwidgets.com . Adus la 22 februarie 2021 .
- ^ (EN) Widgets de tipuri de bază , pe documentația Nuxeo. Adus la 22 februarie 2021 .
- ^ (EN) Widgets de zece tone pe CSS-Tricks, 15 octombrie 2019. Adus 22 februarie 2021.
- ^ (EN) Accessable Rich Internet Applications (WAI-ARIA) 1.1 , pe www.w3.org. Adus la 22 februarie 2021 .