Estrutura e estética: Organização, layout, cores e tipos
|
|
- Mateus Marques Monsanto
- 8 Há anos
- Visualizações:
Transcrição
1 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! "
2 Representação e Apresentação Representação Utiliar algo para se referir a outro O signo tem o papel de representar O código é o instrumento que facilita a produção de signos e representações Apresentação Utiliar o canal ou meio para veicular uma representação (signo ou mensagem) O meio é a mensagem [Marshall McLuhan] posicionamento tempo Organiação Define a estrutura de organiação das informações e elementos de interface Por que organiar? 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, * -.*/& 0 1! " " # $% & '()* & +*
3 Organiação hierárquica É a estrutura mais utiliada Usuário memoria melhor e perde-se menos Home Page Profunda Larga Organiação linear Usada para tarefas que requerem seqüência de atividades Livros, revistas e manuais normalmente são organiados de forma linear Linear Pura Linear com alternativas
4 Organiação em rede Não muito recomendada. Usuário pode ficar perdido. Apenas com boas metáforas Organiação Exemplo A organiação refletida no layout
5 Organiação Exemplo Mapa do site Organiação e acesso Técnica de visualiação da informação para navegar no site
6 Organiação: Diretries Analise a especificação e verifique se a organiação está balanceada Evite que o usuário navegue muito de uma página para outra numa mesma tarefa Verifique se o usuário memoria facilmente a organiação do site Use o modelo conceitual do domínio como base para a organiação Utilie as categorias do domínio para organiar as informações e serviços do sistema Evite que serviços muito utiliados fiquem em partes muito profundas de uma organiação Coloque um mapa disponível em todos os pontos da organiação. Use mapas mais abstratos Organiação: Diretries 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
7 Navegação Metáfora utiliada para indicar o carregamento dos diversos arquivos de um hipertexto O termo indica que o usuário percorreu um elo do hipertexto A navegação pode ser: Para um outro trecho da mesma página Para uma outra página do mesmo site Para um outro site ou sistema Navegação: Exemplo A organiação serve de base para o modelo de navegação Links do site Links externos Links na mesma página
8 Navegação: orientação Uma boa navegação deve indicar: Onde estou? De onde vim? Para onde posso ir? Navegação: antecipação Pode-se antecipar o conteúdo do destino Texto pop-up sobre quando passa o mouse sobre o elo Preview da página
9 Navegação: metáfora Metáforas podem facilitar a navegação Navegação: atalhos Uma outra forma de implementar a navegação é utiliando 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
10 Navegação: Diretries A navegação deve refletir a organiação Os elos devem indicar qual o conteúdo do destino Indique os diferentes tipos de elos O usuário deve identificar os elos 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 Permita que o usuário volte sempre para a página inicial Navegação: Avaliação 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 elos? É fácil clicar em todos os elos?
11 Layout: Conceito Organiaçã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 Layout: Exemplo Layout distingue categorias de informações e serviços Muitas informações, mas layout padrão deste site facilita a leitura. O usuário sabe onde achar a informação
12 Layout de Informações do domínio Diversas técnicas de Visualiação da Informação podem ser empregadas Layout de informações do domínio
13 Layout de Formulários O layout da página 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 Ruim Boa Layout de Formulários
14 Layout sem técnica Design gráfico: 4 princípios básicos Robin Williams, 94 Proximidade A proximidade implica em uma relação Itens relacionados entre si deve ser agrupados Alinhamento Nada deve ser colocado arbitrariamente em uma página Cada item deve ter uma conexão visual com algo na página Repetição Algum aspecto do design deve repetir-se no material inteiro. Cria uma identidade. Situa o elemento no contexto. Contraste Se dois itens não têm relação ou são opostors, diferencie-os completamente. O contraste atrai o leitor.
15 Aplicando os princípios Proximidade Alinhamento Contraste Resultado Repetição
16 Layout de Formulários Alinhamento Agrupamento Especificando o layout O Layout pode ser especificado através de esquemas Nome: Sobrenome: CPF: Cartão:
17 Layout: Diretries Organie 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 Um bom espaçamento atrai o leitor Informações relacionadas devem estar agrupadas Exercício Refaer o layout da página abaixo
18 Tipologia e cores 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 organiação Tipografia e cores: Exemplo 1
19 Tipografia e cores: Exemplo 2 Tipografia e cores: Exemplo 3 Estas são as cores da empresa Não ficam bem num site, dificulta a leitura Os tipo de fontes também ficam ilegíveis na tela. Empresa.com Conheça-nos Conheça-nos Consultor Consultor Serviços Serviços Informações Informações Cadastro Cadastro Vendas Vendas
20 Percepção de Cores O espectro da lu Cores Primárias (cores-lu) Vermelho, Verde, Aul Soma: Branco. Ausência: Preto Elementos fundamentais da cor Mati É a característica que define e distingue uma cor. Vermelho, verde ou aul, pôr exemplo, são maties Tom Refere-se a maior ou menor quantidade de lu presente na cor. Intensidade Di respeito ao brilho da cor. Um mati de intensidade alta ou forte é vívido e saturado, enquanto o de intensidade baixa ou fraca caracteria cores fracas ou "pastel". Cores secundárias, terciárias e complementares Cores secundárias Combinação das primárias Cores terciárias Combinação das secundárias Cores complementares A é complementar a B se B é combinação de duas cores nas quais A não está presente Aparecem em lados oposto no círculo cromático T S P T T P S T T S P T - +. /+0' 1 2! " # # $ %& ' ()*+ ',+
21 Harmonia Cromática Com uma cor Escala de tons e valores utilia o índice de luminosidade na variação para o preto ou branco Cinas coloridos mistura da cor com o cina. Com duas cores Acordes consonantes utiliase cores viinhas Acordes dissonantes utilia-se cores complementares (opostas) Com três cores Consonantes, Dissonantes e Assonantes Assonantes tríades primárias consonantes dissonantes Cores: Exemplo de Harmonia Segue a programação visual do evento Cartaes, folders, capas Elaborado por um artista gráfico Utilia harmonia com duas cores dissonantes
22 Tipografia Variáveis Fonte, Estilos, Tamanho, Cor Fonte Com serifa: adequado para papel maior definição leitura mais intensiva em textos densos Sem serifa: adequado para meios eletrônicos ou cartaes leitura mais rápida e pouca densidade de texto Estilos: Negrito, itálico, sublinhado Negrito e itálico permitem contrastes Nunca use o sublinhado apenas para links Não confunda com as cores dos links. Padrão: aul indica link Explore contrastes adequadamente Mantenha a consistência de todas as variáveis Sem serifa Com serifa Tipografia e cores: Diretries 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 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 Seja consistente
23 Imagens Utiliadas para a representação Desenhos, gráficos, figuras, fotografias,... Visão da semiótica Modelo de McCloud René Margrite (Isto não é um cachimbo) O que significa? (Obra de Leo Vila)
24 Exemplo de imagens Pesquisa Avançada Disco Web Terminal SSH Escrever Pastas Endereços Filtros Buscar Atualiar Compromissos mensagens POP3 Perfis Sair Problemas de Significação Imagens não correspondem aos significados interpretados Problemas de Organiação Os grupos não faem sentido. Representação: O triângulo de McCloud Plano das Figuras Sem compromisso com a realidade Plano da Linguagem Compromisso com a realidade Mais detalhes: Semelhança Menos detalhes Significado
25 Semiótica Ciência que estuda os processo de significação e comunicação Signos qualquer coisa que significa algo para alguém ícones símbolos índices Imagens: diretries Os significados variam de uma cultura para outra Use imagens de qualidade: nitide, resolução e tamanho Imagens devem ser produidas por profissionais competentes Fotógrafos Designers de ícones Cuidado com direitos autorais Usa ferramentas de tratamento de imagens adequadas
26 Exemplo de design gráfico de baixa qualidade Uso excessivo de cores e tipos Falta de compromisso com a identidade visual da empresa Imagens desnecessárias Imagens de baixa qualidade Serviços indisponíveis Acessibilidade: Conceito e recomendações Conceito que indica que a interface pode ser utiliada 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ío do layout Não utilie elementos de interação muito pequenos Ofereça alternativas
Interação Humano-Computador Design: estrutura e estética PROFESSORA CINTIA CAETANO
Interação Humano-Computador Design: estrutura e estética PROFESSORA CINTIA CAETANO Arte X Engenharia Desenvolver Sistema Web é arte? A Web oferece espaço para arte...... mas os usuários também desejam
Leia maisTeoria 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 maisDesign 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 mais15. 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 maisFundamentos 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 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 maisUFCD 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 maisDesign 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 maisCOMO REDUZIR O CUSTO NA COMUNICAÇÃO USANDO A INTERNET
COMO REDUZIR O CUSTO NA COMUNICAÇÃO USANDO A INTERNET Ao mesmo tempo em que hoje se tornou mais fácil falar a longa distância, pela multiplicidade de opções e operadoras de telefonia, também surgem as
Leia maisSumá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 maisGuia 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 maisFundamentos 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 maisPortal 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 maisManual de Gerenciamento de Conteúdo
Manual de Gerenciamento de Conteúdo 1 Sumário 1) O que é um Gerenciador de Conteúdo...3 2) Como o Site está Estruturado...3 3) Como Gerenciar o Conteúdo do Site...5 3.1) Adicionar Itens no Menu de Navegação...6
Leia maisInterface Homem-Computador
Faculdade de Ciências e Tecnologia do Maranhão Interface Homem-Computador Aula: Engenharia Cognitiva e Semiótica Professor: M.Sc. Flávio Barros flathbarros@gmail.com Conteúdo Engenharia Cognitiva Fundamentos
Leia maisDesenvolvimento 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 maisManual do Usuário. Manual do Usuário - Versão 1.0. 1
Manual do Usuário Manual do Usuário - Versão 1.0. 1 Índice 1. Visão Geral... 3 2. Acessar o sistema... 3 3. Módulo Inicial... 6 3.1. Cabeçalho do sistema... 6 3.2. Fale Conosco... 6 3.3. Meu Cadastro...
Leia maisIdentidade 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 maisCrité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 maisMANUAL DE UTILIZAÇÃO SISTEMA DE CADASTRO INTRANET
MANUAL DE UTILIZAÇÃO SISTEMA DE CADASTRO INTRANET I Sumário 1. Objetivo do Documento... 1 2. Início... 1 3. Cadastro de Pessoa Física... 3 3.1. Preenchimentos Obrigatórios.... 4 3.2. Acesso aos Campos
Leia maisFERRAMENTAS DE COLABORAÇÃO CORPORATIVA
FERRAMENTAS DE COLABORAÇÃO CORPORATIVA Manual de Utilização Google Grupos Sumário (Clique sobre a opção desejada para ir direto à página correspondente) Utilização do Google Grupos Introdução... 3 Página
Leia maisGuia Rápido para Acesso, Preenchimento e Envio Formulário de Cadastro da Empresa e Formulário de Projeto
EDITAL DE SELEÇÃO PÚBLICA MCTI/AEB/FINEP/FNDCT Subvenção Econômica à Inovação Transferência de Tecnologia do SGDC 01/2015 Transferência de Tecnologia Espacial no Âmbito do Decreto nº 7.769 de 28/06/2012
Leia maisNovell. Novell Teaming 1.0. novdocx (pt-br) 6 April 2007 EXPLORAR O PORTLET BEM-VINDO DESCUBRA SEU CAMINHO USANDO O NOVELL TEAMING NAVIGATOR
Novell Teaming - Guia de início rápido Novell Teaming 1.0 Julho de 2007 INTRODUÇÃO RÁPIDA www.novell.com Novell Teaming O termo Novell Teaming neste documento se aplica a todas as versões do Novell Teaming,
Leia maisPrograma Intel Educar Tutorial: Ferramenta de Classificação Visual
Copyright 2008, Intel Corporation. Todos os direitos reservados. Página 1 de 17 TUTORIAL: FERRAMENTA DE CLASSIFICAÇÃO VISUAL ÍNDICE 1. Acessando a ferramenta... 3 2. Como se cadastrar... 4 3. Usando a
Leia maisPoder Judiciário Tribunal Regional Federal da Terceira Região
Poder Judiciário Tribunal Regional Federal da Terceira Região DIMI - Divisão de Microinformática e Redes Índice: O que é a Internet? 3 O que são Intranets? 3 Sobre o Nestcape Navigator 3 Para iniciar o
Leia maisGERENCIAMENTO DO CONTEÚDO INFORMATIVO Utilizando O Sistema Web Contábil IDEAL. Atendimento: Tel : (11) 3857-9007 - e-mail: suporte@webcontabil.
GERENCIAMENTO DO CONTEÚDO INFORMATIVO Utilizando O Sistema Web Contábil 2010 IDEAL Última Atualização: 01/2010 Atendimento: Tel : (11) 3857-9007 - e-mail: suporte@webcontabil.com Módulo Calendário.:. Aba
Leia maisPlanilhas Eletrônicas
Planilhas Eletrônicas APOSTILA DE EXEMPLO (Esta é só uma reprodução parcial do conteúdo) 1 Índice AULA 1... 3 Apresentação do BrOffice Calc... 3 Tela Inicial... 4 Teclas e Atalhos de movimentação... 6
Leia maisTutorial Plone 4. Manutenção de Sites. Universidade Federal de São Carlos Departamento de Sistemas Web Todos os direitos reservados
Tutorial Plone 4 Manutenção de Sites Universidade Federal de São Carlos Departamento de Sistemas Web Todos os direitos reservados Sumário Introdução 1 Como fazer a autenticação do usuário 1.1 Através do
Leia maisUso correto da Marca ONS. versão 1.0 dezembro 2012
Uso correto da Marca ONS versão 1.0 dezembro 2012 O ONS desempenha com eficiência e eficácia seu papel no setor elétrico. A Marca ONS identifica e representa a organização e todos que a formam. Este documento
Leia mais3 - 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 maisTUTORIAL AUTODESK 360 COLABORAÇÃO E ARMAZENAMENTO DE ARQUIVOS
TUTORIAL AUTODESK 360 COLABORAÇÃO E ARMAZENAMENTO DE ARQUIVOS Autodesk 360 é a nuvem da Autodesk, podendo ser acessada pela sua conta da Autodesk Education Community (estudantes) ou Autodesk Academic Resource
Leia maisPROJETO DE WEB SITE PARA LOJA DE MATERIAIS DE CONSTRUÇÃO
PROJETO DE WEB SITE PARA LOJA DE MATERIAIS DE CONSTRUÇÃO São Lourenço do Oeste SC Fev. 2014 Sumário SITE EAMAIS MATERIAIS DE CONSTRUÇÃO... 3 INICIO... 5 Banner Principal... 5 Botões de Redirecionamento
Leia maisIniciação à Informática
Meu computador e Windows Explorer Justificativa Toda informação ou dado trabalhado no computador, quando armazenado em uma unidade de disco, transforma-se em um arquivo. Saber manipular os arquivos através
Leia maisConstrutor 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 maisNTI 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 maisCOMO COLABORAR NO WIKI DO MOODLE 1. Orientações para produção escolar colaborativa no wiki do Moodle:
COMO COLABORAR NO WIKI DO MOODLE 1 Ilse Abegg e Fábio da Purificação de Bastos e-mail: iabegg@mail.ufsm.br O wiki no Moodle é uma ferramenta de atividade que visa produção escolar colaborativa. Isso significa
Leia mais1 2 3 W O R K S H O P 4 5 6 W O R K S H O P 7 W O R K S H O P 8 9 10 Instruções gerais para a realização das Propostas de Actividades Para conhecer em pormenor o INTERFACE DO FRONTPAGE clique aqui 11 CONSTRUÇÃO
Leia maisAPOSTILA DE EXEMPLO. (Esta é só uma reprodução parcial do conteúdo)
APOSTILA DE EXEMPLO (Esta é só uma reprodução parcial do conteúdo) 1 Índice Aula 1 - Área de trabalho e personalizando o sistema... 3 A área de trabalho... 3 Partes da área de trabalho.... 4 O Menu Iniciar:...
Leia maisFundamentos 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 mais1) MANUAL DO INTEGRADOR Este documento, destinado aos instaladores do sistema, com informações de configuração.
O software de tarifação é uma solução destinada a rateio de custos de insumos em sistemas prediais, tais como shopping centers. O manual do sistema é dividido em dois volumes: 1) MANUAL DO INTEGRADOR Este
Leia maisMANUAL MANUAL DE USO DA MARCA SELO SOLAR
MANUAL MANUAL DE USO DA MARCA SELO SOLAR ÍNDICE 01. Uso do Manual 02. Construção da marca 03. Área de proteção 04. Dimensão minima 05. Especificações Cromáticas 06. Uso em monocromia 07. Tipografia 08.
Leia maisVPAT (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 maisUtilizando a ferramenta de criação de aulas
http://portaldoprofessor.mec.gov.br/ 04 Roteiro Utilizando a ferramenta de criação de aulas Ministério da Educação Utilizando a ferramenta de criação de aulas Para criar uma sugestão de aula é necessário
Leia maisTó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 maisOFICINA BLOG DAS ESCOLAS
OFICINA BLOG DAS ESCOLAS Créditos: Márcio Corrente Gonçalves Mônica Norris Ribeiro Março 2010 1 ACESSANDO O BLOG Blog das Escolas MANUAL DO ADMINISTRADOR Para acessar o blog da sua escola, acesse o endereço
Leia maisWeb 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 maisWindows. Introdução. Introdução Sistema Operacional. Introdução Sistema Operacional. Introdução Sistema Operacional. Introdução Sistema Operacional
Windows Prof. Leandro Tonietto Cursos de Informática Unisinos Março-2008 O que é Sistema operacional? O que é Windows? Interface gráfica: Comunicação entre usuário e computador de forma mais eficiente
Leia maisAplicação do Método M Exemplo: Bloco de Notas [Bim, 2009]
1 Aplicação do Método M de Inspeção Semiótica (MIS) Exemplo: Bloco de Notas [Bim, 2009] Introdução a IHC 09/05/2013 2 MIS do Bloco de Notas - Etapa de Preparação (1/2) Porção do artefato inspecionada:
Leia maisTó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 maisDESIGN DE INTERAÇÃO. José Alexandre Ducatti
DESIGN DE INTERAÇÃO José Alexandre Ducatti DESIGN DE I NTERAÇÃO PERCEPÇÃO DESIGN BOM E MAU DESIGN METAS DE DESIGN DE INTERAÇÃO METAS DE USABILIDADE METAS DECORRENTES DA EXPERIÊNCIA DO USUÁRIO PRINCÍPIOS
Leia maisInstrução de Trabalho Base de Conhecimento
Aprovado por Comitê da Qualidade Analisado criticamente por Dono do processo 1. OBJETIVOS Esta instrução de trabalho tem como objetivo orientar os colaboradores da SINFO, de como a será mantida e acessada.
Leia maisINSTRUMENTO NORMATIVO 004 IN004
1. Objetivo Definir um conjunto de critérios e procedimentos para o uso do Portal Eletrônico de Turismo da Região disponibilizado pela Mauatur na Internet. Aplica-se a todos os associados, empregados,
Leia maisConfiguraçõ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 maisComo 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 maisGerenciamento Do Escritório Virtual Utilizando O Sistema Web Contábil IDEAL. Atendimento: Tel : (11) 3857-9007 - e-mail: suporte@webcontabil.
Gerenciamento Do Escritório Virtual Utilizando O Sistema Web Contábil 2010 IDEAL Última Atualização: 01/2010 Atendimento: Tel : (11) 3857-9007 - e-mail: suporte@webcontabil.com ÁREA DE ADMINISTRAÇÃO A
Leia mais1.1 EXTRAÇÃO DE RELATÓRIOS 03 1.2 CONSULTA CADASTRAL E IMPRESSÃO DE BOLETOS 12 1.3 RENEGOCIAÇÕES 15 2 FUNCIONALIDADES DISPONÍVEIS NO SITE
1 ACESSO EXCLUSIVO PARA SUBSEÇÕES 1.1 EXTRAÇÃO DE RELATÓRIOS 03 1.2 CONSULTA CADASTRAL E IMPRESSÃO DE BOLETOS 12 1.3 RENEGOCIAÇÕES 15 2 FUNCIONALIDADES DISPONÍVEIS NO SITE 2.1 IMPRESSÃO RÁPIDA DE ANUIDADE
Leia mais1.1 EXTRAÇÃO DE RELATÓRIOS 03 1.2 CONSULTA CADASTRAL 10 1.3 IMPRESSÃO DE BOLETOS 12 1.4 RENEGOCIAÇÕES 15 2 FUNCIONALIDADES DISPONÍVEIS NO SITE
1 ACESSO EXCLUSIVO PARA SUBSEÇÕES 1.1 EXTRAÇÃO DE RELATÓRIOS 03 1.2 CONSULTA CADASTRAL 10 1.3 IMPRESSÃO DE BOLETOS 12 1.4 RENEGOCIAÇÕES 15 2 FUNCIONALIDADES DISPONÍVEIS NO SITE 2.1 IMPRESSÃO RÁPIDA DE
Leia maisWF Processos. Manual de Instruções
WF Processos Manual de Instruções O WF Processos é um sistema simples e fácil de ser utilizado, contudo para ajudar os novos usuários a se familiarizarem com o sistema, criamos este manual. Recomendamos
Leia maisÍNDICE MANUAL SITE ADMINISTRÁVEL TV. 1. Introdução 2. Acessando o site administrável/webtv SITE ADMINISTRÁVEL 3. CONFIGURAÇÕES
MANUAL SITE ADMINISTRÁVEL TV ÍNDICE 1. Introdução 2. Acessando o site administrável/webtv SITE ADMINISTRÁVEL 3. CONFIGURAÇÕES 3.1 - Dados Cadastrais 3.2 - Noticias 3.3 Redes Sociais 3.4 - Player 4. DESIGN
Leia maisAPOSTILA LINUX EDUCACIONAL
MUNICÍPIO DE NOVO HAMBURGO DIRETORIA DE INCLUSÃO DIGITAL DIRETORIA DE GOVERNO ELETRÔNICO APOSTILA LINUX EDUCACIONAL (Conteúdo fornecido pelo Ministério da Educação e pela Pró-Reitoria de Extensão da UNEB)
Leia maisInformá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 maisComo Fazer seu Blog no Blogger
... a escola precisa mudar, não só de conteúdos, mas aceitando novos elementos que possibilitem a integração do estudante no mundo que o circunda. (PCNEM p. 186) Como Fazer seu Blog no Blogger Tutorial
Leia maisA marca de uma empresa é construída ao longo de sua existência e inclui seu nome, sua logomarca e identidade visual, suas peças de comunicação, seu
A marca de uma empresa é construída ao longo de sua existência e inclui seu nome, sua logomarca e identidade visual, suas peças de comunicação, seu relacionamento com todos os públicos de interesse, seus
Leia maisManual de Utilização do PLONE (Gerenciador de página pessoal)
Manual de Utilização do PLONE (Gerenciador de página pessoal) Acessando o Sistema Para acessar a interface de colaboração de conteúdo, entre no endereço http://paginapessoal.utfpr.edu.br. No formulário
Leia maisTIPOGRAFIA. Seguem-se alguns exemplos de tipografia forte, fraca, de oportunidade e e ameaçadoras para as respectivas empresas.
TIPOGRAFIA As letras, tal como as árvores aparecem por elas próprias e quando as letras se juntam, lutam por espaço, pelo direito de serem reconhecidas, de serem lidas - Erik Spiekermann A tipografia é
Leia maisPlano de curso Básico em microinformática
Plano de curso Básico em microinformática www.athanazio.com outubro de 2007 Sumário Organização do material... 3 1. Introdução... 4 1.1 Dando nome aos bois... 4 1.2 Arquivos e pastas... 4 1.3 Navegando
Leia maisTECNOLOGIAS DA INFORMAÇÃO E COMUNICAÇÃO INTRODUÇÃO AO MACROMEDIA DREAMWEAVER MX 2004 O Macromedia Dreamweaver MX 2004 é um software que permite a criação de páginas de Internet profissionais, estáticas
Leia maisGuia do Usuário. versão 1.2. GiuSoft Tecnologia - www.giusoft.com.br
Guia do Usuário versão 1.2 GiuSoft Tecnologia - www.giusoft.com.br Sumário Introdução 2 O que é o Alitem? 3 Portal de aplicativos na Internet 3 Site de relacionamentos 3 Infra-estrutura de desenvolvimento
Leia maisManual do Instar Mail v2.0
Manual do Instar Mail v2.0 Sumário Conteúdo Menu Principal... 2 Menu Cliente... 3 Pagina Categorias do Instar-Mail... 4 Importação... 4 Campanhas... 8 Cadastramento de campanhas do Instar-Mail... 9 Ações
Leia maisManual do Usuário. E-DOC Peticionamento Eletrônico TST
E-DOC Peticionamento APRESENTAÇÃO O sistema E-DOC substituirá o atual sistema existente. Este sistema permitirá o controle de petições que utiliza certificado digital para autenticação de carga de documentos.
Leia maisPrivacidade. <Nome> <Instituição> <e-mail>
Privacidade Agenda Privacidade Riscos principais Cuidados a serem tomados Créditos Privacidade (1/3) Sua privacidade pode ser exposta na Internet: independentemente da sua
Leia maisO Microsoft Office é composto por diversos softwares, dentre eles o Word, o Excel, o Access e o Power Point.
Editor de Texto Microsoft Word 1. Microsoft Office O Microsoft Office é composto por diversos softwares, dentre eles o Word, o Excel, o Access e o Power Point. O Word é um editor de texto com recursos
Leia mais1. Introdução pág.3 2. Apresentação do sistema Joomla! pág.4 3. Acessando a administração do site pág.4 4. Artigos 4.1. Criando um Artigo 4.2.
1. Introdução pág.3 2. Apresentação do sistema Joomla! pág.4 3. Acessando a administração do site pág.4 4. Artigos 4.1. Criando um Artigo 4.2. Editando um Artigo 4.3. Excluindo um Artigo 4.4. Publicar
Leia maisOutlook 2003. Apresentação
Outlook 2003 Apresentação O Microsoft Office Outlook 2003 é um programa de comunicação e gerenciador de informações pessoais que fornece um local unificado para o gerenciamento de e-mails, calendários,
Leia maisPROJETO 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 maisPortal Contador Parceiro
Portal Contador Parceiro Manual do Usuário Produzido por: Informática Educativa 1. Portal Contador Parceiro... 03 2. Acesso ao Portal... 04 3. Profissionais...11 4. Restrito...16 4.1 Perfil... 18 4.2 Artigos...
Leia maisO 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 maisMULTIACERVO Implementações da versão 20-1
Data: Janeiro / 2015 Recurso pop-up O pop-up é um recurso que abre uma nova janela sem sair da tela original. Isto é interessante pois permite complementar uma informação e permanecer no ponto original,
Leia maisApresentando 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 mais1 Contextualização 3 2 Administração do Joomla 5 3 Painel de controlo 6 3.1 Menu sítio 6 3.2 Menu utilizadores 7 3.3 Outras funcionalidades 8 4
1 Contextualização 3 2 Administração do Joomla 5 3 Painel de controlo 6 3.1 Menu sítio 6 3.2 Menu utilizadores 7 3.3 Outras funcionalidades 8 4 Sistema de armazenamento e criação de conteúdos 9 4.1 Criar
Leia maisTUTORIAL PARA CONFIGURAÇÃO DE SEU SITE SITES GRÁTIS
TUTORIAL PARA CONFIGURAÇÃO DE SEU SITE SITES GRÁTIS Prezado cliente, Parabéns por ter escolhido o SUPERMODULAR SITES GRÁTIS como primeiro site para você ou sua empresa. Temos certeza que, com a leitura
Leia maisSistema de Gerenciamento Remoto www.pevermelho.art.br
Sistema de Gerenciamento Remoto www.pevermelho.art.br 1 - SOBRE O SGR Este manual irá lhe ajudar a entender o funcionamento do SGR (Sistema de Gerenciamento Remoto) permitindo assim que você possa atualizar
Leia maisMicrosoft Internet Explorer. Browser/navegador/paginador
Microsoft Internet Explorer Browser/navegador/paginador Browser (Navegador) É um programa que habilita seus usuários a interagir com documentos HTML hospedados em um servidor web. São programas para navegar.
Leia maisMANUAL 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 maisCAPÍ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 maisSistema de Acompanhamento e Gestao Tecnologica SAGETEC TELAS
SAG TE SAGE T C-SC Sistema de Acompanhamento e Gestao Tecnologica SAGETEC O SAGETEC (Sistema de Acompanhamento e Gestão Tecnológica) é um sistema para cadastramento dos equipamentos e recursos das escolas,
Leia maisGERENCIAL SEPLAG CARTILHA AGENDA. Sumário
CARTILHA AGENDA GERENCIAL SEPLAG 2012 Sumário 1. A Agenda Gerencial 2. Como Utilizar 3. Criação de Usuário 4. Criando um Projeto 5. Criando uma meta: 6. Criando uma Tarefa 7. Calendário 8. Mensagens ou
Leia mais1 Sumário... 2. 2 O Easy Chat... 3. 3 Conceitos... 3. 3.1 Perfil... 3. 3.2 Categoria... 3. 4 Instalação... 5. 5 O Aplicativo... 7 5.1 HTML...
1 Sumário 1 Sumário... 2 2 O Easy Chat... 3 3 Conceitos... 3 3.1 Perfil... 3 3.2 Categoria... 3 3.3 Ícone Específico... 4 3.4 Janela Específica... 4 3.5 Ícone Geral... 4 3.6 Janela Geral... 4 4 Instalação...
Leia maisREFORMULAÇÃO SITE ARCA BRASIL
REFORMULAÇÃO SITE ARCA BRASIL Equipe A³ Elton Sacramento Eveline Almeida Gabriela Yu 1 1. Introdução O site escolhido foi o ARCA Brasil (http://www.arcabrasil.org.br/), uma ONG que promove o bem-estar
Leia maisNova Intranet - Jucemg Manual do Usuário. Gerência de Tecnologia da Informação e Conhecimento Diretoria de Gestão da Informação e Modernização
Nova Intranet - Jucemg Manual do Usuário Gerência de Tecnologia da Informação e Conhecimento Diretoria de Gestão da Informação e Modernização Belo Horizonte, MG - Julho de 2013 Sumário Intranet da JUCEMG...
Leia maisConectar diferentes pesquisas na internet por um menu
Conectar diferentes pesquisas na internet por um menu Pré requisitos: Elaboração de questionário Formulário multimídia Publicação na internet Uso de senhas na Web Visualização condicionada ao perfil A
Leia maisEstá apto a utilizar o sistema, o usuário que tenha conhecimentos básicos de informática e navegação na internet.
1. Descrição Geral Este manual descreve as operações disponíveis no módulo VTWEB Client, cuja finalidade é gerenciar cadastros de funcionários, realização de pedidos e controle financeiro dos pedidos.
Leia maisQUEM FEZ O TRABALHO?
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA 1 QUEM FEZ O TRABALHO? Com as tagsaprendidas hoje, faça uma página HTML sobre você com as seguintes informações: Seu nome
Leia maisInterface 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 maisMicrosoft 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 maisDesenvolvedor Web Docente André Luiz Silva de Moraes
Roteiro 3: Layout básico e Div's: técnicas com uso de ID's e Classes Objetivos Compreender a importância do uso de Elementos de Div no desenvolvimento de Layouts de página; Explorar e aplicar o uso de
Leia maisÍNDICE. 1. Introdução...2. 2. O que é o Sistema Mo Porã...2. 3. Como acessar o Site Mo Porã...3. 4. Cadastro do Sistema Mo Porã...
ÍNDICE 1. Introdução...2 2. O que é o Sistema Mo Porã...2 3. Como acessar o Site Mo Porã...3 4. Cadastro do Sistema Mo Porã...4 5. Navegando no Site Mo Porã...6 5. 1 Manual de ajuda do sistema Mo Porã...7
Leia maisGuia 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 maisManual de utilização do selo
Manual de utilização do selo Introdução O manual do selo Empresa Parceira da Saúde tem a função de ordenar e padronizar o signo que distingue e diferencia a parceira, compreendendo padrões e regras de
Leia mais