Interfacce web – giocarci per conoscerle, conoscerle per usarle meglio - Olja Petrovic

Post on 21-Jan-2017

1.053 views 0 download

Transcript of Interfacce web – giocarci per conoscerle, conoscerle per usarle meglio - Olja Petrovic

Don't make me click

Usate Firefox?

Installate add-on?

Seguite i feed RSS?

Attraversate il web, o fate arrivare le informazioni a voi?

Fate powerbrowsing?

RSS and beyond – Yahoo Pipes

Fai quel che vuoi con gli RSS feed, senza scrivere codice:

Tradurli, combinarli, filtrarli, modificarli

Con Yahoo, Flickr, ...

DIY FriendFeed – crea il tuo feed riassuntivo

Mashup the Web

Sito o applicazione web

Combina più fonti, in modo dinamico

Fonti: Google Maps, Amazon.com, eBay, Twitter, ...

“Poltiglia”, più di una somma delle parti

What makes the Web click?

Più che soli pixel, dati

Client-server ping-pong

HTML è (iper)testo

http://www.google.it/webhp?q=ggd+milano

C'è più di un modo per fare la domanda al server, approfittane!

Web robots and scriptsSpiders e scrapers

Script cliccano, noi no

Non si annoiano e non dimenticano il latte

"These are not the droids you are looking for..."

Non lasciamo tutto il divertimento a Google

“Hello Web”

Prova a programmare con uno script semplice ma utile

Meno noioso di esercizi

Partire da qualcosa che serve, vedere risultati

Perl, Python, PHP

Pagine: testi e alberi

Atm-mi interface, light

Mio script (PHP)

Interfaccia alternativa per atm-mi.it

Comodo dal cellulare

Combina diverse pagine senza cliccare

Niente immagini, pubblicità, confusione

DIY mashupsScript-friendly web, web

programmabile, API

Google Maps, Wikipedia, imdb.com, Freebase, FB, Twitter

Output: RSS, SMS, e-mail, FB, Twitter, ...

Non sei un browser ma un creativo: dimostralo

Bookmarklets

Script (JavaScript) che girano dentro il browser

Possono trasformare la pagina al volo oppure elaborare il contenuto trovato sulla pagina

Vedi quello che vuoi vedere, come vuoi

Links*Mio blog: http://apprenticecoder.wordpress.com/

(articoli con il tag “powerbrowsing”)

*Powerbrowsing tutorial di Davide Eynard: http://davide.eynard.it/malawiki/PowerBrowsing

*Yahoo Pipes: http://pipes.yahoo.com/

*Firefox add-ons: Live HTTP Headers, Firebug, ...

(https://addons.mozilla.org/en-US/firefox/)

*Bookmarklets: http://davide.eynard.it/?p=301

Conclusioni

“Program or Be Programmed” Douglas Rushkoff

Il computer non è (solo) una TV, diglielo :)

Powerbrowsing è come cucinare, comincia da cose semplici e divertiti!