Widget (informatica)

Nella programmazione informatica, un widget (crasi di window, "finestra", e gadget) è un componente dell'interfaccia grafica di un programma, tramite il quale l'utente può interagire con il programma stesso.

Nella programmazione informatica, un widget (crasi di window, "finestra", e gadget) è un componente dell'interfaccia grafica di un programma, tramite il quale l'utente può interagire con il programma stesso.

Il termine fu applicato per la prima volta agli elementi dell'interfaccia utente durante il Project Athena negli anni ottanta del XX secolo. In italiano detto congegno (o elemento) grafico, può essere una vera e propria miniapplicazione (cfr. applet).

Caratteristiche

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

Tipici esempi di congegni sono i pulsanti dell'interfaccia grafica di un programma (che possono essere premuti per inviare comandi) o le checkbox usate per effettuare 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, denominati Gadget, quelli di Yahoo Widgets, quelli presenti in Mac OS, quelli per Windows Mobile 6.5 e quelli della piattaforma web CMS WordPress. I CMS hanno generalmente tutti dei plugin che creano widget personalizzabili. In alternativa si possono creare programmando in PHP o ASP.NET.

Tra quelli più usati ci sono quelli per rappresentazioni meteorologiche, per il monitoraggio dell'hardware (utilizzo CPU, RAM o 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.

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 di widget

di comando

Command button

Dock

Menù

Barra dei menù

Menù a tendina

Menù contestuale

Ribbon

Tree view

di dialogo

About box

Alert box

Finestra di dialogo

di input

Checkbox

Combo box

Lista a casacata

List box

Radio button

Slider

Spinner

Text box

di navigazione

Barra degli indirizzi

Barra di scorrimento

Breadcrumb

Tab

di output

Barra di stato

Etichetta

Progress bar

Tooltip

Esempi web

Widget di invio mail HTML-SVG-CSS:Esempio di checkbox:

Attributi WAI ARIA per l'accessibilità dei widget

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à dei contenuti dinamici e dei componenti per l'interfaccia utente sviluppati con AJAX, HTML, JavaScript e altre tecnologie collegate

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

Servizi correlati

Altre voci

W

Webflow

Webflow è un editor grafico a sorgente chiuso e proprietario per la creazione di siti web responsivi.

Leggi la voce →
P

Phoenix (web framework)

Phoenix è un framework per applicazioni web scritto nel linguaggio di programmazione funzionale Elixir, basato sul paradigma model-view-controller (MVC) lato server. Si appoggia alla libreria Plug e, a un livello più basso, a un server web della piattaforma Erlang, storicamente Cowboy; è…

Leggi la voce →
C

Collegamento ipertestuale

In informatica, un collegamento ipertestuale (in inglese hyperlink, comunemente abbreviato in link, usato anche in italiano) è un riferimento digitale, spesso testuale, che permette agli utenti di accedere a dati specifici cliccando su di esso con il mouse o toccandolo su un touchscreen. Può…

Leggi la voce →
L

Logo

Un logo (troncatura di logotipo; plurale "logo" o "loghi", dal greco λόγος – logos che significa "parola" e τύπος – typos che invece significa "lettera") è la figura, che solitamente rappresenta un prodotto, un servizio, un'azienda, un'organizzazione, un gruppo musicale o altro ancora;…

Leggi la voce →
W

WebAssembly

WebAssembly (Wasm, WA) è uno standard web che definisce un formato binario e un corrispondente formato testuale per la scrittura di codice eseguibile nelle pagine web. Ha lo scopo di abilitare l'esecuzione del codice quasi alla stessa velocità con cui esegue il codice macchina nativo. È stato…

Leggi la voce →
J

JavaScript Object Notation

JavaScript Object Notation (JSON ˈdʒeɪ·sən) è un formato per lo scambio dati basato sul linguaggio di programmazione JavaScript (ECMA-262).

Leggi la voce →