O documento discute como projetar sites para a web levando em conta as diferenças entre a web e mídia impressa. Devemos aceitar que a web não tem as mesmas limitações de espaço de uma página impressa e projetar sites de forma flexível. Além disso, é importante entender o fluxo constante de mudanças na web.
Workshop Entregando Valor E Não Apenas FuncionalidadesMarcelo Neves
O documento discute mapas de impacto como uma ferramenta para planejamento estratégico colaborativo entre times de negócios e desenvolvimento. Mapas de impacto ajudam a visualizar suposições e escolher caminhos alternativos ao responder às perguntas: Por que? Quem? Como? O que? Isso facilita a colaboração entre as partes interessadas e a entrega de valor ao invés de apenas funcionalidades.
Introdução ao desenvolvimento de aplicações utilizando a plataforma Google Android.
São apresentados conceitos básicos sobre a estrutura e funcionamento de uma aplicação na plataforma Android, como instalar o ambiente de desenvolvimento e a criação de duas demos mostrando na prática como desenvolver.
O documento discute as principais características do Windows Phone 8, incluindo suporte a multi-core, três resoluções de tela, cartão microSD, navegador Internet Explorer 10 mais rápido, código nativo para desenvolvimento de jogos, APIs de reconhecimento de voz e carteira, mapas offline da Nokia e integração com câmera e tela inicial.
O documento discute o design responsivo para websites, propondo uma abordagem flexível com grid, imagens e media queries que permitem a adaptação do layout a diferentes telas. O design responsivo garante que a web seja acessível em qualquer dispositivo.
O documento descreve as principais características do Windows Phone 8, incluindo melhorias no hardware, no navegador Internet Explorer 10, no reconhecimento de voz e em APIs compartilhadas com o Windows 8. O Windows Phone 8 e o Windows 8 agora compartilham uma base de código comum e permitem o desenvolvimento de aplicativos multiplataforma.
Desenvolvimento de Software para Dispositivos MóveisMaurílio Silva
O documento resume as principais plataformas e ferramentas para desenvolvimento de aplicativos móveis, incluindo Series 40, S60, Maemo, Java ME, WRT, Qt Creator, NetBeans e Eclipse. Também fornece exemplos de aplicativos desenvolvidos e demonstra um jogo simples e um aplicativo de logotipo.
Workshop Entregando Valor E Não Apenas FuncionalidadesMarcelo Neves
O documento discute mapas de impacto como uma ferramenta para planejamento estratégico colaborativo entre times de negócios e desenvolvimento. Mapas de impacto ajudam a visualizar suposições e escolher caminhos alternativos ao responder às perguntas: Por que? Quem? Como? O que? Isso facilita a colaboração entre as partes interessadas e a entrega de valor ao invés de apenas funcionalidades.
Introdução ao desenvolvimento de aplicações utilizando a plataforma Google Android.
São apresentados conceitos básicos sobre a estrutura e funcionamento de uma aplicação na plataforma Android, como instalar o ambiente de desenvolvimento e a criação de duas demos mostrando na prática como desenvolver.
O documento discute as principais características do Windows Phone 8, incluindo suporte a multi-core, três resoluções de tela, cartão microSD, navegador Internet Explorer 10 mais rápido, código nativo para desenvolvimento de jogos, APIs de reconhecimento de voz e carteira, mapas offline da Nokia e integração com câmera e tela inicial.
O documento discute o design responsivo para websites, propondo uma abordagem flexível com grid, imagens e media queries que permitem a adaptação do layout a diferentes telas. O design responsivo garante que a web seja acessível em qualquer dispositivo.
O documento descreve as principais características do Windows Phone 8, incluindo melhorias no hardware, no navegador Internet Explorer 10, no reconhecimento de voz e em APIs compartilhadas com o Windows 8. O Windows Phone 8 e o Windows 8 agora compartilham uma base de código comum e permitem o desenvolvimento de aplicativos multiplataforma.
Desenvolvimento de Software para Dispositivos MóveisMaurílio Silva
O documento resume as principais plataformas e ferramentas para desenvolvimento de aplicativos móveis, incluindo Series 40, S60, Maemo, Java ME, WRT, Qt Creator, NetBeans e Eclipse. Também fornece exemplos de aplicativos desenvolvidos e demonstra um jogo simples e um aplicativo de logotipo.
Raymundo ferreira desenvolvendo apps com html e java script no windows phon...INdT
O documento discute o desenvolvimento de aplicativos para Windows Phone 7.5 usando HTML e JavaScript. Ele aborda os requisitos de hardware da plataforma, a família de dispositivos Lumia, as opções de desenvolvimento nativo ou embarcado no navegador, o uso de viewports e o caso de uso do jogo Touch Tetris.
[TDC2013] Windows Phone 8 e Windows 8 Better togetherOsvaldo Daibert
O documento discute como o Windows Phone 8 e o Windows 8 estão melhor integrados, permitindo que desenvolvedores criem aplicativos compartilhados entre as plataformas usando o mesmo código. Apresenta recursos compartilhados como o Windows Runtime, APIs de reconhecimento de voz e carteira digital, e explica como usar bibliotecas de classes portáteis e o padrão MVVM para desenvolver aplicativos compatíveis entre dispositivos.
O documento discute o desenvolvimento de aplicativos móveis multiplataforma. Em 3 frases:
Discutem-se as vantagens e desvantagens de aplicativos nativos, híbridos e da web para dispositivos móveis. Apresenta-se o Phonegap como uma ferramenta para desenvolver aplicativos híbridos utilizando HTML, CSS e JavaScript. Demonstra-se o uso da API do Twitter para buscar tweets através do Phonegap.
Raymundo Ferreira - Desenvolvimento de aplicativos S40 com Web appsINdT
O documento discute o desenvolvimento de aplicativos para dispositivos S40 usando tecnologias web. Apresenta as vantagens dos dispositivos S40 em termos de preço e especificações técnicas. Fornece exemplos de código e links para recursos que auxiliam no desenvolvimento de aplicativos web para a plataforma S40.
Be Water My Friend - Layout Fluido com ColumnalNícolas Iensen
O documento discute layouts fluidos e grids para criação de sites responsivos. Apresenta exemplos de tamanhos de tela de dispositivos móveis e a tag CSS @media para criar estilos condicionais ao tamanho da tela. Também lista ferramentas como Columnal e 960.gs que auxiliam na criação de grids para layouts.
Do impresso para o tablet.
Encontre-se com o futuro da publicação digital.
Nesta palestra, Felipe Santos, irá descrever as recentes novidades do Adobe Digital Publishing Suite, bem como apresentar as tendências para o mercado de publicação digital com uso do programa Muse e a partir do lançamento do InDesign CS6.
Desde abril de 2010 vivenciamos um momento de transição das publicações em papel para o meio digital, e como em toda transição, surgem muitas dúvidas e especulações.
A certeza é que os tablets chegaram pra ficar, capitaneados pelo iPad - o dispositivo logo provou ser mais que um iPhone gigante, preenchendo, com vantagens, a lacuna existente entre um smartphone e laptop.
O documento discute os prós e contras do desenvolvimento mobile versus desenvolvimento mobile web. O desenvolvimento mobile enfrenta problemas como brigas de patentes e dependência de plataformas proprietárias, enquanto o desenvolvimento mobile web aproveita o crescimento do mercado online sem limites e o software livre. No final, o documento conclui que o desenvolvimento mobile web é a melhor opção por sua independência e potencial de crescimento ilimitado.
O documento discute aplicações responsivas e webdesign responsivo. Resume três principais técnicas de webdesign responsivo: layout fluído com valores percentuais, imagens flexíveis e consultas a mídias. Também discute performance como aspecto crucial para aplicações móveis.
O documento lista várias ferramentas digitais úteis para e-formadores, incluindo antivírus, gestores de disco, compressores de dados, conversores de ficheiros, navegadores para acesso à internet e intranet, transferência de ficheiros, acesso remoto, gestores de monitorização de redes, gestores de email e imagens e ferramentas de comunicação como Skype.
O documento lista várias ferramentas digitais úteis para e-formadores, incluindo antivírus, compressores de dados, conversores de arquivos, navegadores da web, transferência de arquivos, acesso remoto, monitoramento de redes, gestores de email e imagens e ferramentas de comunicação como Skype.
O documento lista várias ferramentas digitais úteis para e-formadores, incluindo antivírus, gestores de disco, compressores e descompressores de dados, conversores de ficheiros, navegadores para acesso à intranet e internet, transferência de ficheiros, acesso remoto, gestores de monitorização de tráfego de redes, gestores de email e imagens e ferramentas de comunicação como Skype e AnyMeeting.
O documento lista várias ferramentas digitais úteis para e-formadores, incluindo antivírus, compressores de dados, conversores de arquivos, navegadores da web, transferência de arquivos, acesso remoto, monitoramento de redes, gestores de email e imagens e ferramentas de comunicação como Skype.
O documento lista várias ferramentas digitais úteis para e-formadores, incluindo antivírus, gestores de disco, compressores de dados, conversores de ficheiros, navegadores para acesso à internet e intranet, transferência de ficheiros, acesso remoto, gestores de monitorização de redes, gestores de email e imagens e ferramentas de comunicação como Skype.
O documento lista várias ferramentas digitais úteis para e-formadores, incluindo antivírus, compressores de dados, conversores de arquivos, navegadores da web, transferência de arquivos, acesso remoto, monitoramento de redes, gestores de email e imagens e ferramentas de comunicação como Skype.
O documento lista várias ferramentas digitais úteis para e-formadores, incluindo antivírus, compressores de dados, conversores de arquivos, navegadores da web, transferência de arquivos, acesso remoto, monitoramento de redes, gestores de email e imagens e ferramentas de comunicação como Skype.
ANIMATE CC – A NOVA APOSTA DA ADOBE PARA ANIMAÇÃO NA WEBdualpixel
O documento discute a evolução do Adobe Animate CC como substituto do Flash Professional para criação de animações para web. Apresenta os formatos Canvas, SVG, WebGL e sprites como alternativas para publicação de animações e detalha os recursos e limitações de cada um. Também aborda a integração do Animate CC com outros softwares Adobe e sua utilização para produção de aplicativos multiplataforma.
1. O documento resume as principais tecnologias da informática que estão sendo desenvolvidas, incluindo novos dispositivos como computadores em forma de teclado, baterias movidas a água, e computadores em forma de mesa.
O documento fornece instruções para construir layouts sem tabelas utilizando tags <div> e CSS. Explica os 6 passos para criar o layout: 1) escolher os blocos, 2) nomeá-los, 3) criar a marcação HTML, 4) posicionar os blocos com CSS, 5) adicionar conteúdo, 6) criar menu dropdown. Também discute como tornar o layout responsivo e acessível em diferentes dispositivos.
O documento discute os princípios do Mobile First e do Design Responsivo. Ele explica que o Mobile First força o foco no conteúdo essencial e nas melhores práticas de UX, enquanto o Design Responsivo cria layouts e conteúdos flexíveis para diferentes telas. O autor argumenta que o Design Responsivo não é apenas uma questão técnica, mas de adaptação a diferentes contextos.
O documento descreve as características e funcionalidades do navegador Firefox. Ele discute como o Firefox oferece alta performance, segurança, suporte a novas tecnologias como WebSockets e WebM, e uma comunidade ativa de desenvolvedores. O documento também menciona o concurso Firefox Flicks para vídeos sobre dispositivos móveis.
Mais conteúdo relacionado
Semelhante a Design Adaptável - Palestra ux dia INFNET
Raymundo ferreira desenvolvendo apps com html e java script no windows phon...INdT
O documento discute o desenvolvimento de aplicativos para Windows Phone 7.5 usando HTML e JavaScript. Ele aborda os requisitos de hardware da plataforma, a família de dispositivos Lumia, as opções de desenvolvimento nativo ou embarcado no navegador, o uso de viewports e o caso de uso do jogo Touch Tetris.
[TDC2013] Windows Phone 8 e Windows 8 Better togetherOsvaldo Daibert
O documento discute como o Windows Phone 8 e o Windows 8 estão melhor integrados, permitindo que desenvolvedores criem aplicativos compartilhados entre as plataformas usando o mesmo código. Apresenta recursos compartilhados como o Windows Runtime, APIs de reconhecimento de voz e carteira digital, e explica como usar bibliotecas de classes portáteis e o padrão MVVM para desenvolver aplicativos compatíveis entre dispositivos.
O documento discute o desenvolvimento de aplicativos móveis multiplataforma. Em 3 frases:
Discutem-se as vantagens e desvantagens de aplicativos nativos, híbridos e da web para dispositivos móveis. Apresenta-se o Phonegap como uma ferramenta para desenvolver aplicativos híbridos utilizando HTML, CSS e JavaScript. Demonstra-se o uso da API do Twitter para buscar tweets através do Phonegap.
Raymundo Ferreira - Desenvolvimento de aplicativos S40 com Web appsINdT
O documento discute o desenvolvimento de aplicativos para dispositivos S40 usando tecnologias web. Apresenta as vantagens dos dispositivos S40 em termos de preço e especificações técnicas. Fornece exemplos de código e links para recursos que auxiliam no desenvolvimento de aplicativos web para a plataforma S40.
Be Water My Friend - Layout Fluido com ColumnalNícolas Iensen
O documento discute layouts fluidos e grids para criação de sites responsivos. Apresenta exemplos de tamanhos de tela de dispositivos móveis e a tag CSS @media para criar estilos condicionais ao tamanho da tela. Também lista ferramentas como Columnal e 960.gs que auxiliam na criação de grids para layouts.
Do impresso para o tablet.
Encontre-se com o futuro da publicação digital.
Nesta palestra, Felipe Santos, irá descrever as recentes novidades do Adobe Digital Publishing Suite, bem como apresentar as tendências para o mercado de publicação digital com uso do programa Muse e a partir do lançamento do InDesign CS6.
Desde abril de 2010 vivenciamos um momento de transição das publicações em papel para o meio digital, e como em toda transição, surgem muitas dúvidas e especulações.
A certeza é que os tablets chegaram pra ficar, capitaneados pelo iPad - o dispositivo logo provou ser mais que um iPhone gigante, preenchendo, com vantagens, a lacuna existente entre um smartphone e laptop.
O documento discute os prós e contras do desenvolvimento mobile versus desenvolvimento mobile web. O desenvolvimento mobile enfrenta problemas como brigas de patentes e dependência de plataformas proprietárias, enquanto o desenvolvimento mobile web aproveita o crescimento do mercado online sem limites e o software livre. No final, o documento conclui que o desenvolvimento mobile web é a melhor opção por sua independência e potencial de crescimento ilimitado.
O documento discute aplicações responsivas e webdesign responsivo. Resume três principais técnicas de webdesign responsivo: layout fluído com valores percentuais, imagens flexíveis e consultas a mídias. Também discute performance como aspecto crucial para aplicações móveis.
O documento lista várias ferramentas digitais úteis para e-formadores, incluindo antivírus, gestores de disco, compressores de dados, conversores de ficheiros, navegadores para acesso à internet e intranet, transferência de ficheiros, acesso remoto, gestores de monitorização de redes, gestores de email e imagens e ferramentas de comunicação como Skype.
O documento lista várias ferramentas digitais úteis para e-formadores, incluindo antivírus, compressores de dados, conversores de arquivos, navegadores da web, transferência de arquivos, acesso remoto, monitoramento de redes, gestores de email e imagens e ferramentas de comunicação como Skype.
O documento lista várias ferramentas digitais úteis para e-formadores, incluindo antivírus, gestores de disco, compressores e descompressores de dados, conversores de ficheiros, navegadores para acesso à intranet e internet, transferência de ficheiros, acesso remoto, gestores de monitorização de tráfego de redes, gestores de email e imagens e ferramentas de comunicação como Skype e AnyMeeting.
O documento lista várias ferramentas digitais úteis para e-formadores, incluindo antivírus, compressores de dados, conversores de arquivos, navegadores da web, transferência de arquivos, acesso remoto, monitoramento de redes, gestores de email e imagens e ferramentas de comunicação como Skype.
O documento lista várias ferramentas digitais úteis para e-formadores, incluindo antivírus, gestores de disco, compressores de dados, conversores de ficheiros, navegadores para acesso à internet e intranet, transferência de ficheiros, acesso remoto, gestores de monitorização de redes, gestores de email e imagens e ferramentas de comunicação como Skype.
O documento lista várias ferramentas digitais úteis para e-formadores, incluindo antivírus, compressores de dados, conversores de arquivos, navegadores da web, transferência de arquivos, acesso remoto, monitoramento de redes, gestores de email e imagens e ferramentas de comunicação como Skype.
O documento lista várias ferramentas digitais úteis para e-formadores, incluindo antivírus, compressores de dados, conversores de arquivos, navegadores da web, transferência de arquivos, acesso remoto, monitoramento de redes, gestores de email e imagens e ferramentas de comunicação como Skype.
ANIMATE CC – A NOVA APOSTA DA ADOBE PARA ANIMAÇÃO NA WEBdualpixel
O documento discute a evolução do Adobe Animate CC como substituto do Flash Professional para criação de animações para web. Apresenta os formatos Canvas, SVG, WebGL e sprites como alternativas para publicação de animações e detalha os recursos e limitações de cada um. Também aborda a integração do Animate CC com outros softwares Adobe e sua utilização para produção de aplicativos multiplataforma.
1. O documento resume as principais tecnologias da informática que estão sendo desenvolvidas, incluindo novos dispositivos como computadores em forma de teclado, baterias movidas a água, e computadores em forma de mesa.
O documento fornece instruções para construir layouts sem tabelas utilizando tags <div> e CSS. Explica os 6 passos para criar o layout: 1) escolher os blocos, 2) nomeá-los, 3) criar a marcação HTML, 4) posicionar os blocos com CSS, 5) adicionar conteúdo, 6) criar menu dropdown. Também discute como tornar o layout responsivo e acessível em diferentes dispositivos.
O documento discute os princípios do Mobile First e do Design Responsivo. Ele explica que o Mobile First força o foco no conteúdo essencial e nas melhores práticas de UX, enquanto o Design Responsivo cria layouts e conteúdos flexíveis para diferentes telas. O autor argumenta que o Design Responsivo não é apenas uma questão técnica, mas de adaptação a diferentes contextos.
O documento descreve as características e funcionalidades do navegador Firefox. Ele discute como o Firefox oferece alta performance, segurança, suporte a novas tecnologias como WebSockets e WebM, e uma comunidade ativa de desenvolvedores. O documento também menciona o concurso Firefox Flicks para vídeos sobre dispositivos móveis.
Semelhante a Design Adaptável - Palestra ux dia INFNET (20)
2. “O controle que os designers têm da mídia impressa, e frequentemente
desejam na Web, é simplesmente em função das limitações da página
impressa. Nós devemos aceitar o fato de que a Web não tem os
mesmos limites, e projetar para esta flexibilidade.
Contudo, primeiro devemos aceitar o fluxo e refluxo das coisas.”
A Dao of Web Design por John Allsopp, 10 de abril de 2000
http://goo.gl/wf6I
26. Nós temos que supor qual é a resolução do usuário.
Smart Phone
240 x 320
4:3
Palm Treo
24’’ 21’’ 19’’ 17’’ 14’’ 320 x 320
1920 x 1200 1600 x 1200 1280 x 1024 1152 x 864 800 x 600 1:1
iPhone
5:3 4:3 5:4 4:3 4:3 320 x 480
3:2
Xperia X10
480 x 854
16:9
Desktops Smartphones
27. Em resoluções de 1024 x 768 (17”)
Sistema Operacional Navegador Área útil (px)
Mac OS X Safari 909 x 519
Mac OS X Firefox 909 x 507
Windows Vista (7) Internet Explorer 849 x 621
Windows Vista (7) Firefox 849 x 608
Windows XP Internet Explorer 998 x 615
Windows XP Firefox 998 x 622
Em todos os sistemas e navegadores 849 x 507
et
wi d g
Fonte: http://www.designerstoolbox.com/designresources/safearea/compare
28. Segundo o The Mobile Internet Report
produzido pelo MORGAN STANLEY RESEARCH em 2009,
o acesso a Web via dispositivos móveis
irá superar o de desktops em 5 anos.
29. Teste de usabilidade promovido pela Mozilla Labs
9.667 usuários em 5 dias
http://goo.gl/KMLK
49. Design Adaptável
CSS3
@media query
> @media (min-width: 800px)
Esta janela tem no mínimo 800px de largura?
> @media screen and (max-device-width: 240px)
Este dispositivo é uma tela e essa tela tem no máximo 240px de largura?
> @media handheld and (orientation: landscape)
Este é um dispositivo portátil e está no sentido horizontal?
50. Design Adaptável
Suporte em desktops
> Navegadores com suporte a @media queries
Safari 3+ Opera 7+
Chrome IE9
Firefox 3.5+
> E o Internet Explorer 6-8?
http://code.google.com/p/css3-mediaqueries-js
51. Design Adaptável
Suporte em smartphones
sim não
Opera Mobile iPhone Firefox IE Mobile
Opera Mini Android MicroB BlackBerry old
Dolfin NetFront
BlackBerry Obigo
Phantom
Bolt
Symbian *
S40 *
Presto WebKit Gecko
fonte: www.quirksmode.org/mobile
77. Design Adaptável
Arquitetura da Informação
> Selecionando os itens mais e menos importantes
> Alterando os nomes de links e botões
> Alterando o posicionamento das partes do site
82. Design Adaptável
Áreas de arraste
> Toque rápido
> Toque prolongado
> Toque prolongado com arraste
> Dois toques rápidos
83. Exemplo A Exemplo B
Resumo não é link < > Resumo é link
84. Design Adaptável
Palheta de cor
> Título e texto corrido
> Títulos de seções e textos de apoio que não são conteúdo do post
> Título da seção de posts em destaque
> Links e botões