SlideShare una empresa de Scribd logo
1 de 23
Descargar para leer sin conexión
Applicazioni web e web
                                            design responsive: sottili
                                            confini strategici per idee di
                                            business che devono
                                            prendere forma




                          Fabrizio Caccavello
     Titolo della presentazione

mercoledì 20 marzo 13
INTERNATIONAL WEBMASTERS ASSOCIATION
                        http://www.iwa.it

                                            Prima associazione al mondo (dal
        Partecipazioni internazionali
                                            1996) che raggruppa chi lavora nel
                                            Web, sia nel settore pubblico che
                                            privato
                                            Obiettivo di IWA è creare rete tra i
                                            soci, partecipare all'evoluzione della
       Partecipazioni nazionali             rete e divulgare conoscenza tramite
                                            i soci con eventi ed iniziative


                                                               media partner




mercoledì 20 marzo 13
INTERNATIONAL WEBMASTERS ASSOCIATION
                        http://www.iwa.it

                        Perché associarsi

                         1     rete tra professionisti


                               partecipazione a gruppi di lavoro
                         2     anche internazionali

                               convenzioni per tutela professionalità
                         3     (esempio: studi legali)
                                                         media partner




                                                                         3

mercoledì 20 marzo 13
IWA Italy è associazione professionale che raggruppa chi opera nel
                        Web, ovvero i soggetti che - ai sensi della legge 4/2013, sono definibili
                        come "professionisti Web" (liberi professionisti, dipendenti - pubblici e
                        privati, altre forme di lavoro che come attività prevalente operano nel
                        Web).

                        IWA Italy ha inoltre rilasciato i primi profili professionali (G3 Web Skill
                        Profiles) in linea con i dettami dell'agenda digitale europea e italiana ed
                        ha avviato accordi di collaborazione con realtà di tutela del lavoro
                        (sindacati) e di domanda/offerta di lavoro: ancora una volta il ruolo di
                        IWA è quello di unire, far collaborare e tutelare chi opera nel Web.



                        http://www.iwa.it/join


                                                                                                     4
                                                                                                     4

mercoledì 20 marzo 13
quota speciale SMAU euro 50,00
           Potrai ottenere uno sconto sulla quota associativa che pagherai euro 50,00 anziché
           euro 65,00. Lo sconto vale sia per i nuovi soci che per i rinnovi.
           Per usufruire dello sconto usa in fase di registrazione o rinnovo il seguente
           promocode:



                            SMAUROMA2013
                              http://www.iwa.it/join


                                                                                                5

mercoledì 20 marzo 13
Applicazioni web e web design responsive:
         sottili confini strategici per idee di business
         che devono prendere forma




         Quando si iniziano a sviluppare idee di business è
         necessario chiedersi quali tecnologie e forme di
         comunicazione siano più interessanti e quali ritorni per i
         propri investimenti si possano avere. Il confine tra
         progetti web studiati appositamente per i dispositivi
         mobili, e applicazioni web o native è talvolta molto sottile
         e il decisore ha bisogno di capire quali strade percorrere
         per non sprecare tempo e risorse.




                            Fabrizio Caccavello                         6

mercoledì 20 marzo 13
Applicazioni web e web design responsive:
         sottili confini strategici per idee di business
         che devono prendere forma




                                                        IL MIO
                                                       NUOVO
                                                      PROGETTO




            Sito internet                                        Applicazione
             • interattivo                                       • web application
             • dinamico                                          • web app per mobile
             • accessibile                                       • app nativa
             • ottimizzato per mobile                            • ...
             • ...


                            Fabrizio Caccavello                                         7

mercoledì 20 marzo 13
Applicazioni web e web design responsive:
         sottili confini strategici per idee di business
         che devono prendere forma




                                      c’erano una volta le colonne

       Sito in
                  ternet


        la solidità delle
             colonne e il
         mantenimento
      della struttura su
     tutti i browser era
        un elemento di
            qualità di un
           progetto web

                                                                     Alessandro Fulciniti November 2005


                            Fabrizio Caccavello                                                           8

mercoledì 20 marzo 13
Applicazioni web e web design responsive:
         sottili confini strategici per idee di business
         che devono prendere forma




   c’è stato un tempo in cui...




      ottimizzato per
      la risoluzione
      800x600




                            Fabrizio Caccavello           9

mercoledì 20 marzo 13
Applicazioni web e web design responsive:
         sottili confini strategici per idee di business
         che devono prendere forma




         RESPONSIVE WEB DESIGN
         « Nulla si crea, nulla si distrugge, tutto si trasforma »
         (Antoine Lavoisier)



                                                          Pensare a utenti che
                                                          hanno le stesse esigenze
                                                          pur utilizzando
                                                          dispositivi diversi e in
                                                          condizioni diverse




                            Fabrizio Caccavello                                      10

mercoledì 20 marzo 13
Applicazioni web e web design responsive:
         sottili confini strategici per idee di business
         che devono prendere forma




   RESPONSIVE WEB DESIGN
                                                          mobile




desktop
                                                                   tablet




   Adattarsi all’ambiente


                            Fabrizio Caccavello                             11

mercoledì 20 marzo 13
Applicazioni web e web design responsive:
         sottili confini strategici per idee di business
         che devono prendere forma




        RESPONSIVE WEB DESIGN
                                                          una gabbia
                                                          che non
                                                          costringe




                            Fabrizio Caccavello                        12

mercoledì 20 marzo 13
Applicazioni web e web design responsive:
         sottili confini strategici per idee di business
         che devono prendere forma




        RESPONSIVE WEB DESIGN
                                                          una gabbia
                                                          che non
                                                          costringe




                            Fabrizio Caccavello                        13

mercoledì 20 marzo 13
Applicazioni web e web design responsive:
         sottili confini strategici per idee di business
         che devono prendere forma




       RESPONSIVE WEB DESIGN

       MOBILE FIRST




          MOBILE                          TABLET          DESKTOP
                                        SMALL TABLET      BIG DESKTOP




                            Fabrizio Caccavello                         14

mercoledì 20 marzo 13
Applicazioni web e web design responsive:
         sottili confini strategici per idee di business
         che devono prendere forma



                  Aggiungere un sito internet sul proprio home screen
                  comparirà come un’app nativa




                            Fabrizio Caccavello                         15

mercoledì 20 marzo 13
Applicazioni web e web design responsive:
         sottili confini strategici per idee di business
         che devono prendere forma



                                                          Possiamo aggiungere un
                                                          elemento (in javascript) che
                                                          inviti l’utente a utilizzare la
                                                          funzione “aggiungi a Home”
                                                          http://cubiq.org/add-to-home-screen




                                                          ora abbiamo una webapp




                            Fabrizio Caccavello                                                 16

mercoledì 20 marzo 13
Applicazioni web e web design responsive:
         sottili confini strategici per idee di business
         che devono prendere forma




                  webapp                                  app native

                sviluppo in                               sviluppo in linguaggio nativo
                HTML CSS JAVASCRIPT
                (il linguaggio di internet)               migliore esperienza d’uso

                tempi di sviluppo più rapidi              funzionamento offline

                facile aggiornamento perché               accesso a tutte le funzionalità
                è sufficiente aggiornare la               del dispositivo
                pagina web
                                                          regolare pubblicazione negli
                multipiattaforma                          store

                                                          notifiche push


                            Fabrizio Caccavello                                             17

mercoledì 20 marzo 13
Applicazioni web e web design responsive:
         sottili confini strategici per idee di business
         che devono prendere forma




             webapp                                         app native




           Attraverso un’applicazione tipo PhoneGap è possibile trasformare
                            una web app in una app nativa




                            Fabrizio Caccavello                               18

mercoledì 20 marzo 13
Applicazioni web e web design responsive:
         sottili confini strategici per idee di business
         che devono prendere forma

       RESPONSIVE WEB DESIGN




                                                                   Objective C
                                                          NATIVE
                                                           APP




       APP DEVELOPMENT
                            Fabrizio Caccavello                                  19

mercoledì 20 marzo 13
Applicazioni web e web design responsive:
         sottili confini strategici per idee di business
         che devono prendere forma




                        è tutto facile?




                            Fabrizio Caccavello           20

mercoledì 20 marzo 13
Applicazioni web e web design responsive:
         sottili confini strategici per idee di business
         che devono prendere forma




          EVIT                                            Per un design responsive basta
              A
         SEMP RE LE                                       scaricare un tema di Wordpress
               L
         o ban IFICAZIO
              alità    NI                                 Fare una web app è come fare un
                                                          sito internet in miniatura

                                                          Trasformare una web app in app
                                                          nativa con Phonegap o strumenti
                                                          simili è un gioco da ragazzi

                                                          Una web app è uguale a un’app
                                                          nativa




                            Fabrizio Caccavello                                             21

mercoledì 20 marzo 13
Applicazioni web e web design responsive:
         sottili confini strategici per idee di business
         che devono prendere forma

       Crescenti competenze in progettazione HTML CSS JAVASCRIPT
       Problem solving

                 RESPONSIVE WEB DESIGN




                                                                   Objective C
                                                                                 Ottima
                                                          NATIVE                 conoscenza
                                                           APP
                                                                                 del
                                                                                 linguaggio
                 APP DEVELOPMENT
                        Ottima conoscenza di
                                      Phonegap
                            Fabrizio Caccavello                                               22

mercoledì 20 marzo 13
Applicazioni web e web design responsive:
         sottili confini strategici per idee di business
         che devono prendere forma




                                                          cfabry




                            Fabrizio Caccavello                    23

mercoledì 20 marzo 13

Más contenido relacionado

La actualidad más candente

Applicazioni web e web design responsive - SMAU Bologna 2013
Applicazioni web e web design responsive - SMAU Bologna 2013Applicazioni web e web design responsive - SMAU Bologna 2013
Applicazioni web e web design responsive - SMAU Bologna 2013Fabrizio Caccavello
 
Smau Firenze 2014 - Strategie per la progettazione web: i clienti vogliono i...
Smau Firenze 2014 -  Strategie per la progettazione web: i clienti vogliono i...Smau Firenze 2014 -  Strategie per la progettazione web: i clienti vogliono i...
Smau Firenze 2014 - Strategie per la progettazione web: i clienti vogliono i...SMAU
 
SMAU Firenze 2014 - Siti ed Applicazioni Web nel Cloud: piccoli team e svilup...
SMAU Firenze 2014 - Siti ed Applicazioni Web nel Cloud: piccoli team e svilup...SMAU Firenze 2014 - Siti ed Applicazioni Web nel Cloud: piccoli team e svilup...
SMAU Firenze 2014 - Siti ed Applicazioni Web nel Cloud: piccoli team e svilup...Paolo Dadda
 
Strategie per applicazioni web prima o meglio dell'app nativa
Strategie per applicazioni web prima o meglio dell'app nativaStrategie per applicazioni web prima o meglio dell'app nativa
Strategie per applicazioni web prima o meglio dell'app nativaDiego La Monica
 
Applicazioni mobili: dall'ideazione alla pubblicazione
Applicazioni mobili: dall'ideazione alla pubblicazioneApplicazioni mobili: dall'ideazione alla pubblicazione
Applicazioni mobili: dall'ideazione alla pubblicazioneDiego La Monica
 
Siti web, portali e Rich Internet Applications: tendenze e controtendenze
Siti web, portali e Rich Internet Applications: tendenze e controtendenzeSiti web, portali e Rich Internet Applications: tendenze e controtendenze
Siti web, portali e Rich Internet Applications: tendenze e controtendenzeDiego La Monica
 
Metafora AD Network: sintesi di fine 2008
Metafora AD Network: sintesi di fine 2008Metafora AD Network: sintesi di fine 2008
Metafora AD Network: sintesi di fine 2008metaforaadnetwork
 
Presentarsi sul mercato globale con app di successo
Presentarsi sul mercato globale con app di successoPresentarsi sul mercato globale con app di successo
Presentarsi sul mercato globale con app di successoDiego La Monica
 
Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...
Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...
Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...Alessio Garbin
 
Guida autovalutazione-3-0
Guida autovalutazione-3-0Guida autovalutazione-3-0
Guida autovalutazione-3-0Paola Severi
 
Profilazione Utenti Scenari D Uso Web Marketing Mediabeta
Profilazione Utenti Scenari D Uso Web Marketing MediabetaProfilazione Utenti Scenari D Uso Web Marketing Mediabeta
Profilazione Utenti Scenari D Uso Web Marketing Mediabetaf.micali
 

La actualidad más candente (11)

Applicazioni web e web design responsive - SMAU Bologna 2013
Applicazioni web e web design responsive - SMAU Bologna 2013Applicazioni web e web design responsive - SMAU Bologna 2013
Applicazioni web e web design responsive - SMAU Bologna 2013
 
Smau Firenze 2014 - Strategie per la progettazione web: i clienti vogliono i...
Smau Firenze 2014 -  Strategie per la progettazione web: i clienti vogliono i...Smau Firenze 2014 -  Strategie per la progettazione web: i clienti vogliono i...
Smau Firenze 2014 - Strategie per la progettazione web: i clienti vogliono i...
 
SMAU Firenze 2014 - Siti ed Applicazioni Web nel Cloud: piccoli team e svilup...
SMAU Firenze 2014 - Siti ed Applicazioni Web nel Cloud: piccoli team e svilup...SMAU Firenze 2014 - Siti ed Applicazioni Web nel Cloud: piccoli team e svilup...
SMAU Firenze 2014 - Siti ed Applicazioni Web nel Cloud: piccoli team e svilup...
 
Strategie per applicazioni web prima o meglio dell'app nativa
Strategie per applicazioni web prima o meglio dell'app nativaStrategie per applicazioni web prima o meglio dell'app nativa
Strategie per applicazioni web prima o meglio dell'app nativa
 
Applicazioni mobili: dall'ideazione alla pubblicazione
Applicazioni mobili: dall'ideazione alla pubblicazioneApplicazioni mobili: dall'ideazione alla pubblicazione
Applicazioni mobili: dall'ideazione alla pubblicazione
 
Siti web, portali e Rich Internet Applications: tendenze e controtendenze
Siti web, portali e Rich Internet Applications: tendenze e controtendenzeSiti web, portali e Rich Internet Applications: tendenze e controtendenze
Siti web, portali e Rich Internet Applications: tendenze e controtendenze
 
Metafora AD Network: sintesi di fine 2008
Metafora AD Network: sintesi di fine 2008Metafora AD Network: sintesi di fine 2008
Metafora AD Network: sintesi di fine 2008
 
Presentarsi sul mercato globale con app di successo
Presentarsi sul mercato globale con app di successoPresentarsi sul mercato globale con app di successo
Presentarsi sul mercato globale con app di successo
 
Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...
Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...
Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...
 
Guida autovalutazione-3-0
Guida autovalutazione-3-0Guida autovalutazione-3-0
Guida autovalutazione-3-0
 
Profilazione Utenti Scenari D Uso Web Marketing Mediabeta
Profilazione Utenti Scenari D Uso Web Marketing MediabetaProfilazione Utenti Scenari D Uso Web Marketing Mediabeta
Profilazione Utenti Scenari D Uso Web Marketing Mediabeta
 

Destacado

Uni te 16marzo-comunicazione digitale e storytelling turistico
Uni te 16marzo-comunicazione digitale e storytelling turisticoUni te 16marzo-comunicazione digitale e storytelling turistico
Uni te 16marzo-comunicazione digitale e storytelling turisticoMarianna Colantoni
 
Smau bologna 2014 strategie per la progettazione web: i clientie vogliono i...
Smau bologna 2014   strategie per la progettazione web: i clientie vogliono i...Smau bologna 2014   strategie per la progettazione web: i clientie vogliono i...
Smau bologna 2014 strategie per la progettazione web: i clientie vogliono i...Fabrizio Caccavello
 
bruno Bertero: Destinazione Trapani
bruno Bertero: Destinazione Trapanibruno Bertero: Destinazione Trapani
bruno Bertero: Destinazione TrapaniBruno Bertero
 
Public speaking per i professionisti dell'area legale
Public speaking per i professionisti dell'area legalePublic speaking per i professionisti dell'area legale
Public speaking per i professionisti dell'area legaleCatarozzo Mario Alberto
 
Pamor public speaking pasquale adamo pnl coach bari
Pamor public speaking pasquale adamo pnl coach bariPamor public speaking pasquale adamo pnl coach bari
Pamor public speaking pasquale adamo pnl coach bariPasquale Adamo
 
La filiera della fiducia nella progettazione web e nel social marketing - Fab...
La filiera della fiducia nella progettazione web e nel social marketing - Fab...La filiera della fiducia nella progettazione web e nel social marketing - Fab...
La filiera della fiducia nella progettazione web e nel social marketing - Fab...Fabrizio Caccavello
 
ForumPA - App no grazie, lunga vita a Responsive Design
ForumPA - App no grazie, lunga vita a Responsive DesignForumPA - App no grazie, lunga vita a Responsive Design
ForumPA - App no grazie, lunga vita a Responsive DesignFabrizio Caccavello
 
La filiera della fiducia nella progettazione web e nel social marketing
La filiera della fiducia nella progettazione web e nel social marketingLa filiera della fiducia nella progettazione web e nel social marketing
La filiera della fiducia nella progettazione web e nel social marketingFabrizio Caccavello
 
Smau Napoli 2014 ISNART
Smau Napoli 2014 ISNARTSmau Napoli 2014 ISNART
Smau Napoli 2014 ISNARTSMAU
 
V. Cappio - Family Tourism: Trends, Opportunità e Strategie
V. Cappio - Family Tourism: Trends, Opportunità e StrategieV. Cappio - Family Tourism: Trends, Opportunità e Strategie
V. Cappio - Family Tourism: Trends, Opportunità e StrategieCamera di Commercio di Pisa
 
Responsive web design, l'altra faccia dell'accessibilità
Responsive web design, l'altra faccia dell'accessibilitàResponsive web design, l'altra faccia dell'accessibilità
Responsive web design, l'altra faccia dell'accessibilitàFabrizio Caccavello
 
Il patrimonio turistico in italia: cultura, enogastronomia e territorio
Il patrimonio turistico in italia: cultura, enogastronomia e territorioIl patrimonio turistico in italia: cultura, enogastronomia e territorio
Il patrimonio turistico in italia: cultura, enogastronomia e territorioFederazione Italiana Pubblici Esercizi
 
Iwa italy - Le professioni del Web - Festival d'Europa 2013
Iwa italy - Le professioni del Web - Festival d'Europa 2013Iwa italy - Le professioni del Web - Festival d'Europa 2013
Iwa italy - Le professioni del Web - Festival d'Europa 2013Fabrizio Caccavello
 
Programmazione Turistica Provinciale - Provincia di Piacenza
Programmazione Turistica Provinciale - Provincia di PiacenzaProgrammazione Turistica Provinciale - Provincia di Piacenza
Programmazione Turistica Provinciale - Provincia di PiacenzaTurismoProvPC
 
Mobile learning Bologna - Tra html 5 e applicazioni native.
Mobile learning Bologna - Tra html 5 e applicazioni native.Mobile learning Bologna - Tra html 5 e applicazioni native.
Mobile learning Bologna - Tra html 5 e applicazioni native.Fabrizio Caccavello
 
Progettazione web: 5 punti strategici
per valutare professionalità e qualità ...
Progettazione web: 5 punti strategici
per valutare professionalità e qualità ...Progettazione web: 5 punti strategici
per valutare professionalità e qualità ...
Progettazione web: 5 punti strategici
per valutare professionalità e qualità ...Fabrizio Caccavello
 
Accessibilità, tra etica e business
Accessibilità, tra etica e businessAccessibilità, tra etica e business
Accessibilità, tra etica e businessFabrizio Caccavello
 
Senigallia Network - Convegno sulle reti turistiche. Intervento del Prof. P...
Senigallia Network  -  Convegno sulle reti turistiche. Intervento del Prof. P...Senigallia Network  -  Convegno sulle reti turistiche. Intervento del Prof. P...
Senigallia Network - Convegno sulle reti turistiche. Intervento del Prof. P...Alberto Di Capua
 

Destacado (20)

Uni te 16marzo-comunicazione digitale e storytelling turistico
Uni te 16marzo-comunicazione digitale e storytelling turisticoUni te 16marzo-comunicazione digitale e storytelling turistico
Uni te 16marzo-comunicazione digitale e storytelling turistico
 
Smau bologna 2014 strategie per la progettazione web: i clientie vogliono i...
Smau bologna 2014   strategie per la progettazione web: i clientie vogliono i...Smau bologna 2014   strategie per la progettazione web: i clientie vogliono i...
Smau bologna 2014 strategie per la progettazione web: i clientie vogliono i...
 
Dove va il Search Marketing?
Dove va il Search Marketing?Dove va il Search Marketing?
Dove va il Search Marketing?
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
bruno Bertero: Destinazione Trapani
bruno Bertero: Destinazione Trapanibruno Bertero: Destinazione Trapani
bruno Bertero: Destinazione Trapani
 
Public speaking per i professionisti dell'area legale
Public speaking per i professionisti dell'area legalePublic speaking per i professionisti dell'area legale
Public speaking per i professionisti dell'area legale
 
Pamor public speaking pasquale adamo pnl coach bari
Pamor public speaking pasquale adamo pnl coach bariPamor public speaking pasquale adamo pnl coach bari
Pamor public speaking pasquale adamo pnl coach bari
 
La filiera della fiducia nella progettazione web e nel social marketing - Fab...
La filiera della fiducia nella progettazione web e nel social marketing - Fab...La filiera della fiducia nella progettazione web e nel social marketing - Fab...
La filiera della fiducia nella progettazione web e nel social marketing - Fab...
 
ForumPA - App no grazie, lunga vita a Responsive Design
ForumPA - App no grazie, lunga vita a Responsive DesignForumPA - App no grazie, lunga vita a Responsive Design
ForumPA - App no grazie, lunga vita a Responsive Design
 
La filiera della fiducia nella progettazione web e nel social marketing
La filiera della fiducia nella progettazione web e nel social marketingLa filiera della fiducia nella progettazione web e nel social marketing
La filiera della fiducia nella progettazione web e nel social marketing
 
Smau Napoli 2014 ISNART
Smau Napoli 2014 ISNARTSmau Napoli 2014 ISNART
Smau Napoli 2014 ISNART
 
V. Cappio - Family Tourism: Trends, Opportunità e Strategie
V. Cappio - Family Tourism: Trends, Opportunità e StrategieV. Cappio - Family Tourism: Trends, Opportunità e Strategie
V. Cappio - Family Tourism: Trends, Opportunità e Strategie
 
Responsive web design, l'altra faccia dell'accessibilità
Responsive web design, l'altra faccia dell'accessibilitàResponsive web design, l'altra faccia dell'accessibilità
Responsive web design, l'altra faccia dell'accessibilità
 
Il patrimonio turistico in italia: cultura, enogastronomia e territorio
Il patrimonio turistico in italia: cultura, enogastronomia e territorioIl patrimonio turistico in italia: cultura, enogastronomia e territorio
Il patrimonio turistico in italia: cultura, enogastronomia e territorio
 
Iwa italy - Le professioni del Web - Festival d'Europa 2013
Iwa italy - Le professioni del Web - Festival d'Europa 2013Iwa italy - Le professioni del Web - Festival d'Europa 2013
Iwa italy - Le professioni del Web - Festival d'Europa 2013
 
Programmazione Turistica Provinciale - Provincia di Piacenza
Programmazione Turistica Provinciale - Provincia di PiacenzaProgrammazione Turistica Provinciale - Provincia di Piacenza
Programmazione Turistica Provinciale - Provincia di Piacenza
 
Mobile learning Bologna - Tra html 5 e applicazioni native.
Mobile learning Bologna - Tra html 5 e applicazioni native.Mobile learning Bologna - Tra html 5 e applicazioni native.
Mobile learning Bologna - Tra html 5 e applicazioni native.
 
Progettazione web: 5 punti strategici
per valutare professionalità e qualità ...
Progettazione web: 5 punti strategici
per valutare professionalità e qualità ...Progettazione web: 5 punti strategici
per valutare professionalità e qualità ...
Progettazione web: 5 punti strategici
per valutare professionalità e qualità ...
 
Accessibilità, tra etica e business
Accessibilità, tra etica e businessAccessibilità, tra etica e business
Accessibilità, tra etica e business
 
Senigallia Network - Convegno sulle reti turistiche. Intervento del Prof. P...
Senigallia Network  -  Convegno sulle reti turistiche. Intervento del Prof. P...Senigallia Network  -  Convegno sulle reti turistiche. Intervento del Prof. P...
Senigallia Network - Convegno sulle reti turistiche. Intervento del Prof. P...
 

Similar a Applicazioni web e web design responsive

Data Web Marketing: contaminazioni tra Semantic Web, Social CRM e VRM
Data Web Marketing: contaminazioni tra Semantic Web, Social CRM e VRMData Web Marketing: contaminazioni tra Semantic Web, Social CRM e VRM
Data Web Marketing: contaminazioni tra Semantic Web, Social CRM e VRMMatteo Brunati
 
Progettazione web e semplicità: dieci regole per una creatività ragionata
Progettazione web e semplicità: dieci regole per una creatività ragionataProgettazione web e semplicità: dieci regole per una creatività ragionata
Progettazione web e semplicità: dieci regole per una creatività ragionataFabrizio Caccavello
 
Corso SEO PROFESSIONALE
Corso SEO PROFESSIONALECorso SEO PROFESSIONALE
Corso SEO PROFESSIONALEEidos Srl
 
Portfolio matteo vacca
Portfolio matteo vaccaPortfolio matteo vacca
Portfolio matteo vaccaMatteo Vacca
 
La rivoluzione del web 2.0
La rivoluzione del web 2.0La rivoluzione del web 2.0
La rivoluzione del web 2.0Luca Mascaro
 
WebDueZero - web company
WebDueZero - web companyWebDueZero - web company
WebDueZero - web companyWebDueZero
 
Workshop Smau09: "Nel web del futuro l'accessibilità è strumento di business"
Workshop Smau09: "Nel web del futuro l'accessibilità è strumento di business"Workshop Smau09: "Nel web del futuro l'accessibilità è strumento di business"
Workshop Smau09: "Nel web del futuro l'accessibilità è strumento di business"Fabrizio Caccavello
 
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDESMAU
 
2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziende2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziendeGabriele Romanato
 
Responsive web design RT
Responsive web design RTResponsive web design RT
Responsive web design RTJservice
 
Il Web del Futuro: Enterprise e Web Semantico
Il Web del Futuro: Enterprise e Web SemanticoIl Web del Futuro: Enterprise e Web Semantico
Il Web del Futuro: Enterprise e Web SemanticoSimone Onofri
 
E CommercePunti critici dell’e-commerce: usabilità, semplicità e posizionamen...
E CommercePunti critici dell’e-commerce: usabilità, semplicità e posizionamen...E CommercePunti critici dell’e-commerce: usabilità, semplicità e posizionamen...
E CommercePunti critici dell’e-commerce: usabilità, semplicità e posizionamen...Luca Mascaro
 
Presentazione Studio Digitale Mado
Presentazione Studio Digitale MadoPresentazione Studio Digitale Mado
Presentazione Studio Digitale Madostudiomado
 
Digital retailer 2.0 perspective for social commerce - case 2010
Digital retailer 2.0 perspective for social commerce - case 2010Digital retailer 2.0 perspective for social commerce - case 2010
Digital retailer 2.0 perspective for social commerce - case 2010Max Ardigó 🇦🇷
 
Il project management degli avatar
Il project management degli avatarIl project management degli avatar
Il project management degli avatarRoberto Cobianchi
 

Similar a Applicazioni web e web design responsive (20)

Data Web Marketing: contaminazioni tra Semantic Web, Social CRM e VRM
Data Web Marketing: contaminazioni tra Semantic Web, Social CRM e VRMData Web Marketing: contaminazioni tra Semantic Web, Social CRM e VRM
Data Web Marketing: contaminazioni tra Semantic Web, Social CRM e VRM
 
Progettazione web e semplicità: dieci regole per una creatività ragionata
Progettazione web e semplicità: dieci regole per una creatività ragionataProgettazione web e semplicità: dieci regole per una creatività ragionata
Progettazione web e semplicità: dieci regole per una creatività ragionata
 
Smau Business 2010 Roma
Smau Business 2010 RomaSmau Business 2010 Roma
Smau Business 2010 Roma
 
Corso SEO PROFESSIONALE
Corso SEO PROFESSIONALECorso SEO PROFESSIONALE
Corso SEO PROFESSIONALE
 
Portfolio matteo vacca
Portfolio matteo vaccaPortfolio matteo vacca
Portfolio matteo vacca
 
La rivoluzione del web 2.0
La rivoluzione del web 2.0La rivoluzione del web 2.0
La rivoluzione del web 2.0
 
Iuavcamp - Inarcommunity
Iuavcamp - InarcommunityIuavcamp - Inarcommunity
Iuavcamp - Inarcommunity
 
WebDueZero - web company
WebDueZero - web companyWebDueZero - web company
WebDueZero - web company
 
Workshop Smau09: "Nel web del futuro l'accessibilità è strumento di business"
Workshop Smau09: "Nel web del futuro l'accessibilità è strumento di business"Workshop Smau09: "Nel web del futuro l'accessibilità è strumento di business"
Workshop Smau09: "Nel web del futuro l'accessibilità è strumento di business"
 
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
 
2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziende2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziende
 
Responsive web design RT
Responsive web design RTResponsive web design RT
Responsive web design RT
 
Il Web del Futuro: Enterprise e Web Semantico
Il Web del Futuro: Enterprise e Web SemanticoIl Web del Futuro: Enterprise e Web Semantico
Il Web del Futuro: Enterprise e Web Semantico
 
Abilab 4
Abilab 4Abilab 4
Abilab 4
 
Comunico Shortfolio2012
Comunico Shortfolio2012Comunico Shortfolio2012
Comunico Shortfolio2012
 
E CommercePunti critici dell’e-commerce: usabilità, semplicità e posizionamen...
E CommercePunti critici dell’e-commerce: usabilità, semplicità e posizionamen...E CommercePunti critici dell’e-commerce: usabilità, semplicità e posizionamen...
E CommercePunti critici dell’e-commerce: usabilità, semplicità e posizionamen...
 
Presentazione Studio Digitale Mado
Presentazione Studio Digitale MadoPresentazione Studio Digitale Mado
Presentazione Studio Digitale Mado
 
Digital retailer 2.0 perspective for social commerce - case 2010
Digital retailer 2.0 perspective for social commerce - case 2010Digital retailer 2.0 perspective for social commerce - case 2010
Digital retailer 2.0 perspective for social commerce - case 2010
 
Il project management degli avatar
Il project management degli avatarIl project management degli avatar
Il project management degli avatar
 
Mobile 2.0
Mobile 2.0Mobile 2.0
Mobile 2.0
 

Más de Fabrizio Caccavello

Non esiste UX senza accessibilità Le città per tutti sono in un web per tutti
Non esiste UX senza accessibilità Le città per tutti sono in un web per tuttiNon esiste UX senza accessibilità Le città per tutti sono in un web per tutti
Non esiste UX senza accessibilità Le città per tutti sono in un web per tuttiFabrizio Caccavello
 
Non esiste UX senza accessibilità. Costruire un web per tutti
Non esiste UX senza accessibilità. Costruire un web per tuttiNon esiste UX senza accessibilità. Costruire un web per tutti
Non esiste UX senza accessibilità. Costruire un web per tuttiFabrizio Caccavello
 
Accessibility Days 2018 - GAAD - Accessibility overview
Accessibility Days 2018 - GAAD - Accessibility overviewAccessibility Days 2018 - GAAD - Accessibility overview
Accessibility Days 2018 - GAAD - Accessibility overviewFabrizio Caccavello
 
Come vengono percepiti i siti delle PA da parte degli utenti - forum pa 2017
Come vengono percepiti i siti delle PA da parte degli utenti -  forum pa 2017Come vengono percepiti i siti delle PA da parte degli utenti -  forum pa 2017
Come vengono percepiti i siti delle PA da parte degli utenti - forum pa 2017Fabrizio Caccavello
 
Webapp HTML5/CSS3 nelle strategie di territorio
Webapp HTML5/CSS3 nelle strategie di territorioWebapp HTML5/CSS3 nelle strategie di territorio
Webapp HTML5/CSS3 nelle strategie di territorioFabrizio Caccavello
 
Marketing territoriale come strategia relazionale
Marketing territoriale come strategia relazionaleMarketing territoriale come strategia relazionale
Marketing territoriale come strategia relazionaleFabrizio Caccavello
 
Le aziende verso facebook - (Fabrizio Caccavello)
Le aziende verso facebook - (Fabrizio Caccavello)Le aziende verso facebook - (Fabrizio Caccavello)
Le aziende verso facebook - (Fabrizio Caccavello)Fabrizio Caccavello
 
Se non sei su facebook non esisti
Se non sei su facebook non esisti Se non sei su facebook non esisti
Se non sei su facebook non esisti Fabrizio Caccavello
 
Progettare layout per il mobile, riflessioni per un design di successo
Progettare layout per il mobile, riflessioni per un design di successoProgettare layout per il mobile, riflessioni per un design di successo
Progettare layout per il mobile, riflessioni per un design di successoFabrizio Caccavello
 

Más de Fabrizio Caccavello (10)

Non esiste UX senza accessibilità Le città per tutti sono in un web per tutti
Non esiste UX senza accessibilità Le città per tutti sono in un web per tuttiNon esiste UX senza accessibilità Le città per tutti sono in un web per tutti
Non esiste UX senza accessibilità Le città per tutti sono in un web per tutti
 
Non esiste UX senza accessibilità. Costruire un web per tutti
Non esiste UX senza accessibilità. Costruire un web per tuttiNon esiste UX senza accessibilità. Costruire un web per tutti
Non esiste UX senza accessibilità. Costruire un web per tutti
 
Accessibility Days 2018 - GAAD - Accessibility overview
Accessibility Days 2018 - GAAD - Accessibility overviewAccessibility Days 2018 - GAAD - Accessibility overview
Accessibility Days 2018 - GAAD - Accessibility overview
 
Come vengono percepiti i siti delle PA da parte degli utenti - forum pa 2017
Come vengono percepiti i siti delle PA da parte degli utenti -  forum pa 2017Come vengono percepiti i siti delle PA da parte degli utenti -  forum pa 2017
Come vengono percepiti i siti delle PA da parte degli utenti - forum pa 2017
 
Webapp HTML5/CSS3 nelle strategie di territorio
Webapp HTML5/CSS3 nelle strategie di territorioWebapp HTML5/CSS3 nelle strategie di territorio
Webapp HTML5/CSS3 nelle strategie di territorio
 
Marketing territoriale come strategia relazionale
Marketing territoriale come strategia relazionaleMarketing territoriale come strategia relazionale
Marketing territoriale come strategia relazionale
 
Le aziende verso facebook - (Fabrizio Caccavello)
Le aziende verso facebook - (Fabrizio Caccavello)Le aziende verso facebook - (Fabrizio Caccavello)
Le aziende verso facebook - (Fabrizio Caccavello)
 
Le aziende verso facebook
Le aziende verso facebookLe aziende verso facebook
Le aziende verso facebook
 
Se non sei su facebook non esisti
Se non sei su facebook non esisti Se non sei su facebook non esisti
Se non sei su facebook non esisti
 
Progettare layout per il mobile, riflessioni per un design di successo
Progettare layout per il mobile, riflessioni per un design di successoProgettare layout per il mobile, riflessioni per un design di successo
Progettare layout per il mobile, riflessioni per un design di successo
 

Applicazioni web e web design responsive

  • 1. Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma Fabrizio Caccavello Titolo della presentazione mercoledì 20 marzo 13
  • 2. INTERNATIONAL WEBMASTERS ASSOCIATION http://www.iwa.it Prima associazione al mondo (dal Partecipazioni internazionali 1996) che raggruppa chi lavora nel Web, sia nel settore pubblico che privato Obiettivo di IWA è creare rete tra i soci, partecipare all'evoluzione della Partecipazioni nazionali rete e divulgare conoscenza tramite i soci con eventi ed iniziative media partner mercoledì 20 marzo 13
  • 3. INTERNATIONAL WEBMASTERS ASSOCIATION http://www.iwa.it Perché associarsi 1 rete tra professionisti partecipazione a gruppi di lavoro 2 anche internazionali convenzioni per tutela professionalità 3 (esempio: studi legali) media partner 3 mercoledì 20 marzo 13
  • 4. IWA Italy è associazione professionale che raggruppa chi opera nel Web, ovvero i soggetti che - ai sensi della legge 4/2013, sono definibili come "professionisti Web" (liberi professionisti, dipendenti - pubblici e privati, altre forme di lavoro che come attività prevalente operano nel Web). IWA Italy ha inoltre rilasciato i primi profili professionali (G3 Web Skill Profiles) in linea con i dettami dell'agenda digitale europea e italiana ed ha avviato accordi di collaborazione con realtà di tutela del lavoro (sindacati) e di domanda/offerta di lavoro: ancora una volta il ruolo di IWA è quello di unire, far collaborare e tutelare chi opera nel Web. http://www.iwa.it/join 4 4 mercoledì 20 marzo 13
  • 5. quota speciale SMAU euro 50,00 Potrai ottenere uno sconto sulla quota associativa che pagherai euro 50,00 anziché euro 65,00. Lo sconto vale sia per i nuovi soci che per i rinnovi. Per usufruire dello sconto usa in fase di registrazione o rinnovo il seguente promocode: SMAUROMA2013 http://www.iwa.it/join 5 mercoledì 20 marzo 13
  • 6. Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma Quando si iniziano a sviluppare idee di business è necessario chiedersi quali tecnologie e forme di comunicazione siano più interessanti e quali ritorni per i propri investimenti si possano avere. Il confine tra progetti web studiati appositamente per i dispositivi mobili, e applicazioni web o native è talvolta molto sottile e il decisore ha bisogno di capire quali strade percorrere per non sprecare tempo e risorse. Fabrizio Caccavello 6 mercoledì 20 marzo 13
  • 7. Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma IL MIO NUOVO PROGETTO Sito internet Applicazione • interattivo • web application • dinamico • web app per mobile • accessibile • app nativa • ottimizzato per mobile • ... • ... Fabrizio Caccavello 7 mercoledì 20 marzo 13
  • 8. Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma c’erano una volta le colonne Sito in ternet la solidità delle colonne e il mantenimento della struttura su tutti i browser era un elemento di qualità di un progetto web Alessandro Fulciniti November 2005 Fabrizio Caccavello 8 mercoledì 20 marzo 13
  • 9. Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma c’è stato un tempo in cui... ottimizzato per la risoluzione 800x600 Fabrizio Caccavello 9 mercoledì 20 marzo 13
  • 10. Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma RESPONSIVE WEB DESIGN « Nulla si crea, nulla si distrugge, tutto si trasforma » (Antoine Lavoisier) Pensare a utenti che hanno le stesse esigenze pur utilizzando dispositivi diversi e in condizioni diverse Fabrizio Caccavello 10 mercoledì 20 marzo 13
  • 11. Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma RESPONSIVE WEB DESIGN mobile desktop tablet Adattarsi all’ambiente Fabrizio Caccavello 11 mercoledì 20 marzo 13
  • 12. Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma RESPONSIVE WEB DESIGN una gabbia che non costringe Fabrizio Caccavello 12 mercoledì 20 marzo 13
  • 13. Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma RESPONSIVE WEB DESIGN una gabbia che non costringe Fabrizio Caccavello 13 mercoledì 20 marzo 13
  • 14. Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma RESPONSIVE WEB DESIGN MOBILE FIRST MOBILE TABLET DESKTOP SMALL TABLET BIG DESKTOP Fabrizio Caccavello 14 mercoledì 20 marzo 13
  • 15. Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma Aggiungere un sito internet sul proprio home screen comparirà come un’app nativa Fabrizio Caccavello 15 mercoledì 20 marzo 13
  • 16. Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma Possiamo aggiungere un elemento (in javascript) che inviti l’utente a utilizzare la funzione “aggiungi a Home” http://cubiq.org/add-to-home-screen ora abbiamo una webapp Fabrizio Caccavello 16 mercoledì 20 marzo 13
  • 17. Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma webapp app native sviluppo in sviluppo in linguaggio nativo HTML CSS JAVASCRIPT (il linguaggio di internet) migliore esperienza d’uso tempi di sviluppo più rapidi funzionamento offline facile aggiornamento perché accesso a tutte le funzionalità è sufficiente aggiornare la del dispositivo pagina web regolare pubblicazione negli multipiattaforma store notifiche push Fabrizio Caccavello 17 mercoledì 20 marzo 13
  • 18. Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma webapp app native Attraverso un’applicazione tipo PhoneGap è possibile trasformare una web app in una app nativa Fabrizio Caccavello 18 mercoledì 20 marzo 13
  • 19. Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma RESPONSIVE WEB DESIGN Objective C NATIVE APP APP DEVELOPMENT Fabrizio Caccavello 19 mercoledì 20 marzo 13
  • 20. Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma è tutto facile? Fabrizio Caccavello 20 mercoledì 20 marzo 13
  • 21. Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma EVIT Per un design responsive basta A SEMP RE LE scaricare un tema di Wordpress L o ban IFICAZIO alità NI Fare una web app è come fare un sito internet in miniatura Trasformare una web app in app nativa con Phonegap o strumenti simili è un gioco da ragazzi Una web app è uguale a un’app nativa Fabrizio Caccavello 21 mercoledì 20 marzo 13
  • 22. Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma Crescenti competenze in progettazione HTML CSS JAVASCRIPT Problem solving RESPONSIVE WEB DESIGN Objective C Ottima NATIVE conoscenza APP del linguaggio APP DEVELOPMENT Ottima conoscenza di Phonegap Fabrizio Caccavello 22 mercoledì 20 marzo 13
  • 23. Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma cfabry Fabrizio Caccavello 23 mercoledì 20 marzo 13