Slides from Web interfaces GGD talk – play to know

As announced in this previous post, I’ve held a talk about web interfaces at the 15th Milan’s Girl Geek Dinner. I’ve tried to inspire the audience to play with interfaces, something we can call powerbrowsing, with the idea that playing helps learning. I also wanted to remind everyone that interfaces are more then just pixels, they are ways of interacting with information available online, and that can mean RSS, e-mail, APIs, mashups, etc. – anything at all.

You can see and download the presentation from Slideshare. It’s saved in ppt for reasons of GGD logistics, but you can see it with OpenOffice as well. Click “Continue reading” for the slideshow text. Video should come online, I’ll let you know, keep an eye on the GGD YouTube channel.Interfacce web – giocarci per conoscerle, conoscerle per usarle meglio – Olja Petrovic – Presentation Transcript

1. Interfacce web giocarci per conoscerle, conoscerle per usarle meglio Olja Petrovic https://apprenticecoder.wordpress.com/ GGDMilano#15 – 4 marzo 2011
2011 03 04 GGD15 Interfaces slide01 2. 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?
2011 03 04 GGD15 Interfaces slide02 3. 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

2011 03 04 GGD15 Interfaces slide03
4. 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
2011 03 04 GGD15 Interfaces slide04 5. 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!
2011 03 04 GGD15 Interfaces slide05 6. Web robots and scripts
* Spiders 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
2011 03 04 GGD15 Interfaces slide06 7. “ 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

2011 03 04 GGD15 Interfaces slide07
8. Atm-mi interface, light (see the post about that)
* Mio script (PHP)
* Interfaccia alternativa per atm-mi.it
* Comodo dal cellulare
* Combina diverse pagine senza cliccare
* Niente immagini, pubblicità, confusione
2011 03 04 GGD15 Interfaces slide08 9. DIY mashups
* Script-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
2011 03 04 GGD15 Interfaces slide09 10. 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
2011 03 04 GGD15 Interfaces slide10 11. Links
* *Mio blog: https://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

 12. Conclusioni
* “ Program or Be
* Programmed”
* Douglas Rushkoff
* Il computer non è (solo)
* una TV, diglielo :)‏
* Powerbrowsing è come
* cucinare, comincia da cose
* semplici e divertiti!

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

  1. Interfacce web giocarci per conoscerle, conoscerle per usarle meglio Olja Petrovic https://apprenticecoder.wordpress.com/ GGDMilano#15 – 4 marzo 2011
  2. 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?
  3. 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
  4. 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
  5. What makes the Web click?
    • Più che soli pixel, dati
    • Client-server ping-pong
    • HTML è (iper)testo
    • C’è più di un modo per fare la domanda al server, approfittane!
  6. Web robots and scripts
    • Spiders 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
  7. “ 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
  8. 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
  9. DIY mashups
    • Script-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
  10. 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
  11. Links
    • (articoli con il tag “powerbrowsing”)‏
    • *Firefox add-ons: Live HTTP Headers, Firebug, …
  12. Conclusioni
    • “ Program or Be
    • Programmed”
    • David Rushkoff
    • Il computer non è (solo)
    • una TV, diglielo :)‏
    • Powerbrowsing è come
    • cucinare, comincia da cose
    • semplici e divertiti!
Advertisements

About apprenticecoder

My blog is about me learning to program, and trying to narrate it in interesting ways. I love to learn and to learn through creativity. For example I like computers, but even more I like to see what computers can do for people. That's why I find web programming and scripting especially exciting. I was born in Split, Croatia, went to college in Bologna, Italy and now live in Milan. I like reading, especially non-fiction (lately). I'd like to read more poetry. I find architecture inspiring. Museums as well. Some more then others. Interfaces. Lifestyle magazines with interesting points of view. Semantic web. Strolls in nature. The sea.
This entry was posted in powerbrowsing and tagged , , , , . Bookmark the permalink.

2 Responses to Slides from Web interfaces GGD talk – play to know

  1. yoga journal says:

    Could be your best piece on the web!!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s