SlideShare a Scribd company logo
1 of 32
Download to read offline
Titolo della presentazione
Fabrizio Caccavello
applicazioni web
e strategie di territorio
Web Project Manager e User Experience Designer.!
Mi occupo di strategie di comunicazione online, e di sviluppo di applicazioni
web con particolare riferimento ai temi dell'accessibilità.!
!
Cerco di applicare ai miei progetti processi di semplificazione e riduzione in
modo da renderli più efficienti e semplici.!
!
Sono amministratore e fondatore di Akebia

società di servizi per il web.!
!
Sono membro del Consiglio Direttivo di IWA Italy.
About me: Fabrizio Caccavello
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio

L’associazione internazionale per la professionalità nel Web
partecipazioni internazionali
partecipazioni nazionali
• Primaassociazionealmondo(dal1996)cheraggruppachi
lavoranelWeb,sianelsettorepubblicocheprivato.
• ObiettivodiIWAècreareretetraisoci,partecipare
all'evoluzionedellareteedivulgareconoscenzatramiteisoci
coneventiediniziative.
• InItaliaIWAItalyèAssociazioneprofessionalerappresentanza
delleprofessionalitàWebcherilasciaattestatodiqualità
secondoquantoprevistodallalegge4/2013,unicaAssociazione
delsettoreICTattualmentecensitadalMinisterodelloSviluppo
Economico.
2
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio

Perché associarsi?
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.skillprofiles.eu
SMAUROMA2014
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:
http://www.iwa.it/join
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
DESKTOP VS MOBILE
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
qualcosa sta
cambiando
questa immagine è stata
molto condivisa in rete
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
SITO INTERNET
IL NUOVO PROGETTO
APPLICAZIONE
RESPONSIVE WEBAPP NATIVA
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
« Nulla si crea, nulla si distrugge, tutto si trasforma »	

(Antoine Lavoisier)	

È un progetto web che si
adatta automaticamente al
dispositivo che lo sta
visualizzando
RESPONSIVE WEB DESIGN
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
mobile
tablet
desktop
RESPONSIVE WEB DESIGN
adattamento in base al dispositivo
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
MOBILE TABLET DESKTOP
BIG DESKTOPSMALL TABLET
RESPONSIVE WEB DESIGN	

MOBILE FIRST
pensare prima al contenuto
il design deve adattarsi in progressione
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
Aggiungere un sito internet sul
proprio home screen
comparirà come un’app nativa
RESPONSIVE WEB DESIGN
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
Possiamo aggiungere un
elemento (in javascript) che inviti
l’utente a utilizzare la funzione
“aggiungi a Home”
http://cubiq.org/add-to-home-screen
RESPONSIVE WEB DESIGN
(quasi) una webapp
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
SITO INTERNET
IL NUOVO PROGETTO
RESPONSIVE WEBAPP
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
WEBAPP
il nuovo linguaggio con cui si
costruiscono le pagine web

non è ancora uno standard del
W3C, lo diventerà forse
quest’anno (2014) ma ne viene
ugualmente consigliata
l’utilizzazione
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
Attraverso HTML5 e i
fogli di stile CSS3 si
possono creare
progetti web che
rassomigliano ad
applicazioni native
WEBAPP
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
principali caratteristiche per le app mobile
Accesso alla fotocamera
Accesso al filesystem
Geolocalizzazione
Memorizzazione dati offline
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
Attraverso un’applicazione tipo PhoneGap è possibile
trasformare una web app in una app nativa
WEBAPP	

HTML + CSS + JAVASCRIPT
APP NATIVA	

Objective C (per Apple)
Java (per Android)
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
RESPONSIVE	

web design
APPLICAZIONE	

WEB
APPLICAZIONE	

NATIVA
i confini tecnologici e strategici possono essere poco netti
stesso linguaggio	

HTML CSS Javascript
differenze?
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
RESPONSIVE	

web design
APPLICAZIONE	

WEB
stesso linguaggio	

HTML CSS Javascript
differenze?
tecnologia, user experience, contenuti
STRATEGIA
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
RESPONSIVE	

web design
APPLICAZIONE	

WEB
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
STRATEGIA
RESPONSIVE	

web design
APPLICAZIONE	

WEB
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
STRATEGIA E TERRITORIO
RESPONSIVE	

web design
APPLICAZIONE	

WEB
APPLICAZIONE	

NATIVA
dove trovo queste app?
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
STRATEGIA E TERRITORIO
APPLICAZIONE	

NATIVA
l’utente è in grado di scaricare e/o acquistare un’app
nativa dallo store mentre è in mobilità?
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
STRATEGIA E TERRITORIO
RESPONSIVE	

web design
APPLICAZIONE	

WEB
progetti web responsive e webapp si trovano
semplicemente online: http://www.miosito/it
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
QR Code
posso favorire l’accesso alla
webapp attraverso un QR code	

l’utente non dovrà neanche digitare
l’indirizzo web
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
geolocalizzando l’accesso si
possono fornire informazioni
su orari, traffico, servizi nei
dintorni, ecc.
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
148 pagine in PDF sono difficilente
consultabili su mobile
è evidente che l’idea progettuale non è fornire questi dati a
un utente in movimento
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
L’obiettivo è la tecnologia?
L’obiettivo è il contenuto
o il servizio
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
SITO INTERNET
IL NUOVO PROGETTO
APPLICAZIONE
RESPONSIVE WEBAPP NATIVA
Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
• pensare prima al contenuto e al servizio
• un progetto web responsive è già una
buona strategia
• una webapp ottimizzata può essere poi
trasformata in una app nativa
• pensare in questo modo strategico può
aiutare a ridurre i costi e ad avere servizi
migliori
• gli utenti devono essere facilitati nell’uso
delle tecnologie
SITO INTERNET
IL NUOVO PROGETTO
APPLICAZIONE
RESPONSIVE WEBAPP NATIVA
applicazioni web e strategie di territorio
Fabrizio Caccavello
cfabry
fabrizio@akebia.it

More Related Content

What's hot

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
 
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
 
Presenti in rete workshop wordpress novembre 2019 v1.0
Presenti in rete workshop wordpress novembre 2019 v1.0Presenti in rete workshop wordpress novembre 2019 v1.0
Presenti in rete workshop wordpress novembre 2019 v1.0Claudio Tancini
 
Potenziare i Progetti Web 2.0 Imparando dai Social Network: Informalità e Con...
Potenziare i Progetti Web 2.0 Imparando dai Social Network: Informalità e Con...Potenziare i Progetti Web 2.0 Imparando dai Social Network: Informalità e Con...
Potenziare i Progetti Web 2.0 Imparando dai Social Network: Informalità e Con...Cesare Bottini
 
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
 
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
 
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
 
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
 
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
 
Francesco Micali : Dal sito internet al network diocesano - Mediabeta srl
Francesco Micali : Dal sito internet al network diocesano - Mediabeta srlFrancesco Micali : Dal sito internet al network diocesano - Mediabeta srl
Francesco Micali : Dal sito internet al network diocesano - Mediabeta srlf.micali
 

What's hot (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...
 
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
 
Presenti in rete workshop wordpress novembre 2019 v1.0
Presenti in rete workshop wordpress novembre 2019 v1.0Presenti in rete workshop wordpress novembre 2019 v1.0
Presenti in rete workshop wordpress novembre 2019 v1.0
 
Potenziare i Progetti Web 2.0 Imparando dai Social Network: Informalità e Con...
Potenziare i Progetti Web 2.0 Imparando dai Social Network: Informalità e Con...Potenziare i Progetti Web 2.0 Imparando dai Social Network: Informalità e Con...
Potenziare i Progetti Web 2.0 Imparando dai Social Network: Informalità e Con...
 
Applicazioni mobili: dall'ideazione alla pubblicazione
Applicazioni mobili: dall'ideazione alla pubblicazioneApplicazioni mobili: dall'ideazione alla pubblicazione
Applicazioni mobili: dall'ideazione alla pubblicazione
 
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...
 
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
 
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
 
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
 
Francesco Micali : Dal sito internet al network diocesano - Mediabeta srl
Francesco Micali : Dal sito internet al network diocesano - Mediabeta srlFrancesco Micali : Dal sito internet al network diocesano - Mediabeta srl
Francesco Micali : Dal sito internet al network diocesano - Mediabeta srl
 

Similar to Applicazioni, web e strategie di territorio

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
 
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
 
[OINP2014] Andrea Mangiatordi, Jobmetoo, "Farfalla Project. Accessibility in ...
[OINP2014] Andrea Mangiatordi, Jobmetoo, "Farfalla Project. Accessibility in ...[OINP2014] Andrea Mangiatordi, Jobmetoo, "Farfalla Project. Accessibility in ...
[OINP2014] Andrea Mangiatordi, Jobmetoo, "Farfalla Project. Accessibility in ...Think! The Innovation Knowledge Foundation
 
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
 
Wordpress 6. wp & social network
Wordpress 6. wp & social networkWordpress 6. wp & social network
Wordpress 6. wp & social networkCity Planner
 
Motori Di Ricerca e Standard Web - Smau 2008
Motori Di Ricerca e Standard Web - Smau 2008Motori Di Ricerca e Standard Web - Smau 2008
Motori Di Ricerca e Standard Web - Smau 2008Massimiliano Navacchia
 
WebDueZero - web company
WebDueZero - web companyWebDueZero - web company
WebDueZero - web companyWebDueZero
 
Formazione senza confini - SMAU 2007
Formazione senza confini - SMAU 2007Formazione senza confini - SMAU 2007
Formazione senza confini - SMAU 2007Roberto Castaldo
 
Penelope Networking Solutions
Penelope Networking SolutionsPenelope Networking Solutions
Penelope Networking SolutionsValentina Ottini
 
Responsive Web Design & Single Page Application
Responsive Web Design & Single Page ApplicationResponsive Web Design & Single Page Application
Responsive Web Design & Single Page ApplicationAlessandro Colla
 
Corso Wordpres 2/7: PERSONALIZZAZIONE
Corso Wordpres 2/7: PERSONALIZZAZIONECorso Wordpres 2/7: PERSONALIZZAZIONE
Corso Wordpres 2/7: PERSONALIZZAZIONECity Planner
 
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
 
Come creare una PWA Progressive Web App @ Inbound Strategies 2018
Come creare una PWA Progressive Web App @ Inbound Strategies 2018Come creare una PWA Progressive Web App @ Inbound Strategies 2018
Come creare una PWA Progressive Web App @ Inbound Strategies 2018Giovanni Sacheli
 
Smau 2014. WordPress, un CMS per la scuola
Smau 2014. WordPress, un CMS per la scuolaSmau 2014. WordPress, un CMS per la scuola
Smau 2014. WordPress, un CMS per la scuolaAlberto Ardizzone
 

Similar to Applicazioni, web e strategie di territorio (20)

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
 
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...
 
[OINP2014] Andrea Mangiatordi, Jobmetoo, "Farfalla Project. Accessibility in ...
[OINP2014] Andrea Mangiatordi, Jobmetoo, "Farfalla Project. Accessibility in ...[OINP2014] Andrea Mangiatordi, Jobmetoo, "Farfalla Project. Accessibility in ...
[OINP2014] Andrea Mangiatordi, Jobmetoo, "Farfalla Project. Accessibility in ...
 
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
 
Wordpress 6. wp & social network
Wordpress 6. wp & social networkWordpress 6. wp & social network
Wordpress 6. wp & social network
 
Motori Di Ricerca e Standard Web - Smau 2008
Motori Di Ricerca e Standard Web - Smau 2008Motori Di Ricerca e Standard Web - Smau 2008
Motori Di Ricerca e Standard Web - Smau 2008
 
WebDueZero - web company
WebDueZero - web companyWebDueZero - web company
WebDueZero - web company
 
Mobile 2.0
Mobile 2.0Mobile 2.0
Mobile 2.0
 
Formazione senza confini - SMAU 2007
Formazione senza confini - SMAU 2007Formazione senza confini - SMAU 2007
Formazione senza confini - SMAU 2007
 
Mobile application
Mobile applicationMobile application
Mobile application
 
Penelope Networking Solutions
Penelope Networking SolutionsPenelope Networking Solutions
Penelope Networking Solutions
 
Responsive Web Design & Single Page Application
Responsive Web Design & Single Page ApplicationResponsive Web Design & Single Page Application
Responsive Web Design & Single Page Application
 
Corso Wordpres 2/7: PERSONALIZZAZIONE
Corso Wordpres 2/7: PERSONALIZZAZIONECorso Wordpres 2/7: PERSONALIZZAZIONE
Corso Wordpres 2/7: PERSONALIZZAZIONE
 
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.
 
7APP corporate brochure
7APP corporate brochure 7APP corporate brochure
7APP corporate brochure
 
Come creare una PWA Progressive Web App @ Inbound Strategies 2018
Come creare una PWA Progressive Web App @ Inbound Strategies 2018Come creare una PWA Progressive Web App @ Inbound Strategies 2018
Come creare una PWA Progressive Web App @ Inbound Strategies 2018
 
Smau 2014. WordPress, un CMS per la scuola
Smau 2014. WordPress, un CMS per la scuolaSmau 2014. WordPress, un CMS per la scuola
Smau 2014. WordPress, un CMS per la scuola
 
Guida ai servizi del portale trova web
Guida ai servizi del portale trova webGuida ai servizi del portale trova web
Guida ai servizi del portale trova web
 

More from 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
 
Accessibilità, tra etica e business
Accessibilità, tra etica e businessAccessibilità, tra etica e business
Accessibilità, tra etica e businessFabrizio 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
 
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
 
Marketing territoriale come strategia relazionale
Marketing territoriale come strategia relazionaleMarketing territoriale come strategia relazionale
Marketing territoriale come strategia relazionaleFabrizio Caccavello
 
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
 
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
 
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
 
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
 
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
 

More from Fabrizio Caccavello (18)

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
 
Accessibilità, tra etica e business
Accessibilità, tra etica e businessAccessibilità, tra etica e business
Accessibilità, tra etica e business
 
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à ...
 
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
 
Marketing territoriale come strategia relazionale
Marketing territoriale come strategia relazionaleMarketing territoriale come strategia relazionale
Marketing territoriale come strategia relazionale
 
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à
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
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...
 
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
 
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
 
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
 
Smau Business 2010 Roma
Smau Business 2010 RomaSmau Business 2010 Roma
Smau Business 2010 Roma
 

Applicazioni, web e strategie di territorio

  • 1. Titolo della presentazione Fabrizio Caccavello applicazioni web e strategie di territorio
  • 2. Web Project Manager e User Experience Designer.! Mi occupo di strategie di comunicazione online, e di sviluppo di applicazioni web con particolare riferimento ai temi dell'accessibilità.! ! Cerco di applicare ai miei progetti processi di semplificazione e riduzione in modo da renderli più efficienti e semplici.! ! Sono amministratore e fondatore di Akebia
 società di servizi per il web.! ! Sono membro del Consiglio Direttivo di IWA Italy. About me: Fabrizio Caccavello
  • 3. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio  L’associazione internazionale per la professionalità nel Web partecipazioni internazionali partecipazioni nazionali • Primaassociazionealmondo(dal1996)cheraggruppachi lavoranelWeb,sianelsettorepubblicocheprivato. • ObiettivodiIWAècreareretetraisoci,partecipare all'evoluzionedellareteedivulgareconoscenzatramiteisoci coneventiediniziative. • InItaliaIWAItalyèAssociazioneprofessionalerappresentanza delleprofessionalitàWebcherilasciaattestatodiqualità secondoquantoprevistodallalegge4/2013,unicaAssociazione delsettoreICTattualmentecensitadalMinisterodelloSviluppo Economico. 2
  • 4. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio  Perché associarsi? 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.skillprofiles.eu SMAUROMA2014 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: http://www.iwa.it/join
  • 5. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio DESKTOP VS MOBILE
  • 6. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio qualcosa sta cambiando questa immagine è stata molto condivisa in rete
  • 7. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio SITO INTERNET IL NUOVO PROGETTO APPLICAZIONE RESPONSIVE WEBAPP NATIVA
  • 8. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio « Nulla si crea, nulla si distrugge, tutto si trasforma » (Antoine Lavoisier) È un progetto web che si adatta automaticamente al dispositivo che lo sta visualizzando RESPONSIVE WEB DESIGN
  • 9. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio mobile tablet desktop RESPONSIVE WEB DESIGN adattamento in base al dispositivo
  • 10. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio MOBILE TABLET DESKTOP BIG DESKTOPSMALL TABLET RESPONSIVE WEB DESIGN MOBILE FIRST pensare prima al contenuto il design deve adattarsi in progressione
  • 11. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio Aggiungere un sito internet sul proprio home screen comparirà come un’app nativa RESPONSIVE WEB DESIGN
  • 12. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio Possiamo aggiungere un elemento (in javascript) che inviti l’utente a utilizzare la funzione “aggiungi a Home” http://cubiq.org/add-to-home-screen RESPONSIVE WEB DESIGN (quasi) una webapp
  • 13. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio SITO INTERNET IL NUOVO PROGETTO RESPONSIVE WEBAPP
  • 14. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio WEBAPP il nuovo linguaggio con cui si costruiscono le pagine web
 non è ancora uno standard del W3C, lo diventerà forse quest’anno (2014) ma ne viene ugualmente consigliata l’utilizzazione
  • 15. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio Attraverso HTML5 e i fogli di stile CSS3 si possono creare progetti web che rassomigliano ad applicazioni native WEBAPP
  • 16. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio principali caratteristiche per le app mobile Accesso alla fotocamera Accesso al filesystem Geolocalizzazione Memorizzazione dati offline
  • 17. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio Attraverso un’applicazione tipo PhoneGap è possibile trasformare una web app in una app nativa WEBAPP HTML + CSS + JAVASCRIPT APP NATIVA Objective C (per Apple) Java (per Android)
  • 18. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio RESPONSIVE web design APPLICAZIONE WEB APPLICAZIONE NATIVA i confini tecnologici e strategici possono essere poco netti stesso linguaggio HTML CSS Javascript differenze?
  • 19. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio RESPONSIVE web design APPLICAZIONE WEB stesso linguaggio HTML CSS Javascript differenze? tecnologia, user experience, contenuti STRATEGIA
  • 20. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio RESPONSIVE web design APPLICAZIONE WEB
  • 21. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio STRATEGIA RESPONSIVE web design APPLICAZIONE WEB
  • 22. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio STRATEGIA E TERRITORIO RESPONSIVE web design APPLICAZIONE WEB APPLICAZIONE NATIVA dove trovo queste app?
  • 23. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio STRATEGIA E TERRITORIO APPLICAZIONE NATIVA l’utente è in grado di scaricare e/o acquistare un’app nativa dallo store mentre è in mobilità?
  • 24. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio STRATEGIA E TERRITORIO RESPONSIVE web design APPLICAZIONE WEB progetti web responsive e webapp si trovano semplicemente online: http://www.miosito/it
  • 25. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio QR Code posso favorire l’accesso alla webapp attraverso un QR code l’utente non dovrà neanche digitare l’indirizzo web
  • 26. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio geolocalizzando l’accesso si possono fornire informazioni su orari, traffico, servizi nei dintorni, ecc.
  • 27. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio
  • 28. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio 148 pagine in PDF sono difficilente consultabili su mobile è evidente che l’idea progettuale non è fornire questi dati a un utente in movimento
  • 29. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio L’obiettivo è la tecnologia? L’obiettivo è il contenuto o il servizio
  • 30. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio SITO INTERNET IL NUOVO PROGETTO APPLICAZIONE RESPONSIVE WEBAPP NATIVA
  • 31. Fabrizio Caccavello cfabry applicazioni web e strategie di territorio • pensare prima al contenuto e al servizio • un progetto web responsive è già una buona strategia • una webapp ottimizzata può essere poi trasformata in una app nativa • pensare in questo modo strategico può aiutare a ridurre i costi e ad avere servizi migliori • gli utenti devono essere facilitati nell’uso delle tecnologie SITO INTERNET IL NUOVO PROGETTO APPLICAZIONE RESPONSIVE WEBAPP NATIVA
  • 32. applicazioni web e strategie di territorio Fabrizio Caccavello cfabry fabrizio@akebia.it