SlideShare ist ein Scribd-Unternehmen logo
1 von 25
Downloaden Sie, um offline zu lesen
ARTE E TECNOLOGIA
Conteúdos Priorizados
Habilidades e Competências
Registros
PPT 1
Conteúdos Priorizados

 Conceitos históricos da web
 Web Arte
 Profissões no campo da arte
com interfaces em tecnologias
digitais
 Web designer
 Iconografia
 A interação entre arte e
tecnologia digital
 Processos poéticos colaborativos
 Espaços de criação: material e
virtual
 Construção de site

Competências e Habilidades
 Investigar, por meio da
experimentação, quais os percursos
para a construção poética de um
ambiente virtual.
 Estabelecer a diferenciação entre as
camadas de estruturas de um site
(páginas, hyperlinks).
 Estabelecer a diferenciação entre as
camadas de estruturas de um site
(páginas, hyperlinks).
 Operar com os conceitos de bi e
tridimensionalidade durante o
processo de criação de sites.
Registro
• Registrar é uma prática que merece toda a
atenção, pois se trata de uma ferramenta
indispensável para organizar, analisar e
reavaliar a prática docente:
• Perceber os seus progressos,
• Proporcionar segurança no ato de avaliar.
• Rever sua prática pedagógica - adequá-la às
necessidades dos educandos.
• Documentar o percurso.
Registro: Processo de construção das
aprendizagens!

Pontua:
• as experiências,
• as pesquisas,
• os textos,
• as reflexões,
• as experimentações,
• as poéticas pessoais ou em grupos.
Diário de bordo virtual
do professor
• Espaço reflexivo onde podem ser registrados:
•
•
•
•
•

os depoimentos dos alunos,
as avaliações,
as dificuldades encontradas,
os avanços,
as observações realizadas no desenvolvimento
das Situações de Aprendizagem e suas
proposições.
Diário de bordo virtual
do aluno
Os alunos também deverão ter:
• seus registros,
• suas anotações das impressões em relação às
proposições vivenciadas
• seus trajetos de estudos.
SONDAGEM
PPT 2
SONDAGEM - 1
• Como vocês se comunicam nos dias atuais?
• Vocês conhecem o sistema de correio e de
telefonia de sua cidade?
• Já escreveram uma carta ou cartão postal?
• Vocês sabem como surgiu a internet?
• O surgimento da internet modificou o
mundo?
• Como seria a comunicação no mundo hoje,
sem Internet?
• A internet facilita ou dificulta o cotidiano das
SONDAGEM - 3
• Que profissionais vocês conhecem que se utilizam
das tecnologias digitais para o desenvolvimento
do seu trabalho?
• Em quais sites vocês costumam navegar?
• Quais os objetivos de um site?
• Quais profissionais estão envolvidos na
construção de sites que navegamos diariamente
na internet?
• Que profissão se modificou ou se adaptou com o
surgimento da internet?
SONDAGEM - 2
• Quais recursos expressivos eram utilizados pelos
artistas até meados do século 20?
• Quais são os utilizados atualmente?
• A tecnologia digital modifica a produção artística? Por
quê?
• Quais produções artísticas das artes visuais podem ser
criadas com a utilização das tecnologias digitais?
• Quais artistas você conhece que utilizam a tecnologia
digital em seu processo de criação?
• Artistas de todas as linguagens artísticas podem se
utilizar das tecnologias digitais nas suas produções?
Webdesigner e web arte
PPT 3
Web design
• O web designer pode ser visto como uma extensão da prática
do design, onde o foco do projeto é a criação de web sites e
documentos disponíveis no ambiente da World Wide Web
(www) .
• O web design tende à multidisciplinaridade, uma vez que a
construção de páginas web requer subsídios de diversas áreas
técnicas, além do design propriamente dito. Áreas como
a arquitetura da informação, programação, usabilidade,
acessibilidade, criatividade entre outros.
• A preocupação fundamental do web designer é agregar os
conceitos de usabilidade com o planejamento da pessoa em
destaque interface, garantindo que o usuário final atinja seus
objetivos de forma agradável e intuitiva.
Layout
• O layout precisa transmitir
desejada com eficiência.

a

informação

• É preciso que o layout seja um elo de
comunicação com o usuário, que sua linguagem
seja condizente com o objetivo do site.
Páginas da Web
Armazenamento em nuvens
Reflexão/Análise
PPT 4
Reflexão pesquisas
• Quais as diferenças entre eles, referentes ao
layout, as cores, aos hiperlinks, a
navegabilidade, seus conteúdos etc.;
• quais suas intencionalidades;
• quais os públicos alvos;
Wireframe
PPT 5
Arte e Tecnologia - Artes Visuais - 2013
Arte e Tecnologia - Artes Visuais - 2013
Arte e Tecnologia - Artes Visuais - 2013
Arte e Tecnologia - Artes Visuais - 2013
Ação Expressiva Artística
Refletindo sobre o percurso trilhado
PPT 6
• Quais eram os objetivos das experimentações?
• Ficou clara a ideia de armazenamento em nuvem?
• O resultado visual obtido após a experiência de
linkar os conteúdos de uma página a outro, por meio
de fios de barbante, nos remete a que?
• Podemos comparar o percurso do barbante a uma
conexão virtual?
• Além da webdesigner quais outras profissões foram
mencionadas durante o desenvolvimento das
proposições?
• Que diferentes intencionalidades um site pode ter?
• O que um site com uma boa navegabilidade deve e
não deve conter em suas páginas?
Dicas importantes
• No site não deve haver muitos "voltar", o usuário pode
não saber aonde está indo, causando uma perda de
confiança. Se colocar algum voltar é recomendável que
coloque "voltar a..." e a seção aonde vai o link;
• O menu deve estar bem visível em todas as páginas do
site. Nele coloque links às principais seções do site;
• Se uma seção do site tem seções temáticas grandes,
coloque um menu adicional (em outro sentido que o
principal) que leve às diferentes páginas de tais seções;

Weitere ähnliche Inhalte

Was ist angesagt?

Ferramentas WEB 2.0 para EaD
Ferramentas WEB 2.0 para EaDFerramentas WEB 2.0 para EaD
Ferramentas WEB 2.0 para EaDN Rodrigo Vargas
 
RELATÓRIO DO PROJETO INTEGRADO DE APRENDIZAGEM
RELATÓRIO DO PROJETO INTEGRADO DE APRENDIZAGEMRELATÓRIO DO PROJETO INTEGRADO DE APRENDIZAGEM
RELATÓRIO DO PROJETO INTEGRADO DE APRENDIZAGEMmargosanta
 
Metodologias de ensino a distância e design de cursos - fatores de sucesso
Metodologias de ensino a distância e design de cursos - fatores de sucessoMetodologias de ensino a distância e design de cursos - fatores de sucesso
Metodologias de ensino a distância e design de cursos - fatores de sucessoUniversidade Católica Portuguesa
 
Tarefa semana 2 Ambientes Virtuais e Mídias de Comunicação
Tarefa semana 2 Ambientes Virtuais e Mídias de ComunicaçãoTarefa semana 2 Ambientes Virtuais e Mídias de Comunicação
Tarefa semana 2 Ambientes Virtuais e Mídias de ComunicaçãoFeRaSo
 
Modelo poster ativ_2_11_lourdes2011_3
Modelo poster ativ_2_11_lourdes2011_3Modelo poster ativ_2_11_lourdes2011_3
Modelo poster ativ_2_11_lourdes2011_3lourdesmedeiros
 
Blogs Educativos
Blogs EducativosBlogs Educativos
Blogs Educativosntebrusque
 
Tarefa 4 prof arnaldo
Tarefa 4 prof arnaldoTarefa 4 prof arnaldo
Tarefa 4 prof arnaldoacarvalhof
 
Ana aula r. formação 01-7-eatic- lousã-apresentação trabalho individual final
Ana aula r.    formação 01-7-eatic- lousã-apresentação trabalho individual finalAna aula r.    formação 01-7-eatic- lousã-apresentação trabalho individual final
Ana aula r. formação 01-7-eatic- lousã-apresentação trabalho individual finalapoajams
 

Was ist angesagt? (20)

Ferramentas WEB 2.0 para EaD
Ferramentas WEB 2.0 para EaDFerramentas WEB 2.0 para EaD
Ferramentas WEB 2.0 para EaD
 
Letramento Digital
Letramento DigitalLetramento Digital
Letramento Digital
 
AçõEs Nte 2012
AçõEs Nte 2012AçõEs Nte 2012
AçõEs Nte 2012
 
Informática Educacional
Informática EducacionalInformática Educacional
Informática Educacional
 
RELATÓRIO DO PROJETO INTEGRADO DE APRENDIZAGEM
RELATÓRIO DO PROJETO INTEGRADO DE APRENDIZAGEMRELATÓRIO DO PROJETO INTEGRADO DE APRENDIZAGEM
RELATÓRIO DO PROJETO INTEGRADO DE APRENDIZAGEM
 
Metodologias de ensino a distância e design de cursos - fatores de sucesso
Metodologias de ensino a distância e design de cursos - fatores de sucessoMetodologias de ensino a distância e design de cursos - fatores de sucesso
Metodologias de ensino a distância e design de cursos - fatores de sucesso
 
Cursoblog2012
Cursoblog2012Cursoblog2012
Cursoblog2012
 
Uso de blogs na educação
Uso de blogs na educaçãoUso de blogs na educação
Uso de blogs na educação
 
Palavra aberta monografia
Palavra aberta monografiaPalavra aberta monografia
Palavra aberta monografia
 
Tarefa semana 2 Ambientes Virtuais e Mídias de Comunicação
Tarefa semana 2 Ambientes Virtuais e Mídias de ComunicaçãoTarefa semana 2 Ambientes Virtuais e Mídias de Comunicação
Tarefa semana 2 Ambientes Virtuais e Mídias de Comunicação
 
Caderno opiniao
Caderno opiniaoCaderno opiniao
Caderno opiniao
 
Modelo poster ativ_2_11_lourdes2011_3
Modelo poster ativ_2_11_lourdes2011_3Modelo poster ativ_2_11_lourdes2011_3
Modelo poster ativ_2_11_lourdes2011_3
 
Blog2
Blog2Blog2
Blog2
 
Blogs Educativos
Blogs EducativosBlogs Educativos
Blogs Educativos
 
Blogs Na EducaçãoO
Blogs Na EducaçãoOBlogs Na EducaçãoO
Blogs Na EducaçãoO
 
Tarefa 4 prof arnaldo
Tarefa 4 prof arnaldoTarefa 4 prof arnaldo
Tarefa 4 prof arnaldo
 
Ferramentas de autoria
Ferramentas de autoriaFerramentas de autoria
Ferramentas de autoria
 
Ana aula r. formação 01-7-eatic- lousã-apresentação trabalho individual final
Ana aula r.    formação 01-7-eatic- lousã-apresentação trabalho individual finalAna aula r.    formação 01-7-eatic- lousã-apresentação trabalho individual final
Ana aula r. formação 01-7-eatic- lousã-apresentação trabalho individual final
 
Blog
BlogBlog
Blog
 
Modelopostergilphg
ModelopostergilphgModelopostergilphg
Modelopostergilphg
 

Ähnlich wie Arte e Tecnologia - Artes Visuais - 2013

Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03Pedro Tavares
 
Inclusão Digital de Professores
Inclusão Digital de ProfessoresInclusão Digital de Professores
Inclusão Digital de ProfessoresAna Maria Soares
 
Projecto e Produção Multimédia
Projecto e Produção MultimédiaProjecto e Produção Multimédia
Projecto e Produção MultimédiaGoncalo
 
Laboratório Web 2013-2014 - Etapas na Produção: Arquitectura de Informação
Laboratório Web 2013-2014 - Etapas na Produção: Arquitectura de InformaçãoLaboratório Web 2013-2014 - Etapas na Produção: Arquitectura de Informação
Laboratório Web 2013-2014 - Etapas na Produção: Arquitectura de InformaçãoRicardo Pereira Rodrigues
 
Introdução ao Projeto de Plataformas de Software: o quê, por que, como
Introdução ao Projeto de Plataformas de Software: o quê, por que, comoIntrodução ao Projeto de Plataformas de Software: o quê, por que, como
Introdução ao Projeto de Plataformas de Software: o quê, por que, comoRodrigo Reis
 
A Web para todos - Acessibilidade na web
A Web para todos  - Acessibilidade na webA Web para todos  - Acessibilidade na web
A Web para todos - Acessibilidade na webRogério Chiavegatti
 
Aula 1 - Interaction Design From Ethnography, Mental Models to IA
Aula 1 - Interaction Design From Ethnography, Mental Models to IAAula 1 - Interaction Design From Ethnography, Mental Models to IA
Aula 1 - Interaction Design From Ethnography, Mental Models to IAAmyris Fernandez
 
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAndré Constantino da Silva
 
A herança da arquitetura da informação para a UX Writer
A herança da arquitetura da informação para a UX WriterA herança da arquitetura da informação para a UX Writer
A herança da arquitetura da informação para a UX WriterMergo
 
Laboratório Web 2013-2014 - Apresentação Unidade Curricular
Laboratório Web 2013-2014 - Apresentação Unidade CurricularLaboratório Web 2013-2014 - Apresentação Unidade Curricular
Laboratório Web 2013-2014 - Apresentação Unidade CurricularRicardo Pereira Rodrigues
 
Design Participativo em Software Livre
Design Participativo em  Software LivreDesign Participativo em  Software Livre
Design Participativo em Software LivreUTFPR
 
Manual da Rede de Projetos
Manual da Rede de ProjetosManual da Rede de Projetos
Manual da Rede de ProjetosDalton Martins
 
Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web designCarla Suelen
 
Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...
Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...
Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...GovBR
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãorenatamruiz
 

Ähnlich wie Arte e Tecnologia - Artes Visuais - 2013 (20)

Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03
 
Web Design > Aula 00
Web Design > Aula 00Web Design > Aula 00
Web Design > Aula 00
 
Inclusão Digital de Professores
Inclusão Digital de ProfessoresInclusão Digital de Professores
Inclusão Digital de Professores
 
Projecto e Produção Multimédia
Projecto e Produção MultimédiaProjecto e Produção Multimédia
Projecto e Produção Multimédia
 
Laboratório Web 2013-2014 - Etapas na Produção: Arquitectura de Informação
Laboratório Web 2013-2014 - Etapas na Produção: Arquitectura de InformaçãoLaboratório Web 2013-2014 - Etapas na Produção: Arquitectura de Informação
Laboratório Web 2013-2014 - Etapas na Produção: Arquitectura de Informação
 
Introdução ao Projeto de Plataformas de Software: o quê, por que, como
Introdução ao Projeto de Plataformas de Software: o quê, por que, comoIntrodução ao Projeto de Plataformas de Software: o quê, por que, como
Introdução ao Projeto de Plataformas de Software: o quê, por que, como
 
A Web para todos - Acessibilidade na web
A Web para todos  - Acessibilidade na webA Web para todos  - Acessibilidade na web
A Web para todos - Acessibilidade na web
 
Aula 1 - Interaction Design From Ethnography, Mental Models to IA
Aula 1 - Interaction Design From Ethnography, Mental Models to IAAula 1 - Interaction Design From Ethnography, Mental Models to IA
Aula 1 - Interaction Design From Ethnography, Mental Models to IA
 
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de Usuário
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
A herança da arquitetura da informação para a UX Writer
A herança da arquitetura da informação para a UX WriterA herança da arquitetura da informação para a UX Writer
A herança da arquitetura da informação para a UX Writer
 
Aula02 arquitetura informacao
Aula02 arquitetura informacaoAula02 arquitetura informacao
Aula02 arquitetura informacao
 
Aula02 arquitetura informacao
Aula02 arquitetura informacaoAula02 arquitetura informacao
Aula02 arquitetura informacao
 
Projeto de WEB Site
Projeto de WEB SiteProjeto de WEB Site
Projeto de WEB Site
 
Laboratório Web 2013-2014 - Apresentação Unidade Curricular
Laboratório Web 2013-2014 - Apresentação Unidade CurricularLaboratório Web 2013-2014 - Apresentação Unidade Curricular
Laboratório Web 2013-2014 - Apresentação Unidade Curricular
 
Design Participativo em Software Livre
Design Participativo em  Software LivreDesign Participativo em  Software Livre
Design Participativo em Software Livre
 
Manual da Rede de Projetos
Manual da Rede de ProjetosManual da Rede de Projetos
Manual da Rede de Projetos
 
Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web design
 
Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...
Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...
Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 

Mehr von tecampinasoeste

EE Procopio Ferreira Multiplicadores de Sorrisos Saúde e Educação / Parceria ...
EE Procopio Ferreira Multiplicadores de Sorrisos Saúde e Educação / Parceria ...EE Procopio Ferreira Multiplicadores de Sorrisos Saúde e Educação / Parceria ...
EE Procopio Ferreira Multiplicadores de Sorrisos Saúde e Educação / Parceria ...tecampinasoeste
 
Brincadeirasinfantis 100513064527-phpapp02
Brincadeirasinfantis 100513064527-phpapp02Brincadeirasinfantis 100513064527-phpapp02
Brincadeirasinfantis 100513064527-phpapp02tecampinasoeste
 
Apresentação sa artes visuais
Apresentação sa   artes visuaisApresentação sa   artes visuais
Apresentação sa artes visuaistecampinasoeste
 
Tutorial ava setembro 2013
Tutorial ava setembro 2013Tutorial ava setembro 2013
Tutorial ava setembro 2013tecampinasoeste
 
Como criar um blog setembro 2013
Como criar um blog setembro 2013Como criar um blog setembro 2013
Como criar um blog setembro 2013tecampinasoeste
 
Tutorial webnod setembro 2013
Tutorial webnod setembro 2013Tutorial webnod setembro 2013
Tutorial webnod setembro 2013tecampinasoeste
 
Se a escola fosse uma orquestra
Se a escola fosse uma orquestraSe a escola fosse uma orquestra
Se a escola fosse uma orquestratecampinasoeste
 
Proinfo Introducao a Educacao Digital - 60f
Proinfo  Introducao a Educacao Digital - 60fProinfo  Introducao a Educacao Digital - 60f
Proinfo Introducao a Educacao Digital - 60ftecampinasoeste
 

Mehr von tecampinasoeste (20)

Caderno impresso
Caderno impressoCaderno impresso
Caderno impresso
 
EE Procopio Ferreira Multiplicadores de Sorrisos Saúde e Educação / Parceria ...
EE Procopio Ferreira Multiplicadores de Sorrisos Saúde e Educação / Parceria ...EE Procopio Ferreira Multiplicadores de Sorrisos Saúde e Educação / Parceria ...
EE Procopio Ferreira Multiplicadores de Sorrisos Saúde e Educação / Parceria ...
 
Brincadeirasinfantis 100513064527-phpapp02
Brincadeirasinfantis 100513064527-phpapp02Brincadeirasinfantis 100513064527-phpapp02
Brincadeirasinfantis 100513064527-phpapp02
 
Tutorial webnode
Tutorial webnodeTutorial webnode
Tutorial webnode
 
Sequencia didatica
Sequencia didaticaSequencia didatica
Sequencia didatica
 
Apresentação sa artes visuais
Apresentação sa   artes visuaisApresentação sa   artes visuais
Apresentação sa artes visuais
 
Tutorial webnode
Tutorial webnodeTutorial webnode
Tutorial webnode
 
Histórias
HistóriasHistórias
Histórias
 
Tutorial do AVA - EFAP
Tutorial do AVA - EFAP Tutorial do AVA - EFAP
Tutorial do AVA - EFAP
 
Tutorial ava setembro 2013
Tutorial ava setembro 2013Tutorial ava setembro 2013
Tutorial ava setembro 2013
 
Como criar um blog setembro 2013
Como criar um blog setembro 2013Como criar um blog setembro 2013
Como criar um blog setembro 2013
 
Tutorial webnod setembro 2013
Tutorial webnod setembro 2013Tutorial webnod setembro 2013
Tutorial webnod setembro 2013
 
Resolução 88 - 2013
Resolução 88 - 2013Resolução 88 - 2013
Resolução 88 - 2013
 
Tutorial webnode
Tutorial webnodeTutorial webnode
Tutorial webnode
 
Como criar meu blog
Como criar meu blogComo criar meu blog
Como criar meu blog
 
Tutorial ava efap
Tutorial ava efapTutorial ava efap
Tutorial ava efap
 
2 ava (1)
2 ava (1)2 ava (1)
2 ava (1)
 
1 acessando o ava
1 acessando o ava1 acessando o ava
1 acessando o ava
 
Se a escola fosse uma orquestra
Se a escola fosse uma orquestraSe a escola fosse uma orquestra
Se a escola fosse uma orquestra
 
Proinfo Introducao a Educacao Digital - 60f
Proinfo  Introducao a Educacao Digital - 60fProinfo  Introducao a Educacao Digital - 60f
Proinfo Introducao a Educacao Digital - 60f
 

Arte e Tecnologia - Artes Visuais - 2013

  • 1. ARTE E TECNOLOGIA Conteúdos Priorizados Habilidades e Competências Registros PPT 1
  • 2. Conteúdos Priorizados  Conceitos históricos da web  Web Arte  Profissões no campo da arte com interfaces em tecnologias digitais  Web designer  Iconografia  A interação entre arte e tecnologia digital  Processos poéticos colaborativos  Espaços de criação: material e virtual  Construção de site Competências e Habilidades  Investigar, por meio da experimentação, quais os percursos para a construção poética de um ambiente virtual.  Estabelecer a diferenciação entre as camadas de estruturas de um site (páginas, hyperlinks).  Estabelecer a diferenciação entre as camadas de estruturas de um site (páginas, hyperlinks).  Operar com os conceitos de bi e tridimensionalidade durante o processo de criação de sites.
  • 3. Registro • Registrar é uma prática que merece toda a atenção, pois se trata de uma ferramenta indispensável para organizar, analisar e reavaliar a prática docente: • Perceber os seus progressos, • Proporcionar segurança no ato de avaliar. • Rever sua prática pedagógica - adequá-la às necessidades dos educandos. • Documentar o percurso.
  • 4. Registro: Processo de construção das aprendizagens! Pontua: • as experiências, • as pesquisas, • os textos, • as reflexões, • as experimentações, • as poéticas pessoais ou em grupos.
  • 5. Diário de bordo virtual do professor • Espaço reflexivo onde podem ser registrados: • • • • • os depoimentos dos alunos, as avaliações, as dificuldades encontradas, os avanços, as observações realizadas no desenvolvimento das Situações de Aprendizagem e suas proposições.
  • 6. Diário de bordo virtual do aluno Os alunos também deverão ter: • seus registros, • suas anotações das impressões em relação às proposições vivenciadas • seus trajetos de estudos.
  • 8. SONDAGEM - 1 • Como vocês se comunicam nos dias atuais? • Vocês conhecem o sistema de correio e de telefonia de sua cidade? • Já escreveram uma carta ou cartão postal? • Vocês sabem como surgiu a internet? • O surgimento da internet modificou o mundo? • Como seria a comunicação no mundo hoje, sem Internet? • A internet facilita ou dificulta o cotidiano das
  • 9. SONDAGEM - 3 • Que profissionais vocês conhecem que se utilizam das tecnologias digitais para o desenvolvimento do seu trabalho? • Em quais sites vocês costumam navegar? • Quais os objetivos de um site? • Quais profissionais estão envolvidos na construção de sites que navegamos diariamente na internet? • Que profissão se modificou ou se adaptou com o surgimento da internet?
  • 10. SONDAGEM - 2 • Quais recursos expressivos eram utilizados pelos artistas até meados do século 20? • Quais são os utilizados atualmente? • A tecnologia digital modifica a produção artística? Por quê? • Quais produções artísticas das artes visuais podem ser criadas com a utilização das tecnologias digitais? • Quais artistas você conhece que utilizam a tecnologia digital em seu processo de criação? • Artistas de todas as linguagens artísticas podem se utilizar das tecnologias digitais nas suas produções?
  • 11. Webdesigner e web arte PPT 3
  • 12. Web design • O web designer pode ser visto como uma extensão da prática do design, onde o foco do projeto é a criação de web sites e documentos disponíveis no ambiente da World Wide Web (www) . • O web design tende à multidisciplinaridade, uma vez que a construção de páginas web requer subsídios de diversas áreas técnicas, além do design propriamente dito. Áreas como a arquitetura da informação, programação, usabilidade, acessibilidade, criatividade entre outros. • A preocupação fundamental do web designer é agregar os conceitos de usabilidade com o planejamento da pessoa em destaque interface, garantindo que o usuário final atinja seus objetivos de forma agradável e intuitiva.
  • 13. Layout • O layout precisa transmitir desejada com eficiência. a informação • É preciso que o layout seja um elo de comunicação com o usuário, que sua linguagem seja condizente com o objetivo do site.
  • 17. Reflexão pesquisas • Quais as diferenças entre eles, referentes ao layout, as cores, aos hiperlinks, a navegabilidade, seus conteúdos etc.; • quais suas intencionalidades; • quais os públicos alvos;
  • 23. Ação Expressiva Artística Refletindo sobre o percurso trilhado PPT 6
  • 24. • Quais eram os objetivos das experimentações? • Ficou clara a ideia de armazenamento em nuvem? • O resultado visual obtido após a experiência de linkar os conteúdos de uma página a outro, por meio de fios de barbante, nos remete a que? • Podemos comparar o percurso do barbante a uma conexão virtual? • Além da webdesigner quais outras profissões foram mencionadas durante o desenvolvimento das proposições? • Que diferentes intencionalidades um site pode ter? • O que um site com uma boa navegabilidade deve e não deve conter em suas páginas?
  • 25. Dicas importantes • No site não deve haver muitos "voltar", o usuário pode não saber aonde está indo, causando uma perda de confiança. Se colocar algum voltar é recomendável que coloque "voltar a..." e a seção aonde vai o link; • O menu deve estar bem visível em todas as páginas do site. Nele coloque links às principais seções do site; • Se uma seção do site tem seções temáticas grandes, coloque um menu adicional (em outro sentido que o principal) que leve às diferentes páginas de tais seções;

Hinweis der Redaktion

  1. {}