SlideShare a Scribd company logo
1 of 15
Istruzioni per l'uso   Flash vs jQuery
Flash Il linguaggio di programmazione FLASH è stato ideato da  Macromedia  e si basa sulla grafica vettoriale. Viene utilizzato in diversi campi, principalmente nella visualizzazione di video (vedi YouTube e Vimeo) ma anche per la realizzazione di parti dinamiche di siti internet (filmati, menù, gallerie, animazioni..)
Flash Per utilizzare la tecnologia flash occorre: LATO SVILUPPATORE - un software dedicato (Adobe, Swishmax..) - conoscenze di html (il codice html di flash è contenuto nel tag <object>) LATO UTENTE - plugin installato sul proprio browser - avere un dispositivo che supporti la tecnologia  (i dispositivi Apple nativamente non supportano flash)
jQuery jQuery è una libreria di funzioni utilizzata per la realizzazione di parti di pagine web codificata in javascript. Gli elementi realizzati con questa tecnologia sono principalmente: - Menu - Gallerie - Slider di immagini ma in realtà viene utilizzata per gestire e personalizzare tutti gli elementi grafici.
jQuery Per utilizzare la tecnologia jQuery abbiamo bisogno di : - Almeno un file css - Porzioni di codice html - Javascript Questi file devono essere importati all'interno del dominio e richiamati nelle pagine in cui vengono utilizzati gli effetti.
Analizziamo ora tutti i pro e i contro delle due tecnologie per capire cosa è meglio utilizzare e quando
PRO  – jQuery Codice  Opensource La maggior parte degli elementi grafici che si trovano sul web sono  gratuiti . Alcune applicazioni avanzate però possono avere restrizioni commerciali o essere a pagamento Portabile  (compatibilità con tutti i dispositivi – PC, smartphone, tablet....) Leggero Personalizzazione  al livello grafico e strutturale Presenza di diverse comunità che partendo dalla stessa base cercano di  migliorare la grafica  e le prestazioni supporta ogni formato multimediale  (esempio: immagini,descrizioni in html,video in flash,applicazioni esterne..)
CONTRO  – jQuery Richiede tempo  per  l'implementazione, la personalizzazione e corretto funzionamento Richiede basi  di html,css e javascript Meno effetti grafici  rispetto a flash Non è garantita la compatibilità  tra i diversi browser: ogni browser interpreta in modo leggermente differente il codice css
PRO  – FLASH Maggiori possibilità di  effetti grafici Possibiltà di  creare applicazioni senza scrivere codice  grazie alle interfacce user-friendly dei software per lo sviluppo Non presenta problemi di compatibilità  tra i diversi browser Diversi campi e modi di utilizzo : possiamo usare flash per creare programmi, giochi, menu, gallerie fotografiche...
CONTRO  – FLASH Meno portabilità  (i dispositivi Apple e molti smartphone non supportano flash) Necessita di un  software a pagamento Necessita di un  plug-in  sul browser dell'utente Più  pesante  rispetto alle jQuery Gli spider dei motori di ricerca  indicizzano  le risorse flash con  maggiore   difficoltà  -> i siti realizzati completamente in flash presentano maggiori problemi di indicizzazione e posizionamento Una volta ottenuto il file .swf è impossibile modificarlo se non si è salvato anche il file sorgente relativo al software che si è utilizzato
SVILUPPI FUTURI Lo sviluppo dell'HTML5 si muove in direzione Javascript e Flash deve fare un passo indietro: Adobe non può ignorare i progressi e gli sviluppi dell'HTML5 che a suo vantaggio non necessita di strumenti costosi. Per questo motivo Adobe ed altre case di sviluppo software si stanno impegnando per realizzare un'applicazione che permette di trasformare il file flash .swf in un file html5.  Esempio strumento fornito da Google :  http://swiffy.googlelabs.com/ NB: questo strumento funziona correttamente solo con Chrome e Mobile Safari
REALIZZAZIONI by EDP ANSWER Catalogo cartaceo sfogliabile jQuery La versione realizzata dai nostri creativi ha una grafica semplice, pulita e con meno funzionalità rispetto al programma PageFlip ma essendo ancora in fase di sviluppo sicuramente verranno aggiunte ulteriori funzioni. http://www.edpanswer.it/pagine/SitiWebRealizzati/index.html Flash Segnaliamo un software spaziale (a pagamento oltre le 10 pagine) con il quale è possibile produrre il book in pochissimi minuti  dando in pasto al programma un file pdf. È possibile inoltre creare la versione dedicata ai dispositivi mobili. http://page-flip.com/
REALIZZAZIONI by EDP ANSWER Virtual Tour jQuery Il Virtual Tour è attualmente in fase di sviluppo ed al momento disponiamo della versione base che permette un Tour orizzontale a 360°. L'estetica accompagna gli occhi del visitatore a godere della magia del Tour tridimensionale. Inoltre è possibile ingrandire alcuni particolari presenti nell'ambiente.  http://www.edpanswer.it/pagine/VirtualTour/indexNero.html Flash La realizzazione delle  foto avviene nello stesso modo ma la grossa differenza sta  nel fatto che una volta ottenuta l’immagine finale il movimento viene realizzato con un software a pagamento. La limitazione è data dalle funzionalità del programma.
Conclusioni jQuery o Flash? DIPENDE   a) da che tipo di conoscenze avete b) da che strumenti avete a disposizione c) di quanto tempo e denaro siete forniti
Thank you www.edpanswer.it   //sito home  www.edpanswer.net    // manutenzione hardware  www.edpanswer.eu   // portali web www.facebook.com/edpanswer

More Related Content

What's hot

Workshop AngularJs, Cordova, Ionic - Politecnico di Milano
Workshop AngularJs, Cordova, Ionic - Politecnico di MilanoWorkshop AngularJs, Cordova, Ionic - Politecnico di Milano
Workshop AngularJs, Cordova, Ionic - Politecnico di MilanoGabriele Gaggi
 
App Mobile Powerapps
App Mobile PowerappsApp Mobile Powerapps
App Mobile PowerappsGiuneco S.r.l
 
Un Cms Per La Scuola Joomlafap
Un Cms Per La Scuola JoomlafapUn Cms Per La Scuola Joomlafap
Un Cms Per La Scuola JoomlafapLavia Di Sabatino
 
Iphone Internet Mobile
Iphone Internet MobileIphone Internet Mobile
Iphone Internet MobilePivari.com
 
Sviluppo di App cross-platform con Cordova e HTML5
Sviluppo di App cross-platform con Cordova e HTML5Sviluppo di App cross-platform con Cordova e HTML5
Sviluppo di App cross-platform con Cordova e HTML5Gabriele Gaggi
 
Salvatore Laisa, WordPress + JQuery
Salvatore Laisa, WordPress + JQuerySalvatore Laisa, WordPress + JQuery
Salvatore Laisa, WordPress + JQueryKnowCamp
 
Wordpress 3/7. temi e plugin
Wordpress 3/7. temi e pluginWordpress 3/7. temi e plugin
Wordpress 3/7. temi e pluginCity Planner
 
Notifiche Locali vs Notifiche Push - di Gabriele Coppola
Notifiche Locali vs Notifiche Push - di Gabriele CoppolaNotifiche Locali vs Notifiche Push - di Gabriele Coppola
Notifiche Locali vs Notifiche Push - di Gabriele CoppolaGiuneco S.r.l
 
Corso Web 2.0: Diario di viaggio
Corso Web 2.0: Diario di viaggioCorso Web 2.0: Diario di viaggio
Corso Web 2.0: Diario di viaggioRoberto Polillo
 
PASW4Joomla! Il nuovo modello di sito
PASW4Joomla! Il nuovo modello di sitoPASW4Joomla! Il nuovo modello di sito
PASW4Joomla! Il nuovo modello di sitoAntonio Todaro
 
Piani builderall web presence digital marketing - builderall -_business
Piani builderall web presence   digital marketing - builderall -_business Piani builderall web presence   digital marketing - builderall -_business
Piani builderall web presence digital marketing - builderall -_business Luca Marzotto
 
Lantichimindmapapp2019
Lantichimindmapapp2019Lantichimindmapapp2019
Lantichimindmapapp2019Laura Antichi
 
Studio e sviluppo di un sito web responsive attraverso Bootstrap
Studio e sviluppo di un sito web responsive attraverso Bootstrap Studio e sviluppo di un sito web responsive attraverso Bootstrap
Studio e sviluppo di un sito web responsive attraverso Bootstrap Davide Polotto
 

What's hot (20)

Workshop AngularJs, Cordova, Ionic - Politecnico di Milano
Workshop AngularJs, Cordova, Ionic - Politecnico di MilanoWorkshop AngularJs, Cordova, Ionic - Politecnico di Milano
Workshop AngularJs, Cordova, Ionic - Politecnico di Milano
 
App Mobile Powerapps
App Mobile PowerappsApp Mobile Powerapps
App Mobile Powerapps
 
Un Cms Per La Scuola Joomlafap
Un Cms Per La Scuola JoomlafapUn Cms Per La Scuola Joomlafap
Un Cms Per La Scuola Joomlafap
 
Iphone Internet Mobile
Iphone Internet MobileIphone Internet Mobile
Iphone Internet Mobile
 
Blender
BlenderBlender
Blender
 
Sviluppo di App cross-platform con Cordova e HTML5
Sviluppo di App cross-platform con Cordova e HTML5Sviluppo di App cross-platform con Cordova e HTML5
Sviluppo di App cross-platform con Cordova e HTML5
 
I video nella didattica
I video nella didatticaI video nella didattica
I video nella didattica
 
Wordpress
WordpressWordpress
Wordpress
 
Salvatore Laisa, WordPress + JQuery
Salvatore Laisa, WordPress + JQuerySalvatore Laisa, WordPress + JQuery
Salvatore Laisa, WordPress + JQuery
 
Wordpress 3/7. temi e plugin
Wordpress 3/7. temi e pluginWordpress 3/7. temi e plugin
Wordpress 3/7. temi e plugin
 
Notifiche Locali vs Notifiche Push - di Gabriele Coppola
Notifiche Locali vs Notifiche Push - di Gabriele CoppolaNotifiche Locali vs Notifiche Push - di Gabriele Coppola
Notifiche Locali vs Notifiche Push - di Gabriele Coppola
 
PWA PRESENTATION
PWA PRESENTATIONPWA PRESENTATION
PWA PRESENTATION
 
Corso Web 2.0: Diario di viaggio
Corso Web 2.0: Diario di viaggioCorso Web 2.0: Diario di viaggio
Corso Web 2.0: Diario di viaggio
 
Mobile UI Design
Mobile UI DesignMobile UI Design
Mobile UI Design
 
Tutorial Slideshare
Tutorial  SlideshareTutorial  Slideshare
Tutorial Slideshare
 
PASW4Joomla! Il nuovo modello di sito
PASW4Joomla! Il nuovo modello di sitoPASW4Joomla! Il nuovo modello di sito
PASW4Joomla! Il nuovo modello di sito
 
Piani builderall web presence digital marketing - builderall -_business
Piani builderall web presence   digital marketing - builderall -_business Piani builderall web presence   digital marketing - builderall -_business
Piani builderall web presence digital marketing - builderall -_business
 
Le performance
Le performanceLe performance
Le performance
 
Lantichimindmapapp2019
Lantichimindmapapp2019Lantichimindmapapp2019
Lantichimindmapapp2019
 
Studio e sviluppo di un sito web responsive attraverso Bootstrap
Studio e sviluppo di un sito web responsive attraverso Bootstrap Studio e sviluppo di un sito web responsive attraverso Bootstrap
Studio e sviluppo di un sito web responsive attraverso Bootstrap
 

Similar to Flash vs jQuery

Google Chrome Extensions & Plugin vs Firefox
Google Chrome Extensions & Plugin vs FirefoxGoogle Chrome Extensions & Plugin vs Firefox
Google Chrome Extensions & Plugin vs FirefoxWikiCorsoWeb
 
SMAU 2010 - Scenari futuri del Video-on-the-Web: selezione o coabitazione dei...
SMAU 2010 - Scenari futuri del Video-on-the-Web: selezione o coabitazione dei...SMAU 2010 - Scenari futuri del Video-on-the-Web: selezione o coabitazione dei...
SMAU 2010 - Scenari futuri del Video-on-the-Web: selezione o coabitazione dei...Roberto Ellero
 
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platformAngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platformGabriele Gaggi
 
Formazione on line (e-learning) e conferenze via web
Formazione on line (e-learning) e conferenze via webFormazione on line (e-learning) e conferenze via web
Formazione on line (e-learning) e conferenze via webEvolutionBook S.r.l.
 
Angular js o React? Spunti e idee per la scelta di un framework
Angular js o React? Spunti e idee per la scelta di un frameworkAngular js o React? Spunti e idee per la scelta di un framework
Angular js o React? Spunti e idee per la scelta di un frameworkGiovanni Buffa
 
7. Applicazioni Web e CMS
7. Applicazioni Web e CMS7. Applicazioni Web e CMS
7. Applicazioni Web e CMSRoberto Polillo
 
Google Chrome & Mozilla Firefox - Plugins & Extensions
Google Chrome & Mozilla Firefox - Plugins & ExtensionsGoogle Chrome & Mozilla Firefox - Plugins & Extensions
Google Chrome & Mozilla Firefox - Plugins & ExtensionsValeria Gennari
 
Designing Flex and AIR applications
Designing Flex and AIR applicationsDesigning Flex and AIR applications
Designing Flex and AIR applicationsmarcocasario
 
Presentazione Corso - Parte 3
Presentazione Corso - Parte 3Presentazione Corso - Parte 3
Presentazione Corso - Parte 3Giorgio Carpoca
 
Sviluppare plugin per google Chrome
Sviluppare plugin per google ChromeSviluppare plugin per google Chrome
Sviluppare plugin per google ChromeCodemotion
 
Sviluppo apps multipiattaforma con visual studio e xamarin
Sviluppo apps multipiattaforma con visual studio e xamarinSviluppo apps multipiattaforma con visual studio e xamarin
Sviluppo apps multipiattaforma con visual studio e xamarinFabio Cozzolino
 
RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni ...
RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni ...RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni ...
RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni ...EvolutionBook S.r.l.
 
7. Applicazioni web e CMS
7. Applicazioni web e CMS7. Applicazioni web e CMS
7. Applicazioni web e CMSRoberto Polillo
 

Similar to Flash vs jQuery (20)

Link. javascript ajax
  Link. javascript ajax  Link. javascript ajax
Link. javascript ajax
 
Google Chrome Extensions & Plugin vs Firefox
Google Chrome Extensions & Plugin vs FirefoxGoogle Chrome Extensions & Plugin vs Firefox
Google Chrome Extensions & Plugin vs Firefox
 
Google chrome
Google chromeGoogle chrome
Google chrome
 
Microsoft Fast - Overview
Microsoft Fast - OverviewMicrosoft Fast - Overview
Microsoft Fast - Overview
 
SMAU 2010 - Scenari futuri del Video-on-the-Web: selezione o coabitazione dei...
SMAU 2010 - Scenari futuri del Video-on-the-Web: selezione o coabitazione dei...SMAU 2010 - Scenari futuri del Video-on-the-Web: selezione o coabitazione dei...
SMAU 2010 - Scenari futuri del Video-on-the-Web: selezione o coabitazione dei...
 
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platformAngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
 
Rich Internet Application
Rich Internet ApplicationRich Internet Application
Rich Internet Application
 
Formazione on line (e-learning) e conferenze via web
Formazione on line (e-learning) e conferenze via webFormazione on line (e-learning) e conferenze via web
Formazione on line (e-learning) e conferenze via web
 
Angular js o React? Spunti e idee per la scelta di un framework
Angular js o React? Spunti e idee per la scelta di un frameworkAngular js o React? Spunti e idee per la scelta di un framework
Angular js o React? Spunti e idee per la scelta di un framework
 
7. Applicazioni Web e CMS
7. Applicazioni Web e CMS7. Applicazioni Web e CMS
7. Applicazioni Web e CMS
 
Google Chrome & Mozilla Firefox - Plugins & Extensions
Google Chrome & Mozilla Firefox - Plugins & ExtensionsGoogle Chrome & Mozilla Firefox - Plugins & Extensions
Google Chrome & Mozilla Firefox - Plugins & Extensions
 
Designing Flex and AIR applications
Designing Flex and AIR applicationsDesigning Flex and AIR applications
Designing Flex and AIR applications
 
Html5
Html5Html5
Html5
 
Jquery mobile per App
Jquery mobile per AppJquery mobile per App
Jquery mobile per App
 
Presentazione Corso - Parte 3
Presentazione Corso - Parte 3Presentazione Corso - Parte 3
Presentazione Corso - Parte 3
 
Flash e software libero
Flash e software liberoFlash e software libero
Flash e software libero
 
Sviluppare plugin per google Chrome
Sviluppare plugin per google ChromeSviluppare plugin per google Chrome
Sviluppare plugin per google Chrome
 
Sviluppo apps multipiattaforma con visual studio e xamarin
Sviluppo apps multipiattaforma con visual studio e xamarinSviluppo apps multipiattaforma con visual studio e xamarin
Sviluppo apps multipiattaforma con visual studio e xamarin
 
RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni ...
RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni ...RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni ...
RIA: Rich Internet Applications. Interfacce utente avanzate per applicazioni ...
 
7. Applicazioni web e CMS
7. Applicazioni web e CMS7. Applicazioni web e CMS
7. Applicazioni web e CMS
 

Flash vs jQuery

  • 1. Istruzioni per l'uso Flash vs jQuery
  • 2. Flash Il linguaggio di programmazione FLASH è stato ideato da  Macromedia e si basa sulla grafica vettoriale. Viene utilizzato in diversi campi, principalmente nella visualizzazione di video (vedi YouTube e Vimeo) ma anche per la realizzazione di parti dinamiche di siti internet (filmati, menù, gallerie, animazioni..)
  • 3. Flash Per utilizzare la tecnologia flash occorre: LATO SVILUPPATORE - un software dedicato (Adobe, Swishmax..) - conoscenze di html (il codice html di flash è contenuto nel tag <object>) LATO UTENTE - plugin installato sul proprio browser - avere un dispositivo che supporti la tecnologia (i dispositivi Apple nativamente non supportano flash)
  • 4. jQuery jQuery è una libreria di funzioni utilizzata per la realizzazione di parti di pagine web codificata in javascript. Gli elementi realizzati con questa tecnologia sono principalmente: - Menu - Gallerie - Slider di immagini ma in realtà viene utilizzata per gestire e personalizzare tutti gli elementi grafici.
  • 5. jQuery Per utilizzare la tecnologia jQuery abbiamo bisogno di : - Almeno un file css - Porzioni di codice html - Javascript Questi file devono essere importati all'interno del dominio e richiamati nelle pagine in cui vengono utilizzati gli effetti.
  • 6. Analizziamo ora tutti i pro e i contro delle due tecnologie per capire cosa è meglio utilizzare e quando
  • 7. PRO – jQuery Codice Opensource La maggior parte degli elementi grafici che si trovano sul web sono gratuiti . Alcune applicazioni avanzate però possono avere restrizioni commerciali o essere a pagamento Portabile (compatibilità con tutti i dispositivi – PC, smartphone, tablet....) Leggero Personalizzazione al livello grafico e strutturale Presenza di diverse comunità che partendo dalla stessa base cercano di migliorare la grafica e le prestazioni supporta ogni formato multimediale (esempio: immagini,descrizioni in html,video in flash,applicazioni esterne..)
  • 8. CONTRO – jQuery Richiede tempo per l'implementazione, la personalizzazione e corretto funzionamento Richiede basi di html,css e javascript Meno effetti grafici rispetto a flash Non è garantita la compatibilità tra i diversi browser: ogni browser interpreta in modo leggermente differente il codice css
  • 9. PRO – FLASH Maggiori possibilità di effetti grafici Possibiltà di creare applicazioni senza scrivere codice grazie alle interfacce user-friendly dei software per lo sviluppo Non presenta problemi di compatibilità tra i diversi browser Diversi campi e modi di utilizzo : possiamo usare flash per creare programmi, giochi, menu, gallerie fotografiche...
  • 10. CONTRO – FLASH Meno portabilità (i dispositivi Apple e molti smartphone non supportano flash) Necessita di un software a pagamento Necessita di un plug-in sul browser dell'utente Più pesante rispetto alle jQuery Gli spider dei motori di ricerca indicizzano le risorse flash con maggiore difficoltà -> i siti realizzati completamente in flash presentano maggiori problemi di indicizzazione e posizionamento Una volta ottenuto il file .swf è impossibile modificarlo se non si è salvato anche il file sorgente relativo al software che si è utilizzato
  • 11. SVILUPPI FUTURI Lo sviluppo dell'HTML5 si muove in direzione Javascript e Flash deve fare un passo indietro: Adobe non può ignorare i progressi e gli sviluppi dell'HTML5 che a suo vantaggio non necessita di strumenti costosi. Per questo motivo Adobe ed altre case di sviluppo software si stanno impegnando per realizzare un'applicazione che permette di trasformare il file flash .swf in un file html5. Esempio strumento fornito da Google : http://swiffy.googlelabs.com/ NB: questo strumento funziona correttamente solo con Chrome e Mobile Safari
  • 12. REALIZZAZIONI by EDP ANSWER Catalogo cartaceo sfogliabile jQuery La versione realizzata dai nostri creativi ha una grafica semplice, pulita e con meno funzionalità rispetto al programma PageFlip ma essendo ancora in fase di sviluppo sicuramente verranno aggiunte ulteriori funzioni. http://www.edpanswer.it/pagine/SitiWebRealizzati/index.html Flash Segnaliamo un software spaziale (a pagamento oltre le 10 pagine) con il quale è possibile produrre il book in pochissimi minuti dando in pasto al programma un file pdf. È possibile inoltre creare la versione dedicata ai dispositivi mobili. http://page-flip.com/
  • 13. REALIZZAZIONI by EDP ANSWER Virtual Tour jQuery Il Virtual Tour è attualmente in fase di sviluppo ed al momento disponiamo della versione base che permette un Tour orizzontale a 360°. L'estetica accompagna gli occhi del visitatore a godere della magia del Tour tridimensionale. Inoltre è possibile ingrandire alcuni particolari presenti nell'ambiente. http://www.edpanswer.it/pagine/VirtualTour/indexNero.html Flash La realizzazione delle foto avviene nello stesso modo ma la grossa differenza sta nel fatto che una volta ottenuta l’immagine finale il movimento viene realizzato con un software a pagamento. La limitazione è data dalle funzionalità del programma.
  • 14. Conclusioni jQuery o Flash? DIPENDE a) da che tipo di conoscenze avete b) da che strumenti avete a disposizione c) di quanto tempo e denaro siete forniti
  • 15. Thank you www.edpanswer.it //sito home www.edpanswer.net // manutenzione hardware www.edpanswer.eu // portali web www.facebook.com/edpanswer