Applicazioni web e web design responsive
1 like631 views
Il documento presenta un'introduzione alle applicazioni web e al web design responsive, evidenziando l'importanza di scegliere le tecnologie giuste per sviluppare idee di business. Si fa riferimento all'International Webmasters Association (IWA) e alla sua funzione di rete tra professionisti del web, nonché a sconti per nuovi soci. Inoltre, viene discusso il passaggio da web app a app native e le competenze richieste per sviluppare tali soluzioni.
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