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......