1 / 64

Orientadora: Profa . Dra. Reinildes Dias

Análise dos aspectos multimodais e de design na estrutura de websites educacionais: inglês para crianças de 6 a 10 anos. Orientadora: Profa . Dra. Reinildes Dias Co-orientadora: Profa . Dra. Maria Raquel de Andrade Bambirra Simone Maria Frade.

maggie-watkins
Download Presentation

Orientadora: Profa . Dra. Reinildes Dias

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Análise dos aspectos multimodais e de design na estrutura de websites educacionais: inglês para crianças de 6 a 10 anos. Orientadora: Profa. Dra. Reinildes Dias Co-orientadora: Profa. Dra. Maria Raquel de Andrade Bambirra Simone Maria Frade

  2. Contextualização da pesquisa • Predomínio do uso da tela como um meio de comunicação nas relações sociais; • 2) Diferentes possibilidades, oferecidas pelo meio digital, para a composição multimodal de novos gêneros digitais; • 3) Uso de vários modos semióticos de representação na composição desses gêneros (linguístico, auditivo, visual, gestual e espacial); • “A linguagem escrita por si só não colabora mais para a construção de sentido • de textos multimodais” (KRESS, 2003, p.35).

  3. Os modos de representação

  4. Multimodalidade e Gêneros A Modalidade pode ser utilizada em qualquer gênero com o objetivo de propiciar uma melhor integração entre o texto verbal e o visual a fim de formar um todo significativo. Resulta daí um complexo conjunto de significados.

  5. Elementos da multimodalidade contribuem para que a primeira leitura seja destinada ao desenho, o que significa obter uma resposta mais curta, rápida e satisfatória, no exemplo aqui, o título da reportagem.

  6. O formato de colunas passou a ser dinâmico. São as colunas que se adaptam aos vários elementos. Uma representação visual pode invadir o espaço do texto

  7. Justificativa da pesquisa • Repensar a construção de sentidos por meio de outros meios ousignos que não somente as palavras (ROCHA, 2010). • Compreender as características semióticas dos vários modos que constituem a • composição multimodal dos novos gêneros digitais (KRESS, 2003;2010), em • especial o website educacional

  8. Website Educacional Conceito: Gênero digital que se materializa em textos multimodais e que são geralmente consultados para fins educativos. Propósito comunicativo do website educacional para crianças: Promover a aprendizagem de conteúdos temáticos incorporando o elemento diversão na informação por meio de atividades interativas, jogos, animações e recursos gráficos visuais.

  9. Objetivo Geral da pesquisa Desenvolver um estudo de caso para analisar a estrutura organizacional do gênero website educacional em inglês dirigido a crianças de 6 a 10 anos de idade em seus aspectos multimodais (KRESS; VAN LEEUWEN, 2006) e de design de websites (WILLIAMS; TOLLET, 2001).

  10. Corpus da pesquisa Homepage dos websites educacionais selecionados http://www.soil-net.com/cms_test/ http://pbskids.org/ http://learnenglishkids.britishcouncil.org/en/ http://www.starfall.com/

  11. Critério de Análise: Aspectos Multimodais Gramática Visual (KRESS;VAN LEEUWEN, 2006)

  12. Critério de Análise: Aspectos do design Princípios do design de websites (WILLIAMS; TOLLET, 2001).

  13. Análise dos dados: Gramática visual e Design de Websites Enquadramento e proximidade dos elementos que compõem as unidades de informação. Linhas de moldura, espaços vazios,

  14. Dado e ideal Novo e ideal D centro Dado e Real Novo e Real Ideal D Real centro Análise dos dados: Gramática visual e Design de Websites Posicionamento e alinhamento dessas informações considerando o seu valor informativo. (Valor informativo: recurso semiótico que associa valores específicos para cada elemento do texto conforme a região onde está posicionado).

  15. Dado e ideal Dado e ideal Novo e ideal Novo e ideal Margem D D D Margem Margem centro centro Dado e Real Dado e Real Novo e Real Novo e Real Ideal Ideal Margem D D Centralizada, Dado-Novo, Ideal-Real Polarizada, Dado-Novo, Ideal-Real Centralizada Centro-Margem D centro Novo Dado Centralizada no eixo horizontal Dado-novo Real Real Margem D D Novo Dado Polarizada no eixo horizontal Dado-Novo centro centro Margem D Centralizada no eixo vertical Centro-Margem Centralizada no eixo vertical centro-margem Ideal-Real Polarizada no eixo vertical Ideal-Real Margem Margem Centralizada no eixo horizontal Centro-Margem centro Análise dos dados Possibilidades de composição em função do valor informativo

  16. Análise dos dados: Gramática visual e Design de Websites Saliência com base nos elementos visuais em destaque por meio de recursos semióticos repetitivos e enfatizados pelo contraste. Repetição de cores Repetição do enquadramento circular

  17. Análise dos dados Recursos semióticos (saliência e cor) que indicam localização no website.

  18. Pergunta de pesquisa ( 1 )- Aspectos multimodais Quais são as principais características multimodais do gênero website educacional? uso de vários modos na representação textual. (o linguístico, o auditivo, o visual, o gestual e o espacial) uso de vários recursos semióticos na organização das unidades significativas de informação. (cor, ênfase, posicionamento, separações visuais, linhas de moldura e o enquadramento) organização espacial da informação. (posicionamento - valor informativo - enquadramento - formação de unidades significativas de informação - e saliência – contraste – repetição - ênfase)

  19. Disposição de informações fragmentadas (proximidade de elementos que se pertencem) organização da informação por meio de separações visuais, colaborando para o seu fluxo(alinhamento) Informações articuladas por links e recursos semióticos (promoção de estrutura textual não linear)

  20. uso repetido de recursos semióticos (tais como cores, sons, linhas de moldura, posicionamento de elementos etc) na promoção da padronização visual do ambiente para facilitar a navegação (repetição) uso de recursos de saliência e de enquadramento na definição dos caminhos de leitura (contraste e enquadramento) Um “texto multimodal é constituído por vários modos semióticos de representação que se articulam e criam uma rede de objetivos comunicativos” (BATEMAN, 2008, p.1)

  21. Pergunta de pesquisa ( 2 )- Construção de sentido ( 2 ) Como as características multimodais – aspectos composicionais e princípios de design de websites – colaboram para a construção de sentido no gênero website educacional? O uso articulado dos recursos semióticos (cor, linhas de moldura, separações visuais, imagens, efeitos sonoros, ênfase, enquadramento,etc) define... Hierarquização das informações Caminho de leitura Navegabilidade Padronização visual ... provendo o suporte necessário para a coesão e coerência textual. Estes aspectos conferem a unidade textual ao gênero e podem colaborar para a construção de sentido.

  22. Coesão e coerência em textos multimodais hierarquização das informações navegabilidade caminho de leitura padronização visual

  23. Ideal D Real D centro Dado Novo Website Starfall

  24. Maior entendimento sobre as características multimodais relacionadas ao design do gênero website educacional para viabilizar o seu uso de maneira mais consciente e efetiva; A possibilidade de aplicação destes conhecimentos pode ser estendida a outros contextos como a criação e/ou a comercialização de websites em geral; Elaboração de um checklist que sistematiza esses conhecimentos. Contribuições da pesquisa

  25. O checklist • Deriva da análise dos dados deste estudo, que ressalta as principais características encontradas na composição multimodal e de design de exemplares do gênero. • Tem a intenção de colaborar para: • (1) a análise e seleção de websites educacionais;” • (2) o desenvolvimento dos níveis de letramento textual bem como do letramento • digital, no sentido de que o professor pode orientar a prática pedagógica por • meio de um uso melhor e mais consciente dos ambientes virtuais de que se • utiliza para ensinar. “ O ISO/IEC 9126 por exemplo, que qualificam este gênero por meio de atributos tais como a qualidade do produto em seu efetivo uso, a funcionalidade, confiabilidade, usabilidade, eficiência, manutenibilidade e portabilidade. É importante ressaltar que este modelo não contempla o uso desta ferramenta para fins educativos,

  26. Categorias do ckecklist

  27. Categorias do ckecklist

  28. Sugestões para pesquisas futuras • Ampliar o marco teórico no sentido de buscar orientações que permitam uma análise mais profunda do gênero, considerando outros aspectos, além da estrutura organizacional do website educacional, tais como sugeridos na gramática visual (estruturas representacionais e significados interativos) • Buscar uma maior compreensão sobre como o sistema operacional de navegação permite a construção de sentido das unidades de informações ao longo de todo o website. • Utilizar o checklist, ou parte dele, para outros contextos e/ou outros tipos de website.

  29. Agradecimentos.... Muito obrigada pela atenção e o carinho de todos vocês...

  30. Gramática Visual Kress e van Leuween Gramática vai além de regras formais de correção. Ela é um meio de representar padrões da experiência. Ela possibilita aos seres humanos construir uma imagem mental da realidade, a fim de dar sentido às experiências que acontecem ao seu redor e dentro deles. (HALLIDAY, 1994 ) A gramática aqui não é vista como um conjunto de regras, mas sim um conjunto de recursos socialmente construída para a construção de significados É um trabalho para análise de imagens baseado na gramática sistêmica funcional proposta por Halliday (1994).

  31. How do we read these posters? Oscar 2010

  32. Gramática Visual Kress e van Leuween Aspectos considerados: O contexto A audiência (leitor/receptor) O propósito (enunciado/mensagem) O produtor (emissor) O lay-out (os elementos dentro da imagem enfatizam um enunciado verbal) Os textos como uma união social e cultural As imagens representam ações, objetos e situações As imagens produzem interação ou significado interpessoal entre o que vê e o que é visto pelo uso de característica como cor, angulos, distância, e tipo de mídia empregada (fotografia, desenho, diagrama, etc.)

  33. Gramática Visual - Kress e van Leuween Os elementos Representacionais e Interativos têm que estar muito bem integrados, sendo que alguns elementos podem receber mais ou menos atenção do leitor na composição do todo integrado. ESTRURAS REPRESENTACIONAIS Como os aspectos visuais representam o mundo a nossa volta. SIGNIFICADOS INTERATIVOS São as relações entre os observadores (receptores da mensagem) e o propósito da mensagem (emissor). COMPOSIÇÃO VISUAL Organização da composição imagética

  34. Composição Visual (Lay-out) Valor informativo OLOCAL dos elementos tem específicos valores informacionais anexados às várias zonas da imagem: direita e esquerda, parte superior e parte inferior, centro e margem.

  35. Layout: Sistema Dado-Novo DADO NOVO Lado Direito Informação merecedora de maior atenção do leitor. Conhecido Lado Esquerdo Estes aspectos valem tanto para a imagem quanto para o texto verbal. (Teen magazine)

  36. Layout : Ideal-Real IDEAL Parte Superior Significa um sonho ou aspiração REAL Parte Inferior Fato real, representa o mundano

  37. Luminosidade (Contrates) DIVINO ou ASSOMBROSO IDEAL Parte Superior SECULAR /MUNDANO REAL

  38. Composição Visual A Saliência Estabelece uma hierarquia de importância entre os elementos que são feitos para atrair a atenção do leitor (espectador )em diferentes graus: Elementos : Plano de fundo ou primeiro plano Tamanho Contrastes de tons e cores Tipo e formato de letra

  39. Composição Visual Estruturação É a presença ou ausência de planos de estruturação realizado por elementos que criam linhas divisórias, ou por linhas de estruturação reais. São elementos da imagem, significando que eles pertencem ou não ao mesmo sentido.

  40. Qual é o caminho desta leitura? A leitura segue o caminho do elemento que está mais em evidência indo até os elementos que estão menos evidenciados.

  41. Qual é o caminho desta leitura? VETORES • Os vetores guiam o leitor de um elemento ao outro através de setas, linhas, etc. (vetores visíveis). Podem ser criados através do olhar, dedos apontando, braços estendidos, ou objetos direcionados (vetores invisíveis) • Quanto mais vetores, mais ação. http://www.slideshare.net/rjp152/visual-literacy-1992223

  42. Representação e Interação Kress e Leeuwen (1996) Interação entre a imagem (produtor) e o leitor (espectador da imagem) Elementos da multimodalidade contribuem para que a primeira leitura seja destinada ao desenho, o que significa obter uma resposta mais curta, rápida e satisfatória para a decodificação da mensagem. A interação envolve os Participantes Representados (pessoas, lugares, coisas representadas em imagens) e os Participantes Interativos (pessoas que se comunicam com outras por meio de imagens, os produtores e os espectadores dessas imagens).

  43. Representação e Interação Imagem de DEMANDA Consiste em um olhar fixo, ou um gesto por parte do Participante Representado (pessoas ou objeto), o qual solicita alguma coisa ao Espectador. Kress e Leeuwen (1996)

  44. Imagem de OFERTA Oferece o Participante Representado (imagem) ao Espectador (leitor) como item de informação, como objeto de comtemplação. A característica essencial para que a Demanda e a Oferta ocorra é de que as imagens/objetos sejam humanizados.

  45. Representação e Interação Imagem SUBJETIVA São imagens que representam cópias fiéis da realidade empírica. São mais naturalistas. Imagem OBJETIVA São imagens que revelam que há algo para conhecer a respeito dos Participantes Representados (imagens) como se fosse necessário violar as leis de representação natural. São imagens mais simbólicas. Kress e Leeuwen (1996)

  46. Imagens SUBJETIVAS ÂNGULOS Gramática Visual Ângulo BAIXO: o leitor está embaixo da imagem. Este tipo de imagem causa uma sensação de poder colocando o leitor em uma posição inferior. Ângulo DIRETO: Posição de igualdade Ângulo ALTO : o leitor está em posição de poder.

  47. A Esfera das RELAÇÕES SOCIAIS CLOSE UP: distância íntima (foto de uma parte do corpo) ESFERA DAS RELAÇÕES PESSOAIS Medium close Up: Distância pessoal (da cintura para cima ) ESFERA DAS RELAÇÕES SOCIAIS Long shot: distância social longa (RELAÇOES SOCIAIS) Medium Long shot: Distância social próxima (toda a figura é mostrada) http://www.slideshare.net/rjp152/visual-literacy-1992223

  48. ÂNGULOS FRONTAL Grande envolvimento do leitor com a imagem. Imprime ao leitor (espectador) uma identificação com a imagem como se ela fizesse parte de seu mundo. OBLÍQUO Envolvimento imparcial. Não fazem parte do mundo do leitor. Transmite a idéia de distanciamento do espectador em relação aos leitor.

  49. EIXO VERTICAL O dado novo (lado direito) é algo que não é conhecido do leitor EIXO CENTRAL Núcleo da informação TOP-BOTTOM Superior (Top) : é o novo Inferior (Botton) : é o real

More Related