Windows 8 - Introdução ao desenvolvimento de apps

  • 1,026 views
Uploaded on

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

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.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,026
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
27
Comments
0
Likes
4

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Windows 8Introdução ao desenvolvimentode apps
  • 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. AgendaPassos para desenvolver e distribuir seu aplicativo
  • 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. Novidades doWindows 8
  • 6. Surface
  • 7. Novidades do Windows 8• Modern UI• Performance• Aplicativos
  • 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. Qual será o pontoforte do seuaplicativo?
  • 10. Para quaisatividades dousuário haverásuporte?
  • 11. Quais recursosserão incluídos?
  • 12. Como rentabilizarseu aplicativo?
  • 13. Crie a UXDescubra os recursos e as orientações dedesign necessárias para criar belosaplicativos 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• AcessibilidadeDedique-se!
  • 16. • Seja responsivo• Projete para interaçãopor toque e direta.• Encante seus usuárioscom movimentos.Seja rápido e flexível!
  • 17. • Comunicação• Tipografia• Cores• ConectividadeSeja autentico!
  • 18. • Foco• Conteúdo• Seja visualmenteconcentrado e direto• Inspire confiança• Reduza a redundânciaFaça mais, com menos!
  • 19. • Duas apps namesma tela• Largura: 320px• 1366 x 768pxSnapping
  • 20. Explore o toque!
  • 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. • Sistema hierárquico • Sistema simplesNavegue!
  • 23. • Páginas Hub• Páginas de seção• Páginas de detalhesSistema Hierárquico
  • 24. • Barra de aplicativos superior• AlternânciaSistema Simples
  • 25. Navegando...Página hubCabeçalho ebotão VoltarSeções de conteúdoou categorias
  • 26. Navegando...Exibir/Classificar/FiltrarBordaBarra de aplicativosinferiorLink de inícioMenu do cabeçalhoBarra de aplicativossuperior
  • 27. Navegando...Navegar com o gesto de passar o dedo na borda
  • 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. • Tela• Símbolos• Barra de aplicativosExplore!
  • 30. Explore!Em algumas situaçõesé melhor usar menuspra não sobrecarregara barra de aplicativos
  • 31. • Praticidade nos dedosExplore!
  • 32. • Resposta ao toqueExplore!
  • 33. • Conteúdo móvelExplore!
  • 34. • Vários dedosExplore!
  • 35. Inspire-se!Aplicativos que são sucesso
  • 36. O Noots é um lugaronde você podeguardar todos os linkspara as páginas webque mais gosta.Inspire-se
  • 37. Controle suasfinanças, gastos ereceitas, diretamentedo seu Windows 8.Use o Denare comosua carteira virtual.Inspire-se
  • 38. Mais sobre o Denare
  • 39. Desenvolva comC# e XAMLTodos os detalhes que você precisa para criarseu primeiro aplicativo da Windows Storeusando 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 libraryusing (var db = new SQLite.SQLiteConnection(dbPath)){db.CreateTable<City>();db.RunInTransaction(() =>{db.Insert(new City() { Name = "Toronto" });});}
  • 44. XAMLConheç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 8Existe uma versão para os desenvolvedoresLink pra download
  • 48. Baixe o Visual Studio 2012A versão Express é gratuitaLink pra download
  • 49. Baixe os templates do AppDayMais opções de layout pro seu aplicativoLink pra download
  • 50. Mais templates• Catálogo eletrônico• https://win8appdaytemplate1.codeplex.com/• Dicas de viagem• https://win8appdaytemplate2.codeplex.com/
  • 51. Mais templates• Ferrari• https://win8appdaytemplate3.codeplex.com/• Indiana Jones• https://win8appdaytemplate4.codeplex.com/
  • 52. Mais templates• Xbox• https://win8appdaytemplate5.codeplex.com/Vinícius Souza http://viniciussouza.azurewebsites.net
  • 53. Adquira a licença de desenvolvedorGrátis!
  • 54. Demonstração
  • 55. Mão na massa!É a hora da demo =D
  • 56. EmpacoteSaiba como usar o Visual Studio parapreparar e empacotar seu aplicativo para aWindows Store.
  • 57. Autenticação
  • 58. Escolha do aplicativo
  • 59. Configuração do pacote
  • 60. Pacote criado
  • 61. Certificação
  • 62. CertificaçãoLink 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ção1. Nome do aplicativo2. Detalhes de venda3. Recursos avançados4. Faixa etária5. Criptografia6. Upload dos pacotes7. Descrição8. Mensagens aos testadores
  • 68. Passos para aprovação
  • 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. Publicidade• Não incomoda o usuario
  • 71. Microsoft Virtual AcademyCapacitação online gratuita da Microsoft
  • 72. Capacitação no Microsoft Virtual Academy• Windows 8 - Sua primeira App naWindows Store• Introdução ao desenvolvimento paraWindows 8
  • 73. Perguntas?
  • 74. Muito obrigada!