MIT » Estudos Literários e Humanísticos » Comunicação no Ciberespaço, Outono 2003 » Recursos Relacionados
21W.785 Comunicação no Ciberespaço, Outono 2003
Untitled Document
Recursos Relacionados
Links Diretamente
Relacionados ao Curso 21W.785
Site
Web de Jakob Nielsen Sobre Adequação de Uso - a homepage do guru da
navegação.
Diretrizes
de Design Web do MIT
Stanford Law School
Center for Internet & Society
Escrevendo
Para a Web - uma página útil que reúne as bibliotecas do MIT explica
claramente importantes considerações ao escrever conteúdo on-line.
Links
Para as Tecnologias Pertinentes
Links
Para Livros Educacionais
Variedade de Excelentes Sites Web
| Apple.com |
Mesmo
que você não ame os computadores da Apple, você tem que amar o seu
design inicial. O site web imita a aparência e o comportamento das
novas linhas de seus produtos. É fácil de usar e é atraente aos olhos,
mobilizando imediatamente a atenção do usuário. |
| Archinect.com |
Um
badalado site web de arquitetura com gráficos bem escolhidos e recursos
interativos. |
| CNN.com |
O
site N°1 de notícias obtém informações para seus leitores de forma
eficaz com a ajuda de muitos recursos interativos, manchetes constantemente
atualizadas e outros acréscimos atraentes, como apurações de voto
on-line. |
| Compaq.com |
Um
fantástico site web empresarial que cumpre seu propósito. Apresentação
clara, navegação fácil, imagens apropriadas, cores contrastantes e
vibrantes. |
| Disney.com |
O
lar mágico da diversão Disney! Este site web imita habilmente o layout
de um parque temático, e reflete a imagem familiar da Disney com o
uso de ilustrações gráficas do desenho animado. Não é o site mais
impressionante tecnicamente, mas possui uma mensagem e é consistente
com o tema escolhido. |
| Ikea.com |
Faz
uso inventivo do Macromedia® Flash™ para exibir decoração
de interiores e os produtos da Ikea. |
| Java.Sun.com |
O
lar do Java®, a Sun Microsystems. Um atraente site minimalista,
apesar de parecer usar tecnologias mais avançadas. Um magistral uso
de HTML para obter uma aparência sofisticada. Navegação fácil e suporte
a navegadores de texto. |
| Landor.com |
Outro
badalado site web empresarial que oferece um design simplista e elegante,
navegação fácil e uma exposição clara do propósito da homepage. Observe
porém o uso de algumas imagens duvidosas que realmente não dizem muito
sobre a empresa ou seus produtos e serviços. |
| Línguas
Estrangeiras e Literatura MIT |
Um
excelente site do MIT que mostra exatamente como continuar uma metáfora
escolhida por todo um site web. Este site também usa mapa de imagem
com bastante eficácia, sem cansar o usuário. Todas as imagens são
pertinentes e reunidas habilmente. |
| Nikewomen.com |
Um
excelente uso da tão abusada tecnologia Macromedia® Flash™
para anunciar produtos de forma eficaz em um catálogo on-line altamente
interativo. |
| Sueellen.org |
Um
site web simples e elegante que mostra de forma eficaz o trabalho
do talentoso fotógrafo e designer gráfico. |
| Travelocity.com |
Este
site passa sua mensagem e possui um tema claro: viagem. Os serviços
são anunciados adequadamente e o tema viagem é trabalhado habilmente
em páginas web altamente funcionais e interativas. |
| Xbox.com |
Um
site maravilhoso que mostra os novos produtos da Microsoft® na
área de jogos para computador. A barra de navegação e as ilustrações
apresentadas de forma inteligente nas páginas imitam o design do console
Xbox - com saídas de ar e a conhecida aparência de plástico preto
e verde. Ícones úteis e banners avisam aos visitantes sobre os novos
produtos. As páginas são resumidas e organizadas. |
|
Exemplos de Design Web Ineficientes
| Janet-Jackson.com |
Um
exemplo típico de abuso do Macromedia® Flash™. Ao visualizar
este site web, você faz as seguintes perguntas: Qual deveria ser o
segundo plano? Por que a janela é tão pequena? O que significam os
polígonos movendo-se rapidamente e os painéis móveis falando sobre
Janet Jackson ou seus produtos? O que o pequeno gráfico animado no
canto superior direito quer transmitir? Se você está inseguro sobre
a resposta de quaisquer destas perguntas é porque o site web foi projetado
para ser ostentoso, e em algum ponto o propósito se perdeu de vista.
O que é bom sobre o site são os recursos sonoros interativos e o conteúdo
de áudio e vídeo atual, mas isso é programação e talento musical,
e não design web. |
| Nikelab.com |
Muito
empenho foi dedicado a este site web, mas por que o usuário precisa
ver tantas cópias das mesmas imagens correndo para cima e para baixo,
à medida que você move o mouse na tela? É realmente bem difícil navegar
neste site, e ainda mais difícil descobrir a mensagem por trás da
nikelab.com, e o que de fato ela está promovendo que não sejam sapatos.
O texto é bem menor em certos locais, e há a exibição de informações
desnecessárias ao usuário sobre carregar módulos. Em uma tentativa
de parecer futurístico, estes recursos são mais um aborrecimento do
que qualquer outra coisa. |
| Zx26.com |
Esta
página não serve absolutamente a nenhum propósito, exceto talvez para
exibir como o uso exagerado de gifs animados pode rapidamente tornar
seu site web bastante brega. |
|
Tecnologias Úteis aos Projetos
do Aluno
| Apache™ |
O
Projeto Servidor Apache™ HTTP é uma tentativa de desenvolver
e manter um servidor HTTP de código-fonte aberto para sistemas operacionais
modernos, inclusive UNIX® e Windows® NT. A meta deste projeto
é oferecer um servidor seguro, eficiente e extensível que proporciona
serviços HTTP em sincronia com os padrões atuais. Apache™ tem
sido o servidor web mais popular na Internet desde abril de 1996.
A pesquisa Web Server Netcraft de agosto 2002 revelou que 63% dos
sites web na Internet usam Apache™, tornando-o assim o mais
utilizado dentre todos os outros servidores web juntos. |
| CGI |
O
Common Gateway Interface (CGI) é um padrão de conexão de aplicativos
externos com os servidores de informação, como HTTP ou servidores
Web. Um documento HTML simples que o daemon Web recupera é estático,
o que significa que existe uma situação constante: um arquivo de texto
que não muda. Por outro lado, um programa de CGI é executado em tempo
real, de forma que ele pode gerar informações dinâmicas. |
| CSS |
Cascading
Style Sheets (CSS) é um mecanismo simples para adicionar estilo (ex.:
fontes, cores, espaçamento) a documentos Web. |
| DHTML |
DHTML
é a arte de tornar o HTML dinâmico! |
| Dreamweaver® |
A
escolha profissional para construir sites web e aplicações para a
Internet. |
| Fireworks® |
Ferramentas
criativas poderosas. Formato extenso e suporte a padrões. Integração
contínua. Macromedia® Fireworks™ MX é a maneira mais fácil
de criar, aperfeiçoar e exportar gráficos interativos em um único
e centralizado ambiente web. |
| Flash™ |
Macromedia®
Fireworks™ MX é a maneira mais rápida de criar conteúdo rico
e aplicações para a Internet com um melhor retorno de investimento.
Recursos poderosos de vídeo, multimídia e desenvolvimento de aplicativos
permitem a criação de interfaces ricas de usuário, propaganda on-line,
cursos de ensino à distância (e-learning) e aplicações empresariais
de front-end. |
| Java® |
A
primeira solução para desenvolver com rapidez e distribuir aplicações
empresariais de missão crítica, o J2SETM oferece compilador, ferramentas,
runtimes e APIs necessários para escrever, distribuir e executar applets
e aplicativos na linguagem de programação Java®. |
| JavaScript™ |
JavaScript™
é uma linguagem de script compacta, baseada em objeto para desenvolver
aplicações cliente e servidor para a Internet. |
| JSP™ |
A
tecnologia JavaServer Pages (JSP™) oferece uma maneira simples
de criar páginas Web dinâmicas de plataforma e servidor independentes,
dando-lhe mais liberdade, através do recurso ?Write Once, Run AnywhereTM?
da tecnologia Java®TM. A tecnologia JSP™ separa a geração
de conteúdo da apresentação e tira proveito dos objetos e tags reutilizáveis,
simplificando a manutenção de suas aplicações Web. A opção é sua --
a tecnologia JSP™ oferece a capacidade de usar o script que
você precisa para criar páginas Web simples e interativas, ou escalonar
para suportar sites Web complexos inteiramente integrados às aplicações
de classe empresarial. |
| MySQL® |
MySQL®
é o banco de dados de código-fonte aberto mais popular do mundo, reconhecido
por sua velocidade e segurança. MySQL® AB, uma empresa fundada
pelos criadores de banco de dados MySQL®, oferece um software
de desenvolvimento e suporte relacionado e serviços MySQL®. |
| Perl |
Perl
é uma linguagem de programação que pode ser usada em uma grande variedade
de tarefas. Um uso simples típico da linguagem Perl seria extrair
informações de um arquivo de texto e imprimir um relatório ou converter
um arquivo de texto em um outro formato. Mas Perl oferece um grande
número de ferramentas para problemas bem complicados, inclusive programação
de sistemas. |
| Photoshop® |
Adobe®
Photoshop® 7.0, o software padrão de edição de imagem profissional,
o ajuda a trabalhar com mais eficácia, explorar novas opções criativas
e produzir imagens da mais alta qualidade para impressão, Web e qualquer
outro lugar. Crie imagens excepcionais com acesso mais fácil aos dados
do arquivo, design Web funcional, mais rápido, retoque de fotografia
de qualidade profissional e muito mais. |
| PHP |
PHP
é uma linguagem de script, de uso geral, amplamente utilizada, especialmente
adaptada para o desenvolvimento Web e que pode ser embutida em código
HTML. |
| Tomcat™ |
Tomcat™
é o recipiente servlet usado na Implementação de Referência oficial
das tecnologias Java® Servlet e JavaServer Pages . As especificações
Java® Servlet e JavaServer Pages são desenvolvidas pela Sun sob
Java® Community Process. Tomcat™ é desenvolvido dentro
de um ambiente aberto e participativo e lançado sob licença da Apache™
Software. Pretende-se que o Tomcat™ seja uma colaboração da
melhor geração de desenvolvedores do mundo. Nós o convidamos a participar
deste projeto aberto de desenvolvimento. |
|
Livros Úteis
| Big
Java® |
Cay
Horstmann |
Um
livro fantástico para aprender a linguagem de programação Java®.
Vários exemplos de trabalho, problemas e dicas úteis. Bom para iniciantes
e para os que já se familiarizaram com o Java®. Abrange resumidamente
XML, JSP™, SQL e servlets, além de tópicos avançados Java®. |
| DHTML
and CSS for the World Wide Web: Visual QuickStart Guide |
Jason
Cranford Teague |
Direcionado
aos designers e criadores de conteúdo, não apenas aos programadores.
Formato visual baseado em tarefas para construir com DHTML de forma
rápida. Esta segunda edição revista e aumentada é atualizada pelos
padrões Web e navegadores atuais e inclui todas as novas abrangências
de utilização DHTML para obter informações sobre o ambiente de navegação
e adicionar multimídia ao site, e também novas técnicas dinâmicas
básicas e avançadas, como fazer objetos aparecerem e desaparecerem,
mover objetos em 3D e adicionar conteúdo dinâmico. Esta edição oferece
compatibilidade total com várias plataformas e navegadores. Este livro
não se concentra apenas nos aspectos mais complexos do DHTML, mas
em exemplos práticos do que realmente funciona com DHTML e CSS, tornando-o
útil aos iniciantes que estão apenas começando a dar os primeiros
passos no mundo do DHTML, e também aos desenvolvedores profissionais
que buscam uma consulta rápida. |
| Dreamweaver®
MX: PHP Web Development |
Bruno
Mairlot, Gareth Downes-Powell, Tim Green |
Este
livro é para profissionais web que desejam usar Dreamweaver® MX para
produzir sites web PHP. Ele não pressupõe qualquer conhecimento de
PHP. |
| Flash™
MX ActionScript For Designers |
Doug
Sahlin |
Da
interatividade do usuário e maravilhosos efeitos ao gerenciamento
de conteúdo automatizado, o ActionScript lhe dá capacidade para elevar
o nível de seus filmes Flash™. Mas se você não estiver satisfeito
com os objetos, variáveis e todas aquelas coisas sobre programação?
Relaxe! Usando uma grande quantidade de tutoriais fáceis de entender
e um mínimo absoluto de jargão técnico, Doug Sahlin desvenda o mistério
do ActionScript – e mostra passo a passo como colocá-lo para
funcionar na realidade do design Web. |
| Interface
Design |
Alastair
Campbell |
Uma
viagem profissional por cada aspecto da estrutura gráfica e da navegação
digital. |
| JavaScript™
for the World Wide Web: Visual Quickstart Guide |
Tom
Negrino, Dori Smith |
Quando
a Peachpit Press lançou a primeira edição do JavaScript™ for
the World Wide Web: Visual QuickStart Guide , ele imediatamente se
tornou uma das ferramentas mais úteis para os desenvolvedores Web.
Agora, em sua quarta edição, este livro foi melhorado, ampliado e
finamente ajustado.
Escrito para os codificadores Web que possuem pelo menos um pouco
de familiaridade com HTML, o livro não exige necessariamente que você
tenha conhecimentos de programação em JavaScript™ ou script.
A apresentação é ilustrativa e produtiva, onde conceitos são introduzidos
através de exemplos práticos, explicados resumidamente, apresentados
em código e, em seguida, explicados linha a linha. Usando screenshots
criteriosos e novos códigos realçados em vermelho, os autores tornaram
o JavaScript™ for the World Wide Web bastante intuitivo. Nesta
nova edição, eles mostram recursos compatíveis com apenas certos navegadores
Web, usando os novos ícones do IE e do Netscape®. Junto com seu
conteúdo principal, o texto inclui uma genealogia excelente das diversas
versões do JavaScript™, completa com um extenso fluxograma de
objetos colorido de acordo com o código de cores da versão do navegador.
Ele também sai da linguagem básica em um capítulo sobre ferramentas
de desenvolvimento visual que usam JavaScript™, como o Dreamweaver®,
GoLive® e Fireworks®. Há toneladas de scripts úteis no livro,
e a editora fornece um site Web onde você pode obter cada um deles,
e também uma interface para ver o código em ação. Você pode fazer
o download de todos os scripts em um único arquivo Zip. Ele simplesmente
é um guia imprescindível de JavaScript™. |
| JSP™,
Servlets, and MySQL® |
David
Harms |
A
Próxima Geração de Soluções Para Fornecimento de Conteúdo Web Baseadas
em Banco de Dados JSP™, Servlets e MySQL® com controle
completo e uma ótima eficiência em runtime, o lado servidor Java®
fornece uma solução firmemente integrada para sites Web baseados em
banco de dados. Mas como implementar o lado servidor na realidade
Java®? Este guia excepcional mostra como. Usando uma grande quantidade
de exemplos fáceis de acompanhar, o desenvolvedor veterano David Harms
explica detalhadamente como colocar JavaServer Pages e servlets Java®
para funcionar com um banco de dados MySQL®. Do lado servidor
Java® e fundamentos do MySQL®F ao Tomcat™, JavaBeans,
multithreading e autenticação, isso é tudo que você precisa para criar
um site interativo de vanguarda. Crie A Última Palavra em Aplicações
de Banco de Dados Para a Web. |
| Macromedia®
Dreamweaver® MX for Windows® and Macintosh: Visual QuickStart
Guide |
J.
Tarin Towers |
Até
mesmo se você nunca usou o Macromedia® Dreamweaver® antes,
o Macromedia® Dreamweaver® MX para Windows® e Macintosh:
Visual QuickStart Guide num instante lhe colocará por dentro do programa
de criação Web mais popular da Macromedia®. Esta edição completamente
atualizada do nosso mais bem vendido guia do Macromedia® Dreamweaver®
utiliza instruções passo a passo baseadas em tarefas para explicar
todas as ferramentas básicas do programa e como utilizá-las para projetar
um site Web. O livro aborda os recursos existentes no programa e também
os novos, incluindo seu assistente de configuração de sites, barra
de ferramentas sensíveis ao contexto e ferramentas avançadas de fragmentos
de código. Se você está usando o Macromedia® Dreamweaver®
MX como uma ferramenta de layout de página WYSIWYG e não deseja escrever
em HTML, ou se você for um codificador manual que prefere usar um
editor de texto sofisticado, você achará o Macromedia® Dreamweaver®
MX for Windows® and Macintosh: Visual QuickStart Guide indispensável. |
| Macromedia®
Fireworks® MX for Windows® and Macintosh: Visual QuickStart
Guide |
Sandee
Cohen |
Um
livro fantástico para aprender tudo que você precisa saber sobre esta
nova ferramenta de gráficos inestimável e poderosa. O Fireworks®
pode literalmente dobrar o número de possibilidades criativas para
os já talentosos designers web com todos os tipos de ferramentas gráficas
de design e recursos fáceis de usar. O Fireworks® é altamente
recomendado para utilização dos alunos do curso 21W.785 criarem gráficos
originais e efeitos complexos em DHTML. O livro possui uma leitura
fácil, com muitos exemplos gráficos úteis, e o Fireworks® pode
ser dominado em apenas uma semana! Se você tiver uma chance, dê uma
olhada neste livro e no Fireworks® MX. |
| Macromedia®
Flash™ for Windows® & Macintosh: Visual Quickstart
Guide |
Katherine
Ulrich |
Ulrich
aborda todos os fundamentos, da animação vetorial a efeitos sofisticados
de interação e transição que os leitores esperam desta série popular,
em narração clara e concisa. Aborda Flash™ MX. Capa maleável. |
| The
MIT Guide to Teaching Web Site Design |
Edward
Barrett, Deborah A. Levinson, Suzana Lisanti |
A
maioria dos livros sobre design Web enfatiza a aparência do produto
acabado e dão pouca atenção às idéias e aos processos envolvidos no
design interativo inteligente. Este livro é baseado na premissa de
que os princípios que definiram o bom design de comunicação no passado
se aplicam igualmente bem à Web. O processo básico é definir o propósito,
público e estilo apropriado a um objetivo. Uma outra premissa é que
um eficaz design de site Web é um processo basicamente participativo
que não só requer habilidades técnicas, porém mais habilidades de
comunicação tradicionais de escrita e orais. Conseqüentemente, este
livro enfatiza uma abordagem social, orientada a processos, tanto
para projetar como para instrução em sala de aula.
Este livro é escrito pelo próprio Prof. Barrett e contém muitas informações
inestimáveis por ter tido sucesso no curso. Contém até detalhes de
suas tarefas e das expectativas dele em relação aos seus projetos!
Vale a pena dar uma olhada. |
| Open
Source Web Development with LAMP: Using Linux, Apache™, MySQL®,
Perl, and PHP |
James
B. Lee, Brent Ware |
As
tecnologias de Código-Fonte Aberto estão oferecendo aos desenvolvedores
contemporâneos uma variedade de alternativas de software comercial
mais eficazes e robustos em termos de custo para criar aplicativos
Web dinâmicos baseados em dados. Este guia prático apresenta uma pesquisa
abrangente de LAMP (Linux, Apache™, MySQL®, Perl e PHP)
e mostra como estas soluções podem ser implementadas de forma eficaz
e com segurança, melhorando a confiabilidade e cortando dramaticamente
os custos. |
| Perl
& CGI for the World Wide Web: Visual Quickstart Guide |
Elizabeth
Castro |
Uma
nova edição de um recurso que mostra como criar novos scripts úteis
ou adaptar os existentes às necessidades individuais. Castro (autora
de vários livros sobre a Web) conta como montar e instalar um servidor
local para aprender Perl e scripts de teste sem se inscrever em um
host Web comercial; colocar formulários em sites Web que coletam e
processam as informações do usuário, como pedidos de produto e comentários;
usar CGI.pm, o módulo padrão Perl, para analisar dados de entrada
de formulário; e como depurar e usar técnicas de segurança. |
| PHP
for the World Wide Web Visual Quickstart Guide |
Larry
Ullman |
Projetado
para desenvolvedores, este guia e referência aborda os conceitos fundamentais
do PHP e explica os recursos da versão 4.04. Começando com uma avaliação
básica, ele parte para a sintaxe, testando scripts, trabalhando com
variáveis e criando aplicativos Web. No caminho, scripts de exemplo
e projetos ilustram os pontos principais. Ullman é programador PHP
e designer Web. |
| The
Web Design WoW! Book |
Jack
Davis, Susan Merritt |
Estudos
de caso que se concentram na solução de determinados desafios da comunicação
interativa em tela. Contém centenas de idéias de design para atrair
pessoas e chamá-las para ação; soluções direcionadas ao marketing,
promoção, educação, vendas, aplicações, entretenimento e publicação;
dicas para organizar o fluxo de trabalho de projetos, comunicação
com clientes, coordenação com especialistas técnicos e observação
de sites; e relatórios reais sobre o que leva a criar sites e CD-ROMs.
O CD-ROM que acompanha o livro contém editores WYSIWYG e HTML, e também
versões completas de navegadores, plug-ins e utilitários. |
|
Apache™ é nome fantasia da The Apache Software Foundation.
Flash™ é nome fantasia ou marca registrada da Macromedia, Inc. nos Estados
Unidos e/ou em outros países.
Javascript™ é nome fantasia da Sun Microsystems, Inc. nos Estados Unidos
e/ou em outros países.
JSP™ é nome fantasia da Sun Microsystems, Inc. nos Estados Unidos e/ou em
outros países.
Tomcat™ é nome fantasia da The Apache Software Foundation.
Adobe® e Photoshop® são marcas registradas ou nomes fantasias da Adobe
Systems Incorporated nos Estados Unidos e/ou em outros países.
Dreamweaver® é nome fantasia ou marca registrada da Macromedia, Inc. nos
Estados Unidos e/ou em outros países.
Fireworks® é nome fantasia ou marca registrada da Macromedia, Inc. nos Estados
Unidos e/ou em outros países.
GoLive® é nome fantasia ou marca registrada da Adobe Systems Incorporated
nos Estados Unidos e/ou em outros países.
Java® é nome fantasia ou marca registrada da Sun Microsystems, Inc. nos Estados
Unidos e/ou em outros países.
Macromedia® é nome fantasia ou marca registrada da Macromedia, Inc. nos Estados
Unidos e/ou em outros países.
Microsoft® é nome fantasia ou marca registrada da Microsoft Corporation nos
Estados Unidos e/ou em outros países.
MySQL® é marca registrada da MySQL AB nos Estados Unidos, União Européia
e em outros países.
Netscape® é nome fantasia da Netscape Communications Corporation nos Estados
Unidos e/ou em outros países.
UNIX® é marca registrada da The Open Group.
Windows® e/ou outros produtos da Microsoft contidos neste documento são marcas
registradas ou nomes fantasias da Microsoft Corporation nos Estados Unidos e/ou
em outros p
|
