Windows 8 - Introdução ao desenvolvimento de apps

1,592 views
1,527 views

Published on

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.

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,592
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
47
Comments
0
Likes
4
Embeds 0
No embeds

No notes for 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!

×