Giny

De la Viquipèdia, l'enciclopèdia lliure.
Saltar a la navegació Saltar a la cerca
Nota de desambiguació.svg Desambiguació : si cerqueu la sèrie animada, consulteu Widget: un alien com a amic .

Un giny , en informàtica , en el context de la programació , és un component gràfic d'una interfície d' usuari d'un programa, que té com a finalitat facilitar la interacció de l'usuari amb el propi programa . El terme, aplicat per primera vegada als elements de la interfície d'usuari durant el Projecte Athena als anys vuitanta del segle XX , és una contracció dels termes " finestra " i " aparells ". En italià, aquest gràfic de dispositiu [1] (o element ) pot ser una mini-aplicació real (vegeu la miniaplicació ).

Característiques

Exemples típics de dispositius són els botons de la interfície gràfica d’un programa (que es pot prémer per enviar ordres) o les caselles de selecció [2] que s’utilitzen per fer opcions entre les diverses opcions disponibles. Els ginys sovint s’agrupen en jocs d’eines construïts i posats a disposició dels programadors en diversos entorns operatius per facilitar la construcció d’interfícies gràfiques d’operador ( GUI ).

Els ginys solen incloure’s en barres laterals especials, cosa que us permet triar quins widgets voleu mostrar o simplement organitzar-los.

Entre els ginys més coneguts i utilitzats hi ha els de Windows Vista [3] , anomenats Gadgets, els de Yahoo Widgets [4] , els presents a Mac OS [5] , els de Windows Mobile [6] 6.5 i els de plataforma web CMS WordPress [7] . Els CMS generalment tenen connectors que creen ginys personalitzables [7] . Alternativament, es poden crear programant en PHP o ASP.NET [8] .

Entre els més utilitzats, n’hi ha per a representacions meteorològiques, per a monitoratge de maquinari ( CPU , RAM o HDD ), per a comprovar el correu o enllaços senzills a carpetes de l’ordinador i desplaçar-se a les notícies. Els ginys del mateix tipus es distingeixen principalment per l’aspecte i no per les característiques.

Llista dels ginys més populars [9]

Exemples web

Giny d'enviament de correu 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- radi: 50%; text-align: centre; " >
  < span style = "position: absolute; top: -9999px; left: -9999px;" >
    Poseu-vos en contacte amb nosaltres
  </ span >
  < svg width = "40" height = "40" viewBox = "0 0 24 24" fill = "white" style = "position: relative; top: 14px;" >
    < ruta 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 " > </ path >
  </ svg >
</ a >

Exemple de casella de selecció:

 < p > Trieu: </ p >

< div >
  < input type = "checkbox" id = "balances" name = "balances"
         comprovat >
  < label for = "scales" > Escales </ label >
</ div >

< div >
  < input type = "checkbox" id = "corns" name = "corns" >
  < label for = "horns" > Horns </ label >
</ div >

Atributs WAI ARIA per a l'accessibilitat dels widgets

Icona de la lupa mgx2.svg El mateix tema en detall: Wai-aria i Accessibility (web) .

WAI-ARIA ( Web Accessibility Initiative - Accessible Rich Internet Applications ) és un conjunt de documents publicats pel W3C ( World Wide Web Consortium ) que especifica com augmentar l’ accessibilitat del contingut dinàmic i dels components de la interfície d’usuari desenvolupats amb AJAX , HTML , JavaScript i altres tecnologies relacionades [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

Nota

  1. ^ Vegeu IATE .
  2. ^ - HTML: Llenguatge de marcatge hipertext | MDN , a developer.mozilla.org . Consultat el 22 de febrer de 2021 .
  3. ^ 20 Gadgets per a Windows Vista , al maquinari de Tom . Consultat el 22 de febrer de 2021 .
  4. ^ Yahoo! Ginys , a Softonic . Consultat el 22 de febrer de 2021 .
  5. ^ Giuseppe Migliorino, Dashboard: descobrim els millors ginys per a Mac i com utilitzar-los [GUIDE SlideToMac] , a Mac - iPhone Itàlia , 4 de febrer de 2011. Obtingut el 22 de febrer de 2021 .
  6. ^ Widget d'arxius de Windows Mobile , a SoloPalmari . Consultat el 22 de febrer de 2021 .
  7. ^ A b (EN) Otto, PHP Code Widget , a WordPress.org. Consultat el 22 de febrer de 2021 .
  8. ^ Carregant ginys a ASP .NET User Controls , a www.jqwidgets.com . Consultat el 22 de febrer de 2021 .
  9. ^ (EN) Widgets de tipus bàsics , a la documentació Nuxeo. Consultat el 22 de febrer de 2021 .
  10. ^ (EN) Ginys de deu tones a CSS-Tricks, 15 d'octubre de 2019. Obtingut el 22 de febrer de 2021.
  11. ^ (EN) Accessible Rich Internet Applications (WAI-ARIA) 1.1 , a www.w3.org. Consultat el 22 de febrer de 2021 .

Articles relacionats

Informàtica Portal de TI : accediu a les entrades de Viquipèdia relacionades amb TI