Widget (informatica): differenze tra le versioni

Versione delle 11:32, 22 feb 2021

Versione attuale delle 14:46, 20 set 2025

(27 versioni intermedie di 18 utenti non mostrate)

Riga 1:

{{Nota disambigua|la serie animata|Widget: un alieno per amico}}[[File:Wikibookmarks.png|thumb|[[MenuMenù a discesatendina]]]]

UnNella [[Programmazione (informatica)|programmazione informatica]], un '''''widget''''', in(crasi [[informatica]],di nell'ambito'window'', della"finestra", [[Programmazionee (informatica''gadget'')|programmazione]], è un componente grafico di una dell'[[interfaccia utentegrafica]] di un programma, chetramite hail loquale scopo di facilitare alll'utente l'interazionepuò interagire con il [[programma (informatica)|programma]] stesso.

Il termine, fu applicato per la prima volta agli elementi dell'interfaccia utente durante il [[Project Athena]] negli [[anni 1980|anni ottanta]] del [[XX secolo]], deriva dalla contrazione dei termini "''[[Finestra (informatica)|window]]''" e "''[[gadget]]''". In italiano detto ''congegno''<ref>Vedi [http://iate.europa.eu/iatediff/SearchByQuery.do?method=searchDetail&lilId=1758465&langId=&query=widget&sourceLanguage=en&___domain=0&matching=&start=0&next=1&targetLanguages=it IATE].</ref> (o ''elemento'') ''grafico'', può essere una vera e propria ''miniapplicazione'' (cfr. [[applet]]).

== Caratteristiche ==

Riga 10 ⟶ 12:

[[File:List-box.png|thumb|[[List box]]]]

[[File:Radiobutton.png|thumb|[[Radio button]]]]

Tipici esempi di congegni sono i pulsanti dell'interfaccia grafica di un programma (che possono essere premuti per inviare comandi) o i ''[[checkbox]]''<ref>{{Cita web|url=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox|titolo=- HTML: HyperText Markup Language {{!}} MDN|sito=developer.mozilla.org|accesso=2021-02-22}}</ref> usati per operare delle scelte fra varie opzioni disponibili. I ''widget'' sono spesso raggruppati in raccolte (''toolkits'') costruite e messe a disposizione dei programmatori in vari ambienti operativi proprio per facilitare la costruzione di interfacce operatore grafiche ([[GUI]]).

Microsoft usa il termine widget per indicare ciò che ai tempi di [[Windows Vista]] era denominato [[Gadget (informatica)|gadget]]: mini applicazioni delle quali l'utente può fruire dei contenuti direttamente in modalità visuale, attraverso un piccolo riquadro.

Spesso i ''widget'' sono racchiusi in speciali barre laterali, che consentono di scegliere quali widget visualizzare o semplicemente di organizzarli.

Tipici esempi di congegni sono i pulsanti dell'interfaccia grafica di un programma (che possono essere premuti per inviare comandi) o ile ''[[checkbox]]''<ref>{{Cita web|url=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox|titolo=- HTML: HyperText Markup Language {{!}} MDN|sito=developer.mozilla.org|accesso=2021-02-22}}</ref> usatiusate per operareeffettuare delle scelte fra varie opzioni disponibili. I ''widget'' sono spesso raggruppati in raccolte (''toolkits'') costruite e messe a disposizione dei programmatori in vari ambienti operativi proprio per facilitare la costruzione di interfacce operatore grafiche ([[GUI]]). Spesso i ''widget'' sono racchiusi in speciali barre laterali, che consentono di scegliere quali widget visualizzare o semplicemente di organizzarli.

Tra i ''widget'' più noti e usati vi sono quelli di [[Windows Vista]]<ref>{{Cita web|url=https://www.tomshw.it/hardware/20-gadget-per-windows-vista/|titolo=20 Gadget per Windows Vista|sito=Tom's Hardware|lingua=it|accesso=2021-02-22}}</ref>, denominati Gadget, quelli di [[Yahoo Widgets]]<ref>{{Cita web|url=https://yahoo-widgets.it.softonic.com/|titolo=Yahoo! Widgets|sito=Softonic|lingua=it-IT|accesso=2021-02-22}}</ref>, quelli presenti in [[Mac OS]]<ref>{{Cita web|url=https://mac.iphoneitalia.com/4306/dashboard-scopriamo-i-migliori-widget-per-mac-e-come-utilizzarli-guide-slidetomac|titolo=Dashboard: scopriamo i migliori widget per Mac e come utilizzarli [GUIDE SlideToMac]|autore=Giuseppe Migliorino|sito=Mac - iPhone Italia|data=2011-02-04|lingua=it-IT|accesso=2021-02-22}}</ref>, quelli per [[Windows Mobile]]<ref>{{Cita web|url=http://www.solopalmari.com/tag/widget-windows-mobile/|titolo=Widget Windows Mobile Archives|sito=SoloPalmari|lingua=it-IT|accesso=2021-02-22}}</ref> 6.5 e quelli della piattaforma web CMS [[WordPress]]<ref name=":0">{{Cita web|url=https://wordpress.org/plugins/php-code-widget/|titolo=PHP Code Widget|autore=Otto|sito=WordPress.org|lingua=en-US|accesso=2021-02-22}}</ref>. I [[Content management system|CMS]] hanno generalmente tutti dei plugin che creano widget personalizzabili<ref name=":0" />. In alternativa si possono creare programmando in PHP o ASP.NET<ref>{{Cita web|url=https://www.jqwidgets.com/jquery-widgets-documentation/documentation/asp.net-integration/asp.net-user-controls.htm|titolo=Loading widgets in ASP .NET User Controls|sito=www.jqwidgets.com|accesso=2021-02-22}}</ref>.

Tra i ''widget'' più noti e usati vi sono quelli di [[Windows Vista]]<ref>{{Cita web|url=https://www.tomshw.it/hardware/20-gadget-per-windows-vista/|titolo=20 Gadget per Windows Vista|sito=Tom's Hardware|lingua=it|accesso=2021-02-22}}</ref>, denominati [[Gadget]], quelli di [[Yahoo Widgets]]<ref>{{Cita web|url=https://yahoo-widgets.it.softonic.com/|titolo=Yahoo! Widgets|sito=Softonic|lingua=it-IT|accesso=2021-02-22}}</ref>, quelli presenti in [[Mac OS]]<ref>{{Cita web|url=https://mac.iphoneitalia.com/4306/dashboard-scopriamo-i-migliori-widget-per-mac-e-come-utilizzarli-guide-slidetomac|titolo=Dashboard: scopriamo i migliori widget per Mac e come utilizzarli [GUIDE SlideToMac]|autore=Giuseppe Migliorino|sito=Mac - iPhone Italia|data=2011-02-04|lingua=it-IT|accesso=2021-02-22}}</ref>, quelli per [[Windows Mobile]]<ref>{{Cita web|url=http://www.solopalmari.com/tag/widget-windows-mobile/|titolo=Widget Windows Mobile Archives|sito=SoloPalmari|lingua=it-IT|accesso=2021-02-22}}</ref> 6.5 e quelli della piattaforma web CMS [[WordPress]]<ref name=":0">{{Cita web|url=https://wordpress.org/plugins/php-code-widget/|titolo=PHP Code Widget|autore=Otto|sito=WordPress.org|lingua=en-US|accesso=2021-02-22}}</ref>. I [[Content management system|CMS]] hanno generalmente tutti dei [[Plugin (informatica)|plugin]] che creano widget personalizzabili<ref name=":0" />. In alternativa si possono creare programmando in [[PHP]] o ASP.NET<ref>{{Cita web|url=https://www.jqwidgets.com/jquery-widgets-documentation/documentation/asp.net-integration/asp.net-user-controls.htm|titolo=Loading widgets in ASP .NET User Controls|sito=www.jqwidgets.com|accesso=2021-02-22}}</ref>.

Tra quelli più usati, ci sono quelli per rappresentazioni meteorologiche, per il monitoraggio dell'[[hardware]] (utilizzo [[CPU]], [[RAM]] o [[Disco rigido|HDD]]), per il controllo della posta o semplici collegamenti a cartelle presenti sul computer e news scorrevoli. I ''widget'' dello stesso tipo si distinguono principalmente per l'aspetto, piuttosto che per le caratteristiche.

Tra quelli più usati, ci sono quelli per rappresentazioni meteorologiche, per il monitoraggio dell'[[hardware]] (utilizzo [[CPU]], [[RAM]] o [[Disco rigido|HDD]]), per il controllo della posta o semplici collegamenti a cartelle presenti sul computer e news scorrevoli. I ''widget'' dello stesso tipo si distinguono principalmente per l'aspetto, piuttosto che per le caratteristiche.

=== Lista dei widget maggiormente diffusi<ref>{{Cita web|url=https://doc.nuxeo.com/nxdoc/basic-widget-types/|titolo=Basic Widget Types|sito=Nuxeo Documentation|lingua=en|accesso=2021-02-22}}</ref> ===

Molti software in ambito professionale e business dispongono di widget specifici per lo scopo della singola tipologia di prodotto (ad esempio: CRM, ERP, BI e tantissimi altri).

=== Lista dei widget maggiormente diffusi ===

=== Lista deidi widget maggiormente diffusi<ref>{{Cita web|url=https://doc.nuxeo.com/nxdoc/basic-widget-types/|titolo=Basic Widget Types|sito=Nuxeo Documentation|lingua=en|accesso=2021-02-22}}</ref> ===

* di '''comando'''

** ''[[Command button |''Button'']]''

** [[Dock]]

** [[EtichettaMenù (informatica) |EtichettaMenù]]

** Menu

*** [[Barra dei menumenù]]

*** [[MenuMenù a discesatendina]]

*** [[MenuMenù contestuale]]

** [[Ribbon]]

** ''[[Tree view]]''

* di '''dialogo'''

** ''[[Finestra diAbout dialogobox]]''

** ''[[Alert box]]''

** [[AboutFinestra boxdi dialogo]]

* di '''''input'''''

** [[Checkbox]]

* di '''input'''

** ''[[CheckboxCombo box]]''

** [[ComboLista boxdrop-down|Lista a casacata]]

** [[Drop-down List]]

** ''[[List box]]''

** ''[[Radio button]]''

** [[Slider]]

** [[Spinner (informatica)|Spinner]]

** ''[[Text box]]''

* di '''navigazione'''

** [[Barra degli indirizzi]]

** [[Barra di scorrimento]]

** [[Breadcrumb]]

**[[Barra di scorrimento]]

** [[Tab (widget)|Tab]]

* di '''''output'''''

** [[Status bar |Barra di stato]]

* di '''output'''

** [[Etichetta (informatica)|Etichetta]]

**[[Status bar |Barra di stato]]

** [[Etichetta (informatica) |Etichetta]]

** ''[[Progress bar]]''

** [[Tooltip]]

Riga 82 ⟶ 84:

</syntaxhighlight>

=== Attributi [[Wai-aria|WAI ARIA]] per l'accessibilità dei widget: ===

{{Vedi anche|WaiWAI-ariaARIA|Accessibilità (web)}}

'''WAI-ARIA (''Web Accessibility Initiative - Accessible Rich Internet Applications'')''' è un insieme di documenti pubblicati dal W3C ([[World Wide Web Consortium]]) che specificano come aumentare l'[[Accessibilità (design)|accessibilità]] dei contenuti dinamici e dei componenti per l'interfaccia utente sviluppati con [[AJAX]], [[HTML]], [[JavaScript]] e altre tecnologie collegate<ref>{{Cita web|url=https://www.w3.org/TR/wai-aria-1.1/|titolo=Accessible Rich Internet Applications (WAI-ARIA) 1.1|sito=www.w3.org|lingua=en|accesso=2021-02-22}}</ref>

* <code>aria-autocomplete</code>

Riga 118 ⟶ 120:

*[[Barra degli strumenti]]<!--

*[[Screenlet]] -->

== Altri progetti ==

{{interprogetto|preposizione=sul|wikt=widget}}

== Collegamenti esterni ==

* {{Collegamenti esterni}}

* {{FOLDOC||widget}}

{{Portale|informatica}}

[[Categoria:Interazione uomo-computer]]