Windows 8Introdução ao desenvolvimentode apps
ApresentaçãoJanynne Gomes• Arquiteta de Softwares, JG² IT Outsourcing• Desenvolvedora .NET, UNIVALE• Microsoft Student Par...
AgendaPassos para desenvolver e distribuir seu aplicativo
Agenda• Novidades do Windows 8• Planejando seu aplicativo• Criando sua UX• Desenvolvendo com C# e XAMLo Demonstração• Empa...
Novidades doWindows 8
Surface
Novidades do Windows 8• Modern UI• Performance• Aplicativos
PlanejeAo planejar seu aplicativo da Windows Store,pense menos nos recursos que deseja incluire mais em qual experiência v...
Qual será o pontoforte do seuaplicativo?
Para quaisatividades dousuário haverásuporte?
Quais recursosserão incluídos?
Como rentabilizarseu aplicativo?
Crie a UXDescubra os recursos e as orientações dedesign necessárias para criar belosaplicativos 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• AcessibilidadeDedique-se!
• Seja responsivo• Projete para interaçãopor toque e direta.• Encante seus usuárioscom movimentos.Seja rápido e flexível!
• Comunicação• Tipografia• Cores• ConectividadeSeja autentico!
• Foco• Conteúdo• Seja visualmenteconcentrado e direto• Inspire confiança• Reduza a redundânciaFaça mais, com menos!
• Duas apps namesma tela• Largura: 320px• 1366 x 768pxSnapping
Explore o toque!
Navegue!Saiba como organizar o conteúdo do seu aplicativo da WindowsStore para que os usuários possam navegar de maneira s...
• Sistema hierárquico • Sistema simplesNavegue!
• Páginas Hub• Páginas de seção• Páginas de detalhesSistema Hierárquico
• Barra de aplicativos superior• AlternânciaSistema Simples
Navegando...Página hubCabeçalho ebotão VoltarSeções de conteúdoou categorias
Navegando...Exibir/Classificar/FiltrarBordaBarra de aplicativosinferiorLink de inícioMenu do cabeçalhoBarra de aplicativos...
Navegando...Navegar com o gesto de passar o dedo na borda
Explore a superfícieEscolher a superfície certa no momento certo pode fazer adiferença entre um aplicativo fácil ou difíci...
• Tela• Símbolos• Barra de aplicativosExplore!
Explore!Em algumas situaçõesé melhor usar menuspra não sobrecarregara barra de aplicativos
• Praticidade nos dedosExplore!
• Resposta ao toqueExplore!
• Conteúdo móvelExplore!
• Vários dedosExplore!
Inspire-se!Aplicativos que são sucesso
O Noots é um lugaronde você podeguardar todos os linkspara as páginas webque mais gosta.Inspire-se
Controle suasfinanças, gastos ereceitas, diretamentedo seu Windows 8.Use o Denare comosua carteira virtual.Inspire-se
Mais sobre o Denare
Desenvolva comC# e XAMLTodos os detalhes que você precisa para criarseu primeiro aplicativo da Windows Storeusando C# e XA...
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/// ...
Persistindo dados com SQLite• Managed SQLlite libraryusing (var db = new SQLite.SQLiteConnection(dbPath)){db.CreateTable<C...
XAMLConheç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.Ma...
Baixe o Windows 8Existe uma versão para os desenvolvedoresLink pra download
Baixe o Visual Studio 2012A versão Express é gratuitaLink pra download
Baixe os templates do AppDayMais opções de layout pro seu aplicativoLink pra download
Mais templates• Catálogo eletrônico• https://win8appdaytemplate1.codeplex.com/• Dicas de viagem• https://win8appdaytemplat...
Mais templates• Ferrari• https://win8appdaytemplate3.codeplex.com/• Indiana Jones• https://win8appdaytemplate4.codeplex.com/
Mais templates• Xbox• https://win8appdaytemplate5.codeplex.com/Vinícius Souza http://viniciussouza.azurewebsites.net
Adquira a licença de desenvolvedorGrátis!
Demonstração
Mão na massa!É a hora da demo =D
EmpacoteSaiba como usar o Visual Studio parapreparar e empacotar seu aplicativo para aWindows Store.
Autenticação
Escolha do aplicativo
Configuração do pacote
Pacote criado
Certificação
CertificaçãoLink pra download
Aprovação nos testes
Venda!
Windows Store
Windows Store• R$ 80,00 por ano• Cartão de crédito
Passos para publicação1. Nome do aplicativo2. Detalhes de venda3. Recursos avançados4. Faixa etária5. Criptografia6. Uploa...
Passos para aprovação
PublicidadeA publicidade é uma opção de monetização importante para osdesenvolvedores de aplicativos e, com o alcance inéd...
Publicidade• Não incomoda o usuario
Microsoft Virtual AcademyCapacitação online gratuita da Microsoft
Capacitação no Microsoft Virtual Academy• Windows 8 - Sua primeira App naWindows Store• Introdução ao desenvolvimento para...
Perguntas?
Muito obrigada!
Windows 8 - Introdução ao desenvolvimento de apps
Próximos SlideShares
Carregando em…5
×

Windows 8 - Introdução ao desenvolvimento de apps

1.748 visualizações

Publicada em

Palestra ministrada na Universidade Vale do Rio Doce em 21/05/2013.

A palestra introduziu o conceito de apps Windows Store com dicas de design e processo de aprovação da app na Windows Store.

Publicada em: Tecnologia
0 comentários
5 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.748
No SlideShare
0
A partir de incorporações
0
Número de incorporações
824
Ações
Compartilhamentos
0
Downloads
53
Comentários
0
Gostaram
5
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Windows 8 - Introdução ao desenvolvimento de apps

  1. 1. Windows 8Introdução ao desenvolvimentode apps
  2. 2. ApresentaçãoJanynne 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 deSoftware, Universidade Gama FilhoTwitter: @devnetgomezFacebook: Janynne.Gomes –Fan Page: Diário de Uma ProgramadorA
  3. 3. AgendaPassos para desenvolver e distribuir seu aplicativo
  4. 4. Agenda• Novidades do Windows 8• Planejando seu aplicativo• Criando sua UX• Desenvolvendo com C# e XAMLo Demonstração• Empacotando o aplicativo para distribuição• Monetizando o aplicativo• Distribuindo na Windows Store
  5. 5. Novidades doWindows 8
  6. 6. Surface
  7. 7. Novidades do Windows 8• Modern UI• Performance• Aplicativos
  8. 8. PlanejeAo planejar seu aplicativo da Windows Store,pense menos nos recursos que deseja incluire mais em qual experiência você desejaproporcionar aos usuários
  9. 9. Qual será o pontoforte do seuaplicativo?
  10. 10. Para quaisatividades dousuário haverásuporte?
  11. 11. Quais recursosserão incluídos?
  12. 12. Como rentabilizarseu aplicativo?
  13. 13. Crie a UXDescubra os recursos e as orientações dedesign necessárias para criar belosaplicativos com a cara do Windows 8.
  14. 14. Desenhe!Siga as regras e melhores práticas
  15. 15. • Detalhes• Segurança e Confiabilidade• Equilíbrio, simetria e hierarquia• Alinhamento• AcessibilidadeDedique-se!
  16. 16. • Seja responsivo• Projete para interaçãopor toque e direta.• Encante seus usuárioscom movimentos.Seja rápido e flexível!
  17. 17. • Comunicação• Tipografia• Cores• ConectividadeSeja autentico!
  18. 18. • Foco• Conteúdo• Seja visualmenteconcentrado e direto• Inspire confiança• Reduza a redundânciaFaça mais, com menos!
  19. 19. • Duas apps namesma tela• Largura: 320px• 1366 x 768pxSnapping
  20. 20. Explore o toque!
  21. 21. Navegue!Saiba como organizar o conteúdo do seu aplicativo da WindowsStore para que os usuários possam navegar de maneira simples eintuitiva.
  22. 22. • Sistema hierárquico • Sistema simplesNavegue!
  23. 23. • Páginas Hub• Páginas de seção• Páginas de detalhesSistema Hierárquico
  24. 24. • Barra de aplicativos superior• AlternânciaSistema Simples
  25. 25. Navegando...Página hubCabeçalho ebotão VoltarSeções de conteúdoou categorias
  26. 26. Navegando...Exibir/Classificar/FiltrarBordaBarra de aplicativosinferiorLink de inícioMenu do cabeçalhoBarra de aplicativossuperior
  27. 27. Navegando...Navegar com o gesto de passar o dedo na borda
  28. 28. Explore a superfícieEscolher a superfície certa no momento certo pode fazer adiferença entre um aplicativo fácil ou difícil de usar
  29. 29. • Tela• Símbolos• Barra de aplicativosExplore!
  30. 30. Explore!Em algumas situaçõesé melhor usar menuspra não sobrecarregara barra de aplicativos
  31. 31. • Praticidade nos dedosExplore!
  32. 32. • Resposta ao toqueExplore!
  33. 33. • Conteúdo móvelExplore!
  34. 34. • Vários dedosExplore!
  35. 35. Inspire-se!Aplicativos que são sucesso
  36. 36. O Noots é um lugaronde você podeguardar todos os linkspara as páginas webque mais gosta.Inspire-se
  37. 37. Controle suasfinanças, gastos ereceitas, diretamentedo seu Windows 8.Use o Denare comosua carteira virtual.Inspire-se
  38. 38. Mais sobre o Denare
  39. 39. Desenvolva comC# e XAMLTodos os detalhes que você precisa para criarseu primeiro aplicativo da Windows Storeusando C# e XAML.
  40. 40. C#Conheça a linguagem de programação
  41. 41. Ficha técnica• Criada em 1999• Versão atual: 5.0• Orientada a objetos• Fortemente tipada• Interage com COM e DLLs
  42. 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. 43. Persistindo dados com SQLite• Managed SQLlite libraryusing (var db = new SQLite.SQLiteConnection(dbPath)){db.CreateTable<City>();db.RunInTransaction(() =>{db.Insert(new City() { Name = "Toronto" });});}
  44. 44. XAMLConheça a linguagem de marcação
  45. 45. Ficha técnica• Criada em 2008• Versão atual: 1• Baseada no XML• Declarativa• Expression Blend
  46. 46. Exemplo de XAML<Button Content="Click me"><Button.Margin><Thickness Left="10" Top="20" Right="10" Bottom="30"/></Button.Margin></Button>
  47. 47. Baixe o Windows 8Existe uma versão para os desenvolvedoresLink pra download
  48. 48. Baixe o Visual Studio 2012A versão Express é gratuitaLink pra download
  49. 49. Baixe os templates do AppDayMais opções de layout pro seu aplicativoLink pra download
  50. 50. Mais templates• Catálogo eletrônico• https://win8appdaytemplate1.codeplex.com/• Dicas de viagem• https://win8appdaytemplate2.codeplex.com/
  51. 51. Mais templates• Ferrari• https://win8appdaytemplate3.codeplex.com/• Indiana Jones• https://win8appdaytemplate4.codeplex.com/
  52. 52. Mais templates• Xbox• https://win8appdaytemplate5.codeplex.com/Vinícius Souza http://viniciussouza.azurewebsites.net
  53. 53. Adquira a licença de desenvolvedorGrátis!
  54. 54. Demonstração
  55. 55. Mão na massa!É a hora da demo =D
  56. 56. EmpacoteSaiba como usar o Visual Studio parapreparar e empacotar seu aplicativo para aWindows Store.
  57. 57. Autenticação
  58. 58. Escolha do aplicativo
  59. 59. Configuração do pacote
  60. 60. Pacote criado
  61. 61. Certificação
  62. 62. CertificaçãoLink pra download
  63. 63. Aprovação nos testes
  64. 64. Venda!
  65. 65. Windows Store
  66. 66. Windows Store• R$ 80,00 por ano• Cartão de crédito
  67. 67. Passos para publicação1. Nome do aplicativo2. Detalhes de venda3. Recursos avançados4. Faixa etária5. Criptografia6. Upload dos pacotes7. Descrição8. Mensagens aos testadores
  68. 68. Passos para aprovação
  69. 69. PublicidadeA publicidade é uma opção de monetização importante para osdesenvolvedores de aplicativos e, com o alcance inédito doWindows 8, trata-se de uma oportunidade atraente para ospublicitários.
  70. 70. Publicidade• Não incomoda o usuario
  71. 71. Microsoft Virtual AcademyCapacitação online gratuita da Microsoft
  72. 72. Capacitação no Microsoft Virtual Academy• Windows 8 - Sua primeira App naWindows Store• Introdução ao desenvolvimento paraWindows 8
  73. 73. Perguntas?
  74. 74. Muito obrigada!

×