Windows 8
Introdução ao desenvolvimento
de apps
Apresentação
Janynne Gomes
• Arquiteta de Softwares, JG² IT Outsourcing
• Desenvolvedora .NET, UNIVALE
• Microsoft Student Partner
• Bacharel em Sistemas de Informação, UNIVALE
• Pós Graduando Engenharia e Arquitetura de
Software, Universidade Gama Filho
Twitter: @devnetgomez
Facebook: Janynne.Gomes –
Fan Page: Diário de Uma ProgramadorA
Agenda
Passos para desenvolver e distribuir seu aplicativo
Agenda
• Novidades do Windows 8
• Planejando seu aplicativo
• Criando sua UX
• Desenvolvendo com C# e XAML
o Demonstração
• Empacotando o aplicativo para distribuição
• Monetizando o aplicativo
• Distribuindo na Windows Store
Novidades do
Windows 8
Surface
Novidades do Windows 8
• Modern UI
• Performance
• Aplicativos
Planeje
Ao planejar seu aplicativo da Windows Store,
pense menos nos recursos que deseja incluir
e mais em qual experiência você deseja
proporcionar aos usuários
Qual será o ponto
forte do seu
aplicativo?
Para quais
atividades do
usuário haverá
suporte?
Quais recursos
serão incluídos?
Como rentabilizar
seu aplicativo?
Crie a UX
Descubra os recursos e as orientações de
design necessárias para criar belos
aplicativos com a cara do Windows 8.
Desenhe!
Siga as regras e melhores práticas
• Detalhes
• Segurança e Confiabilidade
• Equilíbrio, simetria e hierarquia
• Alinhamento
• Acessibilidade
Dedique-se!
• Seja responsivo
• Projete para interação
por toque e direta.
• Encante seus usuários
com movimentos.
Seja rápido e flexível!
• Comunicação
• Tipografia
• Cores
• Conectividade
Seja autentico!
• Foco
• Conteúdo
• Seja visualmente
concentrado e direto
• Inspire confiança
• Reduza a redundância
Faça mais, com menos!
• Duas apps na
mesma tela
• Largura: 320px
• 1366 x 768px
Snapping
Explore o toque!
Navegue!
Saiba como organizar o conteúdo do seu aplicativo da Windows
Store para que os usuários possam navegar de maneira simples e
intuitiva.
• Sistema hierárquico • Sistema simples
Navegue!
• Páginas Hub
• Páginas de seção
• Páginas de detalhes
Sistema Hierárquico
• Barra de aplicativos superior
• Alternância
Sistema Simples
Navegando...
Página hub
Cabeçalho e
botão Voltar
Seções de conteúdo
ou categorias
Navegando...
Exibir/Classificar/Filtrar
BordaBarra de aplicativos
inferior
Link de início
Menu do cabeçalho
Barra de aplicativos
superior
Navegando...
Navegar com o gesto de passar o dedo na borda
Explore a superfície
Escolher a superfície certa no momento certo pode fazer a
diferença entre um aplicativo fácil ou difícil de usar
• Tela
• Símbolos
• Barra de aplicativos
Explore!
Explore!
Em algumas situações
é melhor usar menus
pra não sobrecarregar
a barra de aplicativos
• Praticidade nos dedos
Explore!
• Resposta ao toque
Explore!
• Conteúdo móvel
Explore!
• Vários dedos
Explore!
Inspire-se!
Aplicativos que são sucesso
O Noots é um lugar
onde você pode
guardar todos os links
para as páginas web
que mais gosta.
Inspire-se
Controle suas
finanças, gastos e
receitas, diretamente
do seu Windows 8.
Use o Denare como
sua carteira virtual.
Inspire-se
Mais sobre o Denare
Desenvolva com
C# e XAML
Todos os detalhes que você precisa para criar
seu primeiro aplicativo da Windows Store
usando C# e XAML.
C#
Conheça a linguagem de programação
Ficha técnica
• Criada em 1999
• Versão atual: 5.0
• Orientada a objetos
• Fortemente tipada
• Interage com COM e DLLs
Exemplo de código C#
/// <summary>
/// Populates the page with content passed during navigation. Any saved state is also
/// provided when recreating a page from a prior session.
/// </summary>
/// <param name="navigationParameter">The parameter value passed to
/// <see cref="Frame.Navigate(Type, Object)"/> when this page was initially requested.
/// </param>
/// <param name="pageState">A dictionary of state preserved by this page during an earlier
/// session. This will be null the first time a page is visited.</param>
protected override void LoadState(Object navigationParameter, Dictionary<String, Object> pageState)
{
var HubPageDataGroups = HubPageDataSource.GetGroups((String)navigationParameter);
this.DefaultViewModel["Groups"] = Win8CatalogApplication.Instance.GetTopItens(4);
EnableLiveTile.CreateLiveTile.ShowliveTile(true, "Dicas de viagens");
txtNome.Text = Win8CatalogApplication.Instance.Empresa.Nome;
txtSobre.Text = Win8CatalogApplication.Instance.Empresa.Sobre;
imgEmpresa.Source = new BitmapImage(new Uri("ms-appx:///" +
Win8CatalogApplication.Instance.Empresa.ImageUrl));
}
Persistindo dados com SQLite
• Managed SQLlite library
using (var db = new SQLite.SQLiteConnection(dbPath))
{
db.CreateTable<City>();
db.RunInTransaction(() =>
{
db.Insert(new City() { Name = "Toronto" });
});
}
XAML
Conheça a linguagem de marcação
Ficha técnica
• Criada em 2008
• Versão atual: 1
• Baseada no XML
• Declarativa
• Expression Blend
Exemplo de XAML
<Button Content="Click me">
<Button.Margin>
<Thickness Left="10" Top="20" Right="10" Bottom="30"/>
</Button.Margin>
</Button>
Baixe o Windows 8
Existe uma versão para os desenvolvedores
Link pra download
Baixe o Visual Studio 2012
A versão Express é gratuita
Link pra download
Baixe os templates do AppDay
Mais opções de layout pro seu aplicativo
Link pra download
Mais templates
• Catálogo eletrônico
• https://win8appdaytempla
te1.codeplex.com/
• Dicas de viagem
• https://win8appdaytempla
te2.codeplex.com/
Mais templates
• Ferrari
• https://win8appdaytempla
te3.codeplex.com/
• Indiana Jones
• https://win8appdaytempla
te4.codeplex.com/
Mais templates
• Xbox
• https://win8appdaytempla
te5.codeplex.com/
Vinícius Souza http://viniciussouza.azurewebsites.net
Adquira a licença de desenvolvedor
Grátis!
Demonstração
Mão na massa!
É a hora da demo =D
Empacote
Saiba como usar o Visual Studio para
preparar e empacotar seu aplicativo para a
Windows Store.
Autenticação
Escolha do aplicativo
Configuração do pacote
Pacote criado
Certificação
Certificação
Link pra download
Aprovação nos testes
Venda!
Windows Store
Windows Store
• R$ 80,00 por ano
• Cartão de crédito
Passos para publicação
1. Nome do aplicativo
2. Detalhes de venda
3. Recursos avançados
4. Faixa etária
5. Criptografia
6. Upload dos pacotes
7. Descrição
8. Mensagens aos testadores
Passos para aprovação
Publicidade
A publicidade é uma opção de monetização importante para os
desenvolvedores de aplicativos e, com o alcance inédito do
Windows 8, trata-se de uma oportunidade atraente para os
publicitários.
Publicidade
• Não incomoda o usuario
Microsoft Virtual Academy
Capacitação online gratuita da Microsoft
Capacitação no Microsoft Virtual Academy
• Windows 8 - Sua primeira App na
Windows Store
• Introdução ao desenvolvimento para
Windows 8
Perguntas?
Muito obrigada!

Windows 8 - Introdução ao desenvolvimento de apps