Wp app studio_new

50 %
50 %
Information about Wp app studio_new
Technology

Published on March 21, 2014

Author: pierosbressa

Source: slideshare.net

Description

Slide della sessione di Piero Sbressa e Carmelo La Monica a Torino il 20 Matzo 2014

Windows Phone App Studio Torino, 20 Marzo 2014

Breve presentazione su di noi ● Piero Sbressa - @pieer11 http://pieer11.wordpress.com/ pierosbressa@crystalweb.it ● Carmelo La Monica - @CarmeloLaMonica http://community.visual-basic.it/carmelolamonica/ carmelolm78@live.it

Visual Basic Tips & Tricks Siamo iscritti anche alla community Visual Basic Tips & Tricks. Articoli, forum, blogs, tips and tricks su Visual Basic e VB.NET www.visual-basic.it

Cosa è Windows Phone App Studio ● Un tool per creare applicazioni per WP 8 ● Non serve avere Visual Studio ● Basta solo la connessione ad internet ● Anteprima dell'app in tempo reale

Cosa (e come) possiamo fare con Wp App Studio ● Solo 5 passaggi: 1) Scelta del Template; 2) Creazione di tutto il contenuto della nostra applicazione; 3) Scelta della grafica , sfondo , colori , ecc…; 4) Scelta delle Tile ( Flip , Cycle o Iconic Template). 5) Download del pacchetto e della solution

Che tipo di App possiamo creare? Fase 1: Template ● Si parte da http://appstudio.windowsphone.com/ e loggandosi col proprio Microsoft Account ● abbiamo a disposizione ben 22 templare tra i quali: Empty App (applicazione vuota), myCity, Catalog, Contoso LTD Le app create con qualunque template, sono del tipo «panorama»

Le fasi per creare l’App: 2 - Content - 3 tipi diversi di sezioni: 1) Main (massimo 6 elementi, diversi in base all’App) 2) Basic (uguale per tutte le App) 3) Advanced (uguale per tutte le App)

Le fasi per creare l’App: 2 - Content – Sections - Sezioni principali create automaticamente - Noi possiamo eliminare/aggiungere elementi - Configurazione semplicissima dei dati

Le fasi per creare l’App: 2 - Content - Layout - 9 layout diversi - 6 pagine dei dettagli diversi - Ogni modifica la vediamo in tempo reale - Possibilità di abilitare PinToStart e TextToSpeech

Le fasi per creare l’App: 2 - Content – Data (1) - Per gli RSS basta semplicemente indicare l’Url dei feed - Per Bing, basta semplicemente dire cosa e in quale paese cercare - Per Flickr e Youtube basta indicare se aprire la pagina con le foto e i video dell’utente inserito oppure con la ricerca di cosa abbiamo inserito nella casella di testo. - Databinding in automatico

Le fasi per creare l’App : fase 2 Content – Data (2) - Possiamo importare il datasource tramite file csv - Possiamo esportare il datasource in formato csv - Possiamo modificare le righe esistenti - Possiamo inserire nuove righe - Possiamo cancellare le righe che vogliamo

Le fasi per creare l’App : fase 2 Content – Data (3) Dove sono memorizzati i dati? - Static Resources (data is in the app) nel file risorse - Dynamic Resources (data in the cloud) nel portale winappstudio.com al quale viene aggiunto l’id del datasource e l’id dell’app e scaricato nell’Isolated Storage del telefono come file .json.

Le fasi per creare l’App : fase 2 Content – Data (4) - Static Resources (data is in the app) nel file risorse. Per modificare i dati dovremo rigenerare l’App e rimandarla in certificazione. Vale anche per le ricerche in Bing, Youtube e l’url degli RSS.

Le fasi per creare l’App : fase 2 Content – Data (5) - Dynamic Resources (data in the cloud) nel portale winappstudio.com al quale viene aggiunto l’id del datasource e l’id dell’app e scaricato nell’Isolated Storage del telefono come file .json. Possiamo modificare il datasource senza rigenerare la solution

Le fasi per creare l’App: 3 - Themes. Abbiamo a disposizione tre tipologie di Themes : - Custom Style (default): possiamo personalizzare Background, Foreground e colore dell’App Bar - Dark Style (sfondo nero) - Light Style: (sfondo bianco)

Le fasi per creare l’App: 4 - Tiles (1) Tipi di Tiles: ● Flip template ● Cycle template ● Iconic template

Le fasi per creare l’App: 4 - Tiles (2) Flip template: - Images: ● Small 160 x 160 ● Normale 340x340 - possibile titolo aggiuntivo sul retro della tile - possibilità di inserire un immagine sul retro della Tile con formato 340x715px.

Le fasi per creare l’App: 4 - Tiles (3) Cycle template: - Images: ● Small 160 x 160 ● Normale 340x340 - possibile titolo aggiuntivo sul retro della tile

Le fasi per creare l’App: 4 - Tiles (4) Iconic template: - Images: ● Small 160 x 160 ● Normale 340x340 ● Wide 692x337 - possibile titolo aggiuntivo

Le fasi per creare l’App: 5 – Publish Information - Se ci sono errori o avvisi vengono segnalati - Possiamo inserire titolo e descrizione nello Store - Possiamo scegliere il linguaggio - Possiamo includere l’about page - Possiamo includere l’ads di Pubcenter (da inserire gli id nel progetto in Visual Studio) - Possiamo inserire l’icona dell’App

Scheda My Projects - Possiamo in qualunque momento vedere lo stato di avanzamento della nostra App. - Possiamo vedere quali e quanti progetti abbiamo creato, se sono completati e generati, o meno. - Ricordarsi a ogni modifica di cliccare sul pulsante «SAVE». Diversamente non si potrà procedere alle successive fasi di lavorazione.

Abbiamo quasi finito sul portale Cosa fare dopo? - Possibilità di scaricare la solution per Visual Studio (VS 2012 e VS 2013) - Solution anche per Windows 8.1 (solo in VS 2013) - Possibilità di scaricare l’XAP - Creazione del QR Code - Possibilità di condividere via email e sui social network

Apriamo il progetto in Visual Studio - Com’è strutturato il progetto (MVVM) - Analisi del progetto in Visual Studio - Cosa ha generato WP App Studio - Come viene caricato il datasource

Modifichiamo il progetto in Visual Studio - Cambiamo titoli delle pagine - Cambiamo i dati del datasource - Cambiamo qualche immagine - Ricompiliamo e rimandiamo in certificazione, questa volta però senza passare per WP AppStudio perché abbiamo eseguito delle modifiche al codice che ha generato.

Questions & Answers Q & A

Grazie e arrivederci Grazie e alla prossima Mandateci i feedback 

Add a comment

Related presentations

Presentación que realice en el Evento Nacional de Gobierno Abierto, realizado los ...

In this presentation we will describe our experience developing with a highly dyna...

Presentation to the LITA Forum 7th November 2014 Albuquerque, NM

Un recorrido por los cambios que nos generará el wearabletech en el futuro

Um paralelo entre as novidades & mercado em Wearable Computing e Tecnologias Assis...

Microsoft finally joins the smartwatch and fitness tracker game by introducing the...

Related pages

Windows App Studio–Free Tool to create apps in Windows ...

Windows App Studio builds your Windows app so you can share it,install it, edit the code, and even publish it to the Windows Store for the world to use.
Read more

How to - Helps you along every step to publish your app ...

Learn how to create apps with Windows App Studio using this detailed user guide. Create your first app in an hour or learn how to add advanced features.
Read more

How to create a new app project from a template for ...

Visual Studio Express 2012 for Windows Phone 8 How to create a new app project from a template for Windows Phone 8
Read more

Download Android Studio and SDK Tools | Android Studio

Download the official Android IDE and developer tools to build apps for Android phones, tablets, wearables, TVs, and more.
Read more

Social Plugins - Documentation - Facebook for Developers

Social plugins let you see what your friends have liked, commented on or shared on sites across the web.
Read more

Erstellen der App „Hello, world“ (XAML) - Windows app ...

In diesem Lernprogramm erfahren Sie, wie Sie XAML (Extensible Application Markup Language) mit C# zum Erstellen einer einfachen „Hello, World“-App ...
Read more

Products and Extensions for Visual Studio

The Visual Studio Gallery provides quick access to tools, controls, and templates to help you get the most out of Visual Studio.
Read more

Visual Studio 2015 Compatibility

Learn about Visual Studio 2015 compatibility topics, such as platform targeting & compatibility with earlier releases of Visual Studio & .NET.
Read more

NewBlueFX - Make the Cut™ with Video Plugins and Effects ...

NewBlueFX video editing plugins provide time-saving workflow and creativity enhancing visual effects, transitions and titling tools for Adobe, Avid, Sony ...
Read more