Strumenti e Applicazioni del WebAndrea TestaValeria GennariSilvia Antognazza
Di che cosa parliamo oggi?                      Google Chromee in dettaglio:1. perchè Google Chrome è un browser        mo...
Pubblicità a parte (cfr Note) Google Chrome è uno dei tanti browser moderni perchè:                    ideato nel 2008, li...
Chrome ci permette di......avere un browser multi-processo efficienteOgni scheda è un   processo, ognuno di essi esegue pi...
Quando interpretare non basta......è necessario accendere V8!V8 è un software che elabora iljavascript di una pagina.In li...
Per rendere migliore il web...                        HTML, CSS, JAVASCRIPT sono                        gli strumenti aper...
Google Chrome e Firefox sono dueesempi di browser moderni:Un browser moderno è aperto non solo alla comunità deglisviluppa...
Che cosè un plug-in                         Un plug-in è un software                         aggiuntivo appositamente crea...
E unestensione         Le estensioni sono piccoli add-on         (programmi supplementari) che è possibile         install...
Differenze tra plug ins ed estensioniTecnologicamente la differenza plugin ed estensioni non ènetta: potremmo distinguerli...
Differenze tra plug ins ed estensioniCosa cambia per lutente finale? NULLAEvernote per Chrome                      Evernot...
Facciamo alcuni esempi: PLUG-INS        Adobe Flash è il plug-in per eccellenza,        uno dei più conosciuti.        Fla...
Facciamo alcuni esempi:ESTENSIONI (DI CHROME) I                       Lestensione di notifica e-mail                      ...
Gmail Avvisi, una piccola demo       http://www.youtube.com/watch?v=qEsLCftdAk8                                           ...
Facciamo alcuni esempi:ESTENSIONI (DI CHROME) II                GooEdit ci permette di modificare al volo                l...
GooEdit, come funziona       http://www.youtube.com/watch?v=as1JdLpbBHc                                                   ...
Facciamo alcuni esempi: ESTENSIONI (DI CHROME) III                             exfm ci permette di raccogliere            ...
Exfm: demoIn questa demo mostriamo anche come cercare ed installare unestesioneper google Chrome.                http://ww...
La gestione di ChromeCliccando sulla chiavetta   che si trova nella barra deglistrumenti è possibile accedere al Task mana...
La gestione nascosta                  Gli "addetti ai lavori" possono anche                  raggiungere una gestione avan...
Store: chi cerca, installa          Il chrome store è uno spazio in cui          scaricare le app e le estensioni.        ...
Firefox: lerede di Netscape                                            Firefox è opensource,                              ...
Firefox: alcune estensioni          Yoono: è la più          scaricata, tutti i          social a portata di          click
Yoono: in dettaglio            E possibile ottenere tutti gli            aggiornamenti, modificare il proprio            s...
Yoono: funzionamento     http://www.youtube.com/watch?v=BLPTQULcC6o                                                  (1:35)
ImTranslator by Smart Link Corporation                           E’ uno strumento che in                       tempo reale...
ImTranslator, una breve demo       http://www.youtube.com/watch?v=O436cvXPnzU                                             ...
Adblock plus: sicurezza prima di tutto                            Permette di dire no alla                            pubb...
InvisibleHand: ok il prezzo è..Ci permette di ottenereautomaticamente il prezzo piùbasso quando si effettuanoacquisti onli...
InvisibleHand: demoIn questa demo mostriamo anche come cercare ed installare unestesioneper mozilla firefox.              ...
La gestione di Firefox                   La gestione di plugin ed estensioni in Firefox è meno                   raffinata...
Store: dove trovare tutto ciò che ti serve!
Store: dove trovare tutto ciò che ti serve!                       Firefox ti fornisce                       unelenco delle...
Differenze sincronizzazioneSia Chrome che Firefox utilizzano servizicloud per memorizzare le preferenze(preferiti, cronolo...
Dati utente e sync: Chrome                                    Chrome usa un account                                    gma...
Dati utente e sync: FirefoxAnche firefox opera il    Nonostante questosync mediante la          lunico controllo checreazi...
Unultima nota sui dati                                        Eli Pariser analizza come                                   ...
Concludiamo dicendo che...         Chrome e firefox sono prodotti innovativi, che         mirano a costruire un web miglio...
Domande
Grazie
Si ringraziano in particolare:
Upcoming SlideShare
Loading in …5
×

Google Chrome Extensions & Plugin vs Firefox

3,250 views

Published on

A little presentation about Google Chrome's plugins and extensions. A comparison with the browser Firefox. A work about web,tecnology and opensource by Andrea Testa, Valeria Gennari and Silvia Antognazza. Enjoy

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,250
On SlideShare
0
From Embeds
0
Number of Embeds
1,185
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Google Chrome Extensions & Plugin vs Firefox

  1. 1. Strumenti e Applicazioni del WebAndrea TestaValeria GennariSilvia Antognazza
  2. 2. Di che cosa parliamo oggi? Google Chromee in dettaglio:1. perchè Google Chrome è un browser moderno2. plugin, plugin, estensioni, estensioni3. con la testa nella cloud
  3. 3. Pubblicità a parte (cfr Note) Google Chrome è uno dei tanti browser moderni perchè: ideato nel 2008, licenza open source Integra V8, LA virtualmachine per javascript Supporta HTML 5.0 (non del tutto), CSS 3.0: AJAX
  4. 4. Chrome ci permette di......avere un browser multi-processo efficienteOgni scheda è un processo, ognuno di essi esegue più Thread.Basta chiudere una scheda per liberare subito spazioE se navighiamo in un sito pericoloso?Ogni tab è eseguito in una sand-box per la massima sicurezza.
  5. 5. Quando interpretare non basta......è necessario accendere V8!V8 è un software che elabora iljavascript di una pagina.In linguaggio informatico,V8 è una vera e propriamacchina virtuale che NONinterpretama compila ed esegue il (per gli smanettoni)codice, http://www.youtube.com/watch? feature=player_embedded&v=hWhMKalEic Ycon risultati esaltanti =
  6. 6. Per rendere migliore il web... HTML, CSS, JAVASCRIPT sono gli strumenti aperti che permettono di costruire un web migliore, un web migliore eroga servizi migliori, un servizio migliore ci fa stare meglio. HTML, CSS, JAVASCRIPT costruiscono browser migliori.Plug-ins ed estensioni sono funzioni extra, chepersonalizzano e migliorano il browser aggiungendo nuovefunzionalità nella stessa pagina che stiamo visualizzando.
  7. 7. Google Chrome e Firefox sono dueesempi di browser moderni:Un browser moderno è aperto non solo alla comunità deglisviluppatori, ma anche e soprattutto a chi fa del web lapropria passione e lavoro. Permette di essere personalizzato (con estensioni) con gli stessi strumenti che usereste per disegnare una qualunque pagina di un sito web.
  8. 8. Che cosè un plug-in Un plug-in è un software aggiuntivo appositamente creato per elaborare alcuni contenuti. Un plug-in NON si interfaccia quasi per niente con un browser, è libero di operare allinterno di uno spazio apposito.Un determinato plug-in può funzionare in molti browser,solitamente è scritto in un linguaggio di programmazionevero e proprio (java, C++, C#).
  9. 9. E unestensione Le estensioni sono piccoli add-on (programmi supplementari) che è possibile installare sul browser per aggiungere funzionalità. Le estensioni sono scritte appositamente per uno specifico browser, e usano le API che vengono messe a disposizione dagli sviluppatori, sono scritte solitamente con metalinguaggi (html, xml) e linguaggi di scripting (javascript)
  10. 10. Differenze tra plug ins ed estensioniTecnologicamente la differenza plugin ed estensioni non ènetta: potremmo distinguerli non ufficialmente per illinguaggio con cui sono scritti, oppure per il codice sorgente(dei plugin), SE fosse disponibile. Confrontiamo il peso dei pacchettiPlugin: Adobe Flash per Firefox (7.73 Plugin: Adobe Flash per IE 9 (7.81 Mb)Mb) Estensione: McAfee (2.27 Mb)Estensione: McAfee (0.98 Mb)
  11. 11. Differenze tra plug ins ed estensioniCosa cambia per lutente finale? NULLAEvernote per Chrome Evernote per FirefoxEvernote Web Clipper ci permette di appuntare piccolimessaggi di testo su una bacheca virtuale, il funzionamentodelle due estensioni (per Chrome e per Firefox) èassolutamente identico.
  12. 12. Facciamo alcuni esempi: PLUG-INS Adobe Flash è il plug-in per eccellenza, uno dei più conosciuti. Flash ci permette di vedere video e contenuti multimediali La Java Virtual Machine viene installata nel pc per poter eseguire gli applet e i contenuti web dinamici
  13. 13. Facciamo alcuni esempi:ESTENSIONI (DI CHROME) I Lestensione di notifica e-mail mostra un avviso nella barra degli strumenti del broswer.In questo modo non sei costretto ad accedere alla postain una finestra separata per controllare se ci sono nuovimessaggi.Ci sono anche estensioni che funzionano silenziosamentein background (per formattare automaticamente lepagine web nel tuo stile preferito), senza che lutente siaccorda di nulla.
  14. 14. Gmail Avvisi, una piccola demo http://www.youtube.com/watch?v=qEsLCftdAk8 (0:35)
  15. 15. Facciamo alcuni esempi:ESTENSIONI (DI CHROME) II GooEdit ci permette di modificare al volo limmagine di una pagina web, semplicemente selezionandola.Possiamo caricarla su picasa, taggare un nostro amico sufacebook oppure twittare lurl con il nostro account.
  16. 16. GooEdit, come funziona http://www.youtube.com/watch?v=as1JdLpbBHc (1:07)
  17. 17. Facciamo alcuni esempi: ESTENSIONI (DI CHROME) III exfm ci permette di raccogliere la musica presente sul sito ex. fm.La musica proposta non è casuale, ma basata sulle nostreprecedenti navigazioni web.exfm ci consente di avere in un unico punto la musica deinostri artisti preferiti a partire dalla nostra cronologia.Non mancano funzionalità social e possibilità di creareplaylist.
  18. 18. Exfm: demoIn questa demo mostriamo anche come cercare ed installare unestesioneper google Chrome. http://www.youtube.com/watch?v=M_JVyCVQ4QA (2:41)
  19. 19. La gestione di ChromeCliccando sulla chiavetta che si trova nella barra deglistrumenti è possibile accedere al Task manager, chepermette la gestione pubblica dei plug-ins e delleestensioni.Ogni plug-in oestensione è unelemento a sestante.
  20. 20. La gestione nascosta Gli "addetti ai lavori" possono anche raggiungere una gestione avanzata di estensioni e plug-ins. La visibilità di queste impostazioni è limitata: bisogna infatti conoscere il comando esatto e digitarlo nella barra degli indirizzi. Allinterno di queste sezioni possiamo leggere e modificare le varie impostazioni tecniche Si raggiungono solo digitando in una nuova scheda "about:extensions" e "about:plugins".
  21. 21. Store: chi cerca, installa Il chrome store è uno spazio in cui scaricare le app e le estensioni. Per installare le app è necessario un account e se cambio pc le ritrovo sempre e comunque...Ricerco Leggo la recensione ...e "installo"
  22. 22. Firefox: lerede di Netscape Firefox è opensource, multipiattaforma, sfrutta Gecko come motore di rendering Firefox ha sempre puntato sulla personalizzazione con ricche API Mozilla Foundation è una organizzazione no- profit che promuove tecnologie aperte, innovazione e partecipazione in Internet.
  23. 23. Firefox: alcune estensioni Yoono: è la più scaricata, tutti i social a portata di click
  24. 24. Yoono: in dettaglio E possibile ottenere tutti gli aggiornamenti, modificare il proprio stato e condividere Facebook, Twitter,LinkedIn, YouTube e altro ancora - tutto in un’unica finestra.
  25. 25. Yoono: funzionamento http://www.youtube.com/watch?v=BLPTQULcC6o (1:35)
  26. 26. ImTranslator by Smart Link Corporation E’ uno strumento che in tempo reale fornisce la traduzione del testo in numerose lingue; Dopo la sua installazione è necessario settare le impostazioni di base definendo in quale lingua si vuole avere la traduzione
  27. 27. ImTranslator, una breve demo http://www.youtube.com/watch?v=O436cvXPnzU (0:44)
  28. 28. Adblock plus: sicurezza prima di tutto Permette di dire no alla pubblicità nel web. E’ possibile scegliere tra più di una quarantina di sottoscrizioni di filtri che si configurano automaticamente Scongiura richieste daE opensource: repository parte di host noti e pericolosi
  29. 29. InvisibleHand: ok il prezzo è..Ci permette di ottenereautomaticamente il prezzo piùbasso quando si effettuanoacquisti online o la ricerca divoli.InvisibleHand mostra unadiscreta notifica quando unprezzo migliore è disponibilesu un prodotto o un volo che sistà acquistando.Copre oltre 580rivenditori.
  30. 30. InvisibleHand: demoIn questa demo mostriamo anche come cercare ed installare unestesioneper mozilla firefox. http://www.youtube.com/watch?v=ThFZeRYf_J8 (1:26)
  31. 31. La gestione di Firefox La gestione di plugin ed estensioni in Firefox è meno raffinata rispetto a quella di Chrome. Il punto di accesso è sempre il Gestore Componenti aggiuntivi. Il menù a sinistra si permette di scegliere su cosa intervenire. Ogni plugin o estensione è un elemento a se stanteLe estensioni solitamente possono essere disattivate, configurate o rimosseI plugin solo disattivati ma gestibili con un apposita scheda Non abbiamo una sezione che ci informa in tempo reale delle risorse utilizzate (il Task Manager di Chrome)
  32. 32. Store: dove trovare tutto ciò che ti serve!
  33. 33. Store: dove trovare tutto ciò che ti serve! Firefox ti fornisce unelenco delle estensioni consigliate, di quelle più popolari e di quelle emergenti. Al passaggio del mouse verrà visualizzato un menù a tendina che darà la possibilità di aggiungere lestensione.
  34. 34. Differenze sincronizzazioneSia Chrome che Firefox utilizzano servizicloud per memorizzare le preferenze(preferiti, cronologia, estensioni installate...)degli utenti.Chrome utilizza un account gmail in cui salvail nostro profilo completo, Firefox invece cichiede un account (user e password) solo perle preferenze del nostro browser.
  35. 35. Dati utente e sync: Chrome Chrome usa un account gmail per sincronizzare i nostri dati......affidiamo le nostre informazioni direttamente a Google(una società con fini di lucro) Google ci mette a disposizione una dashboard web e il sito dataliberation per garantire massima trasparenza
  36. 36. Dati utente e sync: FirefoxAnche firefox opera il Nonostante questosync mediante la lunico controllo checreazione di un abbiamo è quelloaccount. offertoci dal browser stesso...Mozilla foundation nonha scopo di lucro e lencryption end-to- end è realizzatoA differenza di Google, mediante un certificatofirefox prevede un univoco inviatomeccanismo end-to- allutente...end di encryption ...siamo esposti al man-in-the-middle ?!?
  37. 37. Unultima nota sui dati Eli Pariser analizza come Google e Facebook utilizzino i nostri profili per creare esperienze di utilizzo personalizzate. Il rischio cui andiamo incontro è loscurantismo di qualunque "voce" non rientri nelle nostreQui il video sottotitolato preferenze.http://www.youtube.com/watch?feature=player_embedded&v=B8ofWFx525s Il rischio è una gabbia invisibile.
  38. 38. Concludiamo dicendo che... Chrome e firefox sono prodotti innovativi, che mirano a costruire un web miglioreLa loro grande forza non sta (solo) nellutilizzare tecnologieallavanguardia, ma nel costruire il loro progetto intornoalluser experience......plugins ed estensioni ne sono chiari esempi.E ci ricordano che, almeno sul web, NOIpossiamo fare la differenza
  39. 39. Domande
  40. 40. Grazie
  41. 41. Si ringraziano in particolare:

×