Este documento discute a intersecção entre arte e tecnologia. Ele aborda conceitos históricos da web, web arte, profissões como web designer, e a interação entre arte e tecnologia digital. O documento também discute habilidades como investigar percursos para criação poética virtual e diferenciar estruturas de sites.

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.

7. SONDAGEM
PPT 2

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.

14. Páginas da Web

15. Armazenamento em nuvens

16. Reflexão/Análise
PPT 4

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;

18. Wireframe
PPT 5

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;