O documento apresenta as credenciais e experiência profissional de Ricardo Guerra incluindo seu trabalho como gerente de projetos, professor universitário e contribuidor da Microsoft. Também discute as mudanças e novidades trazidas por versões recentes do Windows como o Windows 8, Windows 10 e o futuro do sistema operacional.
Palestra Windows 10 Developer Readiness, realizada no Brasil, como início dos estudos para desenvolvimento de apps para Windows 10, com o novo Universal Windows Platform.
Pesquisa de 5 bugs encontrados na instalação do windows 10 e como resolver os problemas. Este trabalho não pretende ser uma manual mas uma orientação de como resolver os problemas reencaminhando o utilizador para a página onde se encontra a solução.
Palestra Windows 10 Developer Readiness, realizada no Brasil, como início dos estudos para desenvolvimento de apps para Windows 10, com o novo Universal Windows Platform.
Pesquisa de 5 bugs encontrados na instalação do windows 10 e como resolver os problemas. Este trabalho não pretende ser uma manual mas uma orientação de como resolver os problemas reencaminhando o utilizador para a página onde se encontra a solução.
Windows 10 won’t be launching for quite a while but we already know a lot about Microsoft’s upcoming OS. From Xbox for Windows and Cortana for desktop to a resurrected Start Menu and new multitasking tools, the new platform will offer a bevy of new features. These are the 10 best.
Windows 10 won’t be launching for quite a while but we already know a lot about Microsoft’s upcoming OS. From Xbox for Windows and Cortana for desktop to a resurrected Start Menu and new multitasking tools, the new platform will offer a bevy of new features. These are the 10 best.
Nessa apresentação é mostrado como fazer a instalação do VirtualBox no Linux Educacional 3.0.
Mesmos procedimentos podem ser utilizados para instalação no Ubuntu.
Material da palestra realizada em parceria com o Renato Groffe no MS Weekend 3.0, na qual falamos sobre soluções de bancos de dados NoSQL no Microsoft Azure.
“Windows 10 & Universal Apps. Oportunidades para desenvolvedores”Microsoft
O Windows 10 representa o cume de nossa jornada rumo a convergência da plataforma Windows, agora em execução em um único e unificado núcleo do Windows. Essa convergência permite que um mesmo app seja executado em todos os dispositivos Windows – no telefone em seu bolso, no tablet ou laptop em sua mochila, ou no PC em sua mesa, e até mesmo no console Xbox em sua sala de estar. Isso para não mencionar todos os novos dispositivos que estão sendo adicionados à família Windows, como o HoloLens , o Superfície Hub , e dispositivos da Internet das coisas, como o Raspberry Pi 2 . Todos estes dispositivos Windows irão agora ter acesso a uma única loja para aquisição, distribuição e atualização de apps. #PartiuDesenvolverApps
Olive etal formerstudentsperceptionimprovementpotentialconceptualmodelingprac...Ricardo Guerra Freitas
Análise do artigoFormer Students’ Perception of Improvement Potential of RequirementsEngineering in Practice
Ricardo Guerra Freitas
Mestrando UniRIO - SAN
Orientador: Professor Mariano Pimentel
março/2015
Dicas para desenvolver APPS para Windows 8 e 8.1.
Aqui você irá aprender algumas dicas de como montar sua aplicação para Windows 8.x e também como monetizar sua aplicação!
2. Ricardo Guerra
Gerente de Projetos
Professor universitário
MTAC-Microsoft Technical
Audience Contribuitor
www.about.me/ricardoguerra
ricardoguerra@outlook.com
3. Ricardo Guerra
Também já atuou/atua como…
Desde 1994 no Mercado de TI
Programador, Analista, Professor e
Gerente
Microsoft Student Partner Lead
Microsoft Student Partner Mentor
Microsoft MVP – Visual Basic
User group lead – Code4All
Coordenador da INETA
Colaborador do Microsoft Channel 8
Microsoft Certified Professional
Microsoft Windows Vista Official Speaker
Microsoft Windows 7 Official Beta Tester
Palestrante Oficial Microsoft
27. Uma UX para Windows...
... em um conjunto de princípios de design
permitindo que a verdadeira personalidade,
28. Uma UX para Windows...
... em um conjunto de princípios de design.
permitindo que a verdadeira personalidade,
articulada em torno de padrões eficazes,
29. Uma UX para Windows...
... em um conjunto de princípios de design.
permitindo que a verdadeira personalidade,
articulada em torno de padrões eficazes,
construído sobre uma plataforma comum.
30. Uma UX para Windows...
... em um conjunto de princípiosde design.
permitindo que a verdadeira personalidade,
articulada em torno de padrões eficazes,
construído sobre uma plataforma comum.
55. O título e o corpo ainda não
estão totalmente alinhados
Os botões devem ser
centralizados horizontalmente.
Utilize Segoe UI Semilight, não Segoe UI
Semibold
Atenção para os alinhamentos nos
botões e controles!
Muitas palavras, pode ser simplificado?
76. Windows 10
Style apps
XAML HTML / CSS
C C#
JavaScript
C++
VB
Windows Core OS Services
Communication
& Data
Application Model
Devices & Printing
WinRT APIs
Graphics & Media
HTML
JavaScript
C
C++
C#
VB
Desktop apps
Win32
.NET
/ SL
Internet
Explorer
System Services View Model
Controller Core
82. Novidades
• Menu iniciar
• Apps que rodam em janela
• Melhorias na função de snap
• Novo botão de tarefas
• Alternando entre tarefas
• Múltiplos desktops
• Suporte a resolução de 8k
• Windows feedback
• Central de notificações
• Desenvolvimento aberto e colaborativo
112. Quando o Windows 10 Preview expira?
Dia 15 de Abril de 2015. Depois disso o desktop
ficará com fundo preto, aparecerá uma
mensagem informando que ele não é legítimo,
e ele reiniciará a cada hora.
113. Ele pode ser instalado em tablets?
Isso não é recomendado! Este build é focado para
testes em PCs e diversas funções específicas para
tablets ainda não foram habilitadas. Você poderá
ter problemas de funcionalidade e drivers caso
instale em tablets. Até mesmo para PC é preciso
tomar cuidado, pois a Microsoft sugere que você
não instale essa versão em um computador de
produção
115. Posso fazer upgrade direto do Windows
XP, Vista, Windows 7 ou Windows 8?
Você não poderá fazer upgrade do Windows
XP nem do Windows Vista (nestes casos você
precisará instalar o Windows 10 “do zero”), mas
poderá fazer upgrade do Windows 7 e
Windows 8.x para o Windows 10.
116. Qual é o requisito mínimo para
instalar o Windows 10?
Processador com no mínimo 1GHz, 16GB de
espaço em disco, 1GB de memória RAM (32-
bits) ou 2GB de memória RAM (64-bits), placa
de vídeo com suporte a DirectX9 e,
preferencialmente, tela com resolução mínima
de 1024×768 pixels.
117. Ele será gratuito para usuários do
Windows 8 e 8.1?
Provavelmente, da mesma maneira que o
Windows 8.1 é gratuito para usuários do
Windows 8.
118. Todas as aplicações do Windows 7 e
Windows 8 funcionarão nele?
Em geral sim, exceto aplicações que acessam
áreas importantes do sistema operacional,
como antivírus: nesse caso a desenvolvedora
do antivírus deve disponibilizar uma versão
compatível com o Windows 10.
119. Aonde eu obtenho a chave de ativação ?
Essa versão do Windows 10 Preview não
precisa ser ativado e você não precisa ter
nenhuma outra versão do Windows para usá-lo.
Caso haja necessidade de ativá-lo (em
casos de recuperação de imagem), há uma
chave de ativação fixa fornecida pela Microsoft:
NKJFK-GPHP7-G8C3J-P6JXR-HQRJR
120. Quando a Microsoft lançará
atualizações para ele?
Frequentemente. Além disso, você poderá
baixar novas versões de teste do Windows 10
bastando participar do Windows Insider
Program https://insider.windows.com/
Construire un ensemble logiciel et solutionnel qui soit cohérent, rationnel, volontariste, authentique et franc. Prévoir des paradigmes modulaires, industrialisables, reproductibles et culturellement intégrés. Faire entrer Microsoft dans un statut intemporel et permanent.
The use of a grid in the Metro design language goes back to its inspiration from Swiss graphics design, particularly as applied in transportation systems – on signage and maps.
The focus is on cleanliness, readability and alignment so that content pops for easy and direct consumption.
Our first step in building Metro, was to look not at phones, or computers, but to step back and look at how users navigate information in their every day activities, our team had the inspiration of transportation graphics, where it’s a common design language that millions of people use everyday to find their way, be it at Narita or JFK or the London Underground, Transportation graphics use of universal icons, clean consistent typography and graphic elements, with strong bold colors was the foundation for Metro
.
Key Messages:
Personality
Patterns
Principles
Platform
Script:
When we talk about designing Windows Store app for Windows 8.1, there are concepts we had in mind that guided us in the design of the Windows user experience itself that you can use in the design of your own app.
This can best be summed up as the “4 P’s” of Windows Store app design. They are:
Personality
Patterns
Principles
Platform
Transition: Transition to the next slide.
Script:
First, Windows has a visual and interactive design personality that you see when pixels, shapes, colors, animations come together to form the look and feel of Windows.
We feel really good about this personality being unique and distinct to Windows. Understanding this personality is a design opportunity for your app to feel like it’s part of the users Windows experience, but it’s also just the starting point for you to create a personality that’s distinct to your app and your brand.
It’s key to understand this personality so you know how/where to build on it to create the right personality for your app.
But, how do you achieve that personality?
We took a lot of time and effort to get it right for Windows and to craft it into Windows 8.1…
Transition: Transition to the next slide.
Script:
First, Windows has a visual and interactive design personality that you see when pixels, shapes, colors, animations come together to form the look and feel of Windows.
We feel really good about this personality being unique and distinct to Windows. Understanding this personality is a design opportunity for your app to feel like it’s part of the users Windows experience, but it’s also just the starting point for you to create a personality that’s distinct to your app and your brand.
It’s key to understand this personality so you know how/where to build on it to create the right personality for your app.
But, how do you achieve that personality?
We took a lot of time and effort to get it right for Windows and to craft it into Windows 8.1…
Transition: Transition to the next slide.
Script:
First, Windows has a visual and interactive design personality that you see when pixels, shapes, colors, animations come together to form the look and feel of Windows.
We feel really good about this personality being unique and distinct to Windows. Understanding this personality is a design opportunity for your app to feel like it’s part of the users Windows experience, but it’s also just the starting point for you to create a personality that’s distinct to your app and your brand.
It’s key to understand this personality so you know how/where to build on it to create the right personality for your app.
But, how do you achieve that personality?
We took a lot of time and effort to get it right for Windows and to craft it into Windows 8.1…
Transition: Transition to the next slide.
Script:
First, Windows has a visual and interactive design personality that you see when pixels, shapes, colors, animations come together to form the look and feel of Windows.
We feel really good about this personality being unique and distinct to Windows. Understanding this personality is a design opportunity for your app to feel like it’s part of the users Windows experience, but it’s also just the starting point for you to create a personality that’s distinct to your app and your brand.
It’s key to understand this personality so you know how/where to build on it to create the right personality for your app.
But, how do you achieve that personality?
We took a lot of time and effort to get it right for Windows and to craft it into Windows 8.1…
Transition: Transition to the next slide.
Script:
First, Windows has a visual and interactive design personality that you see when pixels, shapes, colors, animations come together to form the look and feel of Windows.
We feel really good about this personality being unique and distinct to Windows. Understanding this personality is a design opportunity for your app to feel like it’s part of the users Windows experience, but it’s also just the starting point for you to create a personality that’s distinct to your app and your brand.
It’s key to understand this personality so you know how/where to build on it to create the right personality for your app.
But, how do you achieve that personality?
We took a lot of time and effort to get it right for Windows and to craft it into Windows 8.1…
Transition: Transition to the next slide.
Script:
First, Windows has a visual and interactive design personality that you see when pixels, shapes, colors, animations come together to form the look and feel of Windows.
We feel really good about this personality being unique and distinct to Windows. Understanding this personality is a design opportunity for your app to feel like it’s part of the users Windows experience, but it’s also just the starting point for you to create a personality that’s distinct to your app and your brand.
It’s key to understand this personality so you know how/where to build on it to create the right personality for your app.
But, how do you achieve that personality?
We took a lot of time and effort to get it right for Windows and to craft it into Windows 8.1…
Transition: Transition to the next slide.
Script:
Windows is grounded in a set of design principles.
These design principles are a key aspect of the Microsoft Design Language, the design language we use company wide to provide harmony between our products and the experiences they provide. Harmony, but not sameness.
Each implementation of these principles is specific to the user experience that’s being designed. These principles provide the roots of what we do so Windows, Windows Phone and Xbox experiences, and the apps that run on those experiences, are both familiar and approachable to users while providing the best possible experience, tailored specifically for that device or context.
What does that mean to you as the designer of Windows Store apps? By understanding these principles, you’ll understand the basis of the decisions we made in designing Windows and the Windows Store app experience. This can be a valuable tool for you when you apply your design principles and brand, what makes up the basis of your designs, and apply them to Windows and your Windows Store app design.
Your app will be the best of what makes you and your app unique, but it will feel natural and familiar to Windows users.
Transition: Transition to the next slide.
Script:
The first is pride in craftsmanship. We engineered Windows and our Windows Store apps to be complete, thorough and polished at every stage. We sweat the details.
For example, on the design team, when we design a dialog, we create pixel perfect “red-lines” of the dialog in every window size to make sure it’s beautiful and functional, then we work with the development team tto make sure it’s implemented as spec’d.
Script:
The first is pride in craftsmanship. We engineered Windows and our Windows Store apps to be complete, thorough and polished at every stage. We sweat the details.
For example, on the design team, when we design a dialog, we create pixel perfect “red-lines” of the dialog in every window size to make sure it’s beautiful and functional, then we work with the development team tto make sure it’s implemented as spec’d.
Script:
The first is pride in craftsmanship. We engineered Windows and our Windows Store apps to be complete, thorough and polished at every stage. We sweat the details.
For example, on the design team, when we design a dialog, we create pixel perfect “red-lines” of the dialog in every window size to make sure it’s beautiful and functional, then we work with the development team tto make sure it’s implemented as spec’d.
Script:
The first is pride in craftsmanship. We engineered Windows and our Windows Store apps to be complete, thorough and polished at every stage. We sweat the details.
For example, on the design team, when we design a dialog, we create pixel perfect “red-lines” of the dialog in every window size to make sure it’s beautiful and functional, then we work with the development team tto make sure it’s implemented as spec’d.
Script:
The first is pride in craftsmanship. We engineered Windows and our Windows Store apps to be complete, thorough and polished at every stage. We sweat the details.
For example, on the design team, when we design a dialog, we create pixel perfect “red-lines” of the dialog in every window size to make sure it’s beautiful and functional, then we work with the development team tto make sure it’s implemented as spec’d.
Script:
The first is pride in craftsmanship. We engineered Windows and our Windows Store apps to be complete, thorough and polished at every stage. We sweat the details.
For example, on the design team, when we design a dialog, we create pixel perfect “red-lines” of the dialog in every window size to make sure it’s beautiful and functional, then we work with the development team tto make sure it’s implemented as spec’d.
Estimated Time: 1 minutes.
Key Messages:
Bullet 1.
Bullet 2.
Bullet 3.
Script:
Here’s another example of a dialog in an early build. Should we ship this?
No.
Transition: Transition to the next slide.
Estimated Time: 1 minutes.
Key Messages:
Bullet 1.
Bullet 2.
Bullet 3.
Script:
Looking at this design there are a number of improvements to the composition, type and implementation of this dialog to get the right level of quality.
A fit and finish review by the design team would have lots of feedback on how this dialog could be improved.
Transition: Transition to the next slide.
Estimated Time: 2 minutes.
Key Messages:
Bullet 1.
Bullet 2.
Bullet 3.
Script:
In Windows 8.1, we made the visual language even richer. We looked at how we could evolve the personality forward and talked to engineering to make sure that that evolution was built into the platform. We did this so you would have the opportunity as an app designer and publisher to push the boundaries even further.
Let’s talk about each of these 4 elements of the Windows personality, including:
Composition.
Typography.
Color.
Motion.
Transition: Transition to the next slide.
The compositional layout of your app is an essential design element. The layout can create a hierarchy, organize your content, and create compelling and visually rich experiences. Structure your pages to reflect the key user scenarios of your app.
Units help in scaling across DPI
Script:
In composition design of Windows Store apps, we start with the grid. This is the same grid you’re used to using in the design of print, web or other app experiences.
We start with a grid that has 20px units and 5px sub units. 20px units are important to provide pixel scaling across all of the different devices and screens supported by Windows 8.1. More on that in a moment.
Here are two app examples of app compositions from Windows 8.1, the Start screen and the Windows Store landing page.
.
Windows Store apps also have a consistent application of the grid throughout the app to provide a structure and a sense of quality.
In the examples above, you can see how the silhouette of each app is applied to provide a header, margin and content area consistently from page to page.
When designing your app, you’ll apply the grid to the composition of your UI and apply it consistently across pages to create a silhouette unique to your app.
Transition: Transition to the next slide.
Windows Store apps also have a consistent application of the grid throughout the app to provide a structure and a sense of quality.
In the examples above, you can see how the silhouette of each app is applied to provide a header, margin and content area consistently from page to page.
When designing your app, you’ll apply the grid to the composition of your UI and apply it consistently across pages to create a silhouette unique to your app.
Transition: Transition to the next slide.
Windows Store apps also have a consistent application of the grid throughout the app to provide a structure and a sense of quality.
In the examples above, you can see how the silhouette of each app is applied to provide a header, margin and content area consistently from page to page.
When designing your app, you’ll apply the grid to the composition of your UI and apply it consistently across pages to create a silhouette unique to your app.
Transition: Transition to the next slide.
Estimated Time: 2 minutes.
Key Messages:
Bullet 1.
Bullet 2.
Bullet 3.
Script:
Typography plays an important role in Windows and the Windows visual language.
In many apps, much of the content is text, so it’s important that typography to be well designed and rendered cleanly and crisply on the UI.
Again, when designing Windows, we were inspired by bold, beautiful graphical use of type. In these examples, you’ll see type as a strong expression of brand.
Transition: Transition to the next slide.
Estimated Time: XX minutes.
Key Messages:
Bullet 1.
Bullet 2.
Bullet 3.
Script:
In Windows we use a type ramp with sizes that properly align to the grid, again to aid in pixel scaling to different screen DPI on different devices.
The type ramp you see here is the base type ramp that we ship in the templates and default style sheets we ship with the platform. You can use this type ramp out of the box or use it as the starting point of your own type ramp that expresses your brand and the personality of your app.
Whether you use this type ramp or your own, use a consistent subset of font sizes and weights to communicate structure to the information in your app.
Use graphic type to create visual interest, but consider how graphical type can affect readability.
Transition: Transition to the next slide.
Script:
Here is a good example of what good type design can do to improve the UI of your app.
In this early design of a SkyDrive dialog box, everything is treated the same at a glance, so it’s hard to distinguish what is the most important information here.
Transition: Transition to the next slide.
Script:
Here is the redesign, focusing composition and typography. By using the type ramp, the information in the dialog has a hierarchy, with the most important information standing out.
Also note that negative space also helped the composition to help the user understand the goal of the dialog.
Transition: Transition to the next slide.
Estimated Time: 3 minutes.
Key Messages:
Bullet 1.
Bullet 2.
Bullet 3.
Script:
Next, let’s consider the impact of color on personality.
In Windows, color is rich saturated and vibrant to make for a beautiful digital experience. We use mostly flat applications of color, but if you look at these examples, you can see that event flat colors can be exciting and dynamic.
We use techniques such as transparency, layering and blending to create motion and depth.
When you design the personality of your app, there are most likely colors that will reflect your brand and the personality of your app. Optimize your use of color for digital experiences and build a pallet of colors that reinforce what you app is great at.
Transition: Transition to the next slide.
Script:
Motion brings experiences to life. We’ve built animation into Windows to add motion and make Windows feel fast and fluid.
We’ve also built animation into the UI controls so you’ll be able to get that same fast and fluid motion in the apps you build. But, motion can also communicate something about your app as we’ll see in this example.
Here an example of a ListView control (used to show lists of content item in a list or grid). The ListView has content entrance, leave, add, delete animations built in. On the left you’ll see an example of content entrance animation. Note the animation shows the content from top to bottom, left to right, communicating that there is more content to the right. On the right you see an animation for drag and drop, that clearly communicates to the user the result of their action.
But again, this is just a start… The UI controls built into the platform have the base Windows personality animation built in. You also have the ability to use the Animation Library to build these animations into your custom controls. Taking it even further, you can use CSS3 animations and XAML storyboards to create custom motion experiences to convey the personality of your app in a way that totally unique.
Transition: Transition to the next slide.
Script:
Since the beginning of Windows 8, we’ve talked about the importance of patterns. Patterns allow users to learn something once and apply it again and again in their use of Windows app. It makes apps familiar so users can focus on the unique.
As a designer, you can leverage these patterns and their support in the platform to solve common problems in a common way, allowing you to focus more effort on the uncommon problems that you want to solve in your design.
Let’s look at some examples:
UI Controls – Buttons, progress bars, sliders, the essential UI widgets for creating UI.
Navigation – How users get around in apps to discover what makes the app great in a simple and intuitive way.
Commanding – How users perform actions in apps, like direct manipulation or the app bar pattern.
Presenting Data – Lists and grids of data, semantic zoom.
Touch – How a universal touch language can be applied to apps so all users know how to use touch in all apps.
Transition: Transition to the next slide.
Script:
When we released UI controls in the platform that implemented the Windows personality and patterns. All of these controls are, of course, available in Windows 8.1. In some cases we have new controls to support patterns that are new in Windows 8.1, so some cases we’ve updated existing controls.
Estimated Time: XX minutes.
Key Messages:
Bullet 1.
Bullet 2.
Bullet 3.
Script:
There are three areas within the Navigation patterns that we’ve built upon in Windows 8.1.
Hub – This is the front page of your app. It’s a place to make a big, bold, dynamic statement about your app, your content and your scenarios.
Navigation Bar – A commanding surface that you can leverage in your apps to allow users to navigate quickly from section to section in a familiar way while letting you create a custom navigation experience that’s tailored to your app.
In-App Search – Browsing is the primary way users discover in your app and search is a very close second. The search pattern and a great search experience in your app will help users find what they are looking for quickly and efficiently so they can become immersed in what your app is great at.
Transition: Transition to the next slide.
Key Messages:
Personality
Patterns
Principles
Platform
Script:
When we talk about designing Windows Store app for Windows 8.1, there are concepts we had in mind that guided us in the design of the Windows user experience itself that you can use in the design of your own app.
This can best be summed up as the “4 P’s” of Windows Store app design. They are:
Personality
Patterns
Principles
Platform
Transition: Transition to the next slide.