VI.3-Personalização de Homepages e Standards
|
|
- Manuel Bergmann Ramires
- 7 Há anos
- Visualizações:
Transcrição
1 VI WWW VI.3-Personalização de Homepages e Standards The Design of Sites, D. Duyne, J. Landay, J. Hong Resumo da Aula Anterior Processo e práticas de design para a Web Padrões permitem-nos reutilizar Conhecimento de desenho 6 Regras para uma boa Home Page 1. Primeira impressão positiva 2. Focar num tópico principal 3. Construir imagem de marca 4. Facilitar navegação 5. Atrair visitantes a regressar 6. Tornar carregamento rápido Pirâmide invertida Começar pelas conclusões e acrescentar detalhes a desenvolver história. Estudo Usabilidade (resultados inesperados) páginas legíveis menos eficazes. Leitores buscam informação, não lêem! Navegação deve estar associada a conteúdo. Para que utilizadores prevejam resultado de seguir elos 2 Melhor e Pior? 3 1
2 Sumário Padrões de desenho WWW E-commerce e Carrinho de compras Personalização de homepages Standards de desenho Web Acessibilidade Cascade Style Sheets (CSS) Separação de conteúdo vs apresentação Locais de validação de CSS e HTML 4 Exemplos de + Padrões Padrões que utilizam a experiência off-line Comércio Electrónico: Carrinho de compras Caixa registadora (CHECKOUT) 5 Carrinho de Compras Problema Como permitir que utilizadores comprem múltiplos itens numa transacção Solução Metáfora do carrinho de compras Armazenar itens antes do consumidor finalizar compra regista nome, quantidade, disponibilidade e preço dos itens 6 2
3 Carrinho de Compras Tornar fácil acrescentar itens do catálogo em cada página Facilitar a compra ao utilizador! Parece óbvio mas muitos locais não sabem como fazer 7 Carrinho de Compras Dar info detalhada sobre cada item: nome com elo para detalhe quantidade c/ modo alterar preço Descrição sumária disponibilidade modo de eliminar 8 Carrinho de Compras Fornecer Info sobre todos os itens Sub-totais Porte & envio, taxas, outros encargos (se souber ) 9 3
4 Carrinho de Compras Elo visível para CHECKOUT 10 Carrinho de Compras Elo que permita continuar a comprar 11 Carrinho de Compras Não permitir itens não disponíveis Ou então dar informação sobre disponibilidade 12 4
5 Wish List 13 Resumo Carrinho de Compras Como fazer este padrão funcionar Acessível em todas as páginas Tornar fácil acrescentar itens do catálogo Dar info detalhada sobre cada item Fornecer Informação sobre todos os itens Elo visível para CHECKOUT Elo que permita continuar a comprar Não permitir itens não disponíveis 14 Personalização de homepages 15 5
6 Personalização da Home Page Problema Seria ideal os visitantes voltarem frequentemente à vossa homepage comprar, ver anúncios, usar serviços, etc. Se o conteúdo não é alterado e personalizado é menos provável que os visitantes regressem ou fiquem Info personalizada é mais útil que info genérica. Solução Personalizar conteúdo Uma homepage personalizada para cada visitante 16 novos utilizadores para re-visitantes Diagrama solução Página Personalizada 18 6
7 Como Personalizar a Página Obter informação dos PERFIS CONVIDADOS & utilizá-la para construir um local que Retém o interesse Parece adaptado só para eles Os visitantes têm de confiar em vós para fornecer info. directa/indirectamente cookies nem sempre aceites se não houver confiança devem usá-la para benefício deles apenas Quatro modos de obter informação Editar, entrevistar, deduzir, filtro colaborativo 19 Editar Info de Personalização my.yahoo.com bom exemplo de editar para personalizar Visitantes seleccionam informação de listas Tempo em cidades Fontes noticiosas Acções a comprar Desportos a ver Incluir módulos usando selecções Problemas? Monótono se muito repetido Relação custo-benefício (vale a pena gastar o meu tempo?) 20 Método das Entrevistas Visitantes resp. escolhas múltiplas Actualizam PERFIL CONVIDADO Incluir módulos baseados em um ou mais critérios de pontuação Deve permitir refinar personalização ao longo do tempo 21 7
8 Deduzir para Personalizar Monitorizar Comportamento dos Utilizadores Amazon observa encomendas para oferecer livros semelhantes em visitas subsequentes Actualizar PERFIL CONVIDADO Seleccionar conteúdo com base em critérios de pontuação (ex. Amazon.com) 22 Filtros Colaborativos Fornecer conteúdo apelativo com base em todos os visitantes Fornecer módulos adaptados usando perfis semelhantes correlação de perfis para identificar áreas de interesse 23 Standards de desenho Web 24 8
9 Necessidade de Standards Vários elementos de desenho são tão comuns que os utilizadores criam espectativas em relação ao seu funcionamento Muitos locais são difíceis de usar porque se desviam das normas esperadas 25 Três níveis de Uniformização Standard 80% ou mais locais usam a mesma abordagem de desenho Utilizadores esperam fortemente que elementos standard funcionem de determinado modo, porque foi assim que as coisas sempre funcionaram Convenção 50-79% dos locais usam a mesma abordagem de desenho Utilizadores esperam que os elementos standard funcionem de determinado modo, porque é assim que as coisas normalmente funcionam Confusão Não existe uma abordagem de desenho que seja predominante Utilizadores não sabem o que esperar quando visitam um novo local 26 Quantos elementos de desenho são standardizados? Fizeram-se estudos para estimar o respeito dos standards de interfaces pelo desenho Web Analizaram-se 57 locais 27 9
10 Uniformização - Standard 37% dos elementos de desenho foram usados da mesma maneira por 4/5 dos locais Elementos de desenho standards Logotipo no canto superior esquerdo Campo de pesquisa na Home Page Inexistência de páginas de entrada (páginas splash) Caminho com a localização actual (ex. IPM > Lab > Aula1) 28 Uniformização - Convenção 40% dos elementos de desenho foram usados da mesma maneira por pelo menos metade dos locais Elementos de desenho convencionais Utilização de Site Map para mapa do local Alteração da cor dos elos depois de visitados Elo do Carrinho de Compras no canto superior direito Elos para áreas irmãs na coluna da esquerda 29 Uniformização - Confusão 23% dos elementos de desenho foram usados de tantas maneiras, que nenhuma dominou Confusão em várias áreas, como Mecanismo principal de navegação Menu do lado esquerdo Tabs no topo Barra de navegação no topo Estilo da directoria do Yahoo no centro Etc. Localização da funcionalidade de pesquisa Em cima à direita; em cima à esquerda; no meio; em qualquer lugar da página Processo de Sign-in Localização da Ajuda 30 10
11 Uniformização - Conclusão À primeira vista pode parecer muito bom, pois apenas ¼ (23%) dos elementos de desenho causam Confusão Mas qual é esse ¼?? Os mais standards são os elementos mais simples (ex. logos) :-( Os elementos mais confusos são os que deveriam facilitar o domínio do local pelo utilizador A navegação é confusa A pesquisa é confusa Sign-in é confuso A Ajuda é confusa 31 Porque é que os Standards Ajudam Devemos eliminar os elementos confusos e ir na direcção das convenções de desenho Os standards asseguram que os utilizadores Sabem quais as características a esperar Sabem como essas características aparecerão na interface Sabem onde encontrar essas características no local e na página Sabem como lidar com cada característica para atingir os seus objectivos Não têm que se preocupar com o significado de elementos desconhecidos Não perdem uma característica importante por dedicarem mais atenção a elementos não standard Não têm surpresas desagradáveis quando algo não funciona como estavam à espera 32 Acessibilidade Normas e Recomendações Requisitos de Visitabilidade do Governo Português: acesso/visitabil.htm Resolução do CM em 1999 (!!) WAI Web Accessibility Initiative 33 11
12 Normas de Acessibilidade W3C QuickTips/ 34 Associar Texto a elementos visuais 1. Imagens e animações. Utilize o atributo alt para descrever a função de cada elemento visual. 2. Mapas de imagem. Utilize mapas de cliente (anotação map), empregando texto nos pontos activos. 3. Multimédia. Disponibilize legendas e transcrições da componente sonora, e descrições da componente visual. 35 Ligações de hipertexto. 4. Utilize texto que faça sentido, mesmo lido fora do contexto. Por exemplo: evite "clique aqui"
13 5. Organização das páginas. Utilize cabeçalhos, listas e uma estrutura consistente. Sempre que possível, utilize CSS para efeitos de disposição e estilo Gráficos e esquemas Forneça resumos ou utilize o atributo longdesc Scripts, applets e suplementos. Forneça conteúdo alternativo, se as características activas não forem acessíveis ou se não forem suportadas pelo navegador
14 8. Frames Utilize a anotação noframes e empregue títulos com significado Tabelas. Faça com que a leitura linha-a-linha seja compreensível. Forneça resumos Verifique o trabalho Efectue validações. Recorra a ferramentas e às directivas existentes em
15 Cascading Style Sheets CSS 43 CSS Definição e História CSS = Cascading Style Sheets ou Style Sheets Grupos de regras de estilo/propriedades que permitem controlar a apresentação (ex. Fontes, cores, margens, e outros aspectos de estilo) de um documento Web sem comprometer a sua estrutura Resumo histórico Dez primeira versão de CSS CSS2 passou a ser a nova recomendação Jun Rascunho da recomendação CSS3 44 CSS - Vantagens Separação entre Apresentação (CSS) e Conteúdo (HTML) Código HTML mais simples e mais fácil de gerir Controlo mais fino sobre a apresentação. CSS criadas para lidar com aspectos + específicos Navegadores antigos ignoram as CSS Permitem ao leitor definir regras de apresentação dos documentos HTML HTML foi desenvolvido para definir estrutura de documentos e não apresentação Melhoram a impressão de documentos web (define-se na CSS) Pessoas com deficiências têm melhor acesso às páginas (infraestrutura para Style sheets de fala) 45 15
16 CSS Exemplo de Utilização Cenário: Criar uma página onde todos os <H3> têm texto verde em Arial itálico. Sem CSS teríamos que escrever <EM><FONT face="arial" color="green"><h3>this is a green, italic, Arial H3 header.</h3></font></em> cada vez que se usasse um <H3> Com CSS podemos definir o estilo para todos os <H3> usando um selector H3 {font-family: Arial; font-style: italic; color: green} Assim, cada vez que criar um <H3> ele será verde Arial itálico CSS pode estar definida dentro de um documento HTML ou num ficheiro à parte 46 Sites de Validação de Páginas Validação de HTML Validação de CSS Acessibilidade (cores) World Wide Web Consortium (W3C) 47 Deuteranope (Deficiência Verde/Vermelho) 48 16
17 CSS Ex. de Validação 49 Resumo Carrinho de Compras Personalização. Porquê? Se o conteúdo não estiver actualizado, consumidores não voltam Quatro modos de coligir informação Editar Entrevistar Deduzir Filtros Colaborativos Standards de desenho Web Necessidade e Vantagens Cascade Style Sheets (CSS) Separação de conteúdo vs apresentação Locais de validação de páginas web 50 Próxima Aula Definição de MVC Porque precisamos de modelos? Fluxo de acontecimentos Arrastar em cadências interactivas Ler Developing User Interfaces, Cap. 5, Dan Olsen 51 17
VI WWW. VI.3-Personalização de Homepages e Standards
VI WWW VI.3-Personalização de Homepages e Standards The Design of Sites, D. Duyne, J. Landay, J. Hong Resumo da Aula Anterior Processo e práticas de design para a Web Padrões permitem-nos reutilizar Conhecimento
Leia maisV.2 Dispositivos de Interacção VI WWW VI.3 PADRÕES DE DESENHO WEB. The Design of Sites, Cap. 2 D. Duyne, J. Landay, J. Hong. Melhor e pior?
VI WWW VI.3 PADRÕES DE DESENHO WEB The Design of Sites, Cap. 2 D. Duyne, J. Landay, J. Hong Melhor e pior? 2 1 Resumo Aula Anterior o Artefactos e Práticas de Design o Pirâmide Invertida o Estudo Usabilidade
Leia maisInterfaces Pessoa-Máquina (IPM)
Interfaces Pessoa-Máquina (IPM) VI.2 Padrões de Desenho Web The Design of Sites, Cap. 2, D. Duyne, J. Landay, J. Hong 1 Resumo Aula Anterior o Importância de páginas bem desenhadas o Dez erros mais comuns
Leia maisInterfaces Pessoa- Máquina
Interfaces Pessoa- Máquina Marielba Silva de zacarias Fct I, Gab. 2.69 mzacaria@ualg.pt http://w3.ualg.pt/mzacaria Padrões de desenho para a web Referências: 1. The Design of Sites, Cap. 1, 4 e 5, D. Duyne,
Leia maisGuia acessibilidade. Pode encontrar as Directivas para a acessibilidade do conteúdo da Web no endereço <http://wai-pageauth.
Guia acessibilidade Pode encontrar as Directivas para a acessibilidade do conteúdo da Web - 1.0 no endereço NOÇÕES DE ACESSIBILIDADE 2 O QUE É ACESSIBILIDADE? A Acessibilidade
Leia maisAcessibilidade na WEB. Euder Flávio Fernando Iran Giovanne Librelon Victor Hugo
Acessibilidade na WEB Euder Flávio Fernando Iran Giovanne Librelon Victor Hugo O que é acessibilidade? Campo da usabilidade que trata de necessidades especiais do usuário Eliminação de barreiras arquitetônicas,
Leia maisLogótipos de nível de conformidade Level-A
Lista de de Prioridade Level-A Logótipos de nível de conformidade Level-A Estes checkpoints são requisitos básicos que um programador tem que satisfazer para determinados grupos de utilizadores possam
Leia maisAparência. Lauri Watts Tradução: José Pires
Lauri Watts Tradução: José Pires 2 Conteúdo 1 Aparência 4 1.1 Geral............................................. 4 1.2 Tipos de Letra........................................ 4 1.3 Folhas de Estilo.......................................
Leia maisDocumentação e Ajudas
Interfaces Pessoa Máquina Documentação e Ajudas Cap. 12 Manuais e Documentação 20 Melhor e Pior? Melhor e Pior? Resumo Aula Anterior Multiplicidade de Dispositivos de Interação Entrada de Texto Introdução
Leia maisTecnologias de Desenvolvimento de Páginas web
Tecnologias de Desenvolvimento de Páginas web HTML DHTML CSS Javascript Visual Basic Script Java HTML Hypertext Markup Language HTML Hypertext Markup Language Linguagem com a qual se definem as páginas
Leia maisCatálogo BloguesEDU Apoio
Apoio Tutorial Blogger 1 Neste tutorial, iremos apoiá-lo ao longo do processo de construção e personalização de um blogue com a ferramenta Blogger (http://www.blogger.com ) à qual pode aceder com os dados
Leia maisDocumentos MS Word acessíveis
Documentos MS Word acessíveis Este guia pretende ajudar na produção de documentos acessíveis em Microsoft Word de âmbito académico, para serem distribuidos em formato eletrónico ou impressos. As boas práticas
Leia maisVII Desenvolvimento e Toolkits. VII.2-Model View Controller
VII Desenvolvimento e Toolkits Developing User Interfaces, Cap. 5, Dan Olsen Melhor e Pior? 2 IPM 2007/2008 1 Melhor e Pior? 3 Melhor e Pior? 4 IPM 2007/2008 2 Resumo da Aula Anterior de Acontecimentos
Leia maisAnexo I. Recomendações para construção de páginas acessíveis para o EAD da Universidade Caixa.
Anexo I Recomendações para construção de páginas acessíveis para o EAD da Universidade Caixa. NOTA: Os exemplos utilizados neste documento fazem referência a uma página de curso com quatro níveis, conforme
Leia maisSumário. Página 2 de 22
Manual de utilização das melhorias do webaula E- commerce - 22/05/2014 Sumário 1. Introdução... 3 2. Painel de Acessibilidade... 4 2.1. Alto contraste... 4 2.2. Tamanho de letras... 5 2.3. Atalhos do teclado...
Leia maisV.1 DOCUMENTAÇÃO E AJUDAS
V.1 DOCUMENTAÇÃO E AJUDAS HCI, Cap. 11, Alan Dix Melhor e Pior? 2 1 Resumo Aula Anterior Tipos de diálogo Menus, Formulários, LC e MD Principais características, vantagens e desvantagens Princípios de
Leia maisVocê pode ter um site bonito, com um bom layout e facilmente navegável... Mas, isso não significa que todos estejam divertindo-se com ele.
Aula 07 Você pode ter um site bonito, com um bom layout e facilmente navegável... Mas, isso não significa que todos estejam divertindo-se com ele. Usuários com problemas visão, distinguir cores, coordenação
Leia maisAo projeto inciado na aula anterior, faça as seguintes alterações:
Atividade 4 Ao projeto inciado na aula anterior, faça as seguintes alterações: 1. Insira uma cor de fundo na página. 2. Google fonts Se nos basearmos apenas nas fontes que o usuário terá instaladas em
Leia maisV.1 Documentação e Ajudas
V Documentação e Dispositivos HCI, Cap. 11, Alan Dix Principles and Guidelines in Software UI Design, Cap. 17, Deborah Mayhew Melhor e Pior? 2 Resumo da Aula Anterior Testes com utilizadores Fases do Teste
Leia maisV.1 Documentação e Ajudas
Melhor e Pior? V Documentação e Dispositivos V.1 Documentação e Ajudas HCI, Cap. 11, Alan Dix Principles and Guidelines in Software UI Design, Cap. 17, Deborah Mayhew V.1 Documentação e Ajudas 2 Resumo
Leia maisTarlis Portela Web Design DESIGN DE SITE
Tarlis Portela Web Design DESIGN DE SITE Web Design HOMEPAGE 01 01 É o patrimônio mais valioso da humanidade; Investimentos de milhões de dólares em um espaço com menos de um metro quadrado; A homepage
Leia maisDesign: estrutura e estética
Parte III Design: estrutura e estética Arte X Engenharia z Desenvolver Sistema Web é arte? A Web oferece espaço para arte...... mas usuários também querem serviços de qualidade... e clientes querem prazos
Leia maisVI.2 DESENHO DE PÁGINAS WEB E PADRÕES DE DESENHO WEB. The Design of Sites, Cap. 1, 2, 4 e 5, D. Duyne, J. Landay, J. Hong
VI WWW VI.2 DESENHO DE PÁGINAS WEB E PADRÕES DE DESENHO WEB The Design of Sites, Cap. 1, 2, 4 e 5, D. Duyne, J. Landay, J. Hong http://www.useit.com/alertbox/, Jakob Nielsen 1 Melhor e Pior? 2 1 Melhor
Leia maisRecurso Didáctico. Dossier Técnico Pedagógico Projecto: 5742/2008/22 Acção: 5742/2008/ Formador[a]
Recurso Didáctico Formador[a] Sónia Rodrigues UFCD / UC 0793 Scripts CGI e Folhas de Estilo Data 05/05/2009 Contextualização / Objectivos Documentação de apoio Orientação Pedagógica Apontamentos de Folhas
Leia maisZS Rest. Manual Profissional. BackOffice Mapa de Mesas. v2011
Manual Profissional BackOffice Mapa de Mesas v2011 1. Índice 2. INTRODUÇÃO... 2 3. INICIAR O ZSRest Backoffice... 3 1 4. Confirmar desenho de mesas...... 4 b) Activar mapa de mesas... 4 c) Zonas... 4 5.
Leia maisV.1 Documentação e Ajudas
Melhor e Pior? V Documentação e Dispositivos HCI, Cap. 11, Alan Dix Principles and Guidelines in Software UI Design, Cap. 17, Deborah Mayhew 2 Resumo da Aula Anterior Sumário Testes com utilizadores Fases
Leia maisA G R U P A M E N T O D E E S C O L A S D E O L I V E I R I N H A ( ) E S C O L A B Á S I C A D E O L I V E I R I N H A ( )
DISCIPLINA: TIC ANO: 7º TURMAS: A ANO LECTIVO: 2011/2012 P L A N I F I C A Ç Â O A N U A L - T I C UNIDADE DIDÁTICA 1: Tecnologias da Informação e Comunicação AULAS PREVISTAS: 13 x 90 Minutos Utilizar
Leia maisÉ completamente diferente de escrever para a impressão. Todo o texto precisa ser rapidamente escaneável e facilmente digerível.
Aula 07 É completamente diferente de escrever para a impressão. As pessoas não lêem da esquerda para direita, mas sim do início ao fim (escaneiam). Todo o texto precisa ser rapidamente escaneável e facilmente
Leia maisDomine o Word Professor: Rafael Henriques
Domine o Word 2010 Professor: 1 08-03-2016 Rafael Henriques Sumário Introdução aos Processadores de texto; Microsoft Word 2010 O ambiente de trabalho O Friso Os Tabuladores do Word 2010; Realização e correcção
Leia maisO AMBIENTE DE TRABALHO... 2 CRIAR, ABRIR E GUARDAR DOCUMENTOS... 6 EDIÇÃO DE DOCUMENTOS... 7 FORMATAÇÃO DE TEXTO Manual de Word INTRODUÇÃO...
INTRODUÇÃO... 2 Noção de processador de texto... 2 O AMBIENTE DE TRABALHO... 2 Área de trabalho... 3 Barra de menus... 3 Barras de ferramentas... 4 Réguas... 5 Botões de visualização... 5 Barra de estados...
Leia maisUFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues
UFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues 0793 Scripts CGI e folhas de estilo Objectivos da UFCD: Desenvolver páginas para a Web, através de scripts CGI e folhas de estilo. UFCD
Leia maisRelatório único. (Versão 2.5c)
Relatório único (Versão 2.5c) Funcionalidades Envio e edição do Anexo D e do Anexo C Exportação do XML Disponibilização dos dados, quer via formulário quer em formato XML, no portal do cliente Confirmação
Leia maisOpenOffice.org. tutorial apresentação
tutorial apresentação Criar uma nova apresentação Assistente Apresentação Inserir diapositivos Seleccionar diapositivos Formatar uma página Formatar diapositivos Vistas do espaço de trabalho Iniciar apresentação
Leia maisCURSO PROFISSIONAL DE TÉCNICO DE MULTIMÉDIA
CURSO PROFISSIONAL DE TÉCNICO DE MULTIMÉDIA Planificação Anual de Sistemas de Informação 10º ano Ano Letivo 2017/2018 Turma: 10º L1 Professor: Pedro Rocha 1 - Estrutura e Finalidades da disciplina A disciplina
Leia maisTECNOLOGIAS DA INFORMAÇÃO E COMUNICAÇÃO SISTEMAS DE GESTÃO DE BASE DE DADOS FORMULÁRIOS
TECNOLOGIAS DA INFORMAÇÃO E COMUNICAÇÃO SISTEMAS DE GESTÃO DE BASE DE DADOS FORMULÁRIOS Os constituem uma outra forma de visualizar os dados armazenados nas tabela ou disponibilizados numa consulta. Também
Leia mais10 DICAS PARA UM WEBSITE DE SUCESSO O QUE VOCÊ PRECISA SABER PARA CONSTRUIR UM WEBSITE BEM SUCEDIDO!
10 S PARA UM WEBSITE DE SUCESSO O QUE VOCÊ PRECISA SABER PARA CONSTRUIR UM WEBSITE BEM SUCEDIDO! INTRODUÇÃO Seu site é o seu cartão de visitas neste contexto digital que estamos inseridos. A maioria das
Leia maisSOOS. Simple Organize Office System INDUSTRIA 4.0
SOOS Simple Organize Office System INDUSTRIA 4.0 WWW.SOOS.PT O QUE FAZEMOS Transforme os processos da sua empresa em digitais, ganhe tempo e dinheiro, com as nossas soluções de software personalizaveis.
Leia maisCRIAÇÃO E PERSONALIZAÇÃO DE PÁGINAS PESSOAIS NO SISTEMA FENIX
CRIAÇÃO E PERSONALIZAÇÃO DE PÁGINAS PESSOAIS NO SISTEMA FENIX Para activar a página pessoal que o Fénix define de forma automática para cada utilizador, é necessário aceder ao sistema utilizando os códigos
Leia maisBMLABEL MANUAL DO UTILIZADOR
MANUAL DO UTILIZADOR Ao executar o programa abre-se uma janela com a lista das empresas registadas e 2 menus activos: Menu Seleccionar para seleccionar a empresa. Menu Sair para sair da aplicação. Para
Leia maisMÓDULO 3 PÁGINAS WEB. Criação de Páginas Web
MÓDULO 3 PÁGINAS WEB Criação de Páginas Web TÉCNICAS DE IMPLANTAÇÃO DE PÁGINAS NA WEB Linguagens de Programação O HTML é a linguagem mais utilizada para criar páginas Web com hipertexto. Utilizando a linguagem
Leia mais1º Exame de IIPM 2007/2008
Página 1/6 1º Exame de IIPM 2007/2008 Licenciatura em Eng. de Redes de Comunicação 26 de Junho de 2008 A prova é realizada sem consulta de livros ou colegas. Responda às questões justificando adequada
Leia maisV.1 Documentação e Ajudas
Melhor e Pior? V Documentação e Dispositivos HCI, Cap. 11, Alan Dix Principles and Guidelines in Software UI Design, Cap. 17, Deborah Mayhew 2 Resumo da Aula Anterior! Testes com utilizadores! Fases do
Leia maisAplicações de Escritório Electrónico
Universidade de Aveiro Escola Superior de Tecnologia e Gestão de Águeda Curso de Especialização Tecnológica em Práticas Administrativas e Tradução Microsoft Word Folha de trabalho 6 Formatação de estilos
Leia maisO papel cobre a pedra
O papel cobre a pedra Aula 03 II - O papel cobre a pedra Significaifi ter as coisas certas antes de você escrever o código. Ter o projeto de seu site no papel p Na pré-produção também deixamos que o usuário
Leia maisIntrodução ao HTML André Luiz Silva de Moraes Instituto Federal de Santa Catarina
Introdução ao HTML André Luiz Silva de Moraes Hypertext Markup Language Linguagem de Marcação de Hipertexto Padroniza a Escrita do texto Permite que um navegador reconheça elementos para inserir em uma
Leia maisMicrosoft PowerPoint - Apresentações acessíveis
Microsoft PowerPoint - Apresentações acessíveis O Microsoft PowerPoint é uma ferramenta muito utilizada na Universidade por docentes, funcionários e estudantes para fazerem apresentações. Este documento
Leia maisVI WWW. VI.2 Padrões de Desenho Web
VI WWW The Design of Sites, Cap. 2, D. Duyne, J. Landay, J. Hong Melhor e Pior? 2 IPM 2007/2008 1 Melhor e Pior? 3 Resumo da Aula Anterior Importância de páginas bem desenhadas Diferenças entre IU para
Leia maisVI.2 Padrões de Desenho Web
VI WWW The Design of Sites, Cap. 2, D. Duyne, J. Landay, J. Hong Melhor e Pior? 2 Melhor e Pior? 3 IPM 2007/2008 1 Resumo da Aula Anterior Importância de páginas bem desenhadas Diferenças entre IU para
Leia maisAcessibilidade de materiais digitais
Acessibilidade Acessibilidade de materiais digitais Relaciona-se: com a tecnologia que se faz necessária para que a informação possa ser facilmente acessada pelo usuário; a qualquer tipo de barreira que
Leia mais1º Exame de IPM 2008/2009
Página 1/5 1º Exame de IPM 2008/2009 Licenciatura em Eng. Informática e de Computadores 19 de Janeiro de 2009 A prova é realizada sem consulta de livros ou colegas. Responda às questões justificando adequada
Leia maisComo utilizador registado Eu quero ter acesso a um botão de "entrar" Para que possa fazer login na aplicação
Trust e- health Tema ID História de Usuário Critérios de Aceitação Comentários Autenticações AUT1 Como utilizador não registado Eu quero ter acesso a um botão de "registar" Para que possa definir os dados
Leia maisConstruMED Metodologia para a Construção de Materiais Educacionais Digitais Baseados no Design Pedagógico. Acessibilidade
Metodologia para a Construção de Materiais Educacionais Digitais Baseados no Design Pedagógico Acessibilidade Acessibilidade de materiais digitais Relaciona-se: - Com a tecnologia que se faz necessária
Leia maisDreamweaver CC_15x21.indd 1 06/04/ :04:22
Dreamweaver CC_15x21.indd 1 06/04/2015 11:04:22 SUMÁRIO INTRODUÇÃO... 3 CAPÍTULO 1 Iniciando e conhecendo o Dreamweaver... 8 Interfaces... 21 Criando e configurando sites... 22 CAPÍTULO 2 Criando arquivos...
Leia maisSeu manual do usuário SAMSUNG SGH-A400
Você pode ler as recomendações contidas no guia do usuário, no guia de técnico ou no guia de instalação para SAMSUNG SGH- A400. Você vai encontrar as respostas a todas suas perguntas sobre a no manual
Leia maisTomTom WEBFLEET Índice remissivo. Let s drive business TM. Nota de lançamento, outubro de 2012
TomTom WEBFLEET 2.16 Nota de lançamento, outubro de 2012 Índice remissivo Novos tipos de relatórios 2 Visualização de relatórios 4 Relatórios a pedido 5 Arquivo de relatórios 6 Gestão e administração de
Leia maisVII. Tratamento de Erros
Marcar todas as opções que se apliquem. 15. Há um mapa do site disponível? Em caso afirmativo, passar para a questão 16. 15.1. Qual o método de acesso ao mapa do site? 16. A interface utiliza frames? Outras
Leia maisInstituto Superior de Engenharia de Lisboa
Instituto Superior de Engenharia de Lisboa Departamento de Engenharia de Electrónica de Telecomunicações de Computadores Guia de utilização do Moodle (Versão 1.6.2) Vista do Professor Versão 2.0 Outubro
Leia maisTECNOLOGIA WEB INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML
INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML 1 INTRODUÇÃO TECNOLOGIA WEB Começaremos desvendando o poder do desenvolvimento de aplicações baseadas na Web com a XHTML (Extensible HyperText Markup
Leia maisPolítica de utilização de cookies
Política de utilização de O que são? "Cookies" são pequenas etiquetas de software (ficheiros de texto) que são armazenadas no seu computador através do seu browser/navegador (Internet Explorer; Firefox;
Leia maisTUTORIAL DO SOFTWARE SMART NOTEBOOK 10
TUTORIAL DO SOFTWARE SMART NOTEBOOK 10 Índice 1. BARRA DE FERRAMENTAS... 2 2. BARRA DE MENUS:... 3 Menu FICHEIRO... 3 -GUARDAR PÁGINA COMO ITEM DA GALERIA... 3 - IMPRIMIR... 4 Menu EDITAR... 4 - CLONAR...
Leia maisIntrodução... 1 I FUNCIONALIDADES BÁSICAS... 3
Índice Introdução... 1 I FUNCIONALIDADES BÁSICAS... 3 1. Ambiente de Trabalho... 5 1.1 Botão Office... 6 1.1.1 Opções do Excel... 8 1.2 Friso... 9 1.3 Barra de Acesso Rápido... 12 1.4 Operações com Livros
Leia maisAparência. Lauri Watts Tradução: Lisiane Sztoltz
Lauri Watts Tradução: Lisiane Sztoltz 2 Conteúdo 1 Aparência 4 1.1 Geral............................................. 4 1.2 Fontes............................................. 4 1.3 Folhas de estilo.......................................
Leia maisManual de preenchimento dos formulários de trabalhos de execução de sinalização
Manual de preenchimento dos formulários de trabalhos de execução de sinalização Introdução Foram criados modelos alternativos dos mapas de execução trabalhos de sinalização vertical e horizontal. Estes
Leia maisDispor e organizar folhas de cálculo
Dispor e organizar folhas de cálculo O Excel fornece várias funcionalidades para o ajudar a trabalhar e visualizar com as folhas de cálculo. Fixar linhas e colunas Pode fixar (ou bloquear) linhas e colunas
Leia maisDocumento da versão. Novas Funcionalidades. Ecrã Principal. Ecrã Principal Preferências. Parametrização Trabalhos Séries OT
Documento da versão PRODUTO ManWinWin DATA INÍCIO 13-04-2015 VERSÃO 5.3.1.0 DATA FECHO 24-07-2015 Novas Funcionalidades Ecrã Principal No módulo Parque passou a ser possível escolher a árvore que se pretende
Leia maisINTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO CSS - Cascading Style Sheets Folhas de estilo em cascata Para cada estilo deve ser definido uma regra CSS Cada regra CSS deve utilizar
Leia maisGestão Unificada de Recursos Institucionais GURI
Documentação de Sistemas Gestão Unificada de Recursos Institucionais GURI Módulo de Newsletters - NWT Versão 1.15 Última revisão: 12/03/2018 2018 Versão: 1.15 Documentação: André L.M. Camargo Revisão:
Leia mais2.1-Criar BD e Tabelas.
2 2.1-Criar BD e Tabelas. Vamos ao phpmyadmin: Financiado pelo FSE Pág: 1 Tabelas Financiado pelo FSE Pág: 2 2.2-Definir o site e sua conexão. Financiado pelo FSE Pág: 3 Financiado pelo FSE Pág: 4 Depois
Leia maisearte Portal de Arte e Cultura
v 2.0 Tutorial Guia Rápido de Utilização 2008-2011 SIQuant Engenharia do Território e Sistemas de Informação, Lda. Web: www.siquant.pt E-mail: mail@siquant.pt Copyright SIQuant 2008-2011. Todos os direitos
Leia maisFICHEIROS COM EXEMPLOS Envie um e-mail* para software@centroatlantico.pt para conhecer os endereços de Internet de onde poderá fazer o download dos ficheiros com os exemplos deste livro. * O leitor consente,
Leia maisPROGRAMADOR WEB. PROF. Esp. Andrew H. G. Rodrigues
PROGRAMADOR WEB PROF. Esp. Andrew H. G. Rodrigues CSS - CASCADING STYLE SHEETS Folhas de estilo em cascata Para cada estilo deve ser definido uma regra CSS Cada regra CSS deve utilizar a seguinte sintaxe:
Leia maisAnálise de Tarefas I. Capítulo 3. HCI, Cap. 15, Alan Dix. Task-Centered UI Design, Cap. 1-2 C. Lewis and J. Rieman
Análise de Tarefas I Capítulo 3 HCI, Cap. 15, Alan Dix Task-Centered UI Design, Cap. 1-2 C. Lewis and J. Rieman Melhor e Pior? Melhor e Pior? Resumo da aula anterior Desenho de sistemas interactivos Actividades
Leia maisEditWeb: Auxiliando professores na autoria de páginas Web que respeitem critérios de Usabilidade e Acessibilidade
EditWeb: Auxiliando professores na autoria de páginas Web que respeitem critérios de Usabilidade e Acessibilidade UFRGS - PPGC Leila Laís Gonçalves Orientador: Prof. Dr. Marcelo Pimenta Mecanismos de autoria
Leia maisA diferença entre um site que implementa CSS e outro que não o usa é gigantesca e notável.
Aula 02 - Introdução ao css ( folhas de estilo ) CSS é a sigla para o termo em inglês Cascading Style Sheets que, traduzido para o português, significa Folha de Estilo em Cascatas. O CSS é fácil de aprender
Leia maisMÓDULO 3 PÁGINAS WEB. Criação de Páginas Web
MÓDULO 3 PÁGINAS WEB Criação de Páginas Web Conjunto de questões que se devem colocar quando da criação de um Web site: Para quê? Para quem? O quê? Como? Fase 1: Definir os objetivos do Web site Fase 2:
Leia maisDocumentos MS Word acessíveis
Documentos MS Word acessíveis Este guia pretende ajudar na produção de documentos acessíveis em Microsoft Word de âmbito académico, para serem distribuidos em formato eletrónico ou impressos. As boas práticas
Leia maisTimeNET. REPORTU Digital-Time. Manual de Utilizador do Software. Gestão de Assiduidade e Controlo de Acessos Página 1 de 35
Página 1 de 35 Manual de Utilizador do Software TimeNET Gestão de Assiduidade e Controlo de Acessos Página 2 de 35 CONSIDERAÇÕES INICIAIS: - O Software TimeNET foi desenvolvido com as mais recentes tecnologias
Leia maisI.1 Apresentação e Introdução
Introdução às Interfaces Pessoa-Máquina (IPM) 2008/2009 Manuel João da Fonseca I Introdução I.1 Apresentação e Introdução Interaction Design Jenny Preece, Cap 1 I.1 Apresentação e Introdução 2 I.1 Apresentação
Leia maisweb marketing 2.0 Publicidade e Marketing Aula 17
web marketing 2.0 Publicidade e Marketing Aula 17 hoje no menu boas práticas plataformas para pagamentos woocommerce para wordpress hoje no menu boas práticas plataformas para pagamentos woocommerce para
Leia maisNúcleo de Educação a Distância Construindo parcerias e vencendo desafios
Núcleo de Educação a Distância Construindo parcerias e vencendo desafios Apoio: 1 Núcleo de Educação a Distância O Impacto do uso da TDIC para a Acessibilidade no Ensino Superior Uilian Vigentim Especialista
Leia maisMódulo 2 Gestão de Base
Didáxis - Escola Cooperativa de Vale S. Cosme Módulo 2 Gestão de Base de Dados Aula Nº 77/78 20-02-2008 Sumário: Criação de relatórios. Criação de um relatório na vista de estrutura. Impressão p de um
Leia maisA importância da acessibilidade digital na construção de objetos de aprendizagem
1 A importância da acessibilidade digital na construção de objetos de aprendizagem Profª Drª Patrícia A. Behar PPGIE Msc. Eliane Kiss de Souza PPGIE Mestranda. Camila G. G. Góes PPGEDU Mestranda. Edilma
Leia maisFig. 3: NovaBase/SAF: curso no Black Board
Relatório da Aula 9 de Laboratório de CCU Grupo 516A-10 5490/M Vitor M. N. Fernandes 1. Resumo das críticas dos utilizadores às soluções e protótipos de baixa fidelidade a) Propostas de solução análise
Leia maisMOODLE - NÍVEL II. Ferramentas de trabalho colaborativo Base de dados MANUAL DO FORMADOR / MOODLE 1.8.4
MOODLE - NÍVEL II MANUAL DO FORMADOR / MOODLE 1.8.4 Ferramentas de trabalho colaborativo Base de dados Esta ferramenta permite ao professor e/ou alunos construírem e pesquisarem uma base de dados sobre
Leia maisInstalação de mapas com Ferramenta de instalação de mapas TomTom WORK
Instalação de mapas com Ferramenta de instalação de mapas TomTom WORK A Ferramenta da instalação de mapas TomTom WORK (Ferramenta de mapas) permite-lhe actualizar os seus mapas, instalar novos mapas ou
Leia maisCSS Organizado e simples. Cercomp Equipe Web Nícolas Lazarte -
CSS Organizado e simples Cercomp Equipe Web Nícolas Lazarte - nicolaslazartekaqui@gmail.com CSS O nascimento Surge o HTML para troca de informações científicas; O HTML difunde-se entre grupos de não cientistas;
Leia maisCSS [10] Desenvolvimento e Design de. Websites. Prof.: Ari Oliveira
Desenvolvimento e Design de Websites Prof.: Ari Oliveira Folhas de Estilo em Cascata CSS Localização dos estilos Seletores 2 Faça uma página de trabalhe conosco. Esta página deverá conter um formulário
Leia maisWePerformYourBusiness. Política de Privacidade
WePerformYourBusiness Política de Privacidade Sumário Plataforma PowerBiz... 2 Propriedade e Uso dos Dados e Informações... 2 Dados e Informações Coletados... 2 Segurança dos Dados e Informações... 3 Tecnologias
Leia maisA Web, o Design, o Software Livre e outras histórias... Eduardo Santos - www.agni.art.br
A Web, o Design, o Software Livre e outras histórias... Eduardo Santos - www.agni.art.br Surgimento da WEB e HTML Início da década de 90 HTML (acrônimo para a expressão HyperText Markup Language, que significa
Leia maisII.2 - Análise de Tarefas II
Melhor e Pior? II Perceber os Utilizadores e as Tarefas II.2 Análise de Tarefas II HCI, Cap. 15, Alan Dix Task-Centered UI Design, Cap. 1-2 C. Lewis and J. Rieman 2 Resumo Aula Anterior Sumário O que é
Leia maisWeb Presentation Patterns - Controllers
Instituto Superior Técnico 29 de Novembro de 2004 1 2 3 Page Controller Front Controller 4 5 Porquê Usar Web Applications Não necessita instalar software no cliente. Acesso universal fácil. Interface comum
Leia maisProgramação Web - HTML
Instituto Federal de Minas Gerais Campus Ponte Nova Programação Web - HTML Professor: Saulo Henrique Cabral Silva HTML Início em 1980, Tim Bernes-Lee Implementado Pascal. 1989, o CERN investiu esforços
Leia maisZS Rest. Manual Avançado. Início v.1. v2011
Manual Avançado Funcionamento Início v.1 com cartões v2011 1. Índice 2. INTRODUÇÃO... 2 3. INICIAR O ZSRest FrontOffice... 3 1 4. Séries... 4 b) Adicionar Série... 4 i. Tipo de série... 5 c) Modificar
Leia maisPáginas Web de Concessionários Características, desenho e plano de lançamento. Agosto 2012
Características, desenho e plano de lançamento Agosto 2012 1 1. Projecto OBJECTIVO: Garantir a presença dos concessionários na Internet com... a. Conteúdos básicos certificados desde a Marca b. Grandes
Leia mais2º Exame de IIPM 2007/2008
Página 1/5 2º Exame de IIPM 2007/2008 Licenciatura em Eng. de Redes de Comunicação 17 de Julho de 2008 A prova é realizada sem consulta de livros ou colegas. Responda às questões justificando adequada
Leia maisSEMINÁRIOS INTEGRADOS EM ADS PROGRAMAÇÃO WEB E MOBILE
SEMINÁRIOS INTEGRADOS EM ADS PROGRAMAÇÃO WEB E MOBILE Prof. Dr. Daniel Caetano 2014-1 DISCUSSÃO Desenvolvimento Web Quais os ambientes operacionais? Servidor Web Servidor de Aplicações Navegador Desenvolvimento
Leia mais