Applicazioni web e web design responsive - SMAU Bologna 2013

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

Fabrizio Caccavello

martedì 25 giugno 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


http://www.iwa.it/

http://www.iwa.it/

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


http://www.iwa.it/

http://www.iwa.it/

4

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.


5

SMAUBOLOGNA2013

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


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.


7

@cfabry

#iwasmau

@iwaitaly


Fabrizio Caccavello


@cfabry#iwasmau

8

IL MIO NUOVO

PROGETTO

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

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


Fabrizio Caccavello


@cfabry#iwasmau

9

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


Fabrizio Caccavello


@cfabry#iwasmau

10

ottimizzato per la risoluzione 800x600

c’è stato un tempo in cui...


Fabrizio Caccavello


@cfabry#iwasmau

11

ottimizzato per la risoluzione 800x600

c’è stato un tempo in cui...


Fabrizio Caccavello


@cfabry#iwasmau

12

« Nulla si crea, nulla si distrugge, tutto si trasforma »(legge della conservazione della massa - Antoine Lavoisier)

RESPONSIVE WEB DESIGN

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

1


Fabrizio Caccavello


@cfabry#iwasmau

13


Adattarsi all’ambiente

mobile

tabletdesktop


Fabrizio Caccavello


@cfabry#iwasmau

14

RESPONSIVE WEB DESIGNuna gabbia che non costringe


Fabrizio Caccavello


@cfabry#iwasmau

15

RESPONSIVE WEB DESIGNuna gabbia che non costringe


Fabrizio Caccavello


@cfabry#iwasmau

16


MOBILE FIRST

MOBILE TABLET DESKTOPBIG DESKTOPSMALL TABLET


Fabrizio Caccavello


@cfabry#iwasmau

17

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


Fabrizio Caccavello


@cfabry#iwasmau

18

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


@cfabry#iwasmau

19

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


Fabrizio Caccavello


@cfabry#iwasmau

20

webapp app native

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


Fabrizio Caccavello


@cfabry#iwasmau

21


Objective C

APP DEVELOPMENT

NATIVE APP


Fabrizio Caccavello


@cfabry#iwasmau

22

è tutto facile?


Fabrizio Caccavello


@cfabry#iwasmau

23

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


Fabrizio Caccavello


@cfabry#iwasmau

24


APP DEVELOPMENT

Objective CNATIVE

APP

Crescenti competenze in progettazione HTML CSS JAVASCRIPTProblem solving

Ottima conoscenza di Phonegap

Ottima conoscenza del linguaggio


Fabrizio Caccavello


@cfabry#iwasmau

25

cfabry


Applicazioni web e web design responsive - SMAU Bologna 2013

Documents

Transcript of Applicazioni web e web design responsive - SMAU Bologna 2013