Introdução aos aplicativos web

395 visualizações

Publicada em

Introdução aos conceitos de elaboração de aplicativos para a disciplina de Tecnologias Digitais Aplicadas ao Projeto Gráfico

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
395
No SlideShare
0
A partir de incorporações
0
Número de incorporações
56
Ações
Compartilhamentos
0
Downloads
13
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Introdução aos aplicativos web

  1. 1. Claudia BordinProjeto de Artefatos Interativosconcepção Rodrigues da Silva UTFPR e avaliação arquitetura prototipação avaliação
  2. 2. estamos falando de...DESIGN DE APLICATIVOS ahhh, eu já sei o que é...
  3. 3. Você diz que sabe tudo sobre aplicativos?Então me conte, quais as característicasum app web optimized e um nativeapplication?
  4. 4. ok, vamos do começo...apps =aplicativos softwares que servem para uma determinada função ou tarefa Existem vários tipos: sistemas operacionais, softwares de sistema (ferramentas, jogos,...) , web based,...
  5. 5. o que se fala, na atualidade, são sobre osaplicativos móveistablets,smartphones,pdas
  6. 6. qual a diferença?web optimized/web basedum aplicativo ou website especificamenteprojetado e desenvolvido nas dimensões,interações e performances de umnavegador web Ou outro relativo ao dispositivo. Nokia/ Symbian OS.
  7. 7. native applicationum aplicativo especificamente projetado,desenvolvido e compilado para umdispositivo específico, distribuído por umambiente client-server
  8. 8. native applicationum aplicativo especificamente projetado,desenvolvido e compilado para umdispositivo específico, distribuído por umambiente client-server ahhh, eu já entendi tudo...
  9. 9. É mesmo?Então me explique, qual adiferença na pesquisa, projetoe desenvolvimento dessesaplicativos?
  10. 10. conhece a tua tela e te direi quem éso básico
  11. 11. ipadversões1/2: 1024X768 pixels (9,7 pol)versão 3: 2048X1535 pixels (9,7 pol) “retina display” cada pixel é individualmente imperceptível ao olho humano, quando segurado a uma distância normal
  12. 12. iphoneoutras versões: 480x320 pixelsversão 4: 960x480 pixels (3,5 pol) “retina display”
  13. 13. outrossmartphones800x480 pixels em média (Nokia, Motorola, Samsung)480x360 pixels em média (Blackberry, Palm)
  14. 14. outrostabletsMédia de 7 a 11 polegadas
  15. 15. mas é só isso, tamanho de tela? não subestime oessencial
  16. 16. touch, pinch, rolling, tappinga nova do Daft Punk??? quase isso... a interação com os dispositivos é diferente da experiência do clique/duplo clique/arraste do desktop
  17. 17. De 29 a 44 pixelsinteração e o tamanho do dedobotões e áreas de touch
  18. 18. o conteúdo criado (imgs+código) exigem umaperformance diferenciada dos dispositivos crobalv.blogspot.com
  19. 19. práticas de projeto consolidadasé desse jeito que se faz bit.ly/humaninterfaceguidelines
  20. 20. é preciso saber ... barra de status barra de navegação área de conteúdo barra de navegação por seção
  21. 21. olha ai...
  22. 22. e isso significa...user interface designguidelines servem para a elaboração de protótipos, dentro das especificações de cada sistema
  23. 23. E não esqueça do Steve Ballmer...
  24. 24. afinal, entender um poquito de códigonão faz mal e alimenta...
  25. 25. e agora, será que dá pra começar logo?meu primeiroaplicativo agora vem...
  26. 26. catálogo da iconografia paranaensepara tablet 10”/iphone 17 abriletapa 1: conceitopesquisar elementos da iconografiaparanaense. elementos simbólicos que representam a cultura, região,texto+ costumes, hábitos, lugares, etc...imagensaproxim. 8-10 itens
  27. 27. 22 abriletapa 2: wireframeabertura menu mostra itens item
  28. 28. 24 abriletapa 3: mockup +layout clicável íconesfinalizado
  29. 29. entrega final 29 abrilcom apresentação/vídeo de apresentação como se apresenta um protótipo utilizando um vídeo?

×