I Widget : Esempi

Da Wiki Corso Web.

Indice

Stato=LIBERO

Cos'è un widget [Chiara Frantini]

Nell'ambito della programmazione, un widget è un componente grafico di una interfaccia utente di un programma, che ha lo scopo di facilitare all'utente l'interazione con il programma stesso. In italiano è detto congegno (o elemento) grafico; può essere una vera e propria miniapplicazione.

Descrizione e uso [Chiara Frantini]

Tipici esempi di widget sono i "pulsanti" dell'interfaccia grafica di un programma (che possono essere "premuti" per inviare comandi) o i "checkbox" 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).

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 e quelli per Windows Mobile 6.5.

Tra i widget 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 di uguale tipologia si differenziano principalmente per l'aspetto, piuttosto che per le caratteristiche.


Lista dei widget maggiormente diffusi [Chiara Frantini]

DI COMANDO

Menu

DI DIALOGO


DI INPUT

DI NAVIGAZIONE

DI OUTPUT


Widget News

Andamento monete [Giorgia Bello]

Questo widget visualizza l'attuale andamento dei mercati attraverso l'ordinamento dei cambi monetari e grafici fino a 1 anno fa.

Per inserirlo:

1) andare alla pagina

2) procedere con Aggiungi alla tua pagina web;

3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

4) cliccare Ottieni codice;

5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .


Prezzo petrolio ed oro [Giorgia Bello]

Questo widget visualizza l'attuale prezzo del petrolio e dell'oro in dollari, con una finestra temporale selezionabile che va da un mese fa fino agli ultimi 5 anni.

Per inserirlo:

1) andare alla pagina

2) procedere con Aggiungi alla tua pagina web;

3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

4) cliccare Ottieni codice;

5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .



Technology news [Giorgia Bello]

Questo widget visualizza le ultime news relative alla tecnologia.

Per inserirlo:

1) andare alla pagina

2) procedere con Aggiungi alla tua pagina web;

3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

4) cliccare Ottieni codice;

5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .



The New York Times news [Giorgia Bello]

Questo widget visualizza le ultime news di The New York Times.

Per inserirlo:

1) andare alla pagina

2) procedere con Aggiungi alla tua pagina web;

3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

4) cliccare Ottieni codice;

5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .



Yahoo sport news [Giorgia Bello]

Questo widget visualizza le ultime news Yahoo relative allo sport, punteggi, gare ecc...

Per inserirlo:

1) andare alla pagina

2) procedere con Aggiungi alla tua pagina web;

3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

4) cliccare Ottieni codice;

5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .



CNN news [Giorgia Bello]

Questo widget visualizza le ultime news della CNN relative a varie categorie. Si basa sui feed RSS pubblicati sul blog della CNN.

Per inserirlo:

1) andare alla pagina

2) procedere con Aggiungi alla tua pagina web;

3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

4) cliccare Ottieni codice;

5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .




La foto del giorno by National Geographic

Amate la natura e siete appassionati di fotografia? Questo è il widget che fa per voi! Ogni giorno una foto diversa scattata dai fotografi della National Geographic.



Gazzetta dello sport [Simone Compagnone]

Ecco ora un semplice widget della Gazzetta dello sport, per tutti gli amanti dello sport che vogliono avere nella propria pagina o il proprio blog notizie sempre aggiornate e news. Per avere il widget:

  1. Collegarsi a questa pagina web: link
  2. Scegliere il colore del widget (rosa per default) e le dimensioni dello stesso
  3. Cliccare sul bottone sotto il wiget denominato "Get Widget"
  4. Copiare l'intero codice che ci viene proposto
  5. Incollare il codice, racchiuso tra i tag <html>....</html> nella pagina in cui vogliamo questo widget


Vediamo ora un esempio:



Corriere della Sera [Silvia Assi]

Google News [Adriana Lombardo]

1 Andare alla /pagina;

2 Scegliere una delle sezioni tra: Top Stories, Mondo, Business, Politica, Nation, Intrattenimento, Tecnologia, Sport e Salute. Si può mettere la spunta a uno solo di questi argomenti o anche a tutti. Il flusso di news riguarderà solo i temi che sono stati selezionati;

3 Copiare il codice.


Widget game! [Morgan Salvaggio]

Potevano mancare widget di giochi?

Cosa c'è di meglio che un veloce passatempo direttamente sul tuo sito preferito o per accontentare tutti i visitatori del tuo blog?

(Ce ne sarebbero davvero un'infinità ma alcuni proprio non ho potuto metterli perchè partiva l'audio in automatico e non era possibile modificarli, parlo di grandi nomi come Donkey Kong o Counter Strike Gam, e tanti altri)

Pacman [Morgan Salvaggio]

Asteroids [Morgan Salvaggio]


Puzzle Bobble [Morgan Salvaggio]

SuperMario [Morgan Salvaggio]



Pong [Morgan Salvaggio]

Space Invaders [Morgan Salvaggio]

Sonic [Morgan Salvaggio]

Crazy Taxi [Silvia Assi]

Wheel of Fortune [Silvia Assi]

Financial Widget [Di Donato Leonardo]

Major Forex Quote Widget [Di Donato Leonardo]

  1. cliccare su questo link
  2. cliccare sul pulsante Install Free Forex Wuote Widget sulla destra, il codice necessario è stato copiato nella vostra clipboard
  3. copiare il codice nel vostro sito web

Forex Quote

Stock Information Widget [Di Donato Leonardo]

  1. cliccare su questo link
  2. inserire il codice identificativo del titolo azionario (e.g. GOOG per Google)
  3. copiare il codice e incollarlo nel proprio sito web


Play a stock market game
Get a stock quote

Stock Market News Widget [Di Donato Leonardo]

  1. cliccare su questo link
  2. copiare il codice e incollarlo nel proprio sito web


Play a stock market game
Get a stock quote

Live Financial News Market Widget [Di Donato Leonardo]

  1. cliccare su questo link
  2. inserire il codice identificativo del titolo azionario (e.g. GOOG per Google)
  3. copiare il codice e incollarlo nel proprio sito web


Play a stock market game
Get a stock quote

Financial Times Widget [Di Donato Leonardo]

  1. cliccare su questo link
  2. cliccare sul pulsante share
  3. personalizzare il widget come si preferisce
  4. copiate il codice e incollatelo al Web

Altri widget

Radio Monte Carlo [Morgan Salvaggio]

Radio 105 [Donato Tortelli]

1 - collegarsi al sito: http://www.105.net/sezioni/device/webradio/index.php

2 - seleziona il formato, il colore

3 - seleziona la tipologia di radio da ascoltare tra le tante proposte

4 - genera il tuo widget, eccone un esempio:


SlideShare and Youtube [Simone Compagnone]

HTML Online Editor Sample

Le presentazioni caricate su SlideShare talvolta potrebbero risultare più interessanti arricchendole con video presi da Youtube.

Vediamo ora delle slide che mostrano il semplice procedimento da eseguire:


YouTube videos inside SlideShare
View more presentations from Rashmi Sinha

HTML Online Editor Sample

Ecco il procedimento (descritto nella slide 12 della presentazione precedente):

  1. Eseguire l'upload della nostra presentazione sul sito
  2. Entrare nella nostra pagina degli upload, cercare le slide che vogliamo modificare aggiungendo video e premere sul tasto Edit
  3. Aprire la scheda che viene denominata "Inserire video da Youtube"
  4. Inserire l'url del sito nella box apposita
  5. Selezionare il numero di slide in cui vogliamo far apparire il video
  6. Dare conferma e buona visione.......


Rating widget [Simone Compagnone]

HTML Online Editor Sample

Ecco ora una semplice widget che permette ai nostri visitatori, con un solo click, di votare il nostro blog o una singola pagina.

La grafica è molto semplice e intuitiva, costituita da 5 stelline che rappresentano una scala di gradimento.

Ora un esempio:


 

E' anche possibile realizzare il widget sotto forma di thumbs, grafica paragonabile al famoso "like" di facebook.

 

Per poter creare il widget:

  1. Collegarsi al sito : http://rating-widget.com/
  2. Selezionare la lingua
  3. Selezionare star o thumbs
  4. Selezionare il tema e la dimensione
  5. Ci sono alcune opzioni aggiuntive se si clicca su "Advanced Settings".
  6. Cliccare sul pulsante in verde "Get Widget".
  7. Premere sul bottone "Generate User-key" e inserire il codice CAPCHA corrispondente all'immagine mostrata. (questo serve ad avere un id univoco per il nostro widget)
  8. Copiare il codice e inserirlo nella nostra pagina del wikibook racchiuso dai tag ...codice widget... </li> </ol> </body> </html>


    Altri siti simili sono:


    Facebook recent activity [Melissa Colombo]

    Liquida, le voci dal web [Simone Compagnone]

    HTML Online Editor Sample

    Liquida è un valorizzatore di blog, un portale, luogo virtuale interamente generato dagli utenti, che cerca di raccogliere e di rendere più fruibili i contenuti della blogosfera.
    È una piattaforma per dare visibilità a chi produce valore e lo condivide con gli altri, uno strumento democratico e innovativo, meritocratico e trasparente.
    Liquida è inoltre un’opportunità reale per ogni blogger di essere protagonista in una libera pluralità di espressioni, forte della reputazione e della credibilità conquistate tra il popolo del web.
    Liquida offre infatti a tutti i blogger l’occasione di fare emergere le proprie qualità, acquisire rilevanza e contemporaneamente ottenere ricavi dalla fornitura automatica dei contenuti prodotti sui rispettivi blog.

    Ecco cosa è possibile fare nella pagina dedicata ai widget, Crea il tuo Liquida Widget:

    Personalizza e importa nel tuo blog o nel tuo sito i migliori contenuti dei blog di Liquida. Scegli le parole chiave del contenuto che vuoi importare. Scegli fra post, foto, video o tag cloud. Personalizza lo stile e il colore del widget. Alla fine copia e incolla il codice html del widget nel tuo blog. Puoi così arricchire il tuo blog e dare visibilità ad altri blogger.

    Liquida widget Post, articoli dai blog [Simone Compagnone]

    Il widget mostrerà gli ultimi post, dei blog iscritti a Liquida, legati ai tag selezionati. Puoi scegliere fino a 3 tag. Ecco la pagina dove creare il widget: Widget Post.

    Un esempio di widget:

    Per poterlo creare:

         1. Collegarsi al sito di Liquida per realizzare widget per post: Link

         2. Inserire al massimo 3 Tag che riguardano i post a cui siamo interessati e che vogliamo visualizzare nel widget (nel mio caso: apple e android)

         3. Seleziona il layout, solo titolo oppure titolo con breve descrizione del post

         4. Selezionare il colore del widget, il numero di post da visualizzare (scelta obbligata tra 4, 7 e 10) e le dimensioni del widget stesso

         5. Copiare il codice che troviamo in basso a destra nella pagina web (Codice widget)

         6. Incollare il codice nella nostra pagina wiki o nel nostro blog ricordandoci di racchiudere il codice tra i tag html:

             <html>  ........codice copiato dalla pagina del widget...... </html>


       

    Liquida widget Foto e Video dai blog [Simone Compagnone]

    Come per i post, descrizione precedente, è possibile creare un widget che cerchi le foto e immagini più nuove, di nostro interesse, all'interno degli ultimi post aggiornati nei blog di Liquida.

    Ecco un esempio:


    Per poterlo creare:

         1. Collegarsi al sito di Liquida per realizzare widget per foto e immagini: Link

         2. Inserire al massimo 3 Tag che riguardano l'argomento delle foto che vogliamo cercare e visualizzare nel widget (nel mio caso: apple e android)

         3. Seleziona il layout, orizzontale o verticale e arrotondato o squadrato

         4. Selezionare il colore del widget

         5. Copiare il codice che troviamo in basso a destra nella pagina web (Codice widget)

         6. Incollare il codice nella nostra pagina wiki o nel nostro blog ricordandoci di racchiudere il codice tra i tag html:

             <html>  ........codice copiato dalla pagina del widget...... </html>


    Con le stesse istruzioni, a questo link è possibile realizzare il widget contentente video presi dai blog, sempre più aggiornati, ecco un esempio:

       

    Liquida widget Tag cloud [Simone Compagnone]

    Come per i precedenti widget Liquida, è possibile creare un nuovo gadget che ci permette visualizzare i tag più utilizzati (nella giornata) dai blog iscritti a Liquida.

    Ecco un esempio di tag cloud:



    Ecco un esempio di tag multimediale:


    Molto più semplice dei precedenti è possibile crearlo in questo modo:

    1. Collegarsi a questo link
    2. Scegli la tipologia di tag cloud e il layout, in particolare ci permette di scegliere tra una forma di tag cloud o di tag multimediali.
    3. Selezionare il colore del widget
    4. Copiare il codice nella parte inferiore della pagina (Codice widget)
    5. Incollarlo nel proprio blog o wiki, ricordandoci di inserirlo tra i tag html: <html>....codice copiato....</html>


       


    CBox - una chat nel nostro blog [Simone Compagnone]

    HTML Online Editor Sample

    Questa widget (CBox) è una chat semplice da utilizzare e che è possibile inserire nel proprio wiki o blog personale.

    Gli utenti che vi accedono non devono effettuare nessun tipo di registrazione, basta inserire il proprio nickname e il messaggio che si vuole visualizzare in chat.

    Per poter avere la chat non serve scrivere nessun codice ma bastano queste poche e semplici istruzioni:

    1. Aprire la homepage di CBox, raggiungibile a questo link.
    2. Cliccare sulla scritta "Get your own free cbox now!"
    3. Inserire i seguenti campi:
    • Nome della CBox
    • Proprio indirizzo email
    • Password
    • Url del sito in cui verrà inserita la chat
    • Lingua
    • Stile del layout della chat

    Per coloro che non sono registrati arriverà una mail per confermare la registrazione al servizio. Una volta cliccato sul link presente nella mail di conferma, verrà aperta una nuova pagina web nella quale sarà possibile copiare il codice html che andremo successivamente a inserire nel nostro blog o wiki.

    Questo servizio è un chiaro esempio di freemium, la versione base della chat è molto semplice e ridotta al minimo mentre la versione premium permette di gestire al meglio l'archiviazioni delle conversazioni passate e gli accessi degli utenti.

    Vediamo ora un esempio:


     
     
     
     


    Geo Developer [Giorgia Bello]

    Questo widget fornisce latitudine e longitudine di un qualsiasi punto geografico selezionato in una cartina Google Maps. Per inserirlo:

    1) andare alla pagina

    2) procedere con Aggiungi alla tua pagina web;

    3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

    4) cliccare Ottieni codice;

    5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .



    Learn new words [Giorgia Bello]

    Questo widget propone una nuova parola ad ogni refresh di pagina; fornisce poi la traduzione in varie lingue (spagnolo, inglese, francese, tedesco, italiano, cinese, olandese e così via) con una traccia audio per ognuna.

    Per inserirlo:

    1) andare alla pagina

    2) procedere con Aggiungi alla tua pagina web;

    3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

    4) cliccare Ottieni codice;

    5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .



    Night & day [Giorgia Bello]

    Questo widget visualizza su un globo virtuale la posizione del nostro pianeta e lo stato di illuminazione rispetto al sole.

    Per inserirlo:

    1) andare alla pagina

    2) procedere con Aggiungi alla tua pagina web;

    3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

    4) cliccare Ottieni codice;

    5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .


    Disegna grafici [Giorgia Bello]

    Questo widget, basato su piattaforma Java, permette di fare semplici calcoli con la calcolatrice visualizzata e di disegnare grafici premendo il bottone 'Plot' (con il bottone 'Info' si possono leggere le istruzioni).

    Per inserirlo:

    1) andare alla pagina

    2) procedere con Aggiungi alla tua pagina web;

    3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

    4) cliccare Ottieni codice;

    5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .



    Pagine Bianche [Giorgia Bello]

    Questo widget permette di visualizzare sul proprio blog un box di ricerca di PagineBianche.it . Per inserirlo:

    1) andare alla pagina;

    2) procedere con Aggiungi alla tua pagina web;

    3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

    4) cliccare Ottieni codice;

    5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .



    Google Scholar [Giorgia Bello]

    Widget che fornisce la ricerca Google Scholar direttamente dal proprio blog.

    Per inserirlo:

    1) andare alla pagina

    2) procedere con Aggiungi alla tua pagina web;

    3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

    4) cliccare Ottieni codice;

    5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .



    Wikipedia [Giorgia Bello]

    Widget di ricerca di termini all'interno di wikipedia.

    Per inserirlo:

    1) andare alla pagina

    2) procedere con Aggiungi alla tua pagina web;

    3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

    4) cliccare Ottieni codice;

    5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .



    Traslator Voice [Giorgia Bello]

    Questo widget permette l'inserimento di un testo scritto in qualsiasi lingua, quindi fornisce una traccia audio di come una persona della nazionalità selezionata (inglese, francese, tedesco, italiano, spagnolo e portoghese) lo leggerebbe con determinati accenti, cadenze ecc... Questa applicazione ha scopi principalmente didattici per l'apprendimento della pronuncia di lingue straniere.

    Per inserirlo:

    1) andare alla pagina

    2) procedere con Aggiungi alla tua pagina web;

    3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

    4) cliccare Ottieni codice;

    5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .



    Orologio digitale [Giorgia Bello]

    Questo widget visualizza le ore in formato digitale sul proprio blog (in questo caso è impostato sull'ora italiana)

    Per inserirlo:

    1) andare alla pagina

    2) procedere con Aggiungi alla tua pagina web;

    3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

    4) cliccare Ottieni codice;

    5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .



    Convertitore di Valuta [Giorgia Bello]

    Questo widget effettua una conversione immediata della valuta inserita.

    Per inserirlo:

    1) andare alla pagina

    2) procedere con Aggiungi alla tua pagina web;

    3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

    4) cliccare Ottieni codice;

    5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .


    Visitor Worldmap [Giorgia Bello]

    Questo widget visualizza su una minimappa del nostro pianeta il punto da cui ci si sta connettendo.

    Per inserirlo:

    1) andare alla pagina

    2) procedere con Aggiungi alla tua pagina web;

    3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

    4) cliccare Ottieni codice;

    5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .


    Orario treni Trenitalia [Giorgia Bello]

    Questo widget apre la pagina Trenitalia con la tabella degli orari dei treni in base ai parametri forniti nella form visualizzata.

    Per inserirlo:

    1) andare alla pagina

    2) procedere con Aggiungi alla tua pagina web;

    3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

    4) cliccare Ottieni codice;

    5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .



    Widget ricerca voli [Giorgia Bello]

    Questo widget permette la ricerca di prezzi di voli di varie compagnie aree e fornisce la seguenti informazioni: Arrivi e Partenze (Orario Voli), Aereoporti, un collegamento al sito del Ministero degli Affari Esteri che informa il turista sulla sicurezza del paese che si intende visitare.

    Per inserirlo:

    1) andare alla pagina

    2) procedere con Aggiungi alla tua pagina web;

    3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

    4) cliccare Ottieni codice;

    5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .


    Ricerca video musicali [Giorgia Bello]

    Questo widget peremette la ricerca di video musicali, inserendo il titolo della canzone o il nome del cantante o gruppo musicale. Si viene rindirizzati sull'apposito sito dove vengono indicati gli artisti o video trovati dalla ricerca.

    Per inserirlo:

    1) andare alla pagina

    2) procedere con Aggiungi alla tua pagina web;

    3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

    4) cliccare Ottieni codice;

    5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .



    Calcolatrice scientifica [Giorgia Bello]

    Una piccola calcolatrice scientifica da utilizzare direttamente sul proprio blog.

    Per inserirlo:

    1) andare alla pagina

    2) procedere con Aggiungi alla tua pagina web;

    3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

    4) cliccare Ottieni codice;

    5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .


    Virtual lama [Giorgia Bello]

    Simpatico widget con un lama che insegue il proprio mouse!

    Per inserirlo:

    1) andare alla pagina

    2) procedere con Aggiungi alla tua pagina web;

    3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

    4) cliccare Ottieni codice;

    5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .



    Google Search Storia [Giorgia Bello]

    Questo widget permette di effettuare una ricerca personalizzata su Google, in questo caso il motore di ricerca è stato impostato su storia.

    Per inserirlo:

    1) andare alla pagina

    2) procedere con Aggiungi alla tua pagina web;

    3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

    4) cliccare Ottieni codice;

    5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .


    Ricerca pernottamento [Giorgia Bello]

    Questo widget permette di effettuare una ricerca di hotel in rete direttamente dal proprio blog.

    Per inserirlo:

    1) andare alla pagina

    2) procedere con Aggiungi alla tua pagina web;

    3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

    4) cliccare Ottieni codice;

    5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .


    Education Quotes [Giorgia Bello]

    Questo widget mostra ad ogni refresh della pagina delle citazioni di personaggi famosi della storia.

    Per inserirlo:

    1) andare alla pagina

    2) procedere con Aggiungi alla tua pagina web;

    3) ridimensionare a piacere ed eventualmente modificare titolo e bordo;

    4) cliccare Ottieni codice;

    5) il codice che compare può essere inserito nel proprio blog all'interno dei tag .



    Flickr Related Tag Browser[Simone Compagnone]

    Ecco ora una simpatica widget, da inserire nei proprio blog o post, che cerca all'interno di flickr Ecco un widget in Flash che permette ai visitatori di effettuare ricerche nel database di Flickr. Inserendo uno o più tag nella ricerca, vengono restituite tutte le foto legate ai tag interessati e attorno vengono proposti tag correlati a quello cercato...



    Per poter avere il widget basta cliccare sulla scritta GetWidget , copiare il codice che ci viene proposto e incollarlo nella pagina di nostro interesse.

    NB. Se si vuole copiare il widget in una pagina wiki: ricordarsi di copiare il codice all'interno dei tag  < html> ... </html>


    FlipBook [Simone Compagnone]

    Ecco ora un bellissimo Flipbook creato con delle slide presentate in una lezione tenuta in classe durante il corso:

    Per visualizzarlo a schermo intero premere su click to read.


    Ecco come averla nel nostro blog:

    1.Collegarsi al sito http://www.flipsnack.com/

    2.Creare un account (gratuito)

    3.Seguire step by step il processo di creazione del widget (IMPORTANTE: è possibile caricare SOLO file PDF).

    4.Copiare e incollare il codice autogenerato.

    N.B.

    Questo sito permette di creare stupende flipshow ma è un classico esempio di sito freemium, infatti l'account gratuito permette di creare un massimo di 3 flipbook e con al suo interno un massimo di 15 pagine. Se si vuole avere l'intero libro o file pdf bisogna pagare il widget.


    Custom video player & Playlist [Simone Compagnone]

    Ecco come creare playlist personalizzate e graficamente molto accattivanti:

    Ecco come averla:

    1.Collegarsi al sito: http://www.tubesnack.com/

    2.Iscriversi creando un account, se già non lo abbiamo, oppure effettuare un login.

    3.Cliccare su Build video playlist ed inserire i link dei video di youtube che ci interessano.

    4.Premere su Finish e copiare e incollare il codice html.

    N.B

    Le video prewiev hanno delle limitazioni perchè ho usato un account free. Nel caso in cui si voglia usare un account premium è possibile caricare i propri video per esteso e avere numerose playlist a disposizione.


    Anobii [Chiara Pedullà]

    Per importare la tua libreria di anobii:

    1. effettuare il login
    2. andare nella pagina dellepreferenze
    3. cliccare su crea un badge per il tuo blog
    4. quando si crea un nuovo widget si può scegliere per quale blog crearlo oppure si può creare in generale in html (HT) o javascript (JS).
    5. scegliere il tipo di visualizzazione  (libreria di legno oppure semplice)
    6. selezionare i libri che si vogliono inserire, quanti se ne vogliono inserire e le dimensioni del widget.
    7. copiare il codice che viene dato nell'ultimo passaggio avendo cura di inserire il tag <html> codice di anobii </html>

    Skype [Giuseppe Lorusso]

    Widget che serve per farsi chiamare tramite Skype direttamente dalla propia pagina web, o blog:

    1. Accedere alla pagina cliccando su questo link.
    2. Inserire il proprio Skype Name
    3. Scegliere lo Skype button che si vuole visualizzare; è possibile scegliere un bottone che permette solo di chiamare, oppure un bottone che oltre a permettere di chiamare, visualizza anche lo stato.

    Ecco i vari widget che è possibile scegliere:

    Skype Me™! Skype Me™! Skype Me™! Skype Me™! My status My status


    MYmovies [Anelli Simona]

    my

    Questo widget permette di visualizzare sul proprio blog tutte le novità sui film al cinema (le loro schede,le recensioni, i trailer, le curiosità..)e la loro programmazione nelle diverse sale:

    1)in primis, è necessario andare alla pagina [1];

    2)cliccare il tasto Aggiungi alla tua pagina web;

    3)selezionare a piacere le impostazioni di visualizzazioni, modificando eventualmente il titolo, le dimensioni e i bordi;

    4)procedere con Ottieni codice;

    5)inserire quindi il codice nel proprio blog all'interno dei tag .


    Pagine Gialle Visual [Anelli Simona]

    pagine gialle

    Questo widget permette di trovare l'indirizzo e il numero di telefono di liberi professionisti e aziende italiane:

    1)in primis, è necessario andare alla pagina [2];

    2)cliccare il tasto Aggiungi alla tua pagina web;

    3)selezionare a piacere le impostazioni di visualizzazioni, modificando eventualmente il titolo, le dimensioni e i bordi;

    4)procedere con Ottieni codice;

    5)inserire quindi il codice nel proprio blog all'interno dei tag .

    Widget sport

    Classifica di calcio [Giuseppe Lorusso]

    1. Cliccare su questo link.
    2. In basso, selezionare la voce "Classifica" e cercare per lega (si possono selezionare moltissimi campionati, italiani o stranieri) o squadra.
    3. Copiare il codice per l'enbedded.

    Risultati di calcio in tempo reale [Giuseppe Lorusso]

    1. cliccare su questo link.
    2. In basso, selezionare la voce "Risultati tempo reale" e cercare per lega o squadra.
    3. Copiare il codice per l'enbedded.

    Squadra del cuore [Giuseppe Lorusso]

    1. cliccare su questo link.
    2. In basso, selezionare la voce "Squadra" e cercare la propria squadra.
    3. Copiare il codice per l'enbedded.

    Gazzetta dello Sport Feeds Widget [Di Donato Leonardo]

    1. cliccare su questo link
    2. cliccare il pulsante share
    3. personalizzare titolo del wiget, numero di elementi del feed, colori e dimensioni
    4. copiare il codice HTML generato o scaricare il widget per le desktop sidebar

    ESPN Widget [Di Donato Leonardo]

    1. recarsi a questo link
    2. cliccare sul pulsante add now e successivamente su add this, embed code e copy code
    3. incollate il codice (che ora è presente nella vostra clipboard) nella vostra pagina HTML

    Highlights Widget [Di Donato Leonardo]

    1. visitare questa pagina
    2. copiare il codice HTML/JS presente e incollarlo nel proprio sito web
    3. modificare le variabili club e country se si vuole restringere il widget a un solo club e/o una sola nazione.

    Football.co.uk Widget [Di Donato Leonardo]

    1. cliccare su questo link
    2. selezionare il codice del widget che ci interessa. Sono disponibili widget per i vari campionati e coppe della Premier League, per il Golf, la Formula Uno e il Tennis
    3. incollare il codice nella propria pagina HTML


    Jamendo[Fabrizio Pontiggia]

      Catalogo professionale di musica libera

    Meteo[Fabrizio Pontiggia]

    Il Meteo Milano


    Wikibook Polillo widget[Fabrizio Pontiggia]

    Benvenuti nel WikiBook! Inserite qui i vostri widget!

    Chron me [Fabrizio Pontiggia]


    Revolver maps [Fabrizio Pontiggia]


    Biscotto della fortuna [Fabrizio Pontiggia]


    Countdown [Fabrizio Pontiggia]

    LED text scroller [Fabrizio Pontiggia]

    Sober Day [Fabrizio Pontiggia]


    MixPod Audio [Fabrizio Pontiggia]


    MusicPlaylistRingtones


    MixPod Video [Fabrizio Pontiggia]


    MusicPlaylist


    Film prima TV [Fabrizio Pontiggia]

    Annunci Lavoro [Fabrizio Pontiggia]

    Apple Life [Fabrizio Pontiggia]


    Oscar Cinema [Fabrizio Pontiggia]


    My µStats [Fabrizio Pontiggia]

    My Micro Stats


    US Crime Statistics [Fabrizio Pontiggia]


    Top 10 last.fm artists [Fabrizio Pontiggia]


    Google Chart [Fabrizio Pontiggia]


    Misura la censura [Fabrizio Pontiggia]


    Come funziona

    Il codice javascript inserito nella pagina fa scaricare dal tuo browser una piccola immagine dai siti censurati per verificare se sono accessibili dal tuo computer, e poi invia al nostro server i risultati.


    Google+ statistics [Fabrizio Pontiggia]





    Whos here now:   Members 0   Guests 0   Bots & Crawlers 1
     
Strumenti personali
Namespace
Varianti
Azioni
Forum Menu
Wikibook
Autori
Istruzioni
Widget e Social Media
Strumenti
Modifiche