Interação Humano-Computador Design: estrutura e estética PROFESSORA CINTIA CAETANO

Tamanho: px
Começar a partir da página:

Download "Interação Humano-Computador Design: estrutura e estética PROFESSORA CINTIA CAETANO"

Transcrição

1 Interação Humano-Computador Design: estrutura e estética PROFESSORA CINTIA CAETANO

2 Arte X Engenharia Desenvolver Sistema Web é arte? A Web oferece espaço para arte mas os usuários também desejam serviços de qualidade.... e clientes querem prazos e orçamento cumpridos. Desenvolver Sistema Web é engenharia? Sim, eles são complexos e formados por vários componentes interconectados... São desenvolvidos por equipes de especialistas... que utilizam métodos, técnicas e ferramentas específicos... e devem cumprir prazos e custos estimados,... mas sem arte eles seriam muito chatos! 2

3 Sistema sem Arte 3

4 Estrutura e Estética 1. Organização 2. Navegação 3. Layout 4. Tipografia e Cores 5. Imagens 4

5 1. Organização: Conceito Define a estrutura de organização das informações e elementos de interface. Por que organizar as informações? Limitação cognitiva: Usuários precisam trabalhar por partes. Limitação computacional: precisam ser adequados ao meio. Interfaces de usuário na Web são estruturadas de acordo com o modelo de hipertexto 5

6 Tipo de Organização:Hierárquica Estrutura mais utilizada. Usuário memoriza melhor e perde-se menos. 6

7 Tipo de organização:linear Usada para tarefas que requerem seqüência de atividades. Livros, revistas e manuais normalmente são organizados de forma linear. 7

8 Tipo de organização: em rede Não muito recomendada. Usuário pode ficar perdido. Apenas com boas metáforas. 8

9 Organização refletida no Design 9

10 Comunicabilidade da organização Visualização da informação para navegar em sites. 10

11 Comunicabilidade da organização Visualização da informação para navegar em sites. 11

12 Comunicabilidade da organização Visualização da informação para navegar em sites. 12

13 Comunicabilidade da organização Visualização da informação para navegar em sites. 13

14 Usabilidade da Organização Analise a especificação e verifique se a organização está balanceada. Pergunte: O usuário precisa navegar muito de uma página para outra numa mesma tarefa? Verifique: Se o usuário memoriza facilmente a organização do site. 14

15 Diretrizes para Organização Use o modelo conceitual do domínio como base para a organização. Utilize as categorias do domínio para organizar as informações e serviços do sistema. Evite que serviços muito utilizados fiquem em partes muito profundas de uma organização. Use uma organização balanceada. Coloque um mapa disponível em todos os pontos da organização. 15

16 Exemplo: Diretrizes para Home Page Home Page é a página de entrada do site. Deve refletir o propósito do site. Deve indicar quais os objetivos, as informações e/ou serviços do site. Deve indicar como interagir com o site para ter acesso aos recursos. Deve conter elos para acesso aos recursos. Deve indicar o responsável pelo site e como entrar em contato. 16

17 2. Navegação: Conceito Metáfora utilizada para indicar o carregamento dos diversos arquivos de um hipertexto. O termo indica que o usuário percorreu um link do hipertexto. A navegação pode ser: 1. Para um outro trecho da mesma página. 2. Para uma outra página do mesmo site. 3. Para um outro site ou sistema. 17

18 Organização como base para Modelo de Navegação Links do site Links externos Links na mesma página 18

19 Comunicabilidade da Navegação Uma boa comunicabilidade na navegação deve indicar: Onde estou? De onde vim? Para onde posso ir? 19

20 Comunicabilidade da Navegação Pode-se antecipar o conteúdo do destino. Texto aparece quando passa o mouse sobre o link. 20

21 Comunicabilidade da Navegação Preview da página. 21

22 Comunicabilidade da Navegação Botões ou Menus pulldown Podem confundir o usuário: Botões são usados preferencialmente para comandos Menus são usados preferencialmente para escolha de informações 22

23 Navegação Metáforas podem facilitar a navegação 23

24 Diretrizes para navegação A navegação deve refletir a organização. Os links devem indicar qual o conteúdo do destino. O usuário deve identificar os links facilmente. O usuário não deve ficar perdido. Atalhos facilitam a navegação. É importante o acesso direto à Home Page a partir de qualquer ponto do site. 24

25 Usabilidade da Navegação Perguntas: Quantas páginas são necessárias para se chegar a uma informação ou função? E para sair de uma função para outra? Existe possibilidade de voltar para a anterior? Existe possibilidade de voltar para o início? O usuário consegue identificar todos os links? 25

26 Documentação de Navegação Modelo de Navegação 26

27 Documentação de Navegação Modelo de Navegação 27

28 3. Layout: Conceito Organização do texto e demais elementos na página. Facilita a compreensão das informações e serviços É essencialmente um fator de comunicabilidade. A área de design gráfico desenvolveu diversas técnicas que podem ser empregadas Proximidade e Alinhamento. Simetria e Balanceamento. Escala e proporção. 28

29 Layout da Interface O Layout pode ser especificado em esquemas 29

30 Layout: Exemplo Layout distingue categorias de informações e serviços. 30

31 Layout: Exemplo 31

32 Layout: Exemplo 32

33 Layout: Exemplo 33

34 Layout: Tecnologia O Layout pode ser implementado usando-se: Tabelas Frames Divisões ou Camadas Associadas a elementos de estilos CSS Tabelas É a forma mais utilizada Não é recomendada por questões de acessibilidade Frames É muito utilizado e a mais polêmica Designers detestam e programadores adoram! Facilita a implementação e manutenção Confunde a organização, atrapalha a navegação e dificulta a impressão e gravação da página Dificulta a acessibilidade 34

35 Usabilidade do Layout Quanto tempo o usuário leva para identificar um determinado elemento em diferentes layouts? O usuário segue a ordem de leitura ou de preenchimento pretendida pelo designer? 35

36 Diretrizes para construção do layout Organize a página de acordo com informações e serviços. Evite poluição da informação: Menos é Mais Páginas com muita informação dificultam encontrar o que se procura. Informações relacionadas devem estar agrupadas. Um bom espaçamento atrai o leitor. 36

37 Layout de Informações do domínio Diversas técnicas de visualização da Informação podem ser empregadas 37

38 Layout de Formulários O layout ajuda ao usuário entender a seqüência de ações Agrupamento, alinhamento, balanceamento, repetição, contraste e subordinação são técnicas de diagramação que orientam o usuário 38

39 Layout de Formulários:Princípios 39

40 Documentação de Layout Storyboards 40

41 Documentação de Layout Storyboards 41

42 4. Tipologia e cores: Conceito Cores e tipos podem ser usados para deixar o site mais atrativo. Oferecem uma identidade ao sistema. A legibilidade pode ser melhorada com cores e tipo adequados. Consistência de cores e tipos facilitam a organização. 42

43 Tipologia e cores: Exemplo 43

44 Tipologia e cores: Exemplo 44

45 Diretrizes para escolha da tipologia e cores Evite muita variedade de cores e tipos Use-os adequadamente para deixar o site agradável Use-os com precisão quando quiser comunicar categorias de informação ou serviço Seja consistente Coloque as cores e tipo adequadas ao tipo do monitor e tamanho da tela Não use as cores da empresa se elas afetarem a legibilidade 45

46 Diretrizes para escolha da tipologia e cores 46

47 As cores e suas conotações comuns na cultura ocidental Nada disso é definitivo. Como as cores têm tanta variação, fazer afirmações absolutas sobre os significados é impossível. 47

48 Softwares para Combinar Cores _e_navegacao/servicos-web/combinacoes-de-corperfeitas-como-as-seleccionar htm 48

49 5. Imagens: Conceito Utilizadas para a representação Desenhos, gráficos, figuras, fotografias,... Visão da semiótica: ótica dos sinais Problemas de Significação Imagens não correspondem aos significados interpretados Problemas de Organização Os grupos não fazem sentido. 49

50 Imagens: Diretrizes Os significados variam de uma cultura para outra. Use imagens de qualidade: nitidez, resolução e tamanho. Imagens devem ser produzidas por profissionais competentes Fotógrafos Designers de ícones Cuidado com direitos autorais Usa ferramentas de tratamento de imagens adequadas 50

51 Acessibilidade: Conceito e recomendações Conceito que indica que a interface pode ser utilizada por pessoas com deficiências. O W3C apresenta recomendações para acessibilidade. Use HTML apenas para estruturar o documento. Use texto como alternativa a figuras. Não use tabelas ou frames para estruturar a página. Permita que as letras sejam aumentadas sem prejuízo do layout. Não utilize âncoras de links muito pequenas. 51

Estrutura e estética: Organização, layout, cores e tipos

Estrutura e estética: Organização, layout, cores e tipos Design Web Estrutura e estética: Organiação, layout, cores e tipos Apresentação: Estrutura e Estética Organiação Navegação Layout Cores e Tipografia! " Representação e Apresentação Representação Utiliar

Leia mais

Tópicos de Ambiente Web. Modulo 2 Processo de desenvolvimento de um site Professora: Sheila Cáceres

Tópicos de Ambiente Web. Modulo 2 Processo de desenvolvimento de um site Professora: Sheila Cáceres Tópicos de Ambiente Web Modulo 2 Processo de desenvolvimento de um site Professora: Sheila Cáceres Roteiro Motivação Desenvolvimento de um site Etapas no desenvolvimento de software (software:site) Analise

Leia mais

ANÁLISE E DESENVOLVIMENTO DE SISTEMAS TURMA 2008 4º PERÍODO - 7º MÓDULO AVALIAÇÃO A4 DATA 22/10/2009 ENGENHARIA DE USABILIDADE

ANÁLISE E DESENVOLVIMENTO DE SISTEMAS TURMA 2008 4º PERÍODO - 7º MÓDULO AVALIAÇÃO A4 DATA 22/10/2009 ENGENHARIA DE USABILIDADE ANÁLISE E DESENVOLVIMENTO DE SISTEMAS TURMA 2008 4º PERÍODO - 7º MÓDULO AVALIAÇÃO A4 DATA 22/10/2009 ENGENHARIA DE USABILIDADE 2009/2 GABARITO COMENTADO QUESTÃO 1: Quando nos referimos à qualidade da interação

Leia mais

Sumário Prefácio 1 1 Apresentação 1 1 1 Introdução 1 1 2 Entendendo o Webdesign 2 1 2 1 A Evolução da Internet 4 1 3 Design de Internet 8 1 3 1 Harmonia 10 1 3 2 As Formas e suas Funções 11 1 3 3 Equilíbrio

Leia mais

Design de IHC Design da Comunicação Modelos de Interação

Design de IHC Design da Comunicação Modelos de Interação 1 Design de IHC Design da Comunicação Modelos de Interação INF1403 Introdução a IHC Luciana Salgado Representações e Aspectos de IHC Representações e Aspectos de IHC Representações e Aspectos de IHC Representações

Leia mais

Acessibilidade na Web Cesár Bomfim Brasília 15 de Março

Acessibilidade na Web Cesár Bomfim Brasília 15 de Março Acessibilidade na Web Cesár Bomfim Brasília 15 de Março Avaliação Passos para Site Acessível -Seguir padrões Web; -Seguir as diretrizes e recomendações de acessibilidade; -Realizar avaliação de acessibilidade.

Leia mais

Design de Interfaces e Usabilidade - Tópico 1

Design de Interfaces e Usabilidade - Tópico 1 Instituto Federal do Sertão-PE Design de Interfaces e Usabilidade - Tópico 1 Prof. Felipe Correia Conteúdo Por que estudar Design de Interfaces e Usabilidade?! Conceitos básicos sobre Design! Primeira

Leia mais

Desenvolvimento Web Usabilidade na Web aula I introdução e o design geral do site. Prof.: Bruno E. G. Gomes IFRN

Desenvolvimento Web Usabilidade na Web aula I introdução e o design geral do site. Prof.: Bruno E. G. Gomes IFRN Desenvolvimento Web Usabilidade na Web aula I introdução e o design geral do site Prof.: Bruno E. G. Gomes IFRN 1 Introdução A Web oferece uma enorme liberdade de escolha e movimentação Qualquer coisa

Leia mais

Configurações do Windows para Leitores de Tela

Configurações do Windows para Leitores de Tela MÓDULO DE ACESSIBILIDADE VIRTUAL - CEFET BG SIEP (SISTEMA DE INFORMAÇÃO DA EDUCAÇÃO PROFISSIONAL E TECNOLÓGICA) Configurações do Windows para Leitores de Tela Desenvolvido por Celio Marcos Dal Pizzol e

Leia mais

O SITE DA MINHA EMPRESA por Ivan F. Cesar

O SITE DA MINHA EMPRESA por Ivan F. Cesar O SITE DA MINHA EMPRESA por Ivan F. Cesar Muitos empresários e profissionais liberais gostariam de estar na Internet, mas, na maioria dos casos, não sabem muito bem por que e nem mesmo sabem a diferença

Leia mais

Guia de criação de layout de Loja Virtual

Guia de criação de layout de Loja Virtual Guia de criação de layout de Loja Virtual Julho / 2013 (51) 3079-4040 contato@ezcommerce.com.br http://www.ezcommerce.com.br Este guia tem o intuito de orientar a criação de layout para a plataforma de

Leia mais

UFCD 0152 Estrutura de um sítio para Internet

UFCD 0152 Estrutura de um sítio para Internet INSTITUTO DO EMPREGO E FORMAÇÃO PROFISSIONAL, IP DELEGAÇÃO REGIONAL DO NORTE CENTRO DE EMPREGO E FORMAÇÃO PROFISSIONAL DE VIANA DO CASTELO-SERVIÇO DE FORMAÇÃO PROFISSIONAL UFCD 0152 Estrutura de um sítio

Leia mais

Projeto de Sites da Web

Projeto de Sites da Web Introdução Projeto de Sites da Web Mário Meireles Teixeira UFMA DEINF Hipertexto É um documento composto por um conjunto de nós contendo texto, imagens, sons e ações, a interligados entre si e formando

Leia mais

Design 3D. Formação em Web WEB DESIGN 3D 1

Design 3D. Formação em Web WEB DESIGN 3D 1 1 Formação em Web Design 3D Atualmente com o desenvolvimento para Web, a criação e montagem de sites, envolve um conhecimento mais aprofundado também na criação de 3D. Com a possibilidade de conexões mais

Leia mais

Fone: (19) 3234-4864 E-mail: editora@komedi.com.br Site: www.komedi.com.br HTM3.0. Tutorial HTML. versão 4.01

Fone: (19) 3234-4864 E-mail: editora@komedi.com.br Site: www.komedi.com.br HTM3.0. Tutorial HTML. versão 4.01 Fone: (19) 3234-4864 E-mail: editora@komedi.com.br Site: www.komedi.com.br HTM3.0 Tutorial HTML versão 4.01 K O M Σ D I Copyright by Editora Komedi, 2007 Dados para Catalogação Rimoli, Monica Alvarez Chaves,

Leia mais

Produção de Websites. Composição Web. Artur M. Arsénio. Engenharia Informá:ca / Informá:ca Web 2014/15

Produção de Websites. Composição Web. Artur M. Arsénio. Engenharia Informá:ca / Informá:ca Web 2014/15 Produção de Websites Composição Web Engenharia Informá:ca / Informá:ca Web 2014/15 Artur M. Arsénio Planeamento Estratégico Análise da informação, a par:r de um briefing com o cliente Detectar corretamente

Leia mais

Parte II. Usabilidade, Interatividade e Comunicabilidade na Web. Roteiro. z Usabilidade. z Interatividade. z Comunicabilidade. Conceitos Problemas

Parte II. Usabilidade, Interatividade e Comunicabilidade na Web. Roteiro. z Usabilidade. z Interatividade. z Comunicabilidade. Conceitos Problemas Parte II Usabilidade, Interatividade e Comunicabilidade na Web Roteiro z Usabilidade Conceitos Problemas z Interatividade Modelo teórico Técnicas e diretrizes z Comunicabilidade Modelo teórico Técnicas

Leia mais

3 - Projeto de Site:

3 - Projeto de Site: 3 - Projeto de Site: O site de uma empresa é como um cartão de visita que apresenta sua área de negócios e sua identidade no mercado, ou ainda, como uma vitrine virtual em que é possível, em muitos casos,

Leia mais

VPAT (Voluntary Product Accessibility Template, Modelo de Acessibilidade de Produto) do eportfolio da Desire2Learn Maio de 2013 Conteúdo

VPAT (Voluntary Product Accessibility Template, Modelo de Acessibilidade de Produto) do eportfolio da Desire2Learn Maio de 2013 Conteúdo VPAT (Voluntary Product Accessibility Template, Modelo de Acessibilidade de Produto) do eportfolio da Desire2Learn Maio de 2013 Conteúdo Introdução Recursos de acessibilidade principais Navegação usando

Leia mais

Critérios. Melhores Práticas e Regras

Critérios. Melhores Práticas e Regras AULA 10 - ETAPAS DE DESENVOLVIMENTO WEB Usabilidade Projetando para o usuário Os conceitos de usabilidade têm como base o desenvolvimento de projetos centrados nas necessidades reais dos usuários. Lembre-se,

Leia mais

Fundamentos de Design Web

Fundamentos de Design Web Fundamentos de Design Web Usabilidade, Interatividade e Comunicabilidade na Web Dimensões do sistema &RQFHLWXDO )XQFLRQDO,QWHUDomR &RPXQLFDomR Conceitual Modelo conceitual da aplicação. Funcional Funções

Leia mais

Tópicos de Ambiente Web Web Design III

Tópicos de Ambiente Web Web Design III Tópicos de Ambiente Web Web Design III Professora: Sheila Cáceres Conteúdo para Web Educacional Entretenimento Comercial Industrial Cientifico Entre outros Tópicos de Ambiente Web - Prof. Sheila Cáceres

Leia mais

O que torna a Web interessante?? Web Design: Visão Geral e Diretrizes. O que torna a Web interessante?? Qual o desafio?? Usuários detestam...

O que torna a Web interessante?? Web Design: Visão Geral e Diretrizes. O que torna a Web interessante?? Qual o desafio?? Usuários detestam... O que torna a Web interessante?? Web Design: Visão Geral e Diretrizes??? Interação Usuário-Computador (SCE-224) Prof. Rudinei Goularte O que torna a Web interessante?? Informação não-linear Textos + Gráficos

Leia mais

Apostila Active Brasil de Webdesign. Daniel de Menezes Gularte Omar Queiroz. 2002 Apostila de Webdesign ver. 1 rev. 0. Curso de Web Design

Apostila Active Brasil de Webdesign. Daniel de Menezes Gularte Omar Queiroz. 2002 Apostila de Webdesign ver. 1 rev. 0. Curso de Web Design APOSTILA WEBDESIGN Apostila Active Brasil de Webdesign Daniel de Menezes Gularte Omar Queiroz A livre distribuição dessa cópia está proibida, sendo de material exclusivo do curso de Webdesign da Active

Leia mais

Informática Básica. Microsoft Word XP, 2003 e 2007

Informática Básica. Microsoft Word XP, 2003 e 2007 Informática Básica Microsoft Word XP, 2003 e 2007 Introdução O editor de textos Microsoft Word oferece um conjunto de recursos bastante completo, cobrindo todas as etapas de preparação, formatação e impressão

Leia mais

Como Começar? Criação Páginas. Etapas. Apresentação INTERNET

Como Começar? Criação Páginas. Etapas. Apresentação INTERNET Como Começar? Criação Páginas Apresentação Etapas Como começar Para que um site tenha sucesso é necessário um correcto planeamento do mesmo. Todos os aspectos de desenho de um site devem ser pensados de

Leia mais

Interface Homem- Computador

Interface Homem- Computador Interface Homem- Computador (IHC) Profª. Leticia Lopes Leite Software Educacional I Interface Deve ser entendida como sendo a parte de um sistema computacional com a qual uma pessoa entra em contato física,

Leia mais

Desenvolvimento de um CMS 1 para a criação e publicação de web sites acessíveis por deficientes visuais.

Desenvolvimento de um CMS 1 para a criação e publicação de web sites acessíveis por deficientes visuais. Desenvolvimento de um CMS 1 para a criação e publicação de web sites acessíveis por deficientes visuais. Tales Henrique José MOREIRA 1 ; Gabriel da SILVA 2 ; 1 Estudante de Tecnologia em Sistemas para

Leia mais

Disciplina: Interface Humano-Computador Prof: João Carlos da Silva Junior

Disciplina: Interface Humano-Computador Prof: João Carlos da Silva Junior Disciplina: Interface Humano-Computador Prof: João Carlos da Silva Junior Definição Interação homem-computador é o conjunto de processos, diálogos, e ações através dos quais o usuário humano interage com

Leia mais

TAW Tópicos de Ambiente Web

TAW Tópicos de Ambiente Web TAW Tópicos de Ambiente Web Teste rveras@unip.br Aula 11 Agenda Usabilidade Compatibilidade Validação Resolução de tela Velocidade de carregação Acessibilidade Testes Nesta etapa do projeto do web site

Leia mais

Identificação dos papeis de usuários

Identificação dos papeis de usuários Análise de usuário e tarefas Análise de usuários Identificação dos papeis de usuários Conhecer as diferentes funções que cada usuário deverá ter no sistema Cada papel possui um conjunto de tarefas Definir

Leia mais

U NIFACS ERGONOMIA INFORMACIONAL PROFª MARIANNE HARTMANN 2006.1

U NIFACS ERGONOMIA INFORMACIONAL PROFª MARIANNE HARTMANN 2006.1 U NIFACS ERGONOMIA INFORMACIONAL PROFª MARIANNE HARTMANN 2006.1 AULA 20 PROBLEMAS DE INTERFACE 12.maio.2006 FAVOR DESLIGAR OS CELULARES usabilidade compreende a habilidade do software em permitir que o

Leia mais

Tópicos de Ambiente Web Web Design

Tópicos de Ambiente Web Web Design Tópicos de Ambiente Web Web Design Professora: Sheila Cáceres Historia As primeiras formas comunicativas foram mediante elementos visuais. Embora o surgimento da linguagem falada, a linguagem visual continuou

Leia mais

Acessibilidade no SIEP (Sistema de Informações da Educação Profissional e Tecnológica) Módulo de Acessibilidade Virtual CEFET Bento Gonçalves RS Maio 2008 ACESSIBILIDADE À WEB De acordo com Cifuentes (2000),

Leia mais

Webdesign Fluxo de Desenvolvimento do Webdesign

Webdesign Fluxo de Desenvolvimento do Webdesign Webdesign Fluxo de Desenvolvimento do Webdesign Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Tópicos da Aula 1. Design 2. Importância do

Leia mais

15. OLHA QUEM ESTÁ NA WEB!

15. OLHA QUEM ESTÁ NA WEB! 7 a e 8 a SÉRIES / ENSINO MÉDIO 15. OLHA QUEM ESTÁ NA WEB! Sua home page para publicar na Internet SOFTWARES NECESSÁRIOS: MICROSOFT WORD 2000 MICROSOFT PUBLISHER 2000 SOFTWARE OPCIONAL: INTERNET EXPLORER

Leia mais

OFICINA DE POWER POINT

OFICINA DE POWER POINT OFICINA DE POWER POINT Barra de Ferramentas Padrão Barra de Ferramentas Formatação Barra de Menus Modos de Visualização Painéis de Tarefas Barra de Ferramentas Desenho Profª. Maria Adelina Raupp Sganzerla

Leia mais

MANUAL DO NVDA Novembro de 2013

MANUAL DO NVDA Novembro de 2013 MANUAL DO NVDA Novembro de 2013 PROJETO DE ACESSIBILIDADE VIRTUAL Núcleo IFRS Manual do NVDA Sumário O que são leitores de Tela?... 3 O NVDA - Non Visual Desktop Access... 3 Procedimentos para Download

Leia mais

Fundamentos de design

Fundamentos de design Fundamentos de design Uma das empresas de comunicação e marketing mais destacadas de Ottawa, Canadá, o gordongroup oferece um design premiado para uma oferta completa de produtos de comunicação de identidades

Leia mais

Apresentando o GNOME. Arlindo Pereira arlindo.pereira@uniriotec.br

Apresentando o GNOME. Arlindo Pereira arlindo.pereira@uniriotec.br Apresentando o GNOME Arlindo Pereira arlindo.pereira@uniriotec.br O que é o GNOME? GNOME é um ambiente desktop - a interface gráfica de usuário que roda sobre um sistema operacional - composta inteiramente

Leia mais

PROPOSTA DE UM MODELO DE SISTEMA HIPERMÍDIA PARA APRESENTAÇÃO DO CURSO DE CIÊNCIA DA COMPUTAÇÃO

PROPOSTA DE UM MODELO DE SISTEMA HIPERMÍDIA PARA APRESENTAÇÃO DO CURSO DE CIÊNCIA DA COMPUTAÇÃO PROPOSTA DE UM MODELO DE SISTEMA HIPERMÍDIA PARA APRESENTAÇÃO DO CURSO DE CIÊNCIA DA COMPUTAÇÃO Fabiana Pacheco Lopes 1 1 Universidade Presidente Antônio Carlos (UNIPAC) fabipl_21@yahoo.com.br Resumo.Este

Leia mais

Design para internet. Resolução. - No Design Gráfico quanto maior o DPI melhor. - Na web não é bem assim.

Design para internet. Resolução. - No Design Gráfico quanto maior o DPI melhor. - Na web não é bem assim. Resolução - No Design Gráfico quanto maior o DPI melhor. - Na web não é bem assim. Resolução Exemplo de imagem com diferentes resoluções de Pontos/Pixels por polegada". Em uma imagem digital quanto mais

Leia mais

Construtor de sites SoftPixel GUIA RÁPIDO - 1 -

Construtor de sites SoftPixel GUIA RÁPIDO - 1 - GUIA RÁPIDO - 1 - Sumário Introdução...3 Por que utilizar o Construtor de Sites?...3 Vantagens do Construtor de Sites...3 Conceitos básicos...3 Configuração básica do site...5 Definindo o layout/template

Leia mais

CAPÍTULO 4. AG8 Informática

CAPÍTULO 4. AG8 Informática 2ª PARTE CAPÍTULO 4 Este capítulo têm como objetivo: 1. Tratar das etapas do projeto de um Website 2. Quais os profissionais envolvidos 3. Administração do site 4. Dicas para não cometer erros graves na

Leia mais

Fundamentos de design

Fundamentos de design Fundamentos de design gordongroup Sobre o gordongroup gordongroup é uma agência de marketing e comunicação de tempo integral e de balcão único, que oferece um conjunto exclusivo de serviços criativos,

Leia mais

Nova Central de Atendimento Logicorp

Nova Central de Atendimento Logicorp 1. INICIAR O NAVEGADOR DE INTERNET Acessar a página da Logicorp no link: http://www.logicorp.net.br/index.html 2. ACESSANDO A ÁREA DE ATENDIMENTO DO NOSSO SITE Na parte superior clique em Atendimento.

Leia mais

PROJETO DE ACESSIBILIDADE VIRTUAL DO IFRS Manual Rápido do NVDA. Sumário

PROJETO DE ACESSIBILIDADE VIRTUAL DO IFRS Manual Rápido do NVDA. Sumário PROJETO DE ACESSIBILIDADE VIRTUAL DO IFRS Manual Rápido do NVDA Sumário O que são leitores de Tela?... 1 O NVDA - Non Visual Desktop Access... 1 Procedimentos para Download e Instalação do NVDA... 2 Iniciando

Leia mais

Interfaces para Softwares Educativos

Interfaces para Softwares Educativos Interfaces para Softwares Educativos Eliseo Reategui eliseoreategui@gmail.com Departamento de Informática Universidade de Caxias do Sul Interfaces para Softwares Educativos Interfaces para Softwares Educativos

Leia mais

TECNOLOGIAS WEB AULA 8 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD

TECNOLOGIAS WEB AULA 8 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD TECNOLOGIAS WEB AULA 8 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Apresentar os principais problemas de acessibilidade na Internet. Apresentar as principais deficiências e as tecnologias de apoio.

Leia mais

IPAHN Novo Portal 4 ª Revisão e Análise do CMS e Novo Portal Dezembro 2014

IPAHN Novo Portal 4 ª Revisão e Análise do CMS e Novo Portal Dezembro 2014 IPAHN Novo Portal 4 ª Revisão e Análise do CMS e Novo Portal Dezembro 2014 Relação de itens verificados e propostas de alteração que consideramos fundamental para a continuidade dos trabalhos de transição

Leia mais

O TEXTO DA MÍDIA DIGITAL

O TEXTO DA MÍDIA DIGITAL PACOTE DE NOTÍCIAS no dreamweaver O TEXTO DA MÍDIA DIGITAL União das principais características das mídias "anteriores : - Agilidade (rádio) - rapidez na atualização de conteúdo e na formatação do layout

Leia mais

SIEP / RENAPI. Dicas HTML e CSS para Desenvolvimento. de um Site/Portal Acessível

SIEP / RENAPI. Dicas HTML e CSS para Desenvolvimento. de um Site/Portal Acessível SIEP / RENAPI Dicas HTML e CSS para Desenvolvimento de um Site/Portal Acessível Setembro de 2009 Dicas HTML e CSS para Desenvolvimento de um Site/Portal Acessível Cuidados em geral Separar adequadamente

Leia mais

Padrão Visual de Sistemas da Anvisa na Internet

Padrão Visual de Sistemas da Anvisa na Internet Agência Nacional de Vigilância Sanitária Padrão Visual de Sistemas da Anvisa na Internet Gerência-Geral de Tecnologia da Informação Gerência de Sistemas www.anvisa.gov.br Brasília, janeiro de 2007 Agência

Leia mais

PROPOSTA DE MELHORIA DA INTERFACE PARA O

PROPOSTA DE MELHORIA DA INTERFACE PARA O PROPOSTA DE MELHORIA DA INTERFACE PARA O AMBIENTE VIRTUAL DE APRENDIZAGEM MOODLE Orientado: Nestor Vicente Soares Netto Orientador: André Luiz Zambalde Co-orientador: Ahmed Ali Abdalla Esmin Roteiro 1.

Leia mais

Identidade Digital Padrão de Governo

Identidade Digital Padrão de Governo Identidade Digital Padrão de Governo Participantes do Projeto Presidência da República Secretaria de Comunicação SECOM Diretoria de Tecnologia DITEC Ministério do Planejamento Secretaria de Logística e

Leia mais

selecionado. DICAS 1. Explore, sempre, o ícone

selecionado. DICAS 1. Explore, sempre, o ícone COMO USAR O MAPA COM INDICADORES DO GEOPORTAL DE INFORMAÇÕES EM SAÚDE DA BAHIA? Este documento fornece um passo a passo explicativo e ilustrado das principais ferramentas do Mapa com Indicadores do GeoPortal

Leia mais

Conteúdo Programático do Web Design

Conteúdo Programático do Web Design Conteúdo Programático do Web Design O Ambiente Macromedia Dreamweaver Instalação do Dreamweaver Arquivos Utilizados na Apostila A Inicialização de Dreamweaver Área de Trabalho Dreamweaver Criação de uma

Leia mais

Pedro F. Carvalho Analista de Sistemas/Gerente de Projetos contato@pedrofcarvalho.com.br OCP Oracle 10g ITIL FoundationV3 PROJETO DE WEB SITE

Pedro F. Carvalho Analista de Sistemas/Gerente de Projetos contato@pedrofcarvalho.com.br OCP Oracle 10g ITIL FoundationV3 PROJETO DE WEB SITE PROJETO DE WEB SITE EAP Estrutura Analitica de Projeto Preparação Estudar as particularidades do serviço e do cliente; Observar projetos semelhantes (Beanchmark); Definir metas e estratégias; Elaborar

Leia mais

Microsoft PowerPoint

Microsoft PowerPoint Microsoft PowerPoint Microsoft PowerPoint é utilizado para desenvolver apresentações. Os trabalhos desenvolvidos com este aplicativo normalmente são apresentados com o auxílio de um datashow. Apresentações

Leia mais

Sumário. Os Créditos que Faltavam Introdução

Sumário. Os Créditos que Faltavam Introdução Sumário Os Créditos que Faltavam Introdução Parte Um: Bem-vindo à Web Capítulo 1: Preparação para a web 9 Apresentação da World Wide Web 9 Navegadores 10 Servidores web 14 Planejamento de um website 15

Leia mais

Fluxo de Desenvolvimento do Webdesign

Fluxo de Desenvolvimento do Webdesign Webdesign Fluxo de Desenvolvimento do Webdesign Apresentação, Fluxo de Desenvolvimento e Arquitetura da Informação Apresentação Thiago Miranda Email: mirandathiago@gmail.com Site: www.thiagomiranda.net

Leia mais

Escrevendo para a Web

Escrevendo para a Web Escrevendo para a Web Este texto pretende orientar a escrever eficientemente no ambiente da Web. Como usuários lêem na Web Dificilmente as pessoas lêem as páginas da internet palavra por palavra. Elas

Leia mais

Monday, January 23, 12. Introdução sobre Acessibilidade na web

Monday, January 23, 12. Introdução sobre Acessibilidade na web Introdução sobre Acessibilidade na web Acessibilidade na web é o consumo da informação por qualquer pessoa por qualquer tipo de meio de acesso. Para que serve a web? A web serve para compartilhar informação.

Leia mais

Teoria para IHC: Engenharia Semiótica

Teoria para IHC: Engenharia Semiótica Teoria para IHC: Engenharia Semiótica ERBASE EPOCA 2009 2010 Engenharia Semiótica: uma nova perspectiva A Engenharia Semiótica é uma abordagem para IHC na qual o design e a interação fazem parte de um

Leia mais

ESCOLA SECUNDÁRIA DR. GINESTAL MACHADO Ano lec.2013-2014. Curso Profissional de Técnico de Multimédia. Planificação

ESCOLA SECUNDÁRIA DR. GINESTAL MACHADO Ano lec.2013-2014. Curso Profissional de Técnico de Multimédia. Planificação ESCOLA SECUNDÁRIA DR. GINESTAL MACHADO Ano lec.2013-2014 Curso Profissional Técnico Multimédia Planificação Disciplina: Design, Comunicação e Audiovisuais Ano: 11º Conteúdos Objetivos Estratégias/Atividas

Leia mais

Trabalho GA - Editor de Cenário Parallax

Trabalho GA - Editor de Cenário Parallax Objetivo A tarefa consiste em criar um editor gráfico de cenários para jogos 2D com visão lateral. O editor deve permitir que o usuário trabalhe com camadas, para simular o efeito parallax. O usuário pode

Leia mais

www.rakutencommerce.com.br E-BOOK

www.rakutencommerce.com.br E-BOOK APRENDA AS ÚLTIMAS DICAS E TRUQUES SOBRE COMO DAR UM TAPA 3.0 NA SUA LOJA VIRTUAL. www.rakutencommerce.com.br E-BOOK propósito desse ebook é muito simples: ajudar o varejista on-line a dar um tapa 3.0

Leia mais

Gerenciamento de Arquivos e Pastas. Professor: Jeferson Machado Cordini jmcordini@hotmail.com

Gerenciamento de Arquivos e Pastas. Professor: Jeferson Machado Cordini jmcordini@hotmail.com Gerenciamento de Arquivos e Pastas Professor: Jeferson Machado Cordini jmcordini@hotmail.com Arquivo Todo e qualquer software ou informação gravada em nosso computador será guardada em uma unidade de disco,

Leia mais

Portal do Projeto Tempo de Ser

Portal do Projeto Tempo de Ser Sumário Portal do Projeto Tempo de Ser O que é um Wiki?...2 Documentos...2 Localizando documentos...3 Links...3 Criando um Documento...4 Criando um link...4 Editando um Documento...5 Sintaxe Básica...5

Leia mais

Prezado Senhor, Em prosseguimento aos nossos entendimentos, estamos formalizando a nossa proposta para desenvolvimento do site da Digivox.

Prezado Senhor, Em prosseguimento aos nossos entendimentos, estamos formalizando a nossa proposta para desenvolvimento do site da Digivox. João Pessoa, 18 de Agosto de 2015. Prezado Senhor, Em prosseguimento aos nossos entendimentos, estamos formalizando a nossa proposta para desenvolvimento do site da Digivox. 1. Projeto Desenvolvimento

Leia mais

Sistema de Navegação. 2006 Guilhermo Reis www.guilhermo.com

Sistema de Navegação. 2006 Guilhermo Reis www.guilhermo.com Sistema de Navegação 2006 Guilhermo Reis www.guilhermo.com 2 O que é navegar? Navegar é alcançar um destino que está fora do alcance de campo de visão do ponto de partida. Para alcançar seu destino, o

Leia mais

FORMULÁRIOS ACESSÍVEIS

FORMULÁRIOS ACESSÍVEIS Ministério da Educação Secretaria de Educação Profissional e Tecnológica IFRS Instituto Federal de Educação, Ciência e Tecnologia do Rio Grande do Sul NAV Núcleo de Acessibilidade Virtual FORMULÁRIOS ACESSÍVEIS

Leia mais

A PÁGINA DISCIPLINAR DE MATEMÁTICA DO PORTAL DIA A DIA EDUCAÇÃO

A PÁGINA DISCIPLINAR DE MATEMÁTICA DO PORTAL DIA A DIA EDUCAÇÃO A PÁGINA DISCIPLINAR DE MATEMÁTICA DO PORTAL DIA A DIA EDUCAÇÃO Resumo: Dolores Follador Secretaria de Estado da Educação do Paraná e Faculdades Integradas do Brasil - Unibrasil doloresfollador@gmail.com

Leia mais

Unidade 13: Acessibilidade de OA

Unidade 13: Acessibilidade de OA Autoria: Braga, Juliana Cristina; França, Roberta Kelly A. de; Ponchio, Rita A... Estamos na fase final do processo INTERA, é importante que as etapas onde se trabalham as qualidades técnicas e pedagógicas

Leia mais

Web Design. Prof. Felippe

Web Design. Prof. Felippe Web Design Prof. Felippe 2015 Sobre a disciplina Fornecer ao aluno subsídios para o projeto e desenvolvimento de interfaces de sistemas Web eficientes, amigáveis e intuitivas. Conceitos fundamentais sobre

Leia mais

usabilidade assume uma importância ímpar na economia da Internet

usabilidade assume uma importância ímpar na economia da Internet WEB Usabilidade WEB usabilidade assume uma importância ímpar na economia da Internet no design de produtos e de software tradicionais, usuários pagam antes e experimentam a usabilidade depois na WEB experimentam

Leia mais

Mitos da Acessibilidade Web

Mitos da Acessibilidade Web SAPO Codebits 2008 Magda Joana Silva magdajoanasilva@gmail.com Acessibilidade Web igualdade de acesso a Web sites a pessoas com limitações Acessibilidade Web igualdade de acesso a Web sites a pessoas com

Leia mais

Guia de Uso. O Pro-Treino tem uma divisão clara de funções, apresentada a seguir: E três tipos de usuários que executam as funções descritas acima:

Guia de Uso. O Pro-Treino tem uma divisão clara de funções, apresentada a seguir: E três tipos de usuários que executam as funções descritas acima: Sumário 1. Introdução... 2 2. Conceitos básicos... 2 2.1. Fluxo do sistema... 3 2.2. Acesso ao sistema... 4 2.2.1. Login... 4 2.2.2. Logoff... 4 2.2.3. Esqueci minha senha... 5 2.3. Conhecendo o Sistema...

Leia mais

Ensino técnico Integrado ao médio.

Ensino técnico Integrado ao médio. PLANO DE TRABALHO DOCENTE 1º Semestre/2015 Ensino técnico Integrado ao médio. Código: 262 ETEC ANHANQUERA Município: Santana de Parnaíba Componente Curricular: Desenvolvimento e Design de Websites Eixo

Leia mais

Escola Superior de Música, Artes e Espectáculo. Curso de Tecnologia da Comunicação Multimédia. Relatório. Aluno: Pedro Filipe Brito Xavier De Mesquita

Escola Superior de Música, Artes e Espectáculo. Curso de Tecnologia da Comunicação Multimédia. Relatório. Aluno: Pedro Filipe Brito Xavier De Mesquita Escola Superior de Música, Artes e Espectáculo Curso de Tecnologia da Comunicação Multimédia Relatório Aluno: Pedro Filipe Brito Xavier De Mesquita Docente: Leonel Cunha Rui Espírito Santo Laboratório

Leia mais

CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET

CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET WEBSITE MUNDO MULHER GABRIELA DE SOUZA DA SILVA LUANA MAIARA DE PAULA SILVA

Leia mais

Interface Humano-Computador IHC Paradigmas de IHC

Interface Humano-Computador IHC Paradigmas de IHC Instituto Federal de Educação, Ciência e Tecnologia Campus Formosa Interface Humano-Computador IHC Paradigmas de IHC Prof. M.Sc. Victor Hugo Lázaro Lopes IHC Paradigmas de IHC AGENDA Engenharia Cognitiva

Leia mais

Buscando Acessibilidade em Ambientes de EAD. Andréa Poletto Sonza e Daniela Menegotto CEFET Bento Gonçalves RS Junho 2008

Buscando Acessibilidade em Ambientes de EAD. Andréa Poletto Sonza e Daniela Menegotto CEFET Bento Gonçalves RS Junho 2008 Buscando Acessibilidade em Ambientes de EAD Andréa Poletto Sonza e Daniela Menegotto CEFET Bento Gonçalves RS Junho 2008 Tecnologia Assistiva CONCEITO: conjunto de artefatos disponibilizados às PNEs, que

Leia mais

CSS. Oficina de CSS Aula 10. Cascading Style Sheets. Cascading Style Sheets Roteiro. Cascading Style Sheets. Cascading Style Sheets W3C

CSS. Oficina de CSS Aula 10. Cascading Style Sheets. Cascading Style Sheets Roteiro. Cascading Style Sheets. Cascading Style Sheets W3C Roteiro Oficina de Aula 10 s Selos de conformidade Prof. Vinícius Costa de Souza www.inf inf.unisinos..unisinos.br/~vinicius outubro de 2006 W3C São um conjunto de normas, diretrizes, recomendações, notas

Leia mais

NTI Núcleo de Tecnologia de Informação / UNIFAL-MG Drupal Manual do Usuário DRUPAL MANUAL DO USUÁRIO

NTI Núcleo de Tecnologia de Informação / UNIFAL-MG Drupal Manual do Usuário DRUPAL MANUAL DO USUÁRIO DRUPAL MANUAL DO USUÁRIO Primeiros passos para inserir conteúdo no site. 1. Logar-se no site através de seu usuário e senha. 2. Criar um novo menu. 3. Ativar o menu criado, colocando-o em alguma região

Leia mais

Flex. MANUAL DE USO DA FERRAMENTA FLEX O Flex como gerenciador de conteúdo

Flex. MANUAL DE USO DA FERRAMENTA FLEX O Flex como gerenciador de conteúdo 2011 MANUAL DE USO DA FERRAMENTA FLEX O Flex como gerenciador de conteúdo Aprenda como é simples utilizar a ferramenta Flex como seu gerenciador de conteúdo online. Flex Desenvolvido pela ExpandWEB 31/01/2011

Leia mais

Manual de Utilização ao Módulo Rede Federal SIMEC - Versão 14/set/2015.

Manual de Utilização ao Módulo Rede Federal SIMEC - Versão 14/set/2015. Manual de Utilização ao Módulo Rede Federal SIMEC - Versão 14/set/2015. O Sistema Integrado de Monitoramento, Execução e Controle do Ministério da Educação (SIMEC) é um portal operacional e de gestão do

Leia mais

1. O Word 2010 BR oferece a possibilidade de salvar um arquivo digitado, clicando

1. O Word 2010 BR oferece a possibilidade de salvar um arquivo digitado, clicando QUESTÕES WORD 2007/2010 PROF.JULIO RAMOS PAG.1 1. O Word 2010 BR oferece a possibilidade de salvar um arquivo digitado, clicando na opção da guia Arquivo, por meio de uma janela padronizada. Essa janela

Leia mais

Microsoft Power Point - Manual de Apoio

Microsoft Power Point - Manual de Apoio Microsoft Power Point - Manual de Apoio Pág. 1 de 26 Apresentação e introdução O ambiente de trabalho do Power Point. Abrir, guardar e iniciar apresentações. Obter ajuda enquanto trabalha. Principais barras

Leia mais

DOWNLOAD DO APLICATIVO: INSTALAÇÃO DO APLICATIVO

DOWNLOAD DO APLICATIVO: INSTALAÇÃO DO APLICATIVO DOWNLOAD DO APLICATIVO: O aplicativo deve ser baixado pelo endereço: http://www.estudeadistancia.com/avamobile/ A partir do dia 03/06 será disponibilizado dois links para download: 1 download do aplicativo

Leia mais

Como funciona o site treinamento técnico ON-LINE?

Como funciona o site treinamento técnico ON-LINE? Manual do Usuário INSTRUÇÕES PARA UTILIZAÇÃO DO TREINAMENTO ON LINE A ATIC Tecnologia do Brasil Ltda. com o objetivo de atender aos seus diversos clientes, oferece treinamentos EAD - Educação a Distância

Leia mais

Construtor Iron Web. Manual do Usuário. Iron Web Todos os direitos reservados

Construtor Iron Web. Manual do Usuário. Iron Web Todos os direitos reservados Construtor Iron Web Manual do Usuário Iron Web Todos os direitos reservados A distribuição ou cópia deste documento, ou trabalho derivado deste é proibida, requerendo, para isso, autorização por escrito

Leia mais

e-mag Checklist de Acessibilidade Manual para Deficientes Visuais

e-mag Checklist de Acessibilidade Manual para Deficientes Visuais Ministério do Planejamento, Orçamento e Gestão Secretaria de Logística e Tecnologia da Informação Departamento de Governo Eletrônico Ministério da Educação Secretaria de Educação Profissional e Tecnológica

Leia mais

Mozart de Melo Alves Júnior

Mozart de Melo Alves Júnior Mozart de Melo Alves Júnior WORD 2000 INTRODUÇÃO: O Word é um processador de texto com recursos de acentuação, formatação de parágrafo, estilo de letras diferentes, criação de tabelas, corretor ortográfico,

Leia mais

DIFERENCIAIS SERVIÇOS. 1. Desenvolvimento De Sites Personalizados

DIFERENCIAIS SERVIÇOS. 1. Desenvolvimento De Sites Personalizados DIFERENCIAIS Acredito que o desenvolvimento de soluções para Internet não é um trabalho qualquer, deve-se ter certa experiência e conhecimento na área para projetar sistemas que diferenciem você de seu

Leia mais