Web Sites - Dicas

   A tecnologia, cuja função principal deveria ser facilitar a vida dos usuários, nem sempre tem cumprido bem o seu papel. Muitas pessoas não conseguem aliar os avanços do mundo eletrônico com a simplicidade. 

   Um site deve ser funcional, objetivo. O uso adequado de cores, fontes, menus e ferramentas de busca são algumas das coisas mais importantes na hora de compor uma página. Mas não é bem o que vemos por aí, o excesso de informação é um dos fatores mais agravantes em sites da web, a poluição visual está cada vez maior. Portanto, se você está pensando em criar um site, fique atendo a algumas dicas:

 

Princípios básicos da Usabilidade na WEB:

 - Visibilidade:
Os usuários devem ser informados continuamente pelo sistema sobre o que ele está fazendo, num tempo razoável.

- Adequação a cada tipo usuário:
O site deve falar a língua do usuário, usar palavras, frases e conceitos familiares. Deve seguir as convenções do mundo real e apresentar a informação numa ordem lógica e natural.
 
 - Controle e liberdade para o usuário:
É importante haver controles para fazer e desfazer ações. Os usuários erram e precisam de uma “saída de emergência” claramente marcada, ou seja, corrigir o erro de forma rápida e intuitiva.

- Consistência e padrões:
Os usuários não devem ter que se perguntar se determinadas palavras, situações ou ações querem dizer a mesma coisa. Devem ser seguidas as normas e convenções da plataforma sobre a qual está implementado o sistema.

- Prevenção de erros: É melhor prevenir o surgimento de erros por meio de um design adequado do que gerar boas mensagens de erros.

- Reconhecimento mais do que memória:
O site deve se basear mais no reconhecimento do que na memória, de modo a permitir uma interação fácil e produtiva.

- Flexibilidade e eficiência de uso:
A interface deve facilitar e otimizar o acesso, tanto de usuários iniciantes como de usuários experientes.

- Conteúdo:
O site deve evitar toda informação irrelevante, texto em bloco, dificuldade para ler e entender e só incluir a informação necessária. Deve também comunicar, de maneira imediata, seu propósito, objetivos e funções.

- Design gráfico: O site deve evitar gráficos ou imagens irrelevantes, destacar o que é importante para o usuário e proporcionar boa leitura (tamanho de fonte, contraste, etc).
 

 

 Seguindo essas ‘regras’ você já está a um passo de criar uma página objetiva e direta para quem a acessar.

Exemplos de Bom e Mau uso de Web Sites

Mau exemplo de Web Site:

http://tidinha.zip.net/

   O background do site citado acima tem uma cor forte, e se não bastasse, os “pontinhos” brancos piscam freneticamente, atrapalhando a legibilidade do usuário.

   O Site tem mistura de cores, propagandas e fotos muito poluídas e mal diagramadas. O menu de navegação é de difícil entendimento, pois ele se confunde com o restante do texto e com o fundo que pisca.

   As fontes utilizadas foram, a maioria, Times New Roman ( Contra indicada para sites) e Arial. 

    Os textos do menu apresentam uma difícil navegação, pois eles não têm uma hierarquia e nem nexo.

   As cores do site teoricamente combinariam, pois o Rosa que é uma cor forte se complementa com o branco que é neutro, mas nesse caso é um exemplo de mau uso de cores que combinam entre si.

   Além do background poluído que foi usado, temos “caixas de texto” que misturam várias tonalidades de cores (Azul, Roxo, branco, rosa, preto, verde, entre outras).

   O conteúdo está de acordo com a artista, pois conta a história, contatos e trabalhos anteriores. Mas está completamente mal diagramado, o que acaba cansando extremamente o usuário, que dificilmente retornará a página da web.

Bom exemplo de Web Site:

http://www.laserpress.net/

   Um site bem diagramado e com fácil legibilidade, pois tem cores que “conversam” entre si. A cor do logo é vermelha (uma cor forte), por isso o web designer utilizou a cor cinza no fundo (cor neutra), tornando o site agradável e de fácil navegação. As fotos utilizadas foram fontes simples que são de fácil entendimento e leitura. 

      O conteúdo do site é abordado de forma simples e objetiva, há uma hierarquia no menu de navegação, nele há várias informações pertinentes sobre a agência, não causa dúvidas nos usuários pois está bem organizado.
     Na página inicial foram utilizadas duas caixas de textos que são atualizadas freqüentemente, nas quais contem novidades e informações sobre a agência, o que torna o site uma espécie de BLOG também.

Luminosidade de Goethe e Teoria de Itten

Johann Wolfgang Goethe (1749-1832), escritor e pintor alemão contrariou a descoberta de Isaac Newton de que existem sete cores no espectro com a teoria de que existem somente seis cores visíveis sob as condições naturais de luz do dia.  Suas observações sobre a filosofia e psicologia da cor, além da forma como os humanos a interpretam, foram usadas base para criar a Gestalt.

Para ele, a cor era composta de luminosidade ou sombra. Goethe era um pintor e seu interesse na forma em que realmente vemos e experienciamos a cor estimulou os teóricos e os artistas posteriores. Em suas observações descreveu os efeitos do “positivo" e "negativo" da cor sobre a mente.

Baseado nas pesquisas de Newton, Goethe mostra em aquarela os resultados de dois experimentos de luz passando através de um prisma: as três cores principais do espectro de Newton  "laranja, verde e azul violeta" seriam percebidas em um quarto escuro, através de um raio controlado de luz.

No espectro de Goethe, as cores principais seriam "azul cian, vermelho (que ele chamou de púrpura) e amarelo" vistos pelo olho a luz do dia .

Juntando as seis cores formou a base do círculo das cores.

 

Circuito de Cores de Goethe

Aquarela de Cores de Goethe

Goethe havia observado em uma paisagem: "Durante o dia, devido aos tons amarelados, as sombras tendem a tornar-se violeta... Ao pôr-do-sol, quando seus raios difusos são do mais bonito vermelho, a cor da sombra torna-se verde". Já havia observado a complementaridade das cores.

Já no século XX, o pintor e professor alemão Johannes Itten elaborou uma estrela de cores onde são classificadas em três dimensões; matiz, tom, e saturação.




·         São doze matizes: as três primárias, as três secundárias, e as terciárias, produzidas pela mistura de cada uma das secundárias com as primárias.
·         Tom é a luminosidade ou escurecimento obtido da mistura de cada matiz com o preto.
·         Saturação é o "colorido" ou a intensidade da cor. A cor perde a intensidade a medida que misturamos com o branco.

Estrela de Cores de Itten

Banco de Dados

Os bancos de dados se engenharam graças à necessidade das grandes empresas de armazenar grandes quantidades de informação de uma forma rápida, simples e confiável, e que pudessem ser acessadas em qualquer momento sem a necessidade de se deslocar às salas dedicadas a arquivar documentação, como até há pouco tempo se fazia.

Como definição do banco de dados, entendemos que se trata de um sistema de armazenamento de dados inter-relacionados, que representam informações de um assunto específico, em uma ordem específica. O banco de dados, normalmente, é uma tabela composta de diversas linhas separadas por coluna, que são identificadas por campo. Cada uma dessas linhas é composta por um registro diferente. O sistema pode também ser representado por uma coleção de dados, que pode ser acessado e utilizado por várias aplicações diferentes. Exemplos: Lista telefônica, controle do acervo de uma biblioteca, sistema de controle dos recursos humanos de uma empresa.


Alguns bancos de dados bem recomendados são:


Comerciais
· Oracle: http://www.oracle.com
· DB2: http://www-306.ibm.com/software/data/db2/
· Sybase: http://www.sybase.com.br/
· MS SQL Server: http://www.microsoft.com/sql/default.mspx




Open Source
· MySQL: http://www.mysql.com/
· Postgre SQL: http://www.postgresql.org/
· Firebird: http://www.firebirdsql.org/




Organização de um banco de dados


Arquivo: Um conjunto de registros e informações armazenadas
            Exemplo: Arquivo chamado controle de estoque, controle de conta corrente, controle bancário, ou simplesmente um controle de clientes ou de fornecedores.
Registro: é um conjunto campos relacionados e armazenados em um registro.
           Exemplo: A ficha de um determinado cliente contendo a informações necessárias para um ambiente específico.
Campo: É o conjunto de itens que um registro pode conter.
           Exemplo: Cada item de uma ficha ou registro corresponde a um item, campo ou atributo.
Em um cadastro de clientes de uma empresa, podemos encontrar os seguintes campos: CPF, nome, endereço, cidade, bairro, estado, CEP.

Para considerar um banco de dados organizado, deve-se cumprir os seguintes objetivos:


· Tem que ser versátil, Isto quer dizer que, dependendo dos usuários ou das aplicações, possam fazer diferentes coisas ou tratem aos dados de formas diferentes.
· Tem que atender com a rapidez adequada a cada aplicação ou empresa
· Tem que ter um índice de redundância o mais baixo possível.
· Ter uma alta capacidade de acesso para ganhar o maior tempo possível na realização de consultas.
· Ter um alto índice de integridade, isto significa que ao ter muitos usuários atacando a um mesmo banco de dados não pode ter falhas na inserção de dados, erros ou lenta atualização.
· Obviamente, tem que ter um nível altíssimo de segurança e privacidade já que os dados que se armazenam em um banco de dados podem ser altamente confidenciais ou importantes. Neste ponto, também entram os meios físicos de proteção contra fogo, roubo, etc.
· Por último, tem que ser possível sua constante atualização para não deixar o banco de dados antigo e inservível. Quando fazemos uma mudança na organização física dos dados não deve afetar aos programas, portanto também tem que ter uma independência física dos dados. Assim como tem que ter total independência lógica com os dados, isto quer dizer que se fazemos mudanças na estrutura lógica dos dados (agregar novos campos a uma tabela) não devem afetar às aplicações que utilizem esses dados.




Algumas Dificuldades no Gerenciamento de Banco de Dados:


Redundância e Inconsistência de Dados.
Uma vez que os arquivos e programas aplicativos são criados por programadores diferentes durante um longo período de tempo, os arquivos provavelmente terão formatos diferentes e os programas serão escritos em diversas linguagens de programação. Além disso, o mesmo elemento de informação pode estar duplicado em diversos lugares (arquivos). Por exemplo, o endereço e o número do telefone de um cliente pode aparecer em um arquivo que contém registros da conta de poupança e um arquivo que contém registros da conta corrente. Esta redundância leva a altos custos de armazenamento e acesso. Pode ainda levar a inconsistência de dados – o que significa que a várias cópias do mesmo dado podem ser diferentes. Por exemplo, a mudança de endereço de um cliente pode ser efetuada num registro de conta corrente, mas não em qualquer outro lugar no sistema. Isto resulta em uma inconsistência de dados.


Dificuldade no Acesso aos Dados. 
Suponha que um dos diretores do banco necessite encontrar os nomes de todos os clientes que vivem numa rua da cidade com CEP 78733-000. O diretor pede ao departamento de processamento de dados que gere tal lista. Caso este tipo de solicitação não tenha sido antecipado quando o sistema original foi projetado, não há nenhum programa aplicativo disponível para fazê-lo. Existe, entretanto, um programa aplicativo para gerar uma lista de todos os clientes do banco. O diretor tem agora duas saídas: ou ele pega a lista de clientes e extrai a informação necessária manualmente, ou pede ao departamento de processamento de dados que um programador escreva o programa aplicativo necessário. Ambas as alternativas são obviamente insatisfatórias. Suponha que tal programa tenha sido de fato escrito e que, alguns dias mais tarde, o mesmo diretor necessite destacar da mesma lista apenas os clientes com um saldo de $10.000 ou mais. Como é de se esperar, um programa para gerar tal lista não existe. Novamente, o diretor tem duas opções, e nenhuma delas é satisfatória.


Isolamento de Dados.
Uma vez que os dados estão espalhados em diversos arquivos e podem Ter formatos diferentes, é difícil escrever novos programas aplicativos para recuperar os dados adequados.


Anomalias de Acesso Concorrente. 
Com a intenção de aperfeiçoar o desempenho geral do sistema e obter tempos de resposta mais rápidos, muitos sistemas permitem que múltiplos usuários atualizem os dados simultaneamente. Em tal ambiente, a interação de atualizações concorrentes pode resultar em dados inconsistentes. Considere uma conta bancária A, com $500. Se dois clientes sacarem dinheiro (digamos $50 e $100) da conta A ao mesmo tempo, o resultado das execuções concorrentes pode deixar a conta num estado incorreto (ou inconsistente). Em particular, a conta pode conter $450, em vez de $350. Com a intenção de prevenir esta possibilidade, algum tipo de supervisão deve ser mantido no sistema. Já que dados podem ser manipulados por diferentes programas aplicativos, que podem não Ter sido previamente sincronizados, sua supervisão pode ser muito difícil.


Essas dificuldades, entre outras, promoveram o desenvolvimento de sistemas de gerenciamento de banco de dados. Nesse sentido, devemos ver os conceitos e algoritmos que foram desenvolvidos para sistema de banco de dados com vistas a resolver os problemas mencionados anteriormente.


Aplicado de maneira correta o sistema de banco de dados se torna uma ferramenta extremamente valiosa, registrando e mantendo informações consideradas significativas à Organização.

Principais Componentes de um Computador

Hoje, o mercado de trabalho exige conhecimentos básicos de informática, não só no que se refere aos softwares, mas ao hardware também. É importante saber, por exemplo, o que é um HD (Hard Disk), para que serve o processador, qual a função da memória RAM e assim por diante. Ter conhecimentos básicos do assunto é essencial, até mesmo para lidar com determinadas situações, como observar o reparo de seu PC por um técnico.


Hardware é a parte física do computador, ou seja, é o conjunto de componentes eletrônicos, circuitos integrados e placas, que se comunicam através de barramentos. (Cardoso, 2006)
Barramento é o conjunto de linhas de comunicação que permitem a interligação entre os dispositivos, como CPU, a memória e outro periféricos de entrada e saída.

Unidades e Dispositivos:

• Unidade Central de Processamentos (CPU);
• Dispositivos de comunicação de armazenamento primário e secundário (disco magnético, disco óptico, fita magnética);
• Dispositivos de entrada (teclado, mouse, tela de toque, leitores de dados);
• Dispositivos de saída (impressoras, terminais de vídeo, plotadoras) e outros.

Unidade de Entrada de Dados: As funções desses dispositivos são coletar e introduzir as informações na máquina, converter as informações do homem para a máquina e vice-versa.

Unidade de Saída de Dados: As funções desses dispositivos são exibir ou imprimir os resultados do processamento, ou ainda controlar dispositivos externos.

Unidades Híbridas: Algumas unidades são de entrada e saída de dados ou também chamados Dispositivos Híbridos.

Componentes do Computador:

• Processador : O processador, basicamente, é o "cérebro" do computador. Praticamente tudo passa por ele, já que é o processador o responsável por executar todas as instruções existentes. Os principais são da Intel e AMD.

• Memória RAM: Nela, os dados se perdem quando o computador é desligado. Os módulos de memória são os responsáveis pelo armazenamento dos dados e instruções que o processador precisa para executar suas tarefas. O tipo de memória mais usado é a DDR2.

• Disco Rígido: serve para armazenar dados permanentemente ou até estes serem removidos. Mais conhecido como HD, seus componentes são: pratos, cabeça de leitura e gravação, braço, motor e atuador.

• Placa de Vídeo: Gera tudo o que vai aparecer em seu monitor, como imagens de jogos e de aplicações, efeitos, etc. As marcas mais conhecidas são a ATI e a NVIDIA.

• Drives de Disquete e CD-ROM/DVD: Os drives de disquete são itens cada vez mais em desuso. Os drives de CD/DVD são os seguintes, CD-ROM, CD-RW, CD-Rs e CD-RWs, CD-RW + DVD, DVD-RW.

• Placas de Som: São responsáveis por promover o áudio gerado em seu computador.

• Placas De Rede: Tem a função de fazer com que um computador possa acessar uma rede de dados comum

• Placa De Fax/Modem: Tem como função interligar o computador a outros através de uma linha de comunicação de dados (de telefone).

• Cooler: É um dissipador de calor que fica sobre o processador. O calor que o processador gera deve ser dissipado para que ele não queime.

• Placa-mãe: Essa peça também pode ser interpretada como a "espinha dorsal" do computador, afinal, é ela que interliga todos os dispositivos do equipamento.
       - O processador é instalado em seu socket;
       - O HD é ligado nas portas IDE ou SATA;
       - A placa de vídeo pode ser conectada nos slots AGP 8x ou PCI-Express 16x.

       - As outras placas (placa de som, placa de rede, etc.) podem ser encaixadas nos slots PCI .

Periféricos Gerais:

• Gabinete: É uma caixa metálica (e/ou com elementos de plástico) vertical ou horizontal, que guarda todos os componentes do computador.

• Fonte: Responsável por promover energia adequada ao funcionamento do computador.

• Monitor

• Mouse

• Teclado

• Webcam

Enfim, esses são os principais componentes de um computador, servem de base às pessoas que estão dando os primeiros passos no mundo da informática.

Netiqueta

Netiqueta é um conjunto de normas de condutas sociais e de bom senso que proporcionam o uso da internet de maneira mais educada e agradável. Que tem como objetivo facilitar a comunicação através dos recursos de uma rede.

Não somos os únicos que acessam a internet, mais alguns milhões de pessoas também o fazem, portanto pense bem antes de publicar algo. Se o conteúdo de sua mensagem for de caráter exclusivamente pessoal e particular, considere outros meios, que não correio eletrônico, para comunicar-se com o seu interlocutor. Sem a inflexão da voz e a linguagem corporal existentes nas comunicações face-a-face, comentários podem ser mal interpretados nas comunicações eletrônicas.

Veja algumas regras básicas e indispensáveis para evitar problemas futuros:

• Aplique a regra de ouro: Trate os outros como gostaria de ser tratado.Lembre-se de que há uma pessoa do outro lado da sua mensagem.
• Evite usar TEXTO EM MAIÚSCULAS para ênfase – alguns usuários encaram isso como uma maneira de “gritar”.
• Desculpe os erros de outras pessoas, especialmente os novatos.
• Mantenha sempre a calma, especialmente se alguém o insultar (ou se você achar que foi esse o caso).
• Evite enviar mensagens de propagandas não-solicitadas, “correntes” e outras mensagens do tipo. Isto é muito desagradável.
• Não use linguagem inadequada ou ofensiva.
• Use seu nome ou apelido online de maneira consistente e assine todas as mensagens com ele (mas proteja sua verdadeira identidade nunca usando seu nome completo).
• Nunca envie ou encaminhe mensagens indesejadas (normalmente chamadas de spam).
• Verifique sua ortografia, seja conciso e envie mensagens curtas.
• Siga as mesmas regras de bom comportamento que seguiria na vida real.
• Use emoticons para ajudar a comunicar humor e sarcasmo.
• Estes são alguns exemplos:
• :-) Feliz ou brincando
• ;-) Piscando
• :-( Infeliz
• :- Ambivalente
• :-o Surpreso ou preocupado
• :-x Bico calado
• :-p Mostrando a língua (geralmente de brincadeira)

Netiqueta é para quem deseja que a Internet continue sendo um lugar legal para encontrar pessoas, trocar idéias, músicas e vídeos com o mínimo de violência e perigo. Temos desenvolvido nossas relações sociais no ambiente da Internet, por isso são necessárias outras regras de convívio e de comunicação para assegurar a boa convivência na rede, esse é o objetivo da "Netiqueta".

Os Dez Mandamentos da Ética na Internet:

Não use o computador para prejudicar as pessoas.
Não interfira no trabalho de outras pessoas.
Não se intrometa nos arquivos alheios.
Não use o computador para roubar.
Não use o computador para obter falsos testemunhos.
Não use nem copie softwares pelos quais você não pagou.
Não use os recursos de computadores alheios sem pedir permissão.
Não se apropie de idéias que não são suas.
Pense nas consequências sociais causadas pelo que você escreve.
Use o computador de modo que demonstre consideração e respeito.



Cartaz MR Cópias

Este é um cartaz que eu criei para a Gráfica Rápida na qual eu trabalho.

Este cartaz foi um anúncio nosso que uma empresa que fornece "propagandas" de outras empresas em banheiros de  restaurantes, academias e lanchonetes famosas na região publicou.

Abaixo do cartaz tinha um "porta panfletos" com o seguinte panfleto (minha criação também):

Frente

Verso