O documento apresenta as etapas para desenvolver e distribuir aplicativos para o Windows 8, incluindo planejamento, criação da interface do usuário, desenvolvimento com C# e XAML, empacotamento, monetização e distribuição na Windows Store. A apresentação também discute as novidades do Windows 8 e fornece demonstrações e exemplos de código.

1. Windows 8
Introdução ao desenvolvimento
de apps

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

3. Agenda
Passos para desenvolver e distribuir seu aplicativo

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

5. Novidades do
Windows 8

6. Surface

7. Novidades do Windows 8
• Modern UI
• Performance
• Aplicativos

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

9. Qual será o ponto
forte do seu
aplicativo?

10. Para quais
atividades do
usuário haverá
suporte?

11. Quais recursos
serão incluídos?

12. Como rentabilizar
seu aplicativo?

13. Crie a UX
Descubra os recursos e as orientações de
design necessárias para criar belos
aplicativos com a cara do Windows 8.

14. Desenhe!
Siga as regras e melhores práticas

15. • Detalhes
• Segurança e Confiabilidade
• Equilíbrio, simetria e hierarquia
• Alinhamento
• Acessibilidade
Dedique-se!

16. • Seja responsivo
• Projete para interação
por toque e direta.
• Encante seus usuários
com movimentos.
Seja rápido e flexível!

17. • Comunicação
• Tipografia
• Cores
• Conectividade
Seja autentico!

18. • Foco
• Conteúdo
• Seja visualmente
concentrado e direto
• Inspire confiança
• Reduza a redundância
Faça mais, com menos!

19. • Duas apps na
mesma tela
• Largura: 320px
• 1366 x 768px
Snapping

20. Explore o toque!

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

22. • Sistema hierárquico • Sistema simples
Navegue!

23. • Páginas Hub
• Páginas de seção
• Páginas de detalhes
Sistema Hierárquico

24. • Barra de aplicativos superior
• Alternância
Sistema Simples

25. Navegando...
Página hub
Cabeçalho e
botão Voltar
Seções de conteúdo
ou categorias

26. Navegando...
Exibir/Classificar/Filtrar
BordaBarra de aplicativos
inferior
Link de início
Menu do cabeçalho
Barra de aplicativos
superior

27. Navegando...
Navegar com o gesto de passar o dedo na borda

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

29. • Tela
• Símbolos
• Barra de aplicativos
Explore!

30. Explore!
Em algumas situações
é melhor usar menus
pra não sobrecarregar
a barra de aplicativos

31. • Praticidade nos dedos
Explore!

32. • Resposta ao toque
Explore!

33. • Conteúdo móvel
Explore!

34. • Vários dedos
Explore!

35. Inspire-se!
Aplicativos que são sucesso

36. O Noots é um lugar
onde você pode
guardar todos os links
para as páginas web
que mais gosta.
Inspire-se

37. Controle suas
finanças, gastos e
receitas, diretamente
do seu Windows 8.
Use o Denare como
sua carteira virtual.
Inspire-se

38. Mais sobre o Denare

39. Desenvolva com
C# e XAML
Todos os detalhes que você precisa para criar
seu primeiro aplicativo da Windows Store
usando C# e XAML.

40. C#
Conheça a linguagem de programação

41. Ficha técnica
• Criada em 1999
• Versão atual: 5.0
• Orientada a objetos
• Fortemente tipada
• Interage com COM e DLLs

42. 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));
}

43. 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" });
});
}

44. XAML
Conheça a linguagem de marcação

45. Ficha técnica
• Criada em 2008
• Versão atual: 1
• Baseada no XML
• Declarativa
• Expression Blend

46. Exemplo de XAML
<Button Content="Click me">
<Button.Margin>
<Thickness Left="10" Top="20" Right="10" Bottom="30"/>
</Button.Margin>
</Button>

47. Baixe o Windows 8
Existe uma versão para os desenvolvedores
Link pra download

48. Baixe o Visual Studio 2012
A versão Express é gratuita
Link pra download

49. Baixe os templates do AppDay
Mais opções de layout pro seu aplicativo
Link pra download

50. Mais templates
• Catálogo eletrônico
• https://win8appdaytempla
te1.codeplex.com/
• Dicas de viagem
• https://win8appdaytempla
te2.codeplex.com/

51. Mais templates
• Ferrari
• https://win8appdaytempla
te3.codeplex.com/
• Indiana Jones
• https://win8appdaytempla
te4.codeplex.com/

52. Mais templates
• Xbox
• https://win8appdaytempla
te5.codeplex.com/
Vinícius Souza http://viniciussouza.azurewebsites.net

53. Adquira a licença de desenvolvedor
Grátis!

54. Demonstração

55. Mão na massa!
É a hora da demo =D

56. Empacote
Saiba como usar o Visual Studio para
preparar e empacotar seu aplicativo para a
Windows Store.

57. Autenticação

58. Escolha do aplicativo

59. Configuração do pacote

60. Pacote criado

61. Certificação

62. Certificação
Link pra download

63. Aprovação nos testes

64. Venda!

65. Windows Store

66. Windows Store
• R$ 80,00 por ano
• Cartão de crédito

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

68. Passos para aprovação

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

70. Publicidade
• Não incomoda o usuario

71. Microsoft Virtual Academy
Capacitação online gratuita da Microsoft

72. Capacitação no Microsoft Virtual Academy
• Windows 8 - Sua primeira App na
Windows Store
• Introdução ao desenvolvimento para
Windows 8

74. Perguntas?

75. Muito obrigada!