SlideShare a Scribd company logo
1 of 71
Introdução ao
Desenvolvimento de APP’s para
Windows 8(C#,XAML)
Anderson Castro
Gestor Técnico  Analista Desenvolvedor(Konia
Tecnologia)

MTCA-Microsoft Technical Audience Contributor
MCP-Framework
Twitter: @andersoncastro
Passado...
Presente...Futuro...
Desenvolvimento
Programming skills
Development tools
Languages,
frameworks
Components
Runtimes
Design Inovador

Globalização-Sua
aplicação no
mundo

MonetizaçãoVendas e
Anúncios

Oportunidade
de Trabalho

Seja o primeiro

Divirta-se
Y

Downloads
(millions)

46K
2012

81K
2013

132K
2014
Aplicativo Certificado
Experiência para usuário
Otima integração com OS (native)
Modelo de Negocio
Pagamento Facilitado
Extenda sua APP
48 Million
Subscribers

299 Million
connected users

Nearly 50
million Office
Web Apps users

250 Million
accounts

1 Billion mobile
notifications a
month

1.5 Billion
games of Halo
Você pode criar aplicativos usando qualquer uma das seguintes linguagens de
programação

JavaScript e
HTML5
Extensões de
componentes Visual
C++ (C++/CX) e XAML

C# e
Linguagem
XAML
C++/CX e
Microsoft
DirectX

Microsoft Visual
Basic e XAML
Core
Apps
HTML

XAML
C
C++

Windows 8

C#
Visual Basic

WinRT

JavaScript
Dois tipos de aplicação no Windows 8
1) Modern UI Style
2) Desktop
WinRT é um conjunto de APIs utilizado para
desenvolver APP’s Modern style.
Linguagem de
toque do

Windows 8.
Use os dedos
da maneira mais
prática
Navegue pelo
conteúdo com
o toque
Apresente
comentários
O conteúdo
segue os dedos.
Mantenha as
interações
reversíveis
Permita o uso
de um ou mais
dedos.
Pinçar e ampliar
para aplicar zoom
Vire para girar
Passar o dedo
começando da
borda para
acessar
comandos de
aplicativo.
Passar o
dedo começando
da borda para
acessar
comandos do
sistema.
Áreas
de
interação
Áreas
de
leitura
Uma mão segurando, outra

mão interagindo com
pouca a média interação
•

As bordas direita ou inferior oferecem interação rápida.

•

O canto inferior direito pode ser obstruído pela mão e pelo pulso.

•

O alcance limitado torna o toque mais preciso.

•

Leitura, navegação, email e pouca digitação.
Duas mãos segurando, polegares

interagindo com pouca a média interação
•

Os cantos inferiores esquerdo e direito oferecem interação rápida.

•

Os polegares apoiados aumentam a precisão do toque.

•

Os itens no meio da tela são de difícil acesso.

•

Para tocar no meio da tela, é preciso mudar de postura.

•

Leitura, navegação, pouca digitação, jogos
O dispositivo fica sobre a mesa ou as pernas,
as duas mãos interagem com pouca a
muita interação
•

A parte inferior da tela oferece interação rápida.

•

Os cantos inferiores podem ser obstruídos pelas mãos e pelos pulsos.

•

A redução da necessidade de alcance torna o toque mais preciso.

•

Leitura, navegação, email, muita digitação.
O dispositivo fica sobre a mesa ou de pé,

com ou sem interação
•

A parte inferior da tela oferece interação rápida.

•

Tocar a parte superior da tela obstrui o conteúdo.

•

Tocar a parte superior da tela pode desequilibrar um dispositivo encaixado.

•

Interação à distância reduz a legibilidade e a precisão.

•

Aumente o tamanho do alvo para melhorar a legibilidade e a precisão.

•

Assistir a um filme, ouvir música.
Muitas vezes, as pessoas se culpam por terem
"dedos grandes". Mas até os dedos de um bebê
são maiores do que a maioria dos alvos de toque.
A imagem à esquerda mostra que a largura média
do dedo de um adulto é de cerca de 11 milímetros
(mm), enquanto a de um bebê é de 8 mm, e a de
alguns jogadores de basquete é de mais de 19
mm!
A maioria das
pessoas é destra
Use a tela
Use os símbolos
Use símbolos
Barra de Comandos
Antes de publicar seu aplicativo na Windows
Store, você precisa de uma conta de
desenvolvedor. A Windows Store oferece dois
tipos de conta de desenvolvedor: individual e
empresarial. As contas de desenvolvedor são
oferecidas em muitos países e regiões. R$ 80,00.
Grid App
Split App
Hub App(para
Windows 8.1 e
VS 2013)
Emulator







Facilitador.
http://win8appbox.codeplex.com/

http://win8appdaytemplate1.codeplex.com/
http://win8appdaytemplate2.codeplex.com/
http://win8appdaytemplate3.codeplex.com/
http://win8appdaytemplate4.codeplex.com/
http://win8appdaytemplate5.codeplex.com/
https://www.codeplex.com/site/users/view/win8te
mplates
Windows
in the
cloud
http://www.microsoftvirtualacademy.com/
http://www.andersoncastro.com.br

http://dev.Windows.com
http://design.Windows.com

@andersoncastro
Pode perguntar......

More Related Content

Viewers also liked

Seminário SD - Ambiente de Desenvolvimento para Android
Seminário SD - Ambiente de Desenvolvimento para AndroidSeminário SD - Ambiente de Desenvolvimento para Android
Seminário SD - Ambiente de Desenvolvimento para AndroidWilliam Higino
 
Construindo aplicações web java com netbeans
Construindo aplicações web java com netbeansConstruindo aplicações web java com netbeans
Construindo aplicações web java com netbeansSliedesharessbarbosa
 
Iniciando o Desenvolvimento para o Google Android
Iniciando o Desenvolvimento para o Google AndroidIniciando o Desenvolvimento para o Google Android
Iniciando o Desenvolvimento para o Google AndroidSalvador Torres
 
Introdução ao Desenvolvimento Android
Introdução ao Desenvolvimento AndroidIntrodução ao Desenvolvimento Android
Introdução ao Desenvolvimento AndroidJosé Alexandre Macedo
 
Iniciando no mundo mobile - Programando para android
Iniciando no mundo mobile - Programando para androidIniciando no mundo mobile - Programando para android
Iniciando no mundo mobile - Programando para androidDiemesleno Souza Carvalho
 
Desenvolvimento de Apps e Games para Android - Parte 1
Desenvolvimento de Apps e Games para Android - Parte 1Desenvolvimento de Apps e Games para Android - Parte 1
Desenvolvimento de Apps e Games para Android - Parte 1Erisvaldo Junior
 
Curso de Android Aula 4
Curso de Android Aula 4Curso de Android Aula 4
Curso de Android Aula 4Jose Berardo
 
Programação c# - banco de dados
Programação   c# - banco de dadosProgramação   c# - banco de dados
Programação c# - banco de dadosdouglasschaefler
 
Programação Android - Básico
Programação Android - BásicoProgramação Android - Básico
Programação Android - BásicoHugoDalevedove
 
Introdução a Linguagem C
Introdução a Linguagem CIntrodução a Linguagem C
Introdução a Linguagem Capolllorj
 
WEBINAR DE LANÇAMENTO DELPHI, C++ BUILDER E RAD STUDIO 10.1 BERLIM
WEBINAR DE LANÇAMENTO DELPHI, C++ BUILDER E RAD STUDIO 10.1 BERLIMWEBINAR DE LANÇAMENTO DELPHI, C++ BUILDER E RAD STUDIO 10.1 BERLIM
WEBINAR DE LANÇAMENTO DELPHI, C++ BUILDER E RAD STUDIO 10.1 BERLIMFernando Rizzato
 

Viewers also liked (20)

Seminário SD - Ambiente de Desenvolvimento para Android
Seminário SD - Ambiente de Desenvolvimento para AndroidSeminário SD - Ambiente de Desenvolvimento para Android
Seminário SD - Ambiente de Desenvolvimento para Android
 
Linguagem c
Linguagem cLinguagem c
Linguagem c
 
Google android pdf
Google android pdfGoogle android pdf
Google android pdf
 
Construindo aplicações web java com netbeans
Construindo aplicações web java com netbeansConstruindo aplicações web java com netbeans
Construindo aplicações web java com netbeans
 
Iniciando o Desenvolvimento para o Google Android
Iniciando o Desenvolvimento para o Google AndroidIniciando o Desenvolvimento para o Google Android
Iniciando o Desenvolvimento para o Google Android
 
Introdução ao Desenvolvimento Android
Introdução ao Desenvolvimento AndroidIntrodução ao Desenvolvimento Android
Introdução ao Desenvolvimento Android
 
Android Aula 4
Android Aula 4Android Aula 4
Android Aula 4
 
Android Aula 5
Android Aula 5Android Aula 5
Android Aula 5
 
Iniciando no mundo mobile - Programando para android
Iniciando no mundo mobile - Programando para androidIniciando no mundo mobile - Programando para android
Iniciando no mundo mobile - Programando para android
 
Android Aula 3
Android Aula 3Android Aula 3
Android Aula 3
 
Android Aula 2
Android Aula 2Android Aula 2
Android Aula 2
 
Desenvolvimento de Apps e Games para Android - Parte 1
Desenvolvimento de Apps e Games para Android - Parte 1Desenvolvimento de Apps e Games para Android - Parte 1
Desenvolvimento de Apps e Games para Android - Parte 1
 
Curso de Android Aula 4
Curso de Android Aula 4Curso de Android Aula 4
Curso de Android Aula 4
 
Programação c# - banco de dados
Programação   c# - banco de dadosProgramação   c# - banco de dados
Programação c# - banco de dados
 
Programação Android - Básico
Programação Android - BásicoProgramação Android - Básico
Programação Android - Básico
 
Android - Conceito e Arquitetura
Android - Conceito e ArquiteturaAndroid - Conceito e Arquitetura
Android - Conceito e Arquitetura
 
Introdução ao Android Studio
Introdução ao Android StudioIntrodução ao Android Studio
Introdução ao Android Studio
 
Conheça a Plataforma Xamarin
Conheça a Plataforma XamarinConheça a Plataforma Xamarin
Conheça a Plataforma Xamarin
 
Introdução a Linguagem C
Introdução a Linguagem CIntrodução a Linguagem C
Introdução a Linguagem C
 
WEBINAR DE LANÇAMENTO DELPHI, C++ BUILDER E RAD STUDIO 10.1 BERLIM
WEBINAR DE LANÇAMENTO DELPHI, C++ BUILDER E RAD STUDIO 10.1 BERLIMWEBINAR DE LANÇAMENTO DELPHI, C++ BUILDER E RAD STUDIO 10.1 BERLIM
WEBINAR DE LANÇAMENTO DELPHI, C++ BUILDER E RAD STUDIO 10.1 BERLIM
 

Similar to Intro APP Windows 8

Microsoft Surface
Microsoft SurfaceMicrosoft Surface
Microsoft SurfaceSergioSouza
 
UX - User Experience (Experiência do usuário) para Mobile
UX - User Experience (Experiência do usuário) para MobileUX - User Experience (Experiência do usuário) para Mobile
UX - User Experience (Experiência do usuário) para MobileCamila Massaneiro dos Santos
 
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)Santhyago Gallao
 
Usabilidade de Interfaces - Parte 1
Usabilidade de Interfaces - Parte 1Usabilidade de Interfaces - Parte 1
Usabilidade de Interfaces - Parte 1Oziel Moreira Neto
 
Natural User Interface Design
Natural User Interface DesignNatural User Interface Design
Natural User Interface DesignEdu Agni
 
Mobile Marketing: mitos, verdades e a prática
Mobile Marketing: mitos, verdades e a práticaMobile Marketing: mitos, verdades e a prática
Mobile Marketing: mitos, verdades e a práticaMichel Lent Schwartzman
 
conheca-o-seu-computador.pdf
conheca-o-seu-computador.pdfconheca-o-seu-computador.pdf
conheca-o-seu-computador.pdfssuserda6669
 
Tecnologia e Equipamentos de Comunicação
Tecnologia e Equipamentos de ComunicaçãoTecnologia e Equipamentos de Comunicação
Tecnologia e Equipamentos de ComunicaçãoJoaoMendes94
 
Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Jane Vita
 
Design Para Multiplas Telas #InfoTrends2013
Design Para Multiplas Telas #InfoTrends2013Design Para Multiplas Telas #InfoTrends2013
Design Para Multiplas Telas #InfoTrends2013Everaldo Coelho
 
Interfaces Naturais
Interfaces NaturaisInterfaces Naturais
Interfaces NaturaisEdu Agni
 
Televisão Digital Interativa: Aspectos de Produção e Demanda
Televisão Digital Interativa: Aspectos de Produção e DemandaTelevisão Digital Interativa: Aspectos de Produção e Demanda
Televisão Digital Interativa: Aspectos de Produção e DemandaLauro Teixeira
 
Apresentacao jornada-unesp-2011
Apresentacao jornada-unesp-2011Apresentacao jornada-unesp-2011
Apresentacao jornada-unesp-2011Tadeu Araujo
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao brandingJoão Alves
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1cdchaves
 

Similar to Intro APP Windows 8 (20)

Microsoft Surface
Microsoft SurfaceMicrosoft Surface
Microsoft Surface
 
UX - User Experience (Experiência do usuário) para Mobile
UX - User Experience (Experiência do usuário) para MobileUX - User Experience (Experiência do usuário) para Mobile
UX - User Experience (Experiência do usuário) para Mobile
 
Desenvolvendo apps para windows 8
Desenvolvendo apps para windows 8Desenvolvendo apps para windows 8
Desenvolvendo apps para windows 8
 
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
 
Usabilidade de Interfaces - Parte 1
Usabilidade de Interfaces - Parte 1Usabilidade de Interfaces - Parte 1
Usabilidade de Interfaces - Parte 1
 
Natural User Interface Design
Natural User Interface DesignNatural User Interface Design
Natural User Interface Design
 
Mobile Marketing: mitos, verdades e a prática
Mobile Marketing: mitos, verdades e a práticaMobile Marketing: mitos, verdades e a prática
Mobile Marketing: mitos, verdades e a prática
 
conheca-o-seu-computador.pdf
conheca-o-seu-computador.pdfconheca-o-seu-computador.pdf
conheca-o-seu-computador.pdf
 
Tecnologia e Equipamentos de Comunicação
Tecnologia e Equipamentos de ComunicaçãoTecnologia e Equipamentos de Comunicação
Tecnologia e Equipamentos de Comunicação
 
Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.
 
Design Para Multiplas Telas #InfoTrends2013
Design Para Multiplas Telas #InfoTrends2013Design Para Multiplas Telas #InfoTrends2013
Design Para Multiplas Telas #InfoTrends2013
 
TelemóVeis E Sistemas Operativos
TelemóVeis E Sistemas OperativosTelemóVeis E Sistemas Operativos
TelemóVeis E Sistemas Operativos
 
Interfaces Naturais
Interfaces NaturaisInterfaces Naturais
Interfaces Naturais
 
Curso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula CoelhoCurso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula Coelho
 
Televisão Digital Interativa: Aspectos de Produção e Demanda
Televisão Digital Interativa: Aspectos de Produção e DemandaTelevisão Digital Interativa: Aspectos de Produção e Demanda
Televisão Digital Interativa: Aspectos de Produção e Demanda
 
APP/API e Mobile: o que usar e quando
APP/API e Mobile: o que usar e quandoAPP/API e Mobile: o que usar e quando
APP/API e Mobile: o que usar e quando
 
Apresentacao jornada-unesp-2011
Apresentacao jornada-unesp-2011Apresentacao jornada-unesp-2011
Apresentacao jornada-unesp-2011
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao branding
 
Pesquisa
PesquisaPesquisa
Pesquisa
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1
 

Intro APP Windows 8

Editor's Notes

  1. Key Statements: Another key attribute of our platform is the concept of common core, which provides unique opportunity for developers. No competitor can match this.Our Windows platform spans devices and cloud services, including Windows, Windows Phone, Windows Azure, Windows Server, Office, Bing, Xbox, Visual Studio and other tools and technologies. With common core, developers have the ability to take code, skill set, programming languages, and tools across PC, tablet, phone, and handheld device.In Enterprise space the deployment choice (public, private, hybrid) and enterprise grade credibility are key tenets for LOB applications.For commercial developers, on the other hand, the size of potential market combined with faster development paves an easier path to commercial success.
  2. Please update this slide based on apps from your region or of industry importanceKey Points:You can more easily create new experiences on a new range of devicesYou can more easily create new experiences on a new range of devices.  Why build just another app when you can harness voice and gesture with Kinect or have your apps work with other apps on Windows 8.Our platform gives developers the opportunity to create more natural, connected and personal experiences. Natural:The Kinect has opened the door for amazing interactions at home, in stores, or work. The Kinect has been used for everything from surgical assistance to autism treatment to helping satellites dock with one another.Windows 8 expands the ability to use touch and penConnected:Xbox Smartglass links and expands entertainment connecting your Xbox to Windows, iOS and Android devices.With Windows 8, apps can more directly work with other apps through the use of ContractsCloud-connectedPersonal:With a Microsoft Account experiences can be linked across phone, slate, PC, Xbox and WebLive tiles provide a consistent way across phone and Windows 8
  3. One of the other things that drives us and is at play for us on a daily basis is the feedback cycle of our first-party workloads. We have perhaps the most diverse set of first-party workloads – the SaaS applications we run ourselves -- at Microsoft. Now, these applications keep us honest, especially if you're in the infrastructure business, you've got to live this live site availability day in and day out. And the diversity also keeps us honest because you build out your storage compute network, the application containers, to meet the needs of the diversity these applications represent. Take Xbox. When they started Xbox Live in 2002, they had around 500 servers. Now, they use something like 300,000 servers, which are all part of our public cloud to be able to really drive their experiences. Halo itself has had over a billion games played, and something like 270 million hours of gameplay. And Halo uses the cloud in very interesting ways for pre-production, rendering support, gameplay, post-production analytics, the amount of real-time analytics that's driving the continuous programming of Halo is pretty stunning. Take SkyDrive. We have over 250 million accounts. You combine SkyDrive with the usage of Office Web Apps, where we have more than 50 million users of Office Web Apps, you can see a very different set of things that are happening with storage, collaboration, productivity. Skype is re-architecting their core architecture to take advantage of the cloud for their 190-plus million users. Large numbers:O365 : Nearly 50 million people use Office Web Apps, More than 40% of the Interbrand Top 100 global brands use Microsoft’s cloud productivity services Azure: Windows Azure uses more server compute than the entire planet used in 1999, Windows Azure has tens of thousands of customers and is adding hundreds every day, 3. Compute usage doubled in the last 6 months, storage has doubled over the last 2 monthsSkyDrive: Over 60M people store content on SkyDrive every month , 360M files are uploaded to SkyDrive every month Outlook.com: gained one million users in less than 24 hours on its launch daySkype: In FY12 Q4, more than 115 billion minutes worth of calls were made on Skype, an increase of 58% year over year, Skype has more than 250M connected users per month, Skype has a Run rate of more than 300 billion minutes annually. Approximately 50% of these are Skype video calls, There are more than 40 million concurrent users of Skype at peak times
  4. From the latest web technologies to old school programing languages, chances are you already have the skills to build apps and experiences on our platform. From web skills such as HTML 5 and JavaScript to .NET, C#, and C++, developers have a number of options when it comes to building Windows 8 and Windows 8 Embedded applications. In Windows 8, HTML5 is a full-fledged application platform for building client apps (along with C++, C#/XAML, and VB). This means that if you know HTML5, you can come to Windows 8 and use those same skills to build native apps. HTML5 is the path forward for web apps, and energy around HTML5 will continue to grow. On Windows 8 you have the choice:  if you're building in HTML5, you can build for the web and take advantage of HTML5 in IE, along with hardware acceleration, site pinning, and full-screen experiences, or go native and take advantage of WinRT, which includes HTML5 as a first-class application platform, or build for the multi-screen scenarios that are increasingly becoming the norm. Either way, you can do great things with HTML5 when HTML5 is done right ... both in the browser and on the device itself.With Windows 8.1 . . . For developers building modern apps, Windows 8.1 delivers an amazing set of platform capabilities for low-level development, including huge improvements in the graph subsystems, improvements in windowing and networking, and added background capabilities like power management.  For mobile and web apps, developers will have access to new Windows 8.1 system capabilities and new controls, new tooling, and improved support for touch, WebGL support in IE11 and in the application platform, and added support for media scenarios, plus continued improvements to the implementation of HTML5 as a full-fledged application platform for Windows. For .NET developers, new capabilities in the platform and tools streamline every task for creating XAML applications in Windows 8.1, including coding, designing, testing and optimizing these applications, allowing .NET developers to extend their existing applications with new experiences for Windows 8.1 while reusing their skills and sharing code. All of this is supported by the hardware innovation we’re seeing with things like new processors coming to market and smaller tablets that will only enhance what is already the broadest set of devices for consumers. 
  5. Aumente a confiança do usuário apresentando comentários visuais imediatos sempre que a tela for tocada. Os elementos interativos devem reagir mudando de cor, de tamanho ou se movendo. Os itens que não são interativos devem mostrar os elementos visuais de toque do sistema apenas quando a tela for tocada.
  6.  Como os slates muitas vezes são segurados pela lateral, os cantos inferiores e as laterais são locais ideais para os elementos interativos.
  7. O conteúdo na metade superior da tela é mais fácil de ver do que o conteúdo na metade inferior, que geralmente fica tampado pelas mãos ou é ignorado
  8. For Microsoft, the runtime for the cloud OS is a set of capabilities that will enable development against the cloud design point and new app patterns. It’s comprised of a core set of capabilities such as virtual machines, websites, and media & mobile services that developers can extend through higher level services such as identity, data, and integration. In addition, application/SaaS-level extensibility also enables an increasingly relevant class of apps, especially for business application developers. As developers shift toward the emerging app pattern, this portfolio of capabilities will become the baseline set of requirements, and only Microsoft has this portfolio today.In Windows Azure, we ship these capabilities on a continuous basis (many of them just since the last Build in 2012) to support delivery of this new runtime for the development scenarios that will matter in the device & service era, and it starts with the IaaS capability of Windows Azure Virtual Machines for developers that want to write to bare metal.  There are a number of recent advancements, including high availability, load-balanced SQL Server, virtual private gateway, and the availability of Windows Server Blue as a supported OS image.