Este documento fornece uma introdução à interatividade e narrativas interativas. Resume diferentes definições de interatividade e discute como ela permite que os usuários participem e controlem sua experiência com conteúdo. Também fornece exemplos de produtos interativos, incluindo vídeos, jogos e experiências na web que permitem escolhas do usuário que afetam a narrativa.
Download e informações :
Excelente resumo Biologia & Geologia (BIOLOGIA) 10º Ano
Possuo também publicados online e disponíveis para download:
Biologia & Geologia (BIOLOGIA) 11º Ano
Biologia & Geologia (GEOLOGIA) 10º Ano
Biologia & Geologia (GEOLOGIA) 11º Ano
Excelente resumo Biologia & Geologia (BIOLOGIA) 10º Ano
Possuo também publicados online e disponíveis para download:
Biologia & Geologia (BIOLOGIA) 11º Ano
Biologia & Geologia (GEOLOGIA) 10º Ano
Biologia & Geologia (GEOLOGIA) 11º Ano
Para fazer download envie email para v-perfeito99@hotmail.com
Download e informações :
Excelente resumo Biologia & Geologia (BIOLOGIA) 10º Ano
Possuo também publicados online e disponíveis para download:
Biologia & Geologia (BIOLOGIA) 11º Ano
Biologia & Geologia (GEOLOGIA) 10º Ano
Biologia & Geologia (GEOLOGIA) 11º Ano
Excelente resumo Biologia & Geologia (BIOLOGIA) 10º Ano
Possuo também publicados online e disponíveis para download:
Biologia & Geologia (BIOLOGIA) 11º Ano
Biologia & Geologia (GEOLOGIA) 10º Ano
Biologia & Geologia (GEOLOGIA) 11º Ano
Para fazer download envie email para v-perfeito99@hotmail.com
Atividade 4 - Pós Graduação - Módulo Tecnologia da Educação, ministrado pelo Prof. Luiz Matos
Material: Aula básica de Internet
Prof.: Anderson Santos Fernandes
Atividade 4 - Pós Graduação - Módulo Tecnologia da Educação, ministrado pelo Prof. Luiz Matos
Material: Aula básica de Internet
Prof.: Anderson Santos Fernandes
Trabalho da cadeira de Mediação e Conteúdo em Mídias Digitais do professor Café da Pós Graduação em Mídias Digitais da Universidade Estácio de Sá.
Mais informações sobre o projeto no blog http://sinergiadigital.wordpress.com
Palestra apresentada no Universo Games 2009 promovido pelo SENAC SP : Conheça os primórdios e o futuro da interatividade e da relação homem - máquina através da história do games. Fique por dentro das tendências e da tecnologia que estão por trás dos lançamentos do universo dos games, um mercado que fatura bilhões de dólares.
Baixe mais arquivos em http://pastadomau.wikidot.com.
Apresentação sobre Realidade Virtual. Abrange histórico da realidade virtual, conceitos, características, aplicações da realidade virtual e VRML.
Aula com o professor David de Oliveira Lemes (Dolemes), sobre Games e inovação tecnológica - Para assistir a aula, basta acessar o link: http://fm-openlearn.open.ac.uk/fm/fmmp.php?pwd=000eed-19368 - O qual da acesso ao ambiente do Flashmeeting, ferramenta de webconferência que pode ser encontrada na comunidade COLEARN. O Flashmeeting faz parte da pesquisa de iniciação cientifica de minha autoria, a qual foi realizada sobre orientação da professora e Dr. Ana Maria Di Grado Hessel.
Princípios clássicos de composição visual e Gráfica para não DesignersLeonardo Pereira
This class presentation adresses some of the most classical visual and compositional principles that graphic designers use in order to compose their visual work in an organized, coherent and balanced manner.
If you need a copy please email me to leonardpeartree@gmail.com. I will be more than happy to send you one.
In this class I discuss and showcase with my students the convergence between two values of a website's interface: Playfulness and Usability of the user's experience when interacting with a website built with the Adobe Flash tool.
O Genérico - Main Title Design and Diegetic TypeLeonardo Pereira
In this class I introduce my students to the diegetic approach to type treatment in Main Title sequences. The main creative approaches to this Main Title type treatment are addressed and students are also given some insight of the technical resources and techniques involved in After effects to produce the required effects and integrations of type into their animations or footage.
Palestra para discutir que os ambientes de interação e discussão, tais como fórum de discussão ou bate-papo, nem sempre promovem a colaboração entre os estudantes. Pode ocorrer uma conversação burocrática, ou mesmo o professor se tornar o centro da conversação.
Adding paralax to a still picture - From 2D to 2.5DLeonardo Pereira
In this class I teach my students how to, in Photoshop, breakdown a still picture's components in order to reassemble them back in After Effects, with paralax added to it.
This class adresses some of the main technical cares to be taken when shooting greenscreen footage and footage with tracking markers or footage to later be tracked with motion trackers.
This tutorial covers some of the main techniques and tools used to retouch a human figure. It's based on the slick force technique developed by the famous photographer/cinematographer Nick Saglimbeni.
Introduction to Illustrator's workshop - Covilha October 2012Leonardo Pereira
In this workshop I introduce the Industrial Design Course's students (the Universidade da Beira interior's one) to the main uses and Tools available in Illustrator for basic vector drawing. The nature of a vector picture is also adressed.
Introduction to Photoshop's workshop - Covilha October 2012Leonardo Pereira
In this workshop I introduce the Industrial Design Course's students (the Universidade da Beira interior's one) to the main uses and Tools available in Photoshop for advanced picture editing. The mechanics of a static picture (bitmap picture) is also adressed.
In this class I adress the main color correction tools of Photoshop and what color correction is all about. Concepts such as Primary and Secondary color correction are also adressed.
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3DLeonardo Pereira
In this class I teach my students how to integrate a bidimensional book cover into a 3D book packshot, using different layers, layer masks, selections and blending modes.
1. Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Professor Leonardo Pereira
Ano Curricular - 2011 | 2012 ATELIER AUDIOVISUAL E MULTIMÉDIA II - Multimédia
Curso de Ciências da Comunicação - 3º Ano | 1º Semestre
Aula 05
1. INTRODUÇÃO À INTERATIVIDADE
E ÁS NARRATIVAS INTERATIVAS
2. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
01
Introdução à interatividade e seu potencial narrativo
leonardpeartree@gmail.com
3. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Interatividade Existem várias definições:
O que é?
“Interactive means that the user or reader can make choices about the order in which
information is taken from the project.”
Friedman, Anthony, Writing for Visual Media, Focal Press, 2001
“Interactivity means the ability to intervene in a meaningful way within the representation
itself, not to read it differently.”
Cameron, Andy, illusions of interactivity, in MFJ No. 28 (Spring 1995)
leonardpeartree@gmail.com
4. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Interatividade Mas no contexto das nossas aulas, quando falarmos em interatividade, estaremos
O que é? a falar na possibilidade de um utilizador poder estabelecer uma relação ativa e
participativa com um determinado conteúdo.
Por exemplo:
Quando vemos um filme temos, enquanto espectadores, uma relação passiva com o
conteúdo.
Porquê? Porque não interferimos com o filme nem o manipulamos. Ele corre linearmente
no tempo, correndo do ínício, passando pelo meio e chegando até ao fim.
Sentido de consumo e fruição tradicional de um filme
Início >>>>>>>>>>>>>>>>>>> Meio >>>>>>>>>>>>>>>>>> Fim
leonardpeartree@gmail.com
5. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Interatividade Na Web
O que é? Quando estamos, por exemplo, a navegar num website, já temos uma postura diferente.
Estamos a ter uma postura ativa e participativa.
Porquê? Porque temos objetos interactivos - os botões - que nos permitem aceder às
diferentes páginas, não numa ordem pré-determinada, mas sim, segundo uma ordem e
lógica que somos nós que escolhemos ao navegar.
Page 1
Page 2
Homepage Page 3
Page 4
Page 5
Dito por outras palavras a interatividade permite-nos controlar a nossa própria
experiência de consumo de um conteúdo.
leonardpeartree@gmail.com
6. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Interatividade Em produtos digitais de entretenimento
O que é? Por outro lado a interatividade pode ser também utilizada num conteúdo
de entretenimento e sem ter, necessariamente, uma narrativa associada.
O que há é a participação do utilizador numa experiência que se pretende lúdica e que
se aproxima à logica de um jogo mas sem ser um jogo.
Tickle her the way you want The Uggly Dance
http://www.extremefunnyhumor.com/animation. http://theuglydance.com/
php?id=49&page=3
leonardpeartree@gmail.com
7. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Interatividade Mas a interatividade não é exclusiva da web e da multimédia. Ela pode também ser
O que é? aplicada ao contexto do vídeo interativo onde o utilizador escolhe o rumo da história.
Vamos ver exemplos:
“The Outbreak”
http://www.survivetheout-
break.com/
Neste vídeo interactivo o utilizador é sempre convidado a escolher entre dois possíveis
desenvolvimentos de história.
leonardpeartree@gmail.com
8. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Interatividade “Hbo Voyeur”
O que é?
http://archive.bigspace-
ship.com/hbovoyeur/
Neste exemplo, o utilizador pode ver o que se passa dentro de um prédio. Apesar de só
poder espiar uma divisão e prédio de cada vez, ainda é o utilizador que escolhe a ordem
pela qual “espia” os acontecimentos que decorrem dentro de cada prédio.
leonardpeartree@gmail.com
9. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Interatividade “American Idol Interactive Experience”
O que é?
http://www.youtube.com/
watch?v=vrWykYNfHYU
Neste exemplo, disponível no youtube, os utilizadores podem escolher os elementos do
juri do concurso e depois ver como esse juri, julga os concorrentes.
Diferentes combinações de juízes dão origem a diferentes reações.
leonardpeartree@gmail.com
10. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Interatividade “A hunter shoots a bear” - Tipp-ex Experience
O que é?
http://www.youtube.com/
user/tippexperience
Neste exemplo, disponível no youtube, os utilizadores são convidados a sugerir o que o
caçador deve fazer ao urso, por contraponto à voz-off que incita a que o caçador o mate.
leonardpeartree@gmail.com
11. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Interatividade Conclusão
O que é?
Num vídeo ou animação a interactividade pode, pela participação que oferece ao espe-
tador/utilizador, interferir com a linearidade da narrativa e com a experiência vivida pelo
utilizador na sua relação com a mesma.
O desenrolar da história pode ser controlado pelo utilizador. E esse controlo é uma das
variáveis que pode tornar a experiência vivida mais interessante, imersiva e apelativa.
E ENTRAMOS AQUI NO DOMÍNIO DAS NARRATIVAS INTERACTIVAS QUE É O QUE
VAMOS EXPERIMENTAR, ESTUDAR E EXPLORAR NA NOSSA PRIMEIRA
PROPOSTA DE TRABALHO.
leonardpeartree@gmail.com
12. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
02
O que é uma narrativa interativa e como a potenciar?
leonardpeartree@gmail.com
13. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Narrativa
interativa
Como potenciar uma narrativa em Flash com a interatividade?
Em primeiro lugar, no Flash, com a possibilidade que temos de criar interatividade,
temos também a possibilidade de fragmentar a linearidade de uma narrativa.
É justamente isso que terão de conseguir fazer neste exercício.
leonardpeartree@gmail.com
14. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Narrativa
interativa
Mas... o que é uma narrativa interativa?
Uma narrativa interactiva é um processo de sequenciação cronológica de eventos, numa
lógica de causa-e-efeito, que só poderá ser activado e continuado através da interacção/
participação/escolha do utilizador de várias possibilidades que lhe são dadas para dar
continuidade ao desenrolar dos eventos.
Ou seja,
É um tipo de narrativa em que o seu desenvolvimento depende essencialmente da
participação e escolhas tomadas pelo espetador/utilizador.
Para se conceber uma narrativa interactiva, é necesssário compreender que tipos de
estruturas narrativas é que há e aquela que nos interessa explorar.
leonardpeartree@gmail.com
15. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Narrativa
interativa
Tipos de narrativa
Os vários tipos de narrativa dividem-se pelo tipo de estrutura que as compõe:
A tradicional - Linear: caracteriza-se por ser linear e por não depender da interação do
utilizador para que esta se desenrole (é a que não nos interessa aqui).
Em árvore - Não linear: caracteriza-se por não ser linear e por depender da interação e
escolhas tomadas pelo utilizador para que a história se desenrole.
Devido ao número de possibilidades infinitas que abre este tipo de estrutura narrativa
torna-se muito dificil de “controlar”.
Caminhos Paralelos - Multi Linear: caracteriza-se por não ser linear e por ser uma es-
pécie de reconfiguração da perspectiva em árvore. Neste tipo de narrativa, ao utilizador/
espectador são dadas sempre duas possibilidades de escolha de desenvolvimento que
se voltam a unir mais à frente no tempo, dentro da sequência de eventos da mesma
narrativa (é esta a que nos interessa).
leonardpeartree@gmail.com
16. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Narrativa
interativa
A TRADICIONAL - LINEAR
Princípio Meio Princípio
leonardpeartree@gmail.com
17. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Narrativa
interativa
EM ÁRVORE - NÃO LINEAR
leonardpeartree@gmail.com
18. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Narrativa
interativa
CAMINHOS PARALELOS - MULTI LINEAR
Opção 1 Opção 1
Opção 2 Opção 2
leonardpeartree@gmail.com
19. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Narrativa
interativa
Qual usar?
A de Caminhos paralelos!
É aquela em que conseguimos ter algum nível de controle sobre as possíbilidades de
desenvolvimento da narrativa e onde há interacção do utilizador com a mesma.
leonardpeartree@gmail.com
20. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Narrativa
interativa
E que mais formas tenho de potenciar uma narrativa
pela interatividade?
Usando o poder dos botões interativos animados!
leonardpeartree@gmail.com
21. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Usar o poder Numa animação ou filme interativo em Flash, a típica forma de input ou interação de que
narrativo o utilizador dispõe para interagir com a narrativa é através de botões interactivos.
dos botões
animados
Os botões, como já vimos nos nossos tutoriais, têm vários estados:
Up | Over | Down | Hit
Geralmente estes estados são estáticos, ou seja, não têm animação.
Mas pode não ser assim!
Ou seja, quando fazemos um roll over (passar com o rato por cima do botão) ou um roll
out (tirar o rato de cima do botão), o botão pode reagir com uma animação e não, sim-
plesmente, mudar de cor, como geralmente acontece.
leonardpeartree@gmail.com
22. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Usar o poder Isto significa que, nos momentos em que interagimos “fisicamente” com o conteúdo (roll
narrativo over e roll out do rato), podem ser introduzidos elementos narrativos que, por sua vez,
podem influenciar o nosso utilizador a tomar uma entre as várias opções que lhe damos
dos botões na nossa narrativa interativa.
animados
Por exemplo:
Chegamos a um determinado momento da nossa narrativa e damos duas opções
de continuação da narrativa:
Deixo o ladrão fugir? ou Não o deixo fugir?
Aqui, o que podemos fazer é, no momento do Roll Over sobre o botão, colocar uma
pequena animação, que funcione como uma “pista” (verdadeira ou falsa) sobre o que
pode acontecer se o utilizador optar por aquela opção.
A inclusão deste tipo de pistas podem ser sub-elementos narrativos que enriquecem e
tornam lúdica a experiência geral do utilizador com a nossa narrativa interactiva.
Elas podem ser inseridas sob a forma de:
• animação;
• audio;
• ou a combinação de ambas.
leonardpeartree@gmail.com
23. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
03
Proposta de trabalho - Produção de uma narrativa Interativa
leonardpeartree@gmail.com
24. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Proposta de Conceção e construção de uma narrativa interativa
trabalho Os alunos terão de desenvolver uma narrativa Interactiva em Flash, com recurso a
animação e/ou vídeo, onde terão de explorar a interactividade e o poder de “interferên-
cia” narrativa que a interatividade pode adicionar a uma história.
Exemplos:
• narrativa de um dia da vida de alguém;
• a história de uma situação ou episódio da vida de alguém;
• entre outras possibilidades de narrativas.
Pode ser sobre vós próprios ou sobre outra pessoa que queiram retratar ou descrever.
Ou pode ser sobre outra coisa qualquer à vossa escolha...
leonardpeartree@gmail.com
25. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Objectivos 1. Iniciar a implementação dos conhecimentos sobre Flash e Action Scripting lecciona-
do exercício dos nas aulas anteriores;
2. Introduzir no processo criativo dos alunos e nas suas produções as primeiras noções
e funções de interactividade básica;
3. Dotar os alunos da capacidade de implementar um grau de interactividade simples e
básica que acentue/potencie o conceito/s, história/s, pessoa que pretendam descrever.
O que interessa não é apenas a história mas, também, a forma como se conta a história.
E aqui a interatividade pode ser um ingrediente muito interessante.
Pensem nas anedotas! Há más anedotas que adquirem piada pela forma como são
contadas.
leonardpeartree@gmail.com
26. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Recursos que Recursos Pictóricos:
podem usar O que quiserem! Imagens, vídeo, som, animação, desenho, vectores, etc...Vai depender
do vosso tema e da vossa própria linguagem gráfica.
Recursos de programação:
1. go to and play/stop - scene 1 - frame 1, tanto na timeline como em botões;
2. Stop ou play;
3. Animação de botões com Movie Clips;
4. Cenas
Limitações:
1. Preferencialmente só devem ter um ficheiro FLA e outro SWF final.
2. O ficheiro final não deverá exceder 5 Megas de peso (atenção à optimização).
3. Devem evitar, para já, o uso de load movies.
leonardpeartree@gmail.com
27. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Avaliação
O que é que vai ser avaliado?
1. A capacidade de implementação do exercício em Flash CS4 ou CS5;
2. Correcta optimização dos recursos (cuidado com pesos);
3. Organização interna dos elementos nos layers e na Library do Flash;
4. Narrativa/Conceito e a sua criatividade;
5. Avaliação contínua.
Esta proposta de trabalho vale 15% da avaliação da unidade curricular no final do
semestre!
leonardpeartree@gmail.com
28. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Entrega e
apresentação
Data de entrega: 24 de Novembro
O exercício deverá ser desenvolvido em Flash CS4 ou CS5. Os alunos terão de en-
tregar, os ficheiros .SWF e os ficheiros editáveis .FLA + fontes utilizadas no projecto.
É igualmente obrigatória a entrega de uma pequena memória descritiva que ilustre, com
texto e imagens, o trabalho desenvolvido pelo aluno, especificando qual o conceito ou
história, assim como os recursos de programação utilizados na implementação em Flash
do trabalho desenvolvido.
Não precisam de entregar estes documentos em suporte impresso. Podem entregar um
simples PDF.
Muito importante:
Quem estiver a trabalhar numa versão acima do CS4 tem, também, de entregar uma
versão dos ficheiros editáveis em Flash CS4.
leonardpeartree@gmail.com
29. Universidade do Minho Módulo Multimédia
Instituto de Ciências Sociais Atelier Audiovisual e Multimédia II - 2011 | 2012
Professor Leonardo Pereira
Departamento de Ciências da Comunicação
04
Dúvidas?
leonardpeartree@gmail.com