SlideShare uma empresa Scribd logo
1 de 1
Sistemas Visuais para a Transmissão da I nformação
São todas as representações gráficas que contém um alto grau de informação e têm um objetivo didático.
O importante papel que esses sistemas desempenham na internet e em outras tecnologias merece um retrospecto de sua história
( Javier Rojo em seu livro “Design Digital”, Rosari, 2008).


Linha do Tempo
                                                                                                                                                                           Primeiro jornal do mundo que
 Comitê Especial da Sociedade das
                                                                                                                                                                           tinha por base um suporte
 Nações - Unificação dos sinais de                                                                                               Intel lançou o microprocessador
                                                                                                                                                                           eletrônico – Viewtel 202. Foi o
 circulação. Os signos gráficos.                                                                                                 (também chama de circuito
                                     Willian A. Higinbotham – membro          Douglas Engelbart – Inventou um mouse                                                        primeiro jornal a ser lido em uma
                                                                                                                                 integrado ou chip).
                                     do centro de pesquisa nuclear de         rudimentar de madeira que cujo o botão                                                       tela e era considerado como um
                                                                                                                                 Esse grande avanço possibilitou o
                                     NY – projetou o primeiro vide-           era uma moeda de cinco centavos.                                                             serviço complementar do jornal
                                                                                                                                 nascimento da informática pessoal e
                                     ogame conhecido: Tennis for Two          Criou para que fosse possível manipular e                                                    Birmingham Post and Mail
                                                                                                                                 conseqüentemente o desenvolvi-
                                     (tênis para dois).                       selecionar objetos na tela.
                                                                                                                                 mento da interface gráfica desti-
                                                                              Gerou o principio da manipulação direta
                                                                                                                                 nada ao usuário único.
                                                                              e a base da interatividade com objetos
                                                                              gráficos , até os nossos dias.




   1927

                    1933                                                                                                                                                                                1993
                                         1958                                                                                                                                    1979
                                                                1962                                                                                          1976
                                                                                          1963                  1969                    1971



Harry C. Beck -diagrama urbano-
                                                                                                                                                                                              Foi projetado o primeiro navegador
idéia básica serviu de orientação
                                                                                                                                                                                              para internet, o Mosaic, criado por
para os traçados dos planos dos
                                                                                                                                                                                              Marc Andressen e Eric Bina.
metrôs do resto do mundo.            Ivan Sutherland – Sketchpad – pelo qual diante
                                                                                               Primeira conexão – ARPANET (antecessora              Apple Computer Inc – trabalhou            Protótipo de navegador da internet
                                     de uma tela de televisão, podia-se desenhar                                                                    em cima da idéia de “interface            que permite passar de uma página
                                                                                              direta da internet) – futura internet possuía
                                     linhas, mudá-las, repeti-las, armazená-las etc.                                                                amiga do usuário”. Utilização da          para outra clicando o mouse em
                                                                                              somente quatro servidores em funcionamento,
                                     Conceituação diferente de interface e das relações                                                             interface WIMP no computador              uma série de ícones.
                                                                                              correspondentes às quatro universidades que
                                     entre as pessoas e os computadores.                                                                            Lisa, da Apple.
                                                                                              começaram a desenvolver o projeto (UCLA,
                                                                                              UC, Santa Bárbara e Utah)

Mais conteúdo relacionado

Semelhante a História das Interfaces

Aula 4 Informática Aplicada
Aula 4 Informática AplicadaAula 4 Informática Aplicada
Aula 4 Informática AplicadaArmando Rivarola
 
Desenvolvimento histórico da comunicação digital
Desenvolvimento histórico da comunicação digitalDesenvolvimento histórico da comunicação digital
Desenvolvimento histórico da comunicação digitalMarcelo Daudt
 
Aula 02 arte digital
Aula 02 arte digitalAula 02 arte digital
Aula 02 arte digitalVenise Melo
 
Primeiros computadores
Primeiros computadoresPrimeiros computadores
Primeiros computadoresredtambe
 
História e Principios das tics
História e Principios das ticsHistória e Principios das tics
História e Principios das ticsjoaocarvalhoprof
 
A evolução dos computadores e da internet
A evolução dos computadores e da internetA evolução dos computadores e da internet
A evolução dos computadores e da internetJennih_felix
 
História da Tecnologia da Informação e Comunicação
História da Tecnologia da Informação e Comunicação História da Tecnologia da Informação e Comunicação
História da Tecnologia da Informação e Comunicação sergio.ramiro
 
Linha do tempo
Linha do tempoLinha do tempo
Linha do tempoleiladb
 
Blooger
BloogerBlooger
Bloogermrcd
 
Historia informatica
Historia informaticaHistoria informatica
Historia informaticathatá Vaz
 
História da Internet - Webdesign 2022
História da Internet - Webdesign 2022História da Internet - Webdesign 2022
História da Internet - Webdesign 2022Renato Melo
 
Aula2 Historia 2009 Ufpr
Aula2   Historia 2009 UfprAula2   Historia 2009 Ufpr
Aula2 Historia 2009 UfprRoberto Bentes
 
evolução dos jogos
evolução dos jogosevolução dos jogos
evolução dos jogosmrcd
 
EvoluçAo Da Informatica12
EvoluçAo Da Informatica12EvoluçAo Da Informatica12
EvoluçAo Da Informatica1232782784
 

Semelhante a História das Interfaces (19)

Aula 4 Informática Aplicada
Aula 4 Informática AplicadaAula 4 Informática Aplicada
Aula 4 Informática Aplicada
 
Desenvolvimento histórico da comunicação digital
Desenvolvimento histórico da comunicação digitalDesenvolvimento histórico da comunicação digital
Desenvolvimento histórico da comunicação digital
 
Aula 02 arte digital
Aula 02 arte digitalAula 02 arte digital
Aula 02 arte digital
 
Primeiros computadores
Primeiros computadoresPrimeiros computadores
Primeiros computadores
 
História das Interfaces
História das InterfacesHistória das Interfaces
História das Interfaces
 
História e Principios das tics
História e Principios das ticsHistória e Principios das tics
História e Principios das tics
 
A evolução dos computadores e da internet
A evolução dos computadores e da internetA evolução dos computadores e da internet
A evolução dos computadores e da internet
 
Aula de revisão
Aula de revisãoAula de revisão
Aula de revisão
 
História da Tecnologia da Informação e Comunicação
História da Tecnologia da Informação e Comunicação História da Tecnologia da Informação e Comunicação
História da Tecnologia da Informação e Comunicação
 
Linha do tempo
Linha do tempoLinha do tempo
Linha do tempo
 
História da Computação Gráfica
História da Computação GráficaHistória da Computação Gráfica
História da Computação Gráfica
 
História da TIC
História da TICHistória da TIC
História da TIC
 
Blooger
BloogerBlooger
Blooger
 
Historia informatica
Historia informaticaHistoria informatica
Historia informatica
 
História da Internet - Webdesign 2022
História da Internet - Webdesign 2022História da Internet - Webdesign 2022
História da Internet - Webdesign 2022
 
Aula2 Historia 2009 Ufpr
Aula2   Historia 2009 UfprAula2   Historia 2009 Ufpr
Aula2 Historia 2009 Ufpr
 
evolução dos jogos
evolução dos jogosevolução dos jogos
evolução dos jogos
 
EvoluçAo Da Informatica12
EvoluçAo Da Informatica12EvoluçAo Da Informatica12
EvoluçAo Da Informatica12
 
Hipermidia aula 2
Hipermidia aula 2Hipermidia aula 2
Hipermidia aula 2
 

Mais de Jonathan Prateat

Brierfing projeto de campanha para o PROLIJ
Brierfing projeto de campanha para o PROLIJBrierfing projeto de campanha para o PROLIJ
Brierfing projeto de campanha para o PROLIJJonathan Prateat
 
Proposta de comunicacao - GAMPI 2022
Proposta de comunicacao - GAMPI 2022Proposta de comunicacao - GAMPI 2022
Proposta de comunicacao - GAMPI 2022Jonathan Prateat
 
Projeto consulado (2) compressed (1)
Projeto consulado (2) compressed (1)Projeto consulado (2) compressed (1)
Projeto consulado (2) compressed (1)Jonathan Prateat
 
Gabriel angel, lucas rieper, lucas massaneiro, max nagasawa, myllena fronza e...
Gabriel angel, lucas rieper, lucas massaneiro, max nagasawa, myllena fronza e...Gabriel angel, lucas rieper, lucas massaneiro, max nagasawa, myllena fronza e...
Gabriel angel, lucas rieper, lucas massaneiro, max nagasawa, myllena fronza e...Jonathan Prateat
 
Guilherme, maria beatriz doáuras van nice
Guilherme, maria beatriz   doáuras van niceGuilherme, maria beatriz   doáuras van nice
Guilherme, maria beatriz doáuras van niceJonathan Prateat
 
Rafael verli lucas_oca_zef
Rafael verli lucas_oca_zefRafael verli lucas_oca_zef
Rafael verli lucas_oca_zefJonathan Prateat
 
Sabores da ju otero, bruna, alexandre h, gustavo, eduardo
Sabores da ju   otero, bruna, alexandre h, gustavo, eduardoSabores da ju   otero, bruna, alexandre h, gustavo, eduardo
Sabores da ju otero, bruna, alexandre h, gustavo, eduardoJonathan Prateat
 
GAMPI 2017 - Um Design de Possibilidades
GAMPI 2017 - Um Design de PossibilidadesGAMPI 2017 - Um Design de Possibilidades
GAMPI 2017 - Um Design de PossibilidadesJonathan Prateat
 
GAMPI 2017 - Sustentabilidade
GAMPI 2017 - SustentabilidadeGAMPI 2017 - Sustentabilidade
GAMPI 2017 - SustentabilidadeJonathan Prateat
 
GAMPI 2017 - Design Emocional / Design de Experiência
GAMPI 2017 - Design Emocional / Design de ExperiênciaGAMPI 2017 - Design Emocional / Design de Experiência
GAMPI 2017 - Design Emocional / Design de ExperiênciaJonathan Prateat
 
GAMPI 2017 - Folclore Brasileiro
GAMPI 2017 - Folclore BrasileiroGAMPI 2017 - Folclore Brasileiro
GAMPI 2017 - Folclore BrasileiroJonathan Prateat
 
GAMPI 2017 - Design que transforma
GAMPI 2017  - Design que transformaGAMPI 2017  - Design que transforma
GAMPI 2017 - Design que transformaJonathan Prateat
 
GAMPI 2017 - Design do Oiapoque ao Chuí
GAMPI 2017 - Design do Oiapoque ao ChuíGAMPI 2017 - Design do Oiapoque ao Chuí
GAMPI 2017 - Design do Oiapoque ao ChuíJonathan Prateat
 
Branding dove - Artigo de Chirles Virgínia e Rodrigo Vieira da Silva
Branding dove - Artigo de Chirles Virgínia e Rodrigo Vieira da SilvaBranding dove - Artigo de Chirles Virgínia e Rodrigo Vieira da Silva
Branding dove - Artigo de Chirles Virgínia e Rodrigo Vieira da SilvaJonathan Prateat
 
Howtodevelopabrandstrategy
HowtodevelopabrandstrategyHowtodevelopabrandstrategy
HowtodevelopabrandstrategyJonathan Prateat
 

Mais de Jonathan Prateat (20)

Brierfing projeto de campanha para o PROLIJ
Brierfing projeto de campanha para o PROLIJBrierfing projeto de campanha para o PROLIJ
Brierfing projeto de campanha para o PROLIJ
 
Proposta de comunicacao - GAMPI 2022
Proposta de comunicacao - GAMPI 2022Proposta de comunicacao - GAMPI 2022
Proposta de comunicacao - GAMPI 2022
 
Projeto consulado (2) compressed (1)
Projeto consulado (2) compressed (1)Projeto consulado (2) compressed (1)
Projeto consulado (2) compressed (1)
 
Apresentaá∆o
Apresentaá∆oApresentaá∆o
Apresentaá∆o
 
Gabriel angel, lucas rieper, lucas massaneiro, max nagasawa, myllena fronza e...
Gabriel angel, lucas rieper, lucas massaneiro, max nagasawa, myllena fronza e...Gabriel angel, lucas rieper, lucas massaneiro, max nagasawa, myllena fronza e...
Gabriel angel, lucas rieper, lucas massaneiro, max nagasawa, myllena fronza e...
 
Guilherme, maria beatriz doáuras van nice
Guilherme, maria beatriz   doáuras van niceGuilherme, maria beatriz   doáuras van nice
Guilherme, maria beatriz doáuras van nice
 
Rafael verli lucas_oca_zef
Rafael verli lucas_oca_zefRafael verli lucas_oca_zef
Rafael verli lucas_oca_zef
 
Sabores da ju otero, bruna, alexandre h, gustavo, eduardo
Sabores da ju   otero, bruna, alexandre h, gustavo, eduardoSabores da ju   otero, bruna, alexandre h, gustavo, eduardo
Sabores da ju otero, bruna, alexandre h, gustavo, eduardo
 
GAMPI 2017 - Um Design de Possibilidades
GAMPI 2017 - Um Design de PossibilidadesGAMPI 2017 - Um Design de Possibilidades
GAMPI 2017 - Um Design de Possibilidades
 
GAMPI 2017 - Sustentabilidade
GAMPI 2017 - SustentabilidadeGAMPI 2017 - Sustentabilidade
GAMPI 2017 - Sustentabilidade
 
GAMPI 2017 - Design Emocional / Design de Experiência
GAMPI 2017 - Design Emocional / Design de ExperiênciaGAMPI 2017 - Design Emocional / Design de Experiência
GAMPI 2017 - Design Emocional / Design de Experiência
 
GAMPI 2017 - Folclore Brasileiro
GAMPI 2017 - Folclore BrasileiroGAMPI 2017 - Folclore Brasileiro
GAMPI 2017 - Folclore Brasileiro
 
GAMPI 2017 - Design que transforma
GAMPI 2017  - Design que transformaGAMPI 2017  - Design que transforma
GAMPI 2017 - Design que transforma
 
GAMPI 2017 - Vintage
GAMPI 2017 - VintageGAMPI 2017 - Vintage
GAMPI 2017 - Vintage
 
GAMPI 2017 - Design do Oiapoque ao Chuí
GAMPI 2017 - Design do Oiapoque ao ChuíGAMPI 2017 - Design do Oiapoque ao Chuí
GAMPI 2017 - Design do Oiapoque ao Chuí
 
GAMPI 2017 - ARTE RUPTURA
GAMPI 2017 - ARTE RUPTURAGAMPI 2017 - ARTE RUPTURA
GAMPI 2017 - ARTE RUPTURA
 
GAMPI 2017 - Tropicália
GAMPI 2017 - TropicáliaGAMPI 2017 - Tropicália
GAMPI 2017 - Tropicália
 
Branding dove - Artigo de Chirles Virgínia e Rodrigo Vieira da Silva
Branding dove - Artigo de Chirles Virgínia e Rodrigo Vieira da SilvaBranding dove - Artigo de Chirles Virgínia e Rodrigo Vieira da Silva
Branding dove - Artigo de Chirles Virgínia e Rodrigo Vieira da Silva
 
Howtodevelopabrandstrategy
HowtodevelopabrandstrategyHowtodevelopabrandstrategy
Howtodevelopabrandstrategy
 
Case kodak
Case kodakCase kodak
Case kodak
 

Último

Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfCharlesFranklin13
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Érica Pizzino
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 

Último (8)

Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdf
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 

História das Interfaces

  • 1. Sistemas Visuais para a Transmissão da I nformação São todas as representações gráficas que contém um alto grau de informação e têm um objetivo didático. O importante papel que esses sistemas desempenham na internet e em outras tecnologias merece um retrospecto de sua história ( Javier Rojo em seu livro “Design Digital”, Rosari, 2008). Linha do Tempo Primeiro jornal do mundo que Comitê Especial da Sociedade das tinha por base um suporte Nações - Unificação dos sinais de Intel lançou o microprocessador eletrônico – Viewtel 202. Foi o circulação. Os signos gráficos. (também chama de circuito Willian A. Higinbotham – membro Douglas Engelbart – Inventou um mouse primeiro jornal a ser lido em uma integrado ou chip). do centro de pesquisa nuclear de rudimentar de madeira que cujo o botão tela e era considerado como um Esse grande avanço possibilitou o NY – projetou o primeiro vide- era uma moeda de cinco centavos. serviço complementar do jornal nascimento da informática pessoal e ogame conhecido: Tennis for Two Criou para que fosse possível manipular e Birmingham Post and Mail conseqüentemente o desenvolvi- (tênis para dois). selecionar objetos na tela. mento da interface gráfica desti- Gerou o principio da manipulação direta nada ao usuário único. e a base da interatividade com objetos gráficos , até os nossos dias. 1927 1933 1993 1958 1979 1962 1976 1963 1969 1971 Harry C. Beck -diagrama urbano- Foi projetado o primeiro navegador idéia básica serviu de orientação para internet, o Mosaic, criado por para os traçados dos planos dos Marc Andressen e Eric Bina. metrôs do resto do mundo. Ivan Sutherland – Sketchpad – pelo qual diante Primeira conexão – ARPANET (antecessora Apple Computer Inc – trabalhou Protótipo de navegador da internet de uma tela de televisão, podia-se desenhar em cima da idéia de “interface que permite passar de uma página direta da internet) – futura internet possuía linhas, mudá-las, repeti-las, armazená-las etc. amiga do usuário”. Utilização da para outra clicando o mouse em somente quatro servidores em funcionamento, Conceituação diferente de interface e das relações interface WIMP no computador uma série de ícones. correspondentes às quatro universidades que entre as pessoas e os computadores. Lisa, da Apple. começaram a desenvolver o projeto (UCLA, UC, Santa Bárbara e Utah)