Hour of Code - 13/01/2016

27
Pronti. Ai posti. Via. Fatto! La tua app in 4 passaggi

Transcript of Hour of Code - 13/01/2016

Page 1: Hour of Code - 13/01/2016

Pronti. Ai posti. Via. Fatto!La tua app in 4 passaggi

Page 2: Hour of Code - 13/01/2016

Mi presento

Gaetano Paterno’Mail:

[email protected]

Facebook: gaetano.paterno.77

Page 3: Hour of Code - 13/01/2016

Wikipedia

In informatica con il neologismo app s'intende

una variante delle applicazioni informatiche

dedicate ai dispositivi di tipo mobile, quali

smartphone e tablet. Il termine deriva proprio

dall'abbreviazione di "applicazione".

http://it.wikipedia.org/wiki/App_%28smartpho

ne%29

Page 4: Hour of Code - 13/01/2016

Classificare le Apps

Social

Informazione

e

promozione

Giochi Intrattenimento

Strumenti

e

Produttività

Page 5: Hour of Code - 13/01/2016

App Nativa

Un'APP NATIVA è un'applicazione mobile,

sviluppata con codice e librerie proprietarie.

Il vantaggio principale dell'APP NATIVA è il

poter interagire con tutte le feature del nostro

device (ad esempio rubrica, messaggi,

notifiche, localizzazione).

Sintetizzando:

- visibilità, diffusione, guadagno derivata dalla

pubblicazione nello Store.

- prestazioni ottime.

- accesso all'hardware e al software installato

nel device: fotocamera, file system, rubrica.

- funzionamento off-line.

Page 6: Hour of Code - 13/01/2016

App Nativa

Android

Language: Java

Development environment: Eclipse

iPhone

Language: Objective-C / Swift

Development environment: Xcode

Windows Phone

Language: C#

Development environment: Visual Studio

Page 7: Hour of Code - 13/01/2016

Web App

Di fatto sono normali applicazioni web che permettono di

simulare l'aspetto delle interfacce proprie di APP NATIVE.

Per la loro natura, queste applicazioni portano con sé limitazioni,

visto che, essendo distribuite tramite il web, non possono

interagire con l'hardware e il software del device.

Inoltre non essendo pubblicate negli Store, non usufruiscono

dell'enorme visibilità che i Market digitali offrono.

A fronte di questo però hanno anche diversi vantaggi:

- scritta con Markup HTML

- non deve essere sottoposta al processo di approvazione

del Market

- tempi e costi di sviluppo più bassi

Page 8: Hour of Code - 13/01/2016

Hybrid App

E per chi volesse creare un'APP non NATIVA, ma divulgabile

ad esempio sullo Store?

La soluzione è l'APP IBRIDA: l'anello mancante tra le due

tipologie di APP appena descritte.

Lo sviluppo di APP IBRIDE consente di costruire APP NATIVE

dotate di strumenti di gestione di interfacce HTML come le

WEB APP e consente di essere più facilmente multi-

platform, rendendo più semplice la replicazione per device

differenti; ingloba in sé tutti gli aspetti positivi delle altre due

tipologie di APP.

Page 9: Hour of Code - 13/01/2016

Classificare le App

Page 10: Hour of Code - 13/01/2016

Perche’ sviluppare un App

Guadagnare dei soldi.

Promuovere un evento o un iniziativa.

Mantenere contatti con i propri client.

Far conoscere informazioni.

Offrire una versione mobile di un

applicazione per PC.

Page 11: Hour of Code - 13/01/2016

Domanda

Conosciamo un linguaggio di

programmazione?

Conosciamo un ambiente di

sviluppo?

Page 12: Hour of Code - 13/01/2016

Windows App Studio

appstudio.windows.com

La risposta è Windows App Studio. Uno strumento

gratuito per la creazione di app online, con il quale

potrai creare rapidamente app di Windows e

Windows Phone da pubblicare, testare e condividere.

Puoi apportare modifiche, aggiungere contenuto e

alternare le visualizzazioni per telefono e tablet per

vedere la tua app prendere vita con soli 4 passaggi.

Page 13: Hour of Code - 13/01/2016

Windows App Studio

appstudio.windows.com

Page 14: Hour of Code - 13/01/2016

Windows App Studio

appstudio.windows.com

Page 15: Hour of Code - 13/01/2016

Windows App Studio

Non richiede conoscenza di un linguaggio di

programmazione

Permette di realizzare app esclusivamente per

Windows 10 e Windows 8.1

Le applicazioni realizzate con questo strumento possono essere espanse con Visual Studio

appstudio.windows.com

Page 16: Hour of Code - 13/01/2016

Windows App Studio

Page 17: Hour of Code - 13/01/2016

App Studio – 1. Trova l’idea

Modelli e contenuto

Puoi scegliere tra modelli di app e modelli di contenuto.

- Modelli di app: Consentono di creare un'app Web da zero

immettendo un URL di base e vari pulsanti per la barra dell'app.

- Modelli di contenuto: Consentono allo sviluppatore di creare un'app

per dispositivi mobili vera e propria. Da qui è possibile creare facilmente

album di immagini, connettersi a diverse origini dati come Photo

Album, Bing, HTML, RSS, Facebook, YouTube e così via.

Puoi scegliere tra 2 tipi di modelli:

Modelli di app vuote

Modelli predefiniti

Page 18: Hour of Code - 13/01/2016

App Studio – 1. Trova l’idea

Modelli di app vuote e modelli predefiniti

- Un modello di app vuota consente di creare un'app da zero

aggiungendo sezioni e origini dati e configurandone contenuto e stile

dando libero spazio alla tua creatività.

- La creazione di un'app da un modello (modelli predefiniti) consente di

iniziare usando come guida un'app generata in precedenza. Puoi

usare un'app preconfigurata e aggiungere contenuto e layout

personalizzati, oltre ad aggiungere nuove sezioni e origini dati. Fai clic

sul riquadro di un modello per visualizzare altre informazioni sul layout e

gli scopi dell'app, oltre ad alcuni screenshot.

Page 19: Hour of Code - 13/01/2016

App Studio – 2. Aggiungi contenuto

Un'origine dati è semplicemente il contenuto che vuoi visualizzare in

ogni sezione dell'app, ad esempio video di YouTube dal tuo canale

preferito, l'inventario del tuo negozio, immagini dal tuo account Flickr

e così via. Le origini dati vengono visualizzate nella tua app tramite le

sezioni. Ogni sezione che crei è connessa a un'origine dati.

Page 20: Hour of Code - 13/01/2016

App Studio – 2. Aggiungi contenuto

Quali sono le diverse origini dati?

Html – Una singola pagina di testo statico immesso.

YouTube – Un elenco di video con titoli e descrizioni basati su un canale o una ricerca di YouTube, immessi al momento della

creazione dell'origine dati.

Flickr – L'origine dati Flickr consente di visualizzare foto per gli utenti della tua app dalla funzione di ricerca dell'hashtag e da un account

utente specifico, senza che gli utenti debbano avere un account

Flickr.

Bing – Un elenco di notizie.

Facebook – Un feed di Facebook da una pagina di Facebookpubblica.

Instagram – Un elenco di immagini basate sull'ID di Instagram.

Twitter

Menu

Collection – Un elenco di elementi con colonne di caratteristiche. Questi sono dati personali che non dipendono da un sito Web.

Xbox Music

Page 21: Hour of Code - 13/01/2016

App Studio – 2. Aggiungi contenuto

Una raccolta è un'origine dati che consente di caricare dati che non

dipendono da un sito Web come l'inventario di un negozio, informazioni di

contatto, un menù giornaliero, i musicisti preferiti e così via. Prima di immettere

dati in una raccolta, puoi definire il numero totale di colonne possibili di dati.

Aggiungi una colonna per ogni tipo di informazione che vuoi visualizzare per

un elemento, quindi seleziona il tipo di dati. Puoi aggiungere molti tipi di

informazioni, ad esempio indirizzo, nome album, nome artista, immagine,

interno, email, numero di telefono, nome del brano e stringa.

Page 22: Hour of Code - 13/01/2016

App Studio – 2. Aggiungi contenuto

L'impostazione del tipo di dati per ogni blocco di informazioni è

importante perché ti consente di includere un'ampia gamma di

azioni aggiuntive nella tua app. Un'azione è un'operazione che verrà

eseguita nel tuo telefono quando fai clic sull'informazione correlata

nella tua app, ad esempio chiamare un numero, inviare un'email e

così via. Sono disponibili svariate azioni, ma tieni presente che

verranno visualizzate solo le azioni corrispondenti ai tipi di dati nella

raccolta.

Page 23: Hour of Code - 13/01/2016

App Studio – 2. Aggiungi contenuto

• URL

• Call Phone: chiamare il numero (con tipo di dati phone) immesso per l'elemento.

• Email: inviare un'e-mail all'indirizzo (con tipo di dati e-mail) immesso per l'elemento.

• Personalizza

• Nokia Music - Play Artist Mix: riprodurre una compilation in Nokia Music per l'artista (con tipo di dati artist) immesso per l'elemento.

• Nokia Music - Artist: visualizzare informazioni di Nokia Music sull'artista (con tipo di dati artist) immesso per l'elemento.

• Nokia Music - Search: cercare in Nokia Music l'artista (con tipo di dati artist) o l'album (con tipo di dati album) immesso per

l'elemento.

• HERE Maps - Directions: aprire una mappa per visualizzare indicazioni dalla posizione corrente all'indirizzo (con tipo di dati

address) immesso per l'elemento.

• HERE Maps - Address: aprire una mappa che mostra la posizione (con tipo di dati address) immessa per l'elemento.

Page 24: Hour of Code - 13/01/2016

App Studio – 3. Scegli lo stile

Page 25: Hour of Code - 13/01/2016

App Studio – 3. Scegli lo stile

Page 26: Hour of Code - 13/01/2016

App Studio – 4. Usala

Distribuzione dell'app in un dispositivo Windows

Esistono due modi per aggiungere l'app al tuo dispositivo Windows:

- Pubblicare l'app in Windows Store e scaricarla dallo Store con il tuo

dispositivo.

- Trasferire l'app direttamente nel dispositivo dal sito Windows App

Studio.

Pubblicazione dell'app in Windows Store

Per la pubblicazione della tua app in Windows Store:

- Account di Dev Center

- Prenotazione del nome dell'app e recupero delle info

sull'app

- Certificazione

- Screenshot dell'app

Page 27: Hour of Code - 13/01/2016

App Studio – 4. Usala

E se vuoi usare funzionalità di programmazione avanzate, Windows

App Studio genera codice sorgente pronto per Visual Studio: una

funzionalità non offerta da nessun altro strumento per la creazione di

app.