Titolo della presentazione

Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma

Fabrizio Caccavello

mercoledì 20 marzo 13

Partecipazioni internazionali

Partecipazioni nazionali

INTERNATIONAL WEBMASTERS ASSOCIATION

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

media partner

http://www.iwa.it

mercoledì 20 marzo 13

3

media partner

1 rete tra professionisti

partecipazione a gruppi di lavoro anche internazionali

convenzioni per tutela professionalità (esempio: studi legali)

2

3

Perché associarsi

INTERNATIONAL WEBMASTERS ASSOCIATIONhttp://www.iwa.it

mercoledì 20 marzo 13

44

http://www.iwa.it/join

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.

mercoledì 20 marzo 13

5

SMAUROMA2013

quota speciale SMAU euro 50,00Potrai 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

mercoledì 20 marzo 13

Fabrizio Caccavello

Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma

6

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.

mercoledì 20 marzo 13

Fabrizio Caccavello

Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma

7

IL MIO NUOVO

PROGETTO

Sito internet Applicazione• interattivo• dinamico• accessibile• ottimizzato per mobile• ...

• web application• web app per mobile• app nativa• ...

mercoledì 20 marzo 13

Fabrizio Caccavello

Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma

8

Sito internet

c’erano una volta le colonne

Alessandro Fulciniti November 2005

la solidità delle colonne e il

mantenimento della struttura su

tutti i browser era un elemento di

qualità di un progetto web

mercoledì 20 marzo 13

Fabrizio Caccavello

Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma

9

ottimizzato per la risoluzione 800x600

c’è stato un tempo in cui...

mercoledì 20 marzo 13

Fabrizio Caccavello

Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma

10

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

RESPONSIVE WEB DESIGN

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

mercoledì 20 marzo 13

Fabrizio Caccavello

Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma

11

RESPONSIVE WEB DESIGN

Adattarsi all’ambiente

mobile

tabletdesktop

mercoledì 20 marzo 13

Fabrizio Caccavello

Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma

12

RESPONSIVE WEB DESIGNuna gabbia che non costringe

mercoledì 20 marzo 13

Fabrizio Caccavello

Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma

13

RESPONSIVE WEB DESIGNuna gabbia che non costringe

mercoledì 20 marzo 13

Fabrizio Caccavello

Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma

14

RESPONSIVE WEB DESIGN

MOBILE FIRST

MOBILE TABLET DESKTOPBIG DESKTOPSMALL TABLET

mercoledì 20 marzo 13

Fabrizio Caccavello

Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma

15

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

mercoledì 20 marzo 13

Fabrizio Caccavello

Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma

16

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

mercoledì 20 marzo 13

Fabrizio Caccavello

Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma

17

webapp app native

sviluppo inHTML CSS JAVASCRIPT(il linguaggio di internet)

tempi di sviluppo più rapidi

facile aggiornamento perché è sufficiente aggiornare la pagina web

multipiattaforma

sviluppo in linguaggio nativo

migliore esperienza d’uso

funzionamento offline

accesso a tutte le funzionalità del dispositivo

regolare pubblicazione negli store

notifiche push

mercoledì 20 marzo 13

Fabrizio Caccavello

Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma

18

webapp app native

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

mercoledì 20 marzo 13

Fabrizio Caccavello

Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma

19

RESPONSIVE WEB DESIGN

Objective C

APP DEVELOPMENT

NATIVE APP

mercoledì 20 marzo 13

Fabrizio Caccavello

Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma

20

è tutto facile?

mercoledì 20 marzo 13

Fabrizio Caccavello

Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma

21

EVITARE LE SEMPLIFICAZIONIo banalità

Per un design responsive basta scaricare un tema di Wordpress

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

mercoledì 20 marzo 13

Fabrizio Caccavello

Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma

22

RESPONSIVE WEB DESIGN

APP DEVELOPMENT

Objective CNATIVE

APP

Crescenti competenze in progettazione HTML CSS JAVASCRIPTProblem solving

Ottima conoscenza di Phonegap

Ottima conoscenza del linguaggio

mercoledì 20 marzo 13

Fabrizio Caccavello

Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma

23

cfabry

mercoledì 20 marzo 13