A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento.

Apresentações semelhantes


Apresentação em tema: "Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento."— Transcrição da apresentação:

1 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento e Arquitetura de Sites

2 CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Objetivo Conhecer os conceitos básicos de Web necessários para um profissional atualizado, abordando as principais tendência s www.

3 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Conteúdo Noções básicas para criação na Web Cores Tipografia Imagens

4 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" História da Internet

5 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" A guerra dos browsers

6 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Um site de sucesso

7 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Um site de sucesso Um bom domínio Uma idéia inovadora Conhecer a concorrência Conhecer o público-alvo Falar a linguagem do seu cliente

8 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Site dinâmico X Site estático Sites na Web necessitam ser atualizados constantemente com novas informações. Quando isso não acontece, o usuário não sente a necessidade de voltar ao site para obter mais informações, uma vez que são sempre as mesmas. Estático – Sempre atualizado por pessoas técnicas, que tenham o mínimo de conhecimento em HTML. Nunca pode ser delegado a uma pessoa não técnica. Dinâmico – É construído com uma ferramenta, desenvolvida com o objetivo de incluir, excluir e atualizar informações. Necessariamente usa-se banco de dados para armazenar informações.

9 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Site X Portal Site – Possui uma estrutura mais simples e pode abordar um assunto específico. Visual mais clean. Poucas informações com muito espaço para textos e imagens. Pode ser dinâmico ou estático. Portal – Caracteriza-se pela estrutura complexa com o máximo de informações sobre o assunto abordado. Visual mais completo e com características próprias. Muitas informações e pouco espaço. Site dinâmico.

10 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Site X Portal Exemplos de Sites Exemplos de Portais

11 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Evolução dos Sites

12 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" WYSIWYG – What You See Is What You Get São editores que nos permitem montar um página HTML sem o conhecimento mínimo necessário. Torna-se desvantajoso por não possuir códigos otimizados e que não seguem aos padrões de desenvolvimento para Web. Exemplo – google Sites

13 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil"

14 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Anatomia de uma página Web: Estrutura básica HTML

15 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Anatomia de uma página Web: DIVisões

16 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Anatomia de uma página Web: O código da página HTML

17 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Layout fixo X layout fluido Fluido Fixo

18 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Resolução da Tela Para 1024X768 usar 1000 px de largura Para 800X600 usar 760 px de largura

19 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Cores A cor exerce influência na vida de uma pessoa, interferindo nos sentidos, emoções e intelecto; pode ser usada para se atingir objetivos específicos. O uso apropriado de cores pode resultar em uma rápida e correta assimilação da informação. Mas seu uso incorreto pode trazer resultados indesejáveis.

20 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Conhecer um pouco de teoria das cores, ajuda a chegar no resultado esperado mais rapidamente: representar associações simbólicas chamar e direcionar a atenção enfatizar alguns aspectos da interface determinar um estado de espírito não devemos abusar do uso de cores temos que entender o que cada tonalidade representa. conhecer que emoção passa

21 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil"

22 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil"

23 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil"

24 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil"

25 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil"

26 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil"

27 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil"

28 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil"

29 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" RGB - Adotado em monitores e TV

30 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" CMYK - Adotado em impressões

31 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Tipografia na Web Sites interessantes:

32 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Tipografia na Web Famílias

33 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Imagens na Web Bitmap X Vetorial PIXEL – Ponto que compõe uma imagem bitmap. Quando a imagem é ampliada, os pixels se tornam visíveis, na forma de quadrados de cor e luz. Dando o efeito de textura e profundidade. VETOR – É um segmento de reta que possui comprimento e direção, podendo ser definido também como uma expressão matemática que indica tamanho e direção. Gráficos vetoriais são compostos por nós, os quais interconectam-se por meio de linhas e curvas. Existem imagens que se baseiam em pixels, como é o caso das fotografias, e imagens que se baseiam em vetores, como os logotipos.

34 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Imagens na Web Bitmap

35 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Imagens na Web Vetorial

36 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Introdução a usabilidade na Web Definições Ergonomia Ergonomia (ou Fatores Humanos) é a disciplina científica que trata da compreensão das interações entre os seres humanos e outros elementos de um sistema, e a profissão que aplica teorias, princípios, dados e métodos, a projetos que visam otimizar o bem estar humano e a performance global dos sistemas. Os praticantes da Ergonomia, Ergonomistas contribuem para o planejamento, projeto e a avaliação de tarefas, postos de trabalho, produtos, ambientes e sistemas para torná-los compatíveis com as necessidades, habilidades e limitações das pessoas.

37 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Introdução a usabilidade na Web Definições Usabilidade Pela definição da International Organization for Standardization, usabilidade é a extensão na qual um produto pode ser usado por usuários específicos para alcançar objetivos específicos com efetividade, eficiência e satisfação em um contexto de uso específico (ISO ).International Organization for Standardization Para Jacob Nielsen, um site deve ser ser de fácil aprendizagem, permitir utilização eficiente e apresentar poucos erros são os três aspectos fundamentais para a percepção da boa usabilidade por parte do usuário.

38 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Introdução a usabilidade na Web Usabilidade X Funcionalidade

39 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Introdução a usabilidade na Web Padrões para Web – Abas

40 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Introdução a usabilidade na Web Padrões para Web – Link Principal

41 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Introdução a usabilidade na Web Padrões para Web – Seletor de Idiomas

42 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Introdução a usabilidade na Web Padrões para Web – Pesquisa Simples

43 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Introdução a usabilidade na Web Padrões para Web – Página 404

44 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Introdução a usabilidade na Web Testes de Usabilidade

45 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Introdução a usabilidade na Web Testes de Usabilidade - Laboratório

46 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Introdução a usabilidade na Web Testes de Usabilidade – Protótipo de Papel

47 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Padrões e Acessibilidade Leis e Padrões Web O poder da Web está em sua universalidade. O acesso feito por qualquer pessoa, independentemente de sua capacidade, é um aspecto essencial. Tim Berners-Lee, W3C Director and Inventor of the World Wide Web

48 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Padrões e Acessibilidade Leis Lei Federal: Lei nº , de 19 de dezembro de 2000, assinada pelo ex-Presidente Fernando Henrique Cardoso. Decreto nº 5.296, assinado em 2 de dezembro de 2004 que estabelece as normas gerais e critérios básicos para a promoção da acessibilidade das pessoas portadoras de deficiência ou com mobilidade reduzida.

49 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Padrões e Acessibilidade Usuários

50 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Padrões e Acessibilidade Avaliação de Sites W3C Acessibilidade Brasil

51 Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Como fazer um Site online grátis Google – Sites Wix Webs Webnode


Carregar ppt "Concepção, Planejamento e Arquitetura de Sites CEEE-2011 Centro de Estudos de Pessoal "Valorizando o Homem, serve ao Exército e ao Brasil" Concepção, Planejamento."

Apresentações semelhantes


Anúncios Google