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

11
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?

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

Page 1: 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?

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

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

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

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

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

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!

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

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

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

“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

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

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

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

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

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

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

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

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

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

Conclusioni

“Program or Be Programmed” Douglas Rushkoff

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

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