Introdução ao Desenvolvimento de APP’s para Windows 8(C#,XAML)

Introdução aoDesenvolvimento de APP’s para Windows 8(C#,XAML)

Quem sou?Anderson CastroGestor Técnico \ Analista Desenvolvedor(Konia Tecnologia)

MTCA-Microsoft Technical Audience Contributor

MCP-Framework

Twitter: @andersoncastro

Passado...

Presente...Futuro...

Desenvolvimento

Programming skillsDevelopment tools

Languages, frameworksComponents

Runtimes

Porque Desenvolver para Windows 8Design Inovador Globalização-Sua

aplicação no mundoMonetização-Vendas e Anúncios

Oportunidade de Trabalho

Seja o primeiro Divirta-se

Usuários Y Apps

Downloads(millions)

46K 81K 132K

2012 2013 2014

AppsAplicativo CertificadoExperiência para usuárioOtima integração com OS (native)Modelo de Negocio Pagamento Facilitado

250 Million accounts

299 Million connected users

Skype

48 Million Subscribers

Nearly 50 million Office Web Apps users

1.5 Billion games of Halo

1 Billion mobile notifications a month

Extenda sua APP

Arquitetura do aplicativo

JavaScript e HTML5

C# e Linguagem XAML

Microsoft Visual Basic e XAML

Extensões de componentes Visual C++ (C++/CX) e XAML

C++/CX e Microsoft DirectX

Você pode criar aplicativos usando qualquer uma das seguintes linguagens de programação

Plataforma

Core

Apps

XAMLC

C++C#

Visual Basic

HTML

JavaScript

WinRTWindows 8

Plataforma

Dois tipos de aplicação no Windows 8

1) Modern UI Style

2) Desktop

WinRT

WinRT é um conjunto de APIs utilizado para desenvolver APP’s Modern style.

Novos Dispositivos - Touch

Design de interação por toque para aplicativos da Windows StoreLinguagem de

toque do

Windows 8.

Design de interação por toque para aplicativos da Windows StoreUse os dedos

da maneira mais

prática

Design de interação por toque para aplicativos da Windows StoreNavegue pelo

conteúdo com

o toque

Design de interação por toque para aplicativos da Windows StoreApresente

comentários

Design de interação por toque para aplicativos da Windows StoreO conteúdo

segue os dedos.

Design de interação por toque para aplicativos da Windows StoreMantenha as

interações

reversíveis

Design de interação por toque para aplicativos da Windows StorePermita o uso

de um ou mais

dedos.

Design de interação por toque para aplicativos da Windows StorePinçar e ampliar

para aplicar zoom

Design de interação por toque para aplicativos da Windows StoreVire para girar

Design de interação por toque para aplicativos da Windows StorePassar o dedo

começando da

borda para

acessar

comandos de

aplicativo.

Design de interação por toque para aplicativos da Windows StorePassar o

dedo começando

da borda para

acessar

comandos do

sistema.

Design de interação por toque para aplicativos da Windows StoreÁreas

de

interação

Design de interação por toque para aplicativos da Windows StoreÁreas

de

leitura

• As bordas direita ou inferior oferecem interação rápida.• O canto inferior direito pode ser obstruído pela mão e pelo pulso.• O alcance limitado torna o toque mais preciso.• Leitura, navegação, email e pouca digitação.

Design de interação por toque para aplicativos da Windows StoreUma mão segurando, outra

mão interagindo com

pouca a média interação

• Os cantos inferiores esquerdo e direito oferecem interação rápida.

• Os polegares apoiados aumentam a precisão do toque.

• Os itens no meio da tela são de difícil acesso.

• Para tocar no meio da tela, é preciso mudar de postura.

• Leitura, navegação, pouca digitação, jogos

Design de interação por toque para aplicativos da Windows StoreDuas mãos segurando, polegares

interagindo com pouca a média interação

• A parte inferior da tela oferece interação rápida.

• Os cantos inferiores podem ser obstruídos pelas mãos e pelos pulsos.

• A redução da necessidade de alcance torna o toque mais preciso.

• Leitura, navegação, email, muita digitação.

Design de interação por toque para aplicativos da Windows StoreO dispositivo fica sobre a mesa ou as pernas,

as duas mãos interagem com pouca a

muita interação

• A parte inferior da tela oferece interação rápida.

• Tocar a parte superior da tela obstrui o conteúdo.

• Tocar a parte superior da tela pode desequilibrar um dispositivo encaixado.

• Interação à distância reduz a legibilidade e a precisão.

• Aumente o tamanho do alvo para melhorar a legibilidade e a precisão.

• Assistir a um filme, ouvir música.

Design de interação por toque para aplicativos da Windows StoreO dispositivo fica sobre a mesa ou de pé,

com ou sem interação

Design de interação por toque para aplicativos da Windows StoreMuitas vezes, as pessoas se culpam por terem "dedos grandes". Mas até os dedos de um bebê são maiores do que a maioria dos alvos de toque.

A imagem à esquerda mostra que a largura média do dedo de um adulto é de cerca de 11 milímetros (mm), enquanto a de um bebê é de 8 mm, e a de alguns jogadores de basquete é de mais de 19 mm!

Design de interação por toque para aplicativos da Windows StoreA maioria das

pessoas é destra

Design de interação por toque para aplicativos da Windows StoreUse a tela

Design de interação por toque para aplicativos da Windows StoreUse os símbolos

Design de interação por toque para aplicativos da Windows StoreUse símbolos

Design de interação por toque para aplicativos da Windows StoreBarra de Comandos

Porque Usar Visual StudioDesenvolvimento modernoPróxima geração de aplicações para dispositivos e serviços

Ferramentas de Desenvolvimento

Licença de Desenvolvedor

Antes de publicar seu aplicativo na Windows Store, você precisa de uma conta de desenvolvedor. A Windows Store oferece dois tipos de conta de desenvolvedor: individual e empresarial. As contas de desenvolvedor são oferecidas em muitos países e regiões. R$ 80,00.

Recursos-Compartilhar

Recursos-Busca

Tipos de Projetos

Tipos de Projetos

Grid App

Tipos de Projetos

Split App

Tipos de Projetos

Hub App(para Windows 8.1 e VS 2013)

Tipos de Projetos

Não tenho tablet, como testo touch?Emulator

Demo

Aplicativos Modernos-AppBoxFacilitador.

http://win8appbox.codeplex.com/

Demo Com AppBox

Aplicativos Modernos-Catálogo Eletrônicohttp://win8appdaytemplate1.codeplex.com/

Aplicativos Modernos-Dicas de Viagenshttp://win8appdaytemplate2.codeplex.com/

Aplicativos Modernos - Ferrarihttp://win8appdaytemplate3.codeplex.com/

Aplicativos Modernos- Indiana Joneshttp://win8appdaytemplate4.codeplex.com/

Aplicativos Modernos-Xbox Livehttp://win8appdaytemplate5.codeplex.com/

Aplicativos Modernos-Templateshttps://www.codeplex.com/site/users/view/win8templates

Windows in the cloud

Onde Estudar ?http://www.microsoftvirtualacademy.com/

http://www.andersoncastro.com.br

http://dev.Windows.com

http://design.Windows.com

@andersoncastro

Dúvidas ?Pode perguntar......