HIPERMDIA I 1 Semestre 2010 Profa.

Luisa Paraguai e Daniela Bertocchi C/H 72 horas EMENTA Objetivo: Promover reflexo sobre as formas emergentes de produo de informao hipermeditica, e principalmente, conferir aos alunos autonomia para a concepo e produo de contedo publicado em XHTML. Metodologia: As aulas sero de teor prtico, sempre ministradas no laboratrio de informtica. O curso exigir dos alunos domnio tcnico da linguagem XHTML com recursos em CSS para o desenvolvimento de um produto hipermiditico. O aplicativo Photoshop ser utilizado para exerccios para diagramao visual e uso da cor. Avaliao: Os alunos sero avaliados individualmente a partir da participao individual, com a entrega de exerccios semanais, e pelo desenvolvimento do produto hipermiditico final, elaborado em dupla. Data da entrega: 09/junho/2010 Contedo Programtico: Aula01 | 24/fev - Apresentao do curso, metodologia e avaliao. Apresentao das professoras Introduo ao contexto da rede - grfico de Charles Joseph Minard (1869).

Aula02 | 03/mar Conceitos sobre Arquitetura da Informao e Design de Interface. Apresentao da produo Web: sites de primeira, segunda e terceira gerao. Exerccio de apoio HTML: anlise de sites jornalsticos. Linguagem XHTML estrutura, links e imagens. Aula03 | 10/mar - Conceitos sobre Arquitetura da Informao e Design de Interface. Compreenso/avaliao do comportamento dos usurios. Conceitos de leitor [SANTAELLA, L. Navegar no ciberespao: perfil cognitivo do leitor imersivo. So Paulo: Paulus, 2004.] Exerccio de apoio HTML (cont.): linguagem HTML texto e folhas de estilo [CSS].

Aula04 | 17/mar - Conceitos sobre Arquitetura da Informao e Design de Interface.

Diagrama de fluxo da informao - planejamento estrutural do contedo. Exerccio de apoio HTML (finalizao): linguagem HTML texto e folhas de estilo [CSS].

Aula05 | 24/mar - Conceitos sobre Arquitetura da Informao e Design de Interface. Conceitos da Gestalt similaridades e unidade. Exerccio de apoio HTML (cont.): linguagem HTML tableless. Aula06 | 31/mar - Conceitos sobre Arquitetura da Informao e Design de Interface. Conceitos da Gestalt segregao e unificao. Exerccio de apoio HTML (finalizao): linguagem HTML tableless, mapeamento de imagens. Aula07 | 07/abr - Reviso da matria. Atendimento para reforo sobre a estrutura da linguagem HTML [ tags]. - Prova

Aula08 | 14/abr - Conceitos sobre Cores Web em ambientes jornalsticos. Diagramao proximidade e contraste. Exerccio 1 de apoio Photoshop (cont.).

Aula09 | 21/abr - Conceitos sobre Cores Web em ambientes jornalsticos. Diagramao alinhamento e repetio. Exerccio 1 de apoio Photoshop (finalizao).

Aula10 | 28/abr - Conceitos sobre Tipologia na Web em ambientes jornalsticos. Criao grfica uso de metfora. Revista Grfica: Mutabilidade, Dilogo e Identidade http://www.agitprop.vitruvius.com.br/ensaios_det.php?codeps=MjV8ZkROOA== Dos processos de leitura produo de fontes digitais Priscila Borges http://www.intermidias.com/txt/ed56/Literatura_Dos%20processos%20de%20leitura %20producao%20de%20fontes%20dig%85.pdf Exerccio 2 de apoio Photoshop (cont.). Aula11 | 05/mai - Conceitos sobre Tipologia na Web em ambientes jornalsticos. Conceitos de Leiturabilidade e legibilidade. [http://digitalpaperweb.com.br/ezine/tipografia/o-que-e-tipografia]

vdeos sobre tipografia [http://digitalpaperweb.com.br/ezine/tipografia/videostipograficos] Exerccio 2 de apoio Photoshop (finalizao). Entrega da proposta grfica do trabalho final.

Aula12 | 12/mai - Conceitos sobre uso de vdeos, udios e fotos em reportagem Web. Relao entre texto imagem. Linguagem HTML formulrio. Atendimento aos alunos: reviso da proposta inicial para desenvolvimento do trabalho final em HTML. Aula13 | 19/mai - Atendimento aos alunos: desenvolvimento do trabalho final em HTML. Aula14 | 26/mai - Atendimento aos alunos: desenvolvimento do trabalho final em HTML.

Aula15 | 02/jun - Atendimento aos alunos: desenvolvimento do trabalho final em HTML.

Aula16 | 09/jun - Atendimento aos alunos: entrega do trabalho final em HTML.

Aula17 | 16/jun - Atendimento aos alunos: segunda entrega do trabalho final em HTML reduo da nota.

Aula18 | 23/jun - Avaliao e retorno dos trabalhos. Avaliao: 1. Os alunos sero avaliados pelo comportamento nas aulas: Assiduidade; Pontualidade; Participao; Interesse e empenho; Capacidade de comunicao e interpretao. 2. Projetos realizados: Percurso criativo da idia at execuo final; Destreza tcnica e capacidade intelectual para realizar o trabalho proposto e resolver problemas; Criatividade e originalidade na concepo e apresentao final; Capacidade de escolher e organizar a informao de maneira a ser eficaz na comunicao da mensagem; Qualidade do design. 3. Notas e pesos:

exerccio 1 em HTML 15% exerccio 2 em HTML 15% exerccio 1 em photoshop 10% exerccio 2 em photoshop 10% trabalho final 50% Bibliografia Bsica 1. FARIAS, P.L. Tipografia digital: o impacto das novas tecnologias. Rio de Janeiro: Editora 2AB, 1998. 2. FLANAGAN, D. JavaScript, the definitive guide. The Fourth Edition. Cambridge: OREILLY & ASSOC, 2002. 3. LEO, L. Labirinto da hipermdia: arquitetura e navegao no ciberespao. So Paulo: Iluminuras, 2005. 4. LORANGER, H.; Jakob NIELSEN, J. Usabilidade na Web, Projetando Web Sites com Qualidade. So Paulo: Campus, 2007. 5. MUSCIANO, C.; KENNEDY, B. HTML & XHTML, The definitive guide. Cambridge: OREILLY & ASSOC, 2006. 6. RICHARDSON, W. Blogs, wikis, podcasts and other powerful web tools for classrooms. Thousands Oaks, California: Corwin Press, 2006. 7. SANTAELLA, L. Navegar no ciberespao: perfil cognitivo do leitor imersivo. So Paulo: Paulus, 2004. 8. STOVALL, J.G. Web journalism, practice and promise of a new media. Boston: Pearson Education Inc., 2004. 9. OSTROWER, F. A sensibilidade do intelecto. Vises paralelas de espao e tempo na arte e na cincia. A beleza essencial. 9a Edio. Rio de Janeiro: Elsevier, Editora Campus, 1998. Bibliografia Complementar 1. BARROS, L.R.M. A cor no processo criativo: um estudo sobre a Bauhaus e a teoria de Goethe. 2a Edio. So Paulo: Editora SENAC, 2006. 2. DIAS, C. Usabilidade na Web. Rio de Janeiro: Alta Books, 2007. 3. HOLZSCHLAG, M.; CLARKE, A. Transcending Css, the fine art of web design. New Riders, 2006. 4. LAUREL, B. Design Research: methods and perspectives. Cambridge: The MIT Press, 2003. 5. MACHADO, E.; PALACIOS, M. Modelos de jornalismo digital. Calandra, 2003. 6. MOGGRIDGE, B. Designing interactions. Cambridge: The MIT Press, 2006. 7. MULLET, K.; SANO, D. Designing Visual Interfaces: Communication Oriented Techniques. Prentice Hall PTR, 1994. 8. NIELSEN, J. Usability Engineering. AP Professional, Academic Press. 1994. 9. TOLLETT, J.; WILLIAMS, R. Web design para no-designers. Rio de Janeiro: Cincia Moderna, 2001. Bibliografia Complementar na Web 1. Bibliografia em Cibercultura Alex Primo - http://bibliografiadecibercultura.blogspot.com/ 2. DreamWeaver - http://www.efeitosvisuais.com/blog/dreamweaver-livrogratis/dreamweaver-livro-cap1/ 3. Manual em HTML - http://www.htmlgoodies.com 4. W3C - The World Wide Web Consortium - http://www.w3.org/ 5. CSS - http://www.maujor.com/index.php

6. Jakob Nielsen - http://www.useit.com/