SlideShare ist ein Scribd-Unternehmen logo
1 von 23
Downloaden Sie, um offline zu lesen
Aula 07: I DESIGNERS = ARTISTAS DO FUTURO




LEV MANOVICH (1960 - )
                 Russo; crítico literário
    Diretor do grupo de Software Studies da UCSD

     INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010   01
Aula 07: 2001: OBRA-PRIMA



 A LINGUAGEM
DA NOVA MÍDIA
                               • 2002        (Liv. Cultura / Amazon)

                               • Software

                               • Bancos          de dados

                               • Interface

                               • Design

                               • Arte       + informação
 INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010              02
Aula 07: A LINGUAGEM DA NOVA MÍDIA



            OPERAÇÕES DO
            COMPUTADOR

• SELEÇÃO

• COMPOSIÇÃO

• TELE-AÇÃO




             INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010   03
Aula 07: A LINGUAGEM DA NOVA MÍDIA



             OPERAÇÕES DO
             COMPUTADOR

• SELEÇÃO:

 – Os objetos das novas mídias compõem
 uma montagem cuja base é composta por fragmentos
 [de mídias] pré-existentes;

 – São utilizados para a criação de novas mídias [remediation].


                 INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010   04
Aula 07: A LINGUAGEM DA NOVA MÍDIA



             OPERAÇÕES DO
             COMPUTADOR
• COMPOSIÇÃO:

– Permite a criação de falsas realidades;

– Os elementos não se justapõem:
eles se mesclam e as suas bordas se apagam;

– É utilizada na criação de novas mídias.

                INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010   05
Aula 07: A LINGUAGEM DA NOVA MÍDIA



            OPERAÇÕES DO
            COMPUTADOR
•ATELE-AÇÃO é empregada
para acessarmos novas mídias:

– A telepresença permite:

a) Estar presente em um lugar fisicamente remoto;
b) Tornar uma ação [à distância] possível;
c) Manipular a realidade de maneira ativa
através de representações (novo tipo de poder;
controle remoto em tempo real).
               INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010   06
Aula 07: A LINGUAGEM DA NOVA MÍDIA



     PRINCIPAIS FORMAS DE
     EXPRESSÃO CULTURAL


• NARRAÇÃO

• BASE   DE DADOS




             INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010   07
Aula 07: A LINGUAGEM DA NOVA MÍDIA



     PRINCIPAIS FORMAS DE
     EXPRESSÃO CULTURAL
• NARRAÇÃO:

– Desenvolvimento de elementos em sequência: início e fim;

– Dentro dos objetos das novas mídias
encontram-se os videogames [p. ex. Farmville - sacaram? ;)]

– Os games seguem a lógica do algoritmo
e são um exemplo de transcodificação
(projeção da camada informática sobre a cultura)
              INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010   08
Aula 07: A LINGUAGEM DA NOVA MÍDIA



     PRINCIPAIS FORMAS DE
     EXPRESSÃO CULTURAL
• NARRAÇÃO:

– Cria uma relação de causa e efeito [isto é, uma ação
gera uma reação] sobre determinados elementos (ou fatos)
aparentemente desordenados;

– Aqui, o sintagma é explícito,
enquanto o paradigma permanece implícito.

              INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010   09
Aula 07: A LINGUAGEM DA NOVA MÍDIA



      PRINCIPAIS FORMAS DE
      EXPRESSÃO CULTURAL
• BASE   DE DADOS:

 – É o conjunto estruturado de dados organizados para a
 rápida busca e recuperação pelo computador;

 – Ex. de base de dados nas novas mídias = páginas web;

 – Representa o mundo como uma lista de elementos
 individuais que se nega a ser ordenada;

                INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010   10
Aula 07: A LINGUAGEM DA NOVA MÍDIA



      PRINCIPAIS FORMAS DE
      EXPRESSÃO CULTURAL

• BASE   DE DADOS:

 – Privilegia o paradigma, dando-lhe uma base material.
 O sintagma se vê desmaterializado;

 – O computador é o meio perfeito
 para dar forma à base de dados.


               INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010   11
Aula 07: A LINGUAGEM DA NOVA MÍDIA




                   NA LINGUÍSTICA…
• PARADIGMA:

•   Algo que serve de exemplo geral                       O pato nada.
    ou de modelo = padrão;
                                                          O rato nada.
•   Conjunto das formas que servem
    de modelo de derivação
    ou de flexão = padrão                                  O cabrito nada.
•   Conjunto dos termos
    ou elementos que podem ocorrer                        O chinês nada.
    na mesma posição ou contexto
    de uma estrutura.


                           INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010   12
Aula 07: A LINGUAGEM DA NOVA MÍDIA




                    NA LINGUÍSTICA…

• SINTAGMA:

•   Tratado de algum assunto, dividido                        sujeito — predicado
    em classes, números, etc.;

•   Coleção;                                            sujeito — verbo — objeto

•   Conjunto de palavras                            sujeito — verbo de ligação —
    subordinadas a um núcleo                           complemento nominal
    e que forma um constituinte
    da frase (ex.: sintagma nominal,
    sintagma verbal) = grupo


                              INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010   13
Aula 07: OBRA RECENTE



                          O SOFTWARE
                         NO COMANDO
•   2008: SOFTWARE TAKES COMMAND
    (baixar livro)

•   As maiores empresas e as maiores marcas da
    década de 1990 eram reconhecidas pela
    produção de bens e serviços. Já as deste início
    de século XXI são empresas de software.

•   Nós vivemos em uma cultura do software –
    isto é, em uma cultura na qual a produção, a
    distribuição e a recepção da maior parte do
    conteúdo (inclusive a maioria de nossas
    experiências) – são mediadas pelo software
    (2008, p. 19).


                             INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010   14
Aula 07: CONCEITOS E FRASES DO TIO LEV



   DA TEORIA DA MÍDIA PARA
    A TEORIA DO SOFTWARE
• 1950: Teoria   da Comunicação (E - R - M)

• 1970-80: Estudos    Culturais (o receptor não é passivo)

• 1990: paraentendermos a lógica das novas mídias,
 precisamos nos voltar para a Ciência da Computação:
 é nela que esperamos encontrar os novos termos,
 categorias e operações que caracterizam
 a mídia que se tornou programável.

                   INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010   15
Aula 07: CONCEITOS E FRASES DO TIO LEV



      DA TEORIA DA MÍDIA PARA
       A TEORIA DO SOFTWARE
•   “As novas mídias destroem a relação natural entre os humanos e o mundo eliminando
    a distância.” [dissociação do tempo e do espaço = CASTELLS; ubiquidade = DE MASI]

•   “Chegou a hora de tratarmos aqueles que articularam os fundamentos da interação homem-
    computador como os grandes artistas modernos: eles não apenas inventaram novas
    formas de representação de quaisquer tipos de dados – eles também
    redefiniram radicalmente as nossas interações com toda a ‘velha
    cultura’…” [JOHNSON já havia falado sobre isso!]

•   “Muitos objetos [artefatos] das novas mídias não contam histórias: eles não têm início ou fim; de
    fato, elas não possuem nenhum tipo de desenvolvimento que organize seus elementos em uma
    sequência (seja esta temática, formal, etc.). Ao invés disso, eles [os elementos] representam
    coleções de ítens individuais, onde cada um desses ítens possui exatemente o mesmo significado
    de qualquer outro. [significado aka. função]”


                            INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010                   16
Aula 07: CONCEITOS E FRASES DO TIO LEV



      INTERFACES REPRESENTAM
        COISAS DO PASSADO
•   “Alan Key e equipe (laboratórios PARC da Xerox – 1970-1981), ao desenvolverem
    software fácil de usar baseados na interface gráfica voltada para o usuário poder
    criar e editar mídia ordinária (editor de texto, planilha eletrônica, gerador de banco
    de dados, ilustração vetorial, manipulação de imagens bitmap, editor de vídeo, etc.)
    parecem ter ‘engessado’ o computador no sentido dele ser uma mera máquina de
    simulação para a ‘velha mídia’.”

•   BOLTER, GRUSIN, 2000 (Remediation): “O software baseado em GUI faz do
    computador uma ‘máquina de remediação’: uma máquina que espertamente
    representa uma série de mídias anteriores.” (apud MANOVICH 2008 p. 34-35).
    [JOHNSON já havia dito isso!!!]


                          INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010           17
Aula 07: REFERÊNCIAS SOBRE O TIO LEV




     PROCUREM POR:
                 http://www.manovich.net/
   Software Takes Command (download do livro em inglês)
    Software Studies (laboratório que coordena na UCSD)
http://www.cicerosilva.com/ (pesquisador brasileiro na UCSD)
                 http://www.2014k.org/br/
        (projeto do Cícero + Mackenzie + Software Studies:
    transmissão mundial da #copa2014 em salas de cinema 3D
  making of - experiência no Grenal decisivo do Gauchão 2010)



          INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010   18
Aula 07: TRABALHO SOBRE O FARMVILLE




              job
AVALIAÇÃO FINAL
               A interface do Farmville


 INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010   19
Aula 07: TRABALHO SOBRE O FARMVILLE




                                 EXERCÍCIO
•   1 Tendo em mente os elementos-chave das interfaces apontados por
    David Every e os exemplos discutidos na aula 5 (baixar as lâminas aqui),
    analise os seguintes aspectos do social game Farmville:
    1.1 Em relação à metáfora da fazenda, descreva pelo menos 5 (cinco) atividades previsíveis,
    isto é, que estão sempre disponíveis na rotina do fazendeiro a até um máximo de dois cliques
    (à exceção de ‘mover’, ‘selecionar’ e ‘clicar’).

    1.2 Na comparação da interface do Farmville com a interface do Windows/Mac OS,
    localize e aponte os menus principais e os seus respectivos submenus no social game.

    1.3 “PARA AÇÕES IDÊNTICAS E FREQUENTES, O COMPORTAMENTO E A APARÊNCIA
    DA INTERFACE PRECISAM SER SEMPRE IGUAIS.”: identifique pelo menos 3 (três) interações
    com o Farmville que não obedecem a esta regra.

                            INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010               20
Aula 07: TRABALHO SOBRE O FARMVILLE




                                EXERCÍCIO

•   2 Sobre o (des)equilíbrio das informações ao usuário do Farmville:
    2.1 Identifique pelo menos três (3) elementos cuja interação resulta na imprecisão
    ou na incompreensão do seu uso em função da inutilidade, do excesso e/ou da desordem
    no seu posicionamento dentro da interface do Farmville.

•   3 A partir da sua interação com os elementos da interface do Farmville
    (botões, menus, janelas, seleções, cliques, arrastar e soltar),
    proponha pelo menos duas (2) alterações na prioridade
    da disposição da informação visando uma maior simplicidade
    na interação, a fim de facilitar a usabilidade do game.

                           INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010        21
Aula 07: TRABALHO SOBRE O FARMVILLE




    APRESENTAÇÃO E DEADLINE
•   Trabalho em grupos de no mínimo 3 (três) e no máximo 4 (quatro) alunos;


•   Utilizem capturas de tela + textos em slides (Keynote, Powerpoint ou PDF)
    na identificação dos elementos da interface;


•   Para a sugestão de melhorias, basta descrever e identificá-las: não é preciso desenhar;


•   APRESENTAÇÃO: impreterivelmente na aula que vem (07/07/2010);


•   TODOS OS INTEGRANTES DO GRUPO DEVERÃO FALAR
    (dividam o tempo de maneira parelha entre todos)


•   Quem não estiver presente e/ou não tiver obtido aproveitamento suficiente no texto entregue na aula do dia 30/07/2010
    realizará a mesma tarefa, porém analisando o game BOLA.


•   Publiquem as lâminas do trabalho de recuperação (grau C) na Pastanet até às 21h de sexta-feira dia 09/07/2010.


                                     INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010                              22
Aula 07: DESPEDIDA DESTE ENCONTRO




ATÉ A PRÓXIMA!
         prof. @heliopaz
       heliopaz@me.com
 http://slideshare.net/heliopaz/




 INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010   23

Weitere ähnliche Inhalte

Andere mochten auch

Internet, hipertexto e hipermídia uni 2
Internet, hipertexto e hipermídia uni 2Internet, hipertexto e hipermídia uni 2
Internet, hipertexto e hipermídia uni 2
alessandravezani
 
Interação, texto e hipertexto
Interação, texto e hipertextoInteração, texto e hipertexto
Interação, texto e hipertexto
elygallas
 

Andere mochten auch (9)

Áudioslideshow
ÁudioslideshowÁudioslideshow
Áudioslideshow
 
Aula 01 2010
Aula 01 2010Aula 01 2010
Aula 01 2010
 
Hipertexto (culturas e mídias digitais)
Hipertexto (culturas e mídias digitais)Hipertexto (culturas e mídias digitais)
Hipertexto (culturas e mídias digitais)
 
Internet, hipertexto e hipermídia uni 2
Internet, hipertexto e hipermídia uni 2Internet, hipertexto e hipermídia uni 2
Internet, hipertexto e hipermídia uni 2
 
Interfaces I - aula 06 - A Cultura da Interface
Interfaces I - aula 06 - A Cultura da InterfaceInterfaces I - aula 06 - A Cultura da Interface
Interfaces I - aula 06 - A Cultura da Interface
 
O que é hipertexto
O que é hipertextoO que é hipertexto
O que é hipertexto
 
Etnografia e netnografia
Etnografia e netnografiaEtnografia e netnografia
Etnografia e netnografia
 
Interação, texto e hipertexto
Interação, texto e hipertextoInteração, texto e hipertexto
Interação, texto e hipertexto
 
As Media Queries são só um detalhe!
As Media Queries são só um detalhe!As Media Queries são só um detalhe!
As Media Queries são só um detalhe!
 

Ähnlich wie Interfaces I - aula 07 - Lev Manovich + Farmville

Fund imag digital plano ensino 2011
Fund imag digital plano ensino 2011Fund imag digital plano ensino 2011
Fund imag digital plano ensino 2011
Venise Melo
 
Ensinando Com As Tic
Ensinando Com As TicEnsinando Com As Tic
Ensinando Com As Tic
JOão PAulo
 
Portifólio amélia maria proinfo 2011
Portifólio amélia maria proinfo 2011Portifólio amélia maria proinfo 2011
Portifólio amélia maria proinfo 2011
ameliamariaveiga
 
Palestra 02
Palestra 02Palestra 02
Palestra 02
mbcleao
 
Formação de Monitores de Tecnologias Educacionais - Sequência Didática no Lab...
Formação de Monitores de Tecnologias Educacionais - Sequência Didática no Lab...Formação de Monitores de Tecnologias Educacionais - Sequência Didática no Lab...
Formação de Monitores de Tecnologias Educacionais - Sequência Didática no Lab...
naiaranobre
 
Redes sociais e Educação
Redes sociais e EducaçãoRedes sociais e Educação
Redes sociais e Educação
Sergio Crespo
 

Ähnlich wie Interfaces I - aula 07 - Lev Manovich + Farmville (20)

Interfaces I - aula 01
Interfaces I - aula 01Interfaces I - aula 01
Interfaces I - aula 01
 
Fund imag digital plano ensino 2011
Fund imag digital plano ensino 2011Fund imag digital plano ensino 2011
Fund imag digital plano ensino 2011
 
A interatividade nos livros infantis em tablets e outros aspectos
A interatividade nos livros infantis em tablets e outros aspectosA interatividade nos livros infantis em tablets e outros aspectos
A interatividade nos livros infantis em tablets e outros aspectos
 
A Biblioteca escolar e a aprendizagem em rede utilizando ferramentas web 2.0 ...
A Biblioteca escolar e a aprendizagem em rede utilizando ferramentas web 2.0 ...A Biblioteca escolar e a aprendizagem em rede utilizando ferramentas web 2.0 ...
A Biblioteca escolar e a aprendizagem em rede utilizando ferramentas web 2.0 ...
 
Aula 1
Aula 1Aula 1
Aula 1
 
A Escola na Era do PetaByte
A Escola na Era do PetaByteA Escola na Era do PetaByte
A Escola na Era do PetaByte
 
Sexta Oficina Semio-Participativa
Sexta Oficina Semio-ParticipativaSexta Oficina Semio-Participativa
Sexta Oficina Semio-Participativa
 
Webconferencia UFSM Gonzalo Abio
Webconferencia UFSM Gonzalo AbioWebconferencia UFSM Gonzalo Abio
Webconferencia UFSM Gonzalo Abio
 
Be: un poder para a vida!
Be: un poder para a vida!Be: un poder para a vida!
Be: un poder para a vida!
 
Ensinando Com As Tic
Ensinando Com As TicEnsinando Com As Tic
Ensinando Com As Tic
 
O Podcast no Ensino Básico
O Podcast no Ensino BásicoO Podcast no Ensino Básico
O Podcast no Ensino Básico
 
Portifólio amélia maria proinfo 2011
Portifólio amélia maria proinfo 2011Portifólio amélia maria proinfo 2011
Portifólio amélia maria proinfo 2011
 
Palestra 02
Palestra 02Palestra 02
Palestra 02
 
Apresentação TCC
Apresentação TCCApresentação TCC
Apresentação TCC
 
Primeira Oficina Semio-Participativa
Primeira Oficina Semio-ParticipativaPrimeira Oficina Semio-Participativa
Primeira Oficina Semio-Participativa
 
Formação de Monitores de Tecnologias Educacionais - Sequência Didática no Lab...
Formação de Monitores de Tecnologias Educacionais - Sequência Didática no Lab...Formação de Monitores de Tecnologias Educacionais - Sequência Didática no Lab...
Formação de Monitores de Tecnologias Educacionais - Sequência Didática no Lab...
 
2014 - Seminário pós-graduação UTFPR - Tecnologias, livro didático e a escola...
2014 - Seminário pós-graduação UTFPR - Tecnologias, livro didático e a escola...2014 - Seminário pós-graduação UTFPR - Tecnologias, livro didático e a escola...
2014 - Seminário pós-graduação UTFPR - Tecnologias, livro didático e a escola...
 
OFICINA DE TWITTER AREALVA 17.11.2011
OFICINA DE TWITTER AREALVA 17.11.2011OFICINA DE TWITTER AREALVA 17.11.2011
OFICINA DE TWITTER AREALVA 17.11.2011
 
Interfaces I - Aula 05 (16/06/2010)
Interfaces I - Aula 05 (16/06/2010)Interfaces I - Aula 05 (16/06/2010)
Interfaces I - Aula 05 (16/06/2010)
 
Redes sociais e Educação
Redes sociais e EducaçãoRedes sociais e Educação
Redes sociais e Educação
 

Mehr von Hélio Sassen Paz

Mehr von Hélio Sassen Paz (20)

TEORIA FUNDAMENTADA
TEORIA FUNDAMENTADATEORIA FUNDAMENTADA
TEORIA FUNDAMENTADA
 
Teoria Fundamentada (Metodologias de Pesquisa para Internet)
Teoria Fundamentada (Metodologias de Pesquisa para Internet)Teoria Fundamentada (Metodologias de Pesquisa para Internet)
Teoria Fundamentada (Metodologias de Pesquisa para Internet)
 
Aula 01 produção gráfica - suportes da informação
Aula 01   produção gráfica - suportes da informaçãoAula 01   produção gráfica - suportes da informação
Aula 01 produção gráfica - suportes da informação
 
Oficina de Mobilização em Rede
Oficina de Mobilização em RedeOficina de Mobilização em Rede
Oficina de Mobilização em Rede
 
PRODUÇÃO GRÁFICA - AULA 14 - Acompanhamento e Orçamento
PRODUÇÃO GRÁFICA - AULA 14 - Acompanhamento e OrçamentoPRODUÇÃO GRÁFICA - AULA 14 - Acompanhamento e Orçamento
PRODUÇÃO GRÁFICA - AULA 14 - Acompanhamento e Orçamento
 
PRODUÇÃO GRÁFICA - AULA 10 - CORES DE IMPRESSÃO
PRODUÇÃO GRÁFICA - AULA 10 - CORES DE IMPRESSÃOPRODUÇÃO GRÁFICA - AULA 10 - CORES DE IMPRESSÃO
PRODUÇÃO GRÁFICA - AULA 10 - CORES DE IMPRESSÃO
 
PRODUÇÃO GRÁFICA - AULA 09 - PAPEIS E ACABAMENTOS
PRODUÇÃO GRÁFICA - AULA 09 - PAPEIS E ACABAMENTOSPRODUÇÃO GRÁFICA - AULA 09 - PAPEIS E ACABAMENTOS
PRODUÇÃO GRÁFICA - AULA 09 - PAPEIS E ACABAMENTOS
 
PRODUÇÃO GRÁFICA - AULA 07 - MÉTODOS DE IMPRESSÃO INDUSTRIAL
PRODUÇÃO GRÁFICA - AULA 07 - MÉTODOS DE IMPRESSÃO INDUSTRIALPRODUÇÃO GRÁFICA - AULA 07 - MÉTODOS DE IMPRESSÃO INDUSTRIAL
PRODUÇÃO GRÁFICA - AULA 07 - MÉTODOS DE IMPRESSÃO INDUSTRIAL
 
PRODUÇÃO GRÁFICA - AULA 03 - SUPORTES DA INFORMAÇÃO II
PRODUÇÃO GRÁFICA - AULA 03 - SUPORTES DA INFORMAÇÃO IIPRODUÇÃO GRÁFICA - AULA 03 - SUPORTES DA INFORMAÇÃO II
PRODUÇÃO GRÁFICA - AULA 03 - SUPORTES DA INFORMAÇÃO II
 
Aula 04
Aula 04Aula 04
Aula 04
 
Oficina de ativismo em rede
Oficina de ativismo em redeOficina de ativismo em rede
Oficina de ativismo em rede
 
Aula 01 2012 apresentacao
Aula 01 2012   apresentacaoAula 01 2012   apresentacao
Aula 01 2012 apresentacao
 
Aula 05 2012 trabalho
Aula 05 2012   trabalhoAula 05 2012   trabalho
Aula 05 2012 trabalho
 
INTERFACES 2 - Tutoria 01
INTERFACES 2 - Tutoria 01INTERFACES 2 - Tutoria 01
INTERFACES 2 - Tutoria 01
 
Aula 03
Aula 03Aula 03
Aula 03
 
Aula 01
Aula 01Aula 01
Aula 01
 
Aula 05
Aula 05Aula 05
Aula 05
 
Aula 02
Aula 02Aula 02
Aula 02
 
Aula 03
Aula 03Aula 03
Aula 03
 
Aula 09
Aula 09Aula 09
Aula 09
 

Kürzlich hochgeladen

PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
HELENO FAVACHO
 
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
AntonioVieira539017
 
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTeoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
TailsonSantos1
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
marlene54545
 

Kürzlich hochgeladen (20)

Texto dramático com Estrutura e exemplos.ppt
Texto dramático com Estrutura e exemplos.pptTexto dramático com Estrutura e exemplos.ppt
Texto dramático com Estrutura e exemplos.ppt
 
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
 
Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...
Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...
Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...
 
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfPROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
 
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdfPROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
 
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptxSlides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
 
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
 
Educação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptxEducação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptx
 
Camadas da terra -Litosfera conteúdo 6º ano
Camadas da terra -Litosfera  conteúdo 6º anoCamadas da terra -Litosfera  conteúdo 6º ano
Camadas da terra -Litosfera conteúdo 6º ano
 
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdfPROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
 
migração e trabalho 2º ano.pptx fenomenos
migração e trabalho 2º ano.pptx fenomenosmigração e trabalho 2º ano.pptx fenomenos
migração e trabalho 2º ano.pptx fenomenos
 
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
 
Produção de Texto - 5º ano - CRÔNICA.pptx
Produção de Texto - 5º ano - CRÔNICA.pptxProdução de Texto - 5º ano - CRÔNICA.pptx
Produção de Texto - 5º ano - CRÔNICA.pptx
 
Conflitos entre: ISRAEL E PALESTINA.pdf
Conflitos entre:  ISRAEL E PALESTINA.pdfConflitos entre:  ISRAEL E PALESTINA.pdf
Conflitos entre: ISRAEL E PALESTINA.pdf
 
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxSlides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
 
Plano de aula Nova Escola períodos simples e composto parte 1.pptx
Plano de aula Nova Escola períodos simples e composto parte 1.pptxPlano de aula Nova Escola períodos simples e composto parte 1.pptx
Plano de aula Nova Escola períodos simples e composto parte 1.pptx
 
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTeoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
 
EDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVA
EDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVAEDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVA
EDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVA
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
 

Interfaces I - aula 07 - Lev Manovich + Farmville

  • 1. Aula 07: I DESIGNERS = ARTISTAS DO FUTURO LEV MANOVICH (1960 - ) Russo; crítico literário Diretor do grupo de Software Studies da UCSD INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 01
  • 2. Aula 07: 2001: OBRA-PRIMA A LINGUAGEM DA NOVA MÍDIA • 2002 (Liv. Cultura / Amazon) • Software • Bancos de dados • Interface • Design • Arte + informação INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 02
  • 3. Aula 07: A LINGUAGEM DA NOVA MÍDIA OPERAÇÕES DO COMPUTADOR • SELEÇÃO • COMPOSIÇÃO • TELE-AÇÃO INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 03
  • 4. Aula 07: A LINGUAGEM DA NOVA MÍDIA OPERAÇÕES DO COMPUTADOR • SELEÇÃO: – Os objetos das novas mídias compõem uma montagem cuja base é composta por fragmentos [de mídias] pré-existentes; – São utilizados para a criação de novas mídias [remediation]. INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 04
  • 5. Aula 07: A LINGUAGEM DA NOVA MÍDIA OPERAÇÕES DO COMPUTADOR • COMPOSIÇÃO: – Permite a criação de falsas realidades; – Os elementos não se justapõem: eles se mesclam e as suas bordas se apagam; – É utilizada na criação de novas mídias. INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 05
  • 6. Aula 07: A LINGUAGEM DA NOVA MÍDIA OPERAÇÕES DO COMPUTADOR •ATELE-AÇÃO é empregada para acessarmos novas mídias: – A telepresença permite: a) Estar presente em um lugar fisicamente remoto; b) Tornar uma ação [à distância] possível; c) Manipular a realidade de maneira ativa através de representações (novo tipo de poder; controle remoto em tempo real). INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 06
  • 7. Aula 07: A LINGUAGEM DA NOVA MÍDIA PRINCIPAIS FORMAS DE EXPRESSÃO CULTURAL • NARRAÇÃO • BASE DE DADOS INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 07
  • 8. Aula 07: A LINGUAGEM DA NOVA MÍDIA PRINCIPAIS FORMAS DE EXPRESSÃO CULTURAL • NARRAÇÃO: – Desenvolvimento de elementos em sequência: início e fim; – Dentro dos objetos das novas mídias encontram-se os videogames [p. ex. Farmville - sacaram? ;)] – Os games seguem a lógica do algoritmo e são um exemplo de transcodificação (projeção da camada informática sobre a cultura) INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 08
  • 9. Aula 07: A LINGUAGEM DA NOVA MÍDIA PRINCIPAIS FORMAS DE EXPRESSÃO CULTURAL • NARRAÇÃO: – Cria uma relação de causa e efeito [isto é, uma ação gera uma reação] sobre determinados elementos (ou fatos) aparentemente desordenados; – Aqui, o sintagma é explícito, enquanto o paradigma permanece implícito. INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 09
  • 10. Aula 07: A LINGUAGEM DA NOVA MÍDIA PRINCIPAIS FORMAS DE EXPRESSÃO CULTURAL • BASE DE DADOS: – É o conjunto estruturado de dados organizados para a rápida busca e recuperação pelo computador; – Ex. de base de dados nas novas mídias = páginas web; – Representa o mundo como uma lista de elementos individuais que se nega a ser ordenada; INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 10
  • 11. Aula 07: A LINGUAGEM DA NOVA MÍDIA PRINCIPAIS FORMAS DE EXPRESSÃO CULTURAL • BASE DE DADOS: – Privilegia o paradigma, dando-lhe uma base material. O sintagma se vê desmaterializado; – O computador é o meio perfeito para dar forma à base de dados. INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 11
  • 12. Aula 07: A LINGUAGEM DA NOVA MÍDIA NA LINGUÍSTICA… • PARADIGMA: • Algo que serve de exemplo geral O pato nada. ou de modelo = padrão; O rato nada. • Conjunto das formas que servem de modelo de derivação ou de flexão = padrão O cabrito nada. • Conjunto dos termos ou elementos que podem ocorrer O chinês nada. na mesma posição ou contexto de uma estrutura. INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 12
  • 13. Aula 07: A LINGUAGEM DA NOVA MÍDIA NA LINGUÍSTICA… • SINTAGMA: • Tratado de algum assunto, dividido sujeito — predicado em classes, números, etc.; • Coleção; sujeito — verbo — objeto • Conjunto de palavras sujeito — verbo de ligação — subordinadas a um núcleo complemento nominal e que forma um constituinte da frase (ex.: sintagma nominal, sintagma verbal) = grupo INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 13
  • 14. Aula 07: OBRA RECENTE O SOFTWARE NO COMANDO • 2008: SOFTWARE TAKES COMMAND (baixar livro) • As maiores empresas e as maiores marcas da década de 1990 eram reconhecidas pela produção de bens e serviços. Já as deste início de século XXI são empresas de software. • Nós vivemos em uma cultura do software – isto é, em uma cultura na qual a produção, a distribuição e a recepção da maior parte do conteúdo (inclusive a maioria de nossas experiências) – são mediadas pelo software (2008, p. 19). INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 14
  • 15. Aula 07: CONCEITOS E FRASES DO TIO LEV DA TEORIA DA MÍDIA PARA A TEORIA DO SOFTWARE • 1950: Teoria da Comunicação (E - R - M) • 1970-80: Estudos Culturais (o receptor não é passivo) • 1990: paraentendermos a lógica das novas mídias, precisamos nos voltar para a Ciência da Computação: é nela que esperamos encontrar os novos termos, categorias e operações que caracterizam a mídia que se tornou programável. INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 15
  • 16. Aula 07: CONCEITOS E FRASES DO TIO LEV DA TEORIA DA MÍDIA PARA A TEORIA DO SOFTWARE • “As novas mídias destroem a relação natural entre os humanos e o mundo eliminando a distância.” [dissociação do tempo e do espaço = CASTELLS; ubiquidade = DE MASI] • “Chegou a hora de tratarmos aqueles que articularam os fundamentos da interação homem- computador como os grandes artistas modernos: eles não apenas inventaram novas formas de representação de quaisquer tipos de dados – eles também redefiniram radicalmente as nossas interações com toda a ‘velha cultura’…” [JOHNSON já havia falado sobre isso!] • “Muitos objetos [artefatos] das novas mídias não contam histórias: eles não têm início ou fim; de fato, elas não possuem nenhum tipo de desenvolvimento que organize seus elementos em uma sequência (seja esta temática, formal, etc.). Ao invés disso, eles [os elementos] representam coleções de ítens individuais, onde cada um desses ítens possui exatemente o mesmo significado de qualquer outro. [significado aka. função]” INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 16
  • 17. Aula 07: CONCEITOS E FRASES DO TIO LEV INTERFACES REPRESENTAM COISAS DO PASSADO • “Alan Key e equipe (laboratórios PARC da Xerox – 1970-1981), ao desenvolverem software fácil de usar baseados na interface gráfica voltada para o usuário poder criar e editar mídia ordinária (editor de texto, planilha eletrônica, gerador de banco de dados, ilustração vetorial, manipulação de imagens bitmap, editor de vídeo, etc.) parecem ter ‘engessado’ o computador no sentido dele ser uma mera máquina de simulação para a ‘velha mídia’.” • BOLTER, GRUSIN, 2000 (Remediation): “O software baseado em GUI faz do computador uma ‘máquina de remediação’: uma máquina que espertamente representa uma série de mídias anteriores.” (apud MANOVICH 2008 p. 34-35). [JOHNSON já havia dito isso!!!] INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 17
  • 18. Aula 07: REFERÊNCIAS SOBRE O TIO LEV PROCUREM POR: http://www.manovich.net/ Software Takes Command (download do livro em inglês) Software Studies (laboratório que coordena na UCSD) http://www.cicerosilva.com/ (pesquisador brasileiro na UCSD) http://www.2014k.org/br/ (projeto do Cícero + Mackenzie + Software Studies: transmissão mundial da #copa2014 em salas de cinema 3D making of - experiência no Grenal decisivo do Gauchão 2010) INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 18
  • 19. Aula 07: TRABALHO SOBRE O FARMVILLE job AVALIAÇÃO FINAL A interface do Farmville INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 19
  • 20. Aula 07: TRABALHO SOBRE O FARMVILLE EXERCÍCIO • 1 Tendo em mente os elementos-chave das interfaces apontados por David Every e os exemplos discutidos na aula 5 (baixar as lâminas aqui), analise os seguintes aspectos do social game Farmville: 1.1 Em relação à metáfora da fazenda, descreva pelo menos 5 (cinco) atividades previsíveis, isto é, que estão sempre disponíveis na rotina do fazendeiro a até um máximo de dois cliques (à exceção de ‘mover’, ‘selecionar’ e ‘clicar’). 1.2 Na comparação da interface do Farmville com a interface do Windows/Mac OS, localize e aponte os menus principais e os seus respectivos submenus no social game. 1.3 “PARA AÇÕES IDÊNTICAS E FREQUENTES, O COMPORTAMENTO E A APARÊNCIA DA INTERFACE PRECISAM SER SEMPRE IGUAIS.”: identifique pelo menos 3 (três) interações com o Farmville que não obedecem a esta regra. INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 20
  • 21. Aula 07: TRABALHO SOBRE O FARMVILLE EXERCÍCIO • 2 Sobre o (des)equilíbrio das informações ao usuário do Farmville: 2.1 Identifique pelo menos três (3) elementos cuja interação resulta na imprecisão ou na incompreensão do seu uso em função da inutilidade, do excesso e/ou da desordem no seu posicionamento dentro da interface do Farmville. • 3 A partir da sua interação com os elementos da interface do Farmville (botões, menus, janelas, seleções, cliques, arrastar e soltar), proponha pelo menos duas (2) alterações na prioridade da disposição da informação visando uma maior simplicidade na interação, a fim de facilitar a usabilidade do game. INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 21
  • 22. Aula 07: TRABALHO SOBRE O FARMVILLE APRESENTAÇÃO E DEADLINE • Trabalho em grupos de no mínimo 3 (três) e no máximo 4 (quatro) alunos; • Utilizem capturas de tela + textos em slides (Keynote, Powerpoint ou PDF) na identificação dos elementos da interface; • Para a sugestão de melhorias, basta descrever e identificá-las: não é preciso desenhar; • APRESENTAÇÃO: impreterivelmente na aula que vem (07/07/2010); • TODOS OS INTEGRANTES DO GRUPO DEVERÃO FALAR (dividam o tempo de maneira parelha entre todos) • Quem não estiver presente e/ou não tiver obtido aproveitamento suficiente no texto entregue na aula do dia 30/07/2010 realizará a mesma tarefa, porém analisando o game BOLA. • Publiquem as lâminas do trabalho de recuperação (grau C) na Pastanet até às 21h de sexta-feira dia 09/07/2010. INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 22
  • 23. Aula 07: DESPEDIDA DESTE ENCONTRO ATÉ A PRÓXIMA! prof. @heliopaz heliopaz@me.com http://slideshare.net/heliopaz/ INTERFACES 1 • turma 2010, trimestre 2010/2 – 30/06/2010 23