interfaces i - aula 01
DESCRIPTION
Conceitos básicos, exemplos simples, referências.TRANSCRIPT
![Page 1: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/1.jpg)
DESIGN DE INTERFACES IPara quem e como se faz a web com a qual precisamos interagir?
01
Aula #1: QUE DIABOS ESTAMOS FAZENDO AQUI?! :P
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
![Page 2: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/2.jpg)
O QUE É UMA INTERFACE?
• Um tipo de conexão entre dois ou mais entes que gera a comunicação entre ambos;
• Um instrumento que funciona como uma prótese de nossos membros e de nossos sentidos (a la MacLuhan);
• Uma superfície que nos transmite instruções que nos informam sobre a maneira com que pode ser manejado;
• Um lugar de interação, um espaço onde se desenvolvem trocas e manuseios;
02
Aula #1: O DENOMINADOR COMUM
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
![Page 3: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/3.jpg)
O QUE É UMA INTERFACE?
• É a presença de uma ou mais ferramentas para o uso e movimentação de qualquer sistema de informações, seja ele material, seja ele virtual;
• É um conjunto de meios planejadamente dispostos (sejam eles físicos ou lógicos) com vista a fazer a adaptação entre dois sistemas para se obter um certo fim cujo resultado possui partes comuns aos dois sistemas;
03INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
Aula #1: O DENOMINADOR COMUM
![Page 4: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/4.jpg)
O QUE É UMA INTERFACE?
• Nas Ciências da Computação: circuito eletrônico que controla a interligação entre dois hardwares e os ajuda a trocar dados de maneira confiável;
• Na Informática: interconexão entre dois equipamentos que possuem diferentes funções e que não se poderiam conectar diretamente;
• Na Comunicação: Meio capaz de promover a comunicação ou interação entre dois ou mais grupos;
04INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
Aula #1: O DENOMINADOR COMUM
![Page 5: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/5.jpg)
O QUE É UMA INTERFACE?
• Na Física: superfície que separa as duas fases de um sistema;
• Na Ecologia: área de fronteira entre regiões adjacentes, e que constitui ponto em que interagem sistemas independentes de diversos grupos;
• É um ponto de interação entre dois sistemas ou grupos de trabalho;
• É um meio físico ou virtual de tradução das linguagens de dois ou mais sistemas diferentes que precisam interagir entre si para concretizar uma série de ações.
05INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
Aula #1: O DENOMINADOR COMUM
![Page 6: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/6.jpg)
O QUE É UMA INTERFACE?
06INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
Aula #1: O DENOMINADOR COMUM
![Page 7: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/7.jpg)
O QUE É UMA INTERFACE?
07INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
Aula #1: O DENOMINADOR COMUM
![Page 8: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/8.jpg)
O QUE É UMA INTERFACE?
08INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
Aula #1: O DENOMINADOR COMUM
![Page 9: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/9.jpg)
O QUE É UMA INTERFACE?
09INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
+
Aula #1: O DENOMINADOR COMUM
![Page 10: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/10.jpg)
O QUE É UMA INTERFACE?
10INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
Aula #1: O DENOMINADOR COMUM
![Page 11: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/11.jpg)
REFERÊNCIASGente que conhece interfaces na web e na literatura
11
Aula #1: SIGAM-ME OS BONS! ;)
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
![Page 12: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/12.jpg)
REFERÊNCIAS
• http://www.mackido.com/Interface/index.html
• http://www.usabilidoido.com.br/
• http://imasters.uol.com.br/artigo/16799/cms/design_de_interfaces_em_cms/
• http://webinsider.uol.com.br/author/marcello-povoa/
• http://luli.com.br
12
Aula #1: SITES SOBRE INTERFACES
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
![Page 13: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/13.jpg)
LIVRO #1http://ow.ly/1MQOm
13INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
Aula #1: REFERÊNCIAS “BALA”
![Page 14: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/14.jpg)
LIVRO #2http://ow.ly/1MQJs
14
Aula #1: REFERÊNCIAS “BALA”
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
![Page 15: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/15.jpg)
LIVRO #3http://designinginterfaces.com/
15INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
Aula #1: REFERÊNCIAS “BALA”
![Page 16: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/16.jpg)
LIVRO #4http://ow.ly/1MQ3t
16
Aula #1: REFERÊNCIAS “BALA”
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
![Page 17: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/17.jpg)
LIVRO #5http://ow.ly/1MQGX
17INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
Aula #1: REFERÊNCIAS “BALA”
![Page 18: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/18.jpg)
LIVRO #6http://ow.ly/1MU53
18
Aula #1: REFERÊNCIAS “BALA”
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
![Page 19: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/19.jpg)
LIVRO #7http://ow.ly/1MQ9p
19INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
Aula #1: REFERÊNCIAS “BALA”
![Page 20: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/20.jpg)
LIVRO #8http://ow.ly/1MQW8
20
Aula #1: REFERÊNCIAS “BALA”
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
![Page 21: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/21.jpg)
LIVRO #9http://ow.ly/1MR2E
21INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
Aula #1: REFERÊNCIAS “BALA”
![Page 22: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/22.jpg)
LIVRO #10http://ow.ly/1MR6a
22
Aula #1: REFERÊNCIAS “BALA”
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
![Page 23: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/23.jpg)
PRÓXIMA AULA
•LER: http://imasters.uol.com.br/artigo/16799/cms/design_de_interfaces_em_cms/
•BAIXAR E LER: http://www.slideshare.net/heliopaz/aula-03-caracterizao-do-hipertexto
23
Aula #1: LIÇÃO DE CASA
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010
![Page 24: Interfaces I - aula 01](https://reader034.vdocuments.site/reader034/viewer/2022050922/5582f344d8b42a21168b4bec/html5/thumbnails/24.jpg)
TNX.C’YA NEXT WEEK! ;)
prof. @[email protected]
http://www.slideshare.net/heliopazhttp://www.unisinos.br/digital/
http://quempensaawebfazaweb.com.br/
24
Aula #1: ATÉ A PRÓXIMA! ;)
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010