26
<web>DESIGN</web> UTFPR DESIGN GRÁFICO interação, interface, estratégias no design para web MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.

Disciplina de Webdesign - Literacia, Internet e orientações gerais

Embed Size (px)

DESCRIPTION

Material de apoio a disciplina de WebDesign, ministrada pela Profa. Claudia Bordin Rodrigues.

Citation preview

Page 1: Disciplina de Webdesign - Literacia, Internet e orientações gerais

<web>DESIGN</web>

UTFPRDESIGN

GRÁFICO

interação, interface, estratégias no design para web

MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.

Page 2: Disciplina de Webdesign - Literacia, Internet e orientações gerais

Então, você quer saber mais sobre webdesign...

Então me conte... quais suas expectativas?

Page 3: Disciplina de Webdesign - Literacia, Internet e orientações gerais

seminários

Temas diversosEm grupo40 a 50 minutosEquivale a uma dinâmica/aula elaborada para uma atividade com a turma

projeto

pesquisaconceitoprototipaçãotestes com usuárioselaboração final (html/css)implementaçãorelatório

50%30%

tema: serviço, campanha,institucional

go-to-action

1. Apresentar conceito2. Criar dinâmica3. Avaliar dinâmica

website social

gerenciais 20% Entrega de etapas, acompanhamento do projeto, documentação durante etapas

Page 6: Disciplina de Webdesign - Literacia, Internet e orientações gerais

Um pouco sobre

LiteraciaDigital

MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.

Page 7: Disciplina de Webdesign - Literacia, Internet e orientações gerais

Conjunto de habilidades

MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.

Envolve compreender, compartilhar e criar sentido e significado com ferramentas digitais, nos diversos meios.

Mas também....

Fazer isso de modo crítico e contextual, buscando os meios estratégicos de comunicação de uma ideia ou sentido.

Page 8: Disciplina de Webdesign - Literacia, Internet e orientações gerais
Page 9: Disciplina de Webdesign - Literacia, Internet e orientações gerais

Um pouco sobre a

InternetMATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.

Page 10: Disciplina de Webdesign - Literacia, Internet e orientações gerais

OrigensArpanet e a Guerra Fria J.C.R. Licklider, 1962 MIT | Leonard Kleinrock 1961 | Ivan Sutherland, Bob Taylor, e Lawrence G. Roberts

“Pacotes” de dadosTelefonia base para transmissão de dadosConexões entre universidades

Thomas Merril, 1964.

Page 11: Disciplina de Webdesign - Literacia, Internet e orientações gerais

OrigensAnos 80 - NSF e a fibra óticaNo Brasil 1991 RNP (Rede Nacional de Pesquisas) - Universidade e Setor Público

1995 provedores comerciais

Page 12: Disciplina de Webdesign - Literacia, Internet e orientações gerais

mas afinal,que raios é a Internet?

Projeto An Atlas of Cyberspace - finalizou em 2004http://personalpages.manchester.ac.uk/staff/m.dodge/cybergeography/atlas/geographic.html

Page 13: Disciplina de Webdesign - Literacia, Internet e orientações gerais

O original não está disponível:Ver backup e post comentado em http://ansonalex.com/technology/the-world-map-of-internet-connections/

Page 14: Disciplina de Webdesign - Literacia, Internet e orientações gerais

no ponto de vista físicouma grande teia

Page 15: Disciplina de Webdesign - Literacia, Internet e orientações gerais
Page 16: Disciplina de Webdesign - Literacia, Internet e orientações gerais
Page 17: Disciplina de Webdesign - Literacia, Internet e orientações gerais

na visão de negóciosum conglomerado de serviços

Page 19: Disciplina de Webdesign - Literacia, Internet e orientações gerais

www

Tim Berners-Lee, 1992Protocolo HTTP (hyper text transfer protocol) Documentos HTML via browser

Page 20: Disciplina de Webdesign - Literacia, Internet e orientações gerais

que raios acontece quando...

http://www.utfpr.edu.br

PROTOCOLO DE COMUNICAÇÃO ENDEREÇO - URL DOMÍNIO

vira um endereço IP

200.134.95.110VIA DOMAIN NAME

SYSTEM (DNS)

Page 21: Disciplina de Webdesign - Literacia, Internet e orientações gerais

no navegador/browser...

interpretação dos dadosCÓDIGO (html, css, scripts)+requisições de dadosOBJETOS, DADOS DE BANCO, et.c..

Page 22: Disciplina de Webdesign - Literacia, Internet e orientações gerais

Bluefish, TextWrangler, Dreammweavereditor

Page 23: Disciplina de Webdesign - Literacia, Internet e orientações gerais

FileZilla, Dreamweaverftp

Page 24: Disciplina de Webdesign - Literacia, Internet e orientações gerais

Firefox Extensões úteisFirebug, Web Developer, Colorzilla

Chrome F12

debug

Page 25: Disciplina de Webdesign - Literacia, Internet e orientações gerais

registro.brdomínios

Page 26: Disciplina de Webdesign - Literacia, Internet e orientações gerais

let’s code!p.s.: Code is design!

webutfpr.tumblr.com