Escolar Documentos
Profissional Documentos
Cultura Documentos
>>>>>>>>>>>>>>>>>>>>>>>>>>>
ao leitor
Locaweb em Revista Edição 16
VP Comercial: Cláudio Gora
Gerente de Marketing: Victor Sebastian Reis da Silva
Coordenação de Comunicação: Alexandre Porto
Coordenação Editorial: Déborah De Mari
Twittosfera
Capa da Times, Manchete no New York Times, alvo de
Editora Europa
Editor e Diretor Responsável: Aydano Roriz disputa entre a CNN, Oprah e Ashton Kutcher, matéria
Diretor Executivo: Luiz Siqueira
no Fantástico, milhares de posts em blogs e aplicativos
Diretor Editorial e Jornalista Responsável:
Roberto Araújo - MTb.10.766 - araujo@europanet.com.br
espalhados pelo web, o responsável por toda esta repercussão
Editores: Paulo Basso Jr. e Sérgio Vinícius também é o queridinho de muitos brasileiros, o Twitter.
Revisão: Marianna Russo
Editor de Arte (projeto gráfico): Alexandre Dias (Nani) Nesta edição, a Locaweb em Revista imergiu na twittosfera brasileira para saber como
Colaboração: Max Reinhold Jahnke, Luciano Delfini, Cintia anônimos e famosos têm disputado influência na rede social. Há quem a use única e
Marcucci, Felipe Magalhães
exclusivamente para gerar audiência, outros para fazer negócios e até mesmo quem
Publicidade São Paulo:
E-mail: publicidade@europanet.com.br
produz aplicativos com o intuito de fazer do Twitter um comunicador realmente útil para o
Diretor de Publicidade: Mauricio Dias (11) 3038-5093 bem comum. E você, o que pensa disso tudo?
Executivos de Negócios: Alessandro Donadio, Angela
Taddeo, Flavia Pinheiro, Claudia Alves, Elisangela Xavier e Ainda no campo da tal twittosfera, vale dizer que não faltam brasileiros com posição de
Rodrigo Sacomani. destaque neste meio. Você sabia, por exemplo, que foi um paulista de 21 anos que
Executivos de Contas: Leandro Blotta, Marcos Roberto e
Renata Naomi desenvolveu o atual design usado pelo Twitter. Pois ele se chama Vitor Lourenço e aparece
Criação Publicitária: Rodrigo Barros e João Paulo Gomes
11) 3038-5103 Tráfego: Renato Peron (11) 3038-5097
com destaque nas próximas páginas em uma entrevista muito esclarecedora para quem
Circulação e Promoção - Gerente: João Alexandre pretende se dar bem no ramo de webdesign.
Desenvolvimento de Pessoal:
Tânia Marilia Ribeiro Roriz e Elisangela Tokashiki Outra reportagem interessante desta edição aborda a criação de vídeos online.
Guilherme Maranhão, finalizador de programa da MTV/Ideal TV, explica como produzir um
Locaweb em Revista é uma publicação da Editora Europa
Ltda. e do departamento de comunicação e marketing da vídeo com qualidade profissional de acordo com seu orçamento, seja ele pequeno, médio
Locaweb Serviços de Internet. A Editora Europa não se
responsabiliza pelo conteúdo dos anúncios de terceiros.
ou sem limites.
Distribuidor Exclusivo para o Brasil:
Fora isso, nas páginas de Locaweb em Revista deste mês você aprenderá como
Fernando Chignalia Distribuidora S. A. - Rua Teodoro da Silva, arrumar emprego ao se posicionar bem em redes sociais, descobrirá como sair (ou então
907 - CEP 20563-900 - Grajaú - RJ
nem entrar) da Blacklist do Google e verá como fazer testes de usabilidade em apenas
Impressão: Prol Editora Gráfica
cinco segundos, entre outras reportagens. Boa leitura!
Somos Filiados à ANER - Associação
Nacional dos Editores de Revistas Claudio Gora
editor@locawebemrevista.com.br
4 locaweb
Entrevista:W2008 22/5/2009 12:54 Page 6
entrevista
A ideia é ressaltar o
melhor do produto
Responsável pelo design atual do fenômeno Twitter, o brasileiro Vitor Lourenço
revela seus métodos de trabalho e fala sobre a ferramenta social do momento
Texto: Rafael Abraham
6 locaweb
Entrevista:W2008 22/5/2009 12:54 Page 7
entrevista
conhecimentos de programação e domínio LR - De forma resumida, você pode nos maioria das imagens utilizadas na aplicação
holístico de como funciona uma aplicação dizer como funcionou essa introdução do em um só arquivo. Assim, esse arquivo é
web. Após trocarmos algumas mensagens, AJAX no Twitter? requisitado apenas uma vez e, posteriormente,
fechamos um contrato de trabalho VL - Acredito que aprimoramos de forma é distribuído pelo site por meio de um
remoto. À época, eu deixei para trás a significativa a experiência de uso do Twitter posicionamento via background-position.
Globo.com para me envolver com a introdução do AJAX nas mudanças de
completamente no projeto do redesign do abas e atualização dos updates. As melhorias LR - Agora falando um pouco mais sobre
Twitter. Foi uma experiência muito rica devem-se à redução do tempo de resposta que o seu modo de trabalho, você diria que
desde o desenvolvimento, quando a o AJAX nos proporcionou, carregando tem um estilo minimalista de atuação?
moderna administração da empresa somente o novo conteúdo necessário ao VL - Na verdade, não acredito que eu tenha
permitiu que eu pudesse fazer tudo de um estilo. Sinceramente, considero que
* Procurei simplificar
longe, sem estar presente fisicamente, até estilo esteja relacionado à expressão e à
os últimos ajustes aplicados pelo trabalho arte, e não a design. Como designers, não
árduo dos engenheiros, que eu a experiência de uso devemos incluir preferências ou expressão
acompanhei de perto, em São Francisco do Twitter ao aplicar pessoal em nossos projetos, mas sim buscar
(EUA), onde hoje fixei residência. alguns conceitos a solução mais adequada para o problema.
Entretanto, considero que o aspecto mais
LR - O que você focou durante o de simplicidade marcante sobre meus trabalhos está
desenvolvimento da atual interface da fundamentados pelo relacionado à simplicidade. Sempre procuro
ferramenta social? professor John Maeda: extrair qualquer ruído, seja uma quantidade
VL - Procurei simplificar a experiência de excessiva de funcionalidades ou um design
uso do Twitter ao aplicar alguns conceitos encolher, esconder visual exagerado, que faz com que a
de simplicidade fundamentados por John e incorporar comunicação seja menos eficaz e diluindo o
Maeda (professor de Media Arts & Sciences valor agregado de sua principal
do MIT): encolher, esconder e incorporar. oposto de requisitar toda a página. Por competência. A ideia é sempre ressaltar
Dessa maneira, o serviço não perdeu exemplo, quando você atualiza o seu feed, a apenas o que existe de mais importante em
recursos, mas os distribuiu de modo a nova mensagem é incluída logo no topo da um produto.
agrupá-los da melhor maneira. É o mesmo página, sem precisar de um novo
princípio de um canivete suíço: enquanto carregamento completo. Estamos usando o LR - Dentro desse cenário, o usuário final
você usa um recurso, os outros ficam módulo de AJAX do jQuery para isso. Outro vem sempre em primeiro lugar?
escondidos. Além disso, encolhi a navegação recurso de otimização para performance que VL - Meu principal objetivo é sempre
de conteúdo do usuário, unificando os itens usamos foi o uso de CSS Sprites, unificando a proporcionar a experiência de uso mais
em uma navegação lateral. agradável. Não tenho dúvidas de
que o usuário final deve vir em
LR - E em relação à estética? primeiro lugar. É por isso
VL - Neste caso, suavizei algumas que devemos evitar muitas
linhas divisórias, retirei espaçamentos camadas entre quem projeta e
desnecessários e melhorei a tipografia quem vai utilizar o sistema. Alguns
e o acabamento visual dos elementos designers projetam pensando no
para deixar a aplicação mais cliente, e não no cliente do cliente,
consistente com a identidade visual do que é quem realmente importa e
Twitter. É válido mencionar também a pode trazer o retorno do
diminuição no número de requests investimento. É importante
feitos ao servidor, com uma maior conhecer nosso alvo e saber para
otimização de código e introdução do quem estamos projetando. Para
AJAX para aprimorar o tempo de isso, qualquer técnica de pesquisa
resposta no uso do site. Dessa forma, de usuário é válida.
procurei incorporar à ferramenta um
significado de maior relevância que
Sem diploma \\ Aos 18 anos,
faça com que ela seja considerada Vitor resolveu abandonar a
mais importante que serviços mais graduação em design gráfico para
complexos com a mesma finalidade. assumir um cargo na Globo.com
8 locaweb
Entrevista:W2008 22/5/2009 12:54 Page 9
* Alguns designers
LR - De que lugares ou pessoas você simplicidade ou complexidade, afinal esses
obteve a inspiração para desenvolver são conceitos abstratos. O que desejamos
essa visão de trabalho? projetam pensando são maneiras eficazes de se cumprir
VL - Procuro buscar inspiração em apenas no cliente, objetivos e realizar tarefas. E acredito que
produtos e serviços com os quais interajo no e não no cliente isso nunca vai deixar de ser verdade, pois
dia-a-dia e obtenho grande satisfação. dificilmente as pessoas irão optar por algo
O Mac OS X, por exemplo, é uma grande do cliente, que é difícil e menos eficaz.
referência em termos de design de quem realmente
interface, uma vez que vem evoluindo importa e pode LR - Como você vê o Twitter dentro
desses fundamentos?
constantemente e, ao mesmo tempo, não
requer grandes novos aprendizados para trazer o retorno do VL - É inegável que o Twitter continua
uso. Para mim, o Facebook possui estas investimento realizado crescendo e é cada vez mais usado por
mesmas qualidades na web — é um causa, entre outros fatores, de sua
produto que sempre me inspira e tem atual design do Twitter. Será que esse simplicidade e facilidade. Muitos
soluções incríveis que são testadas com conceito de simplicidade durará muito concorrentes surgiram com diversas novos
milhares de usuários constantemente. Já tempo ou a complexidade voltará à tona? recursos, porém, não foram adotados da
em relação aos profissionais, posso listar VL - Os conceitos de simplicidade e mesma maneira. A simplicidade do Twitter
Jason Santa Maria, da Happy Cog complexidade são sempre relativos. O que o posiciona muito claramente nesse
(jasonsantamaria.com) e Wilson Miner, pode parecer simples para mim, talvez seja seguimento. E isso provavelmente o fará
designer do EveryBlock (www.wilson complexo para outra pessoa. Tudo depende expandir globalmente.
miner.com) como principais fontes do referencial, como o grau de instrução e a
de inspiração. familiaridade existente entre o sujeito e o LR - Com uma possível versão em
objeto de comparação. Não acredito na português, por exemplo?
LR - Você também citou o John Maeda, afirmação de que queremos simplicidade VL - Talvez sim. Acredito que isso esteja nos
árduo defensor da simplicidade, como apenas por vivermos em um mundo planos da empresa, embora não tenha
influência durante o desenvolvimento do complexo. De forma alguma desejamos detalhes a respeito.
locaweb 9
Emails:W2008 4/6/2009 14:46 Page 10
opinião/leitores
e-mails J
//Envie seu e-mail
Se você tem alguma dúvida, sugestão ou
crítica, entre em contato com nossa redação
pelo e-mail locaweb@europanet.com.br.
Barra invertida variável str deve conter o texto a print() comporta-se como uma $str1 = "Alô";
no JavaScript ser validado): função, que retorna o valor 1 $str2 = "Mundo";
echo $str1," ",$str2;
Preciso validar um formulário e caso tenha conseguido
impedir que a barra invertida seja :if (str.indexOf("\\") executar o seu objetivo. Isso
digitada, caso contrário dará erro == -1){ permite que, por exemplo, seja Relativo x
no meu banco de dados. Ainda //barra não encontrada criada uma rotina de controle Absoluto
não entendi por quê, mas o }else{ caso a saída não tenha sido Estou tentando usar o CSS para
JavaScript não reconhece a barra //barra encontrada enviada para o navegador: posicionar elementos de layout.
}
invertida. O que devo fazer? Mas esbarrei em um atributo CSS
Fernando Lira - Por e-mail $ctrl = print "Alô complicado de entender:
Saída de Mundo"; “position”. Como funciona?
Não é que o JavaScript texto PHP if ($ctrl){ Ramiro Silva - Por e-mail
não reconhece a barra Sou programador ASP e estou //rotina normal
invertida, o que ocorre é que ela acostumado a usar a função }else{ O posicionamento
//controle de erro}
é usada como caractere de Response.Write para escrever absoluto põe as caixas
escape. Isso significa que ela HTML. Comecei a trabalhar com CSS (divs) em posições específicas
deve ser usada antes de PHP agora e percebi que a Já a função echo(), por exemplo, na janela do navegador.
caracteres especiais, como aspas, linguagem possui dois métodos não retorna valor nenhum, e é Normalmente, a posição absoluta
por exemplo, para evitar erros. para essa finalidade: echo() e ligeiramente mais rápida. Outra é medida em pixels a partir do
Seu problema pode ser resolvido print(). Gostaria de saber qual a diferença é que ela permite o canto superior esquerdo da
usando duas barras invertidas, diferença e onde cada um deve recebimento de diversos valores, página. Com o posicionamento
sendo que o script considerará a ser usado. separados por vírgulas, relativo, os blocos flutuam até
primeira como caractere de Benedito Colleti - Por e-mail encarregando-se da serem empurrados para baixo por
escape e a segunda como literal. concatenação. Isso permite a um de cima. Neste caso, você deve
O código para encontrar uma A única diferença entre criação de códigos como os que especificar float: left ou float: right
barra invertida em um string é (a essas funções é que vêm a seguir: para que eles flutuem
horizontalmente ao invés
de verticalmente.
Se você utilizar
exclusivamente divs com
posicionamento absoluto,
produzirá layouts estáticos que,
invariavelmente, irão quebrar
em algum dos diversos
tamanhos de tela com que o
design tem que lidar.
Já o posicionamento relativo,
por outro lado, pode ajustar-se
ao tamanho e ao formato da
janela, dando resultados
satisfatórios em um maior
número de sistemas. O
problema é que, nesse caso, o
resultado final é menos
previsível e pode gerar
problemas quando existe
Conceito de CSS \\ Na página do W3C sobre folhas de estilo (http://www.w3.org/Style/CSS), é possível encontrar muita uma linha de texto muito
documentação sobre o assunto; além disso, o espaço oferece links e exemplos de como se trabalhar com as Cascading Style Sheets longa, por exemplo.
10 locaweb
Noticias_Parte1:W2008 4/6/2009 16:56 Page 12
lançamento
notícias
blog.locaweb.com.br
Confira as novidades da maior empresa de hospedagem de sites do Brasil
Palestras \\ Entre os objetivos do evento, estava o de agregar conhecimento de novas tendências da web e realizar
networking; encontro atrai a comunidade de profissionais e entusiastas da internet, espalhados ao redor do Brasil
12 locaweb
Noticias_Parte1:W2008 4/6/2009 16:56 Page 13
locaweb 13
Noticias_Parte2e3_WishList:W2008 22/5/2009 13:58 Page 14
notícias/wishlist
O melhor da cultura
digital em vitrine
Nesta seção, você confere o que há de melhor nas prateleiras ao redor do mundo
quando o assunto é alta tecnologia, conectividade com a web e diversão eletrônica
L Notebook 3G
Com pouco mais de 1 kg, o Mobo 3G chega com acabamento
na cor branca, equipado com processador Intel Atom N270 de
1,6 GHz, com 1 GB de memória RAM (expansível até 2 GB) e
capacidade de armazenamento em disco rígido de 160 GB.
Tem tela widescreen de 10,2 polegadas, leitor de cartões
SD/MMC/MS/MS Pro, webcam integrada de 1,3 megapixel,
L
placa de rede, modem 56 kbps, 3 portas USB, wireless 802.11
b/g e modem 3G embutido. O preço sugerido é de R$ 1.699.
Onde encontrar: www.positivoinformatica.com.br
L Pendrive seguro
O DataTraveler Vault - Privacy Edition é feito de alumínio
e é à prova d'água, suportando até quatro metros de
profundidade. Está disponível em cinco capacidades:
2 GB, 4 GB, 8 GB, 16 GB e 32 GB. O
DTVP é compatível com os
sistemas Mac OSX 10.4x-10.5x,
Windows Vista, Windows XP
e Windows 2000. Tem preço
sugerido a partir de R$ 382.
Onde encontrar:
www.kingston.com
L Blu-Ray econômico
A Tec Toy, empresa nacional de
tecnologia, mantém no mercado o
reprodutor de Blu-Ray mais barato do L
Brasil. Com preço inferior a R$ 1 mil, o
modelo é compatível com televisores
Full HD (1080p), suporta os formatos
de áudio Dolby Digital, Dolby Digital
Plus e DTS-HD e tem áudio 7.1 canais.
Onde encontrar:
www.tectoy.com.br
L
14 locaweb
Noticias_Parte2e3_WishList:W2008 22/5/2009 13:58 Page 15
notícias/wishlist
L 3G baratinho
O 2730 Classic é o modelo 3G mais barato da Nokia lançado no
mercado. Com preço estimado em 80 euros, deve chegar ao
mercado europeu no segundo semestre deste ano. Voltado
para usuários do sistema pré-pago, o telefone tem formato de
barra, tela AVGA de 2 polegadas e memória expansível via
cartão. Ainda não há informações de quando o modelo
chegará ao mercado brasileiro.
Onde encontrar: www.nokia.com
L
Noticias_Parte2e3_WishList:W2008 4/6/2009 15:12 Page 16
notícias/wishlist
L Fotográfica
top de linha
Com preço sugerido de R$ 2.799, a
máquina fotográfica top de linha
Samsung HMX-H105 tem formato de
gravação com memória SSD de 32 GB
e slot para cartão SDHC, resolução full
HD (de 1920x1080) e lente Schneider L
(Varioplan-HD). O zoom óptico do
modelo é de 10x, enquanto o digital
corresponde a 100x.
Onde encontrar:
www.samsung.com.br L Zoom de 24x
L O modelo Samsung WB1000 Full HD conta
com resolução de 12.2 megapixels, lente Schneider
com grande angular de 24 mm, zoom óptico de 5x, tela
AMOLED de 3.0” hVGA e duplo estabilizador de imagem (IS
Óptico e IS Digital). O equipamento ainda grava vídeo em alta
definição, com som, na resolução de 720p e gera arquivo de
vídeo H.264. O preço sugerido é de R$ 1.999.
Onde encontrar: www.samsung.com.br
L Messenger no telefone
O LG Messenger (GT360) oferece acesso à
internet, sai de fábrica com MSN Messenger e
permite acesso ao Orkut em qualquer lugar
que o usuário estiver. O teclado QWERTY
facilita a digitação. Tem preço médio de R$ 499.
Onde encontrar: www.lge.com.br
16 locaweb
Noticias_Parte2e3_WishList:W2008 22/5/2009 13:58 Page 17
L Celular fashion
O Nokia 7020 tem frente espelhada
e cores diferenciadas, como um
rosa discreto. O modelo ainda
muda de cor quando está tocando
ou recebe um e-mail. Tem tela
QVGA de 160x128 pixel e faz fotos
em 2 Mpixels. Com lançamento
previsto para dezembro nos EUA, o
aparelho ainda não tem data para
chegar ao Brasil.
Onde encontrar: www.nokia.com
L
Noticias_Parte 4_Agenda:W2008 4/6/2009 15:35 Page 18
//PALESTRAS ONLINE
TED
notícias/circuito Agora é possível assistir em
português brasileiro a algumas
das principais palestras da
Sua leitura
conferência TED (Tecnologia,
Entretenimento e Design). O
material gratuito está à
disposição em www.ted.com/
index.php/translate/languages.
sobre internet
Confira os principais lançamentos de livros que tratam de
O TED teve início em 1984 como
uma conferência anual, unindo
personalidades das áreas de
tecnologia, entretenimento e
design - hoje inclui ciência,
negócios, artes e assuntos globais.
temas ligados ao mundo da tecnologia da informação No evento, os palestrantes são
convidados para falarem sobre
ONIPRESENTE suas vidas em 18 minutos.
Ricordo Cavallini
Onipresente fala das mudanças
//CONFERÊNCIA
CMS Brasil
que estão ocorrendo com o
O evento CMS Brasil será
consumidor, nas agências e na
composto por painéis com líderes
comunicação. Não apresenta
brasileiros de CMS e oficinas
fórmulas mágicas, mas colabora
técnicas para desenvolvimento
com conhecimento.
em Wordpress, Joomla! e Drupal.
Preço: R$ 25
Local: Hotel Jaraguá,
Editora: Fina Flor
São Paulo, SP
Inf.:
Quando: 20 de junho
www.onipresentelivro.com.br
//INSCRIÇÕES
WorldCamp Brasil
REDES SOCIAIS No dia 21 de junho, será realizado o
NA INTERNET WordCamp Brasil, conferência
RAQUEL RECUERO
sobre WordPress na qual
O livro está dividiro em duas
desenvolvedores, designers,
JOOMLA!: GUIA DO OPERADOR partes. A primeira é focada na
blogueiros e usuários casuais
BARRIE NORTH discussão do que são e como
poderão assistir palestras e
Novo em Joomla!? Sem problemas. Este podem ser estudadas as redes
apresentações, trocar idéias e se
livro começa com o design mais simples e sociais. A segunda é focada em
conhecer num ambiente informal.
conceitos de sistema e constrói o seu aplicações do conceito.
O evento será na sede da FUNARTE
conhecimento passo a passo. Preço: R$ 30
em São Paulo. Informações em
Preço: R$ 64 Editora: Sulina
www.wordpress-br.com/
Editora: Alta Books Inf.:
wordcamp-brasil
Inf.: www.altabooks.com.br www.editorasulina.com.br
Quando: 21 de junho
18 locaweb
Vídeos:W2008 4/6/2009 17:28 Page 20
20 locaweb
Vídeos:W2008 4/6/2009 17:28 Page 21
A transição entre TV e web, segundo o criador do Videolog, é criatividade e a independência hoje restritas aos usuários da
uma questão de tempo. As primeiras barreiras a serem vencidas internet, um passo importante já foi dado para que as pessoas
estão nos aspectos tecnológicos como, por exemplo, o uso de um desenhem seu próprio canal de TV. Um deles é o T!V!, dos
decodificador para que o modelo de TV digital adotado no Brasil mesmos criadores do Videolog. Ali, o internauta pode
possa receber o sinal da internet. desenvolver um canal com sua própria programação, usando
Mas antes que o público em geral compartilhe toda a vídeos de sua autoria e outras produções disponíveis em portais
como o próprio Videolog, o YouTube, o Metacafe e o Vimeo.
Ariel explica que alguns desses canais estão em alta definição e
já podem ser vistos na sala de casa desde que o computador
esteja conectado por cabos ao aparelho de televisão.
Outros desafios tecnológicos também vêm sendo superados
por nossos geeks de plantão. Ariel aposta no alargamento da
banda de transmissão de dados e em uma tecnologia mais
apurada de compressão de imagem. O site do Videolog, por
exemplo, tem capacidade para receber arquivos mais pesados e
compactá-los até que possam ser exibidos com qualidade e
velocidade em um aparelho de TV. O processo de compressão,
explica Ariel, consiste em dividir o arquivo em duas partes, uma
para imagem e outra para áudio. Em seguida, essas partes são
comprimidas e juntadas novamente. O resultado pode ser a
Videolog \\ Segundo os criadores de uma das maiores páginas de vídeo da web redução do tamanho do arquivo de cem para três megabytes, o
brasileira, a transição entre vídeos feitos para a TV e para a web ainda vai demorar que permite que ele seja transmitido em outra mídia – a TV, claro.
locaweb 21
Vídeos:W2008 4/6/2009 17:28 Page 22
22 locaweb
Vídeos:W2008 4/6/2009 17:28 Page 23
Hoje em dia, com o andar da tecnologia, sai mais em conta produzir conteúdo em
HDV do que em DV. Para este tipo de produção, a finalização se torna mais complicada. É
necessário dar mais atenção à qualidade de vídeo, texturas de cor e imagem. Para isso, se
tornam necessários softwares de edição de vídeo profissionais, como o Final Cut, da Apple,
ou o AVID, da Adobe. Entretanto, a boa notícia é que as locadoras de equipamentos
disponibilizam toda a estrutura necessária desde a produção até a finalização do vídeo.
“A dica, neste caso, é locar uma câmera do tipo PD-150. Ela grava em formato dvcam,
que garante boa qualidade. Não se trata de um equipamento caro. Se a filmagem for
interna, deve-se locar um kit de iluminação Arry ou Lowel. Outra questão: deve-se se
preocupar em equalizar a luz. Isso fará toda a diferença. Além disso, definir bem o plano
dos quadros em que irá gravar é importante”, diz Maranhão. “Indico também que a ideia
seja passada para o cinegrafista antes da gravação. Essa conversa vai garantir com que o
criador dê mais atenção ao texto. No momento de editar, é importante cortar primeiro o
35 PIX \\ Com equipamento avaliado em cerca de R$ 500, uma pessoa na
produção e softs baratos, programa é considerado um exemplo de qualidade texto. Depois, equalizar o áudio. Após fechar o texto, deve-se tratar a cor dos takes,
introduzir as artes e sempre assistir ao produto final inteiro, com olhar crítico.”
Dentro deste universo, Maranhão aponta o programa 35 PIX
(http://fiztv.uol.com.br/f/Video/assista/25992) como conteúdo de qualidade
realizado com baixo orçamento. Trata-se de um programa produzido por apenas uma
pessoa, que tem em mãos apenas uma câmera digital de 1 CCD (sensor, do inglês charge
coupled device). O preço médio da máquina é de R$ 500. Além dela, o desenvolvedor
$$$Alto orçamentoAs produções de alto orçamento são parecidas com as de cinema. Se ela
não tem restrições de orçamento, cada detalhe é muito importante. A equipe é maior e
apenas usou um programa básico de edição de vídeo, como o Vegas ou o Imov, e pronto. melhor remunerada devido à experiência que os profissionais têm.
O resultado foi algo de qualidade. “O profissionalismo está na cabeça e na formação de Se o formato escolhido for película ou 35mm, a câmera precisa de diversos
quem está produzindo o conteúdo. Se a mensagem é passada corretamente e atinge o periféricos e muitos operadores, como diretor de fotografia, foguista, assessor de
telespectador, não importa quanto dinheiro foi gasto: você está fazendo televisão.” cinegrafista, cinegrafista. A produção se torna mais dividida em produtor, assistente de
Se o usuário quiser utilizar um material ainda mais barato, pode optar por uma produção, continuista, assistente de direção, diretor e daí por diante. Para este tipo de
máquina fotográfica que faça filmes. Um modelo de entrada de 10 Mpixels custa, em produção, é necessário contratar uma produtora e, dependendo do produto, as diárias
média, R$ 350, de acordo com sites comparadores de preço. variam entre R$ 30 mil e R$ 100 mil.
“A finalização do produto também fica mais cara. Uma vez que o filme foi gravado
em película, é necessário revelar os rolos de filme, digitalizar, telecinar. Todos estes
$$Médio orçamento
As produções de médio orçamento são aquelas que ocupam uma maior
parcela nas programações dos canais de TV ou que aparecem com algum destaque em
processos exigem profissionais bem remunerados e equipamentos exclusivos disponíveis
em poucas produtoras em São Paulo, o que torna a produção ainda mais cara”, avalia
Maranhão. “Nesse caso, a dica é contratar uma produtora de nome, que tenha lançado
sites especializados em vídeos. Geralmente, as emissoras têm os equipamentos, mas isso produtos conhecidos no mercado. Acompanhe sempre os processos de perto e seja claro
também não quer dizer que elas não gastam dinheiro em suas produções. na estratégia de marketing para passar ao diretor do filme.”
“A dica para este caso é ter uma ideia bem definida e filmar em lugares claros, nos Por fim, Maranhão sentencia que “não importa o quanto dinheiro a pessoa tenha no
quais luz não varie. Geralmente, as câmeras mais simples não têm controle manual de luz bolso, com determinação e uma ideia a ser passada, ela tem ferramentas para fazer o
e foco. Usar os fundos mais básicos possíveis, sem muitos elementos no quadro, para não próprio vídeo”. “A tecnologia está ao lado das pessoas nesta jornada.”
ficar uma composição muito suja, é uma alternativa. Ou melhor, uma necessidade”, conta
Maranhão. “Outra dica é filmar em locais que não haja muito barulho, pois se o áudio não
precisar ser equalizado, o resultado vai ficar melhor. Ao garantir esses princípios, a edição
fica mais simples.”
Do ponto de vista de software, Maranhão indica que, para orçamentos medianos, o
desenvolvedor recorra ao Adobe Premiere, um programa de PC bastante recomendado
para edições mais simples, pois tem uma interface fácil e dedutiva.
Em uma produção de médio orçamento, é necessário investimento considerável.
Os valores variam de acordo com a proposta da produção, mas no caso de um produtor
independente, sem nenhuma estrutura, ele pode recorrer a locadoras de
equipamentos. A grande sacada é saber adequar o orçamento para conseguir chegar
ao resultado final desejado.
Escolha e remuneração da equipe são essenciais para o bom andamento do projeto.
Mas, sem dúvida, será necessária uma ENG, as que inclui cinegrafista com câmera DV,
assistente de áudio com mesa de som e iluminação. Uma diária de gravação custa entre Adobe Premiere \\ Software de edição de vídeos é um dos mais populares
R$ 1 mil até R$ 3 mil dependendo da qualidade de equipamento e profissionais. do mercado; programa é indicado para usuário com orçamento mediano
locaweb 23
Vídeos:W2008 4/6/2009 17:28 Page 24
Movie Maker \\ Programa que é distribuído com o Windows, apesar de ter limitações, é opção
extremamente barata para trabalhar com vídeos; ao lado, iMovie, da Apple, também é solução de baixo custo
24 locaweb
Keep it Simple:W2008 4/6/2009 17:33 Page 26
keepitsimple
Serviço da Locaweb oferece
sistema completo de
realização e monitoramento
de chamadas telefônicas
ESTE MÊS
Serviço: Call Center
Conheça o
Site: www.locaweb. com.br/callcenter
26 locaweb
Keep it Simple:W2008 4/6/2009 17:33 Page 27
facilidades/locaweb
* A solução de Call Center Virtual permite que empresas de qualquer porte possam
ter recursos como fila de atendimento, monitoração em tempo real e estatísticas de
atendimento sem a necessidade de investir em equipamentos e licenças de software
Além disso, informa status dos agentes e também são chamarizes extremament um exemplo, acesse o endereço
dos ramais da empresa. importantes”, conclui. www.locaweb.com.br/callcenter.
Do ponto de vista dos relatórios, o Entre as principais características do O Call Center Virtual da Locaweb ainda
Call Center Virtual produz informações Call Center Virtual, destacam-se a permite ao usuário acompanhar
detalhadas de chamadas (ligações possibilidade de configuração da fila de estatísticas de tempo médio de
recebidas, atendidas e abandonadas, por atendimento, o cadastro dos ramais que atendimento (TMA) e tempo médio de
hora, dia ou mês), dados sobre a origem farão parte de cada fila de atendimento espera (TME). Há ainda dados sobre
das ligações, relata detalhes de e a configuração do modo de chamadas recebidas e atendidas por hora,
atendimento por agente e, por fim, as distribuição das ligações entre seus além de informações detalhadas de
chamadas recebidas por horário. agentes. Além disso, a possibilidade de atendimento por agente.
De acordo com Bigio, as vantagens vão configurar os horários de funcionamento
além dos simples relatórios e do de cada fila de atendimento e a
monitoramento. “Eu destacaria como transferência das mensagens para outros Produtos Locaweb
diferenciais a possibilidade de o ramais fora do intervalo determinado. Confira outros produtos de destaque da maior
atendente estar remoto, em home office Para ver um exemplo dessa funções, empresa de hospedagem do Brasil:
ou em outro escritório e, mesmo assim, acesse: www.locaweb.com.br/callcenter.
cumprir suas tarefas corretamente. Além Com relação ao monitoramento, o Servidores Dedicados
do próprio atendente, o supervisor pode Call Center Virtual garante o Para empresas que necessitam de segurança ou têm
grandes fluxos e produção de conteúdo, os servidores
estar remoto, já que toda a configuração e acompanhamento em tempo real do dedicados são a solução ideal. Um servidor exclusivo para
a monitoração são feitas pela web”, status de cada agente. É possível saber as necessidades da sua companhia. Mais informações em:
informa. “A facilidade de configuração do quais são os atendentes deslogados, http://www.locaweb.com.br/dedicados.html
painel de controle web, o custo reduzido disponíveis ou em ligação e quantas
por ramal e a possibilidade de ligações estão em fila a cada momento. Cloud Server
Com disponibilidade, autonomia e escalabilidade de
contratação sob demanda, sem a A gravação de chamadas recebidas e recursos, a Locaweb confere mais desempenho no
necessidade de contratos de longo efetuadas também é um artifício processamento de dados e informações com seu servidor
prazo ou grandes investimentos iniciais, possibilitado pela ferramenta. Para ver nas nuvens. Mais informações em: http://www.
locaweb.com.br/cloudserver.html
Mobimail
O novo sistema de e-mail tem tecnologia Ajax, com drag
and drop, operação via teclado. Ao lado dele, a Locaweb
também conta com o webmail com tema Clássico,
voltado para quem já está familiarizado com a plataforma
Locamail. Mais informações podem ser encontradas em
http://www.locaweb.com.br/mobimail.html
Email Marketing
Com essa ferramenta, é possível fidelizar sua base de
clientes, com a segurança e a rapidez no envio de
newsletters, boletins e e-mails marketing. As
configurações são simples e, com um clique, você atinge
toda a sua base de e-mails cadastrados. Mais
informações podem ser encontradas em:
http://www.locaweb.com.br/marketing.html
Loja Pronta
Sistema completo de e-commerce, grátis e fácil de usar.
Mais informações podem ser encontradas em:
Call Center \\ Por R$ 59 mensais por ramal, o usuário adquire uma plataforma completa de monitoramento de http://www.locaweb.com.br/lojapronta.html
chamadas telefônicas; nos relatórios detalhados, consta até mesmo quais ramais foram mais ou menos utilizados
locaweb 27
Loja Pronta:W2008 4/6/2009 17:44 Page 28
28 locaweb
Loja Pronta:W2008 4/6/2009 17:44 Page 29
mercado/loja virtual
Rumo ao comércio
virtual
Simples e prática, a
ferramenta Loja
Pronta faz com que
C
Texto: Cíntia Marcucci e Paulo Basso Jr.
Ilustração: Alexandre Dias (Nani)
locaweb 29
Loja Pronta:W2008 4/6/2009 17:44 Page 30
30 locaweb
Loja Pronta:W2008 4/6/2009 17:44 Page 31
mercado/loja virtual
Sem complicação \\ Basta entrar no site da Loja Pronta e seguir as instruções para que, em um ou dois
dias, o seu e-commerce esteja montado com o eficiente sistema de pagamento funcionando a todo vapor
locaweb 31
artigo_marcelo_mercado:W2008 22/5/2009 12:45 Page 32
opinião/articulista
e-business
Marcelo Trípoli
Presidente da agência de
marketing digital iThink e autor
do blog ifound.com.br
@marcelotripoli
marcelo.tripoli@ithink.com.br
Profissional multidisciplinar
é o profissional do presente
A busca por profissionais que realizam diversas funções de maneira eficiente tem
deixado de ser um simples conceito para encontrar espaço sólido na realidade
Durante muitos anos, especialistas defenderam que um Essa nova tendência já acarretou mudança nos livros. Se antes, para
profissional precisa ser multidisciplinar e acompanhar as ser completo, o profissional tinha apenas de conhecer em
tendências não apenas da área em que trabalha, mas também dos profundidade os 4 P’s (produto, preço, promoção e ponto), hoje esses
diversos mercados que estão, direta ou indiretamente, associados a P’s são infinitos e englobam uma gama de competências a ser
ela. A novidade é que, no segmento publicitário, cada vez mais, este desenvolvida. Os principais eventos de atualização do mercado já
conceito tem saído do papel e encontrado espaço na realidade. abordam essa percepção. Quando participei, recentemente, do Mix,
Esta aceitação encontra forte embasamento no mercado de em Las Vegas, notei uma total sinergia entre comunicação e
trabalho competitivo e na total exigência de flexibilidade do tecnologia. Percebi, durante minhas conversas e nas apresentações,
profissional, principalmente, em tempos de crise. Por realizar alguns que programadores estão aprendendo que não adianta somente as
cortes de equipe e redirecionar alguns profissionais, as empresas suas aplicações serem rápidas e entregarem a informação. Elas
sentem a necessidade de poder contar com uma ampla consultoria. precisam estar em sintonia com o visual, a estética e o funcional.
Nesse contexto, as agências – principalmente as digitais – precisam Durante o evento, a designer sênior Deborah Adler mostrou como
oferecer soluções completas. Afinal, o que adianta fazer uma bela sua empresa revolucionou a indústria da Saúde nos EUA por meio da
campanha se determinada tecnologia de uma empresa, por exemplo criação de novas embalagens para medicamentos prescritos. Parece
o Call Center, não funciona? É muito comum enfrentarmos esse tipo estranho: programadores tirando lições da evolução das embalagens
de questão diariamente. Cabe, então, aos profissionais, ampliarem os de remédios? Mas é isso mesmo: ficou claro que os softwares e a
conhecimentos e compreenderem o que se passa em toda a cadeia. mensagem não podem mais ser tratados como ilhas separadas. Tudo
Se uma agência desenvolve um e-commerce e, neste site, há uma está muito conectado, o tempo todo.
área para atendimento online, é dever do profissional que criou o E essa conexão não está apenas em discussões, palestras, eventos e
espaço verificar e atestar a ampla funcionalidade da ferramenta. Para nos ambientes das agências, mas também nas ruas, peças publicitárias
tanto, ele não pode ter uma linha de raciocínio restrita e precisa e ações estratégicas. Os trabalhos agora são multidisciplinares e atuar
desenvolver tanto a capacidade exata (a programação do site) quanto dessa forma é a única maneira de sermos capazes de impactar os
a competência humana para conferir o bom funcionamento. nossos consumidores de forma eficiente.
32 locaweb
205 X 275:Layout 1 19/3/2009 17:16 Page 1
Materia de capa:W2008 4/6/2009 18:27 Page 34
enquete para verificar se eguir e ter seguidores. Esse pode ser considerado o princípio
você está ocupado. É a
frase que aparece
S básico de uma pessoa que passa a usar o Twitter
(www.twitter.com), que este ano ganhou relevância nas
páginas da mídia mundial como uma das ferramentas virtuais que
mais vêm atraindo a atenção dos internautas, sobretudo de um
em destaque na ano para cá.
Mas restringir o Twitter ao campo social, já repleto de serviços
tela do usuário da consagrados como Orkut, Facebook, My Space e por aí vai, seria
cometer uma injustiça. Tampouco seria justo limitar a conduta de
rede social gratuita um twitteiro (esse é só o começo dos neologismos) ao fato de ter
que seguir alguém ao mesmo tempo em que se é seguido por
Twitter, o maior outros, como se a ferramenta não passasse de um ranking para
medir status social.
fenômeno da web O que realmente tem chamado a atenção de usuários da
internet pelo Twitter é o leque que se abre para o intercâmbio de
dos últimos tempos informação, seja ela pessoal ou profissional, o que possibilita a
34 locaweb
Materia de capa:W2008 4/6/2009 18:27 Page 35
locaweb 35
Materia de capa:W2008 4/6/2009 18:27 Page 36
capa/twitter
* Segundo pesquisa realizada pelo
Instituto Brasileiro de Opinião
Pública e Estatística (Ibope), em
abril deste ano, o Twitter teve um
crescimento de 456% entre
Os primeiros passos são mesmo difíceis. Logo que surgiu na acessos únicos, se comparado ao
web, o Twitter não chegou a despertar tanta atenção, salvo a de
blogueiros, podcasters e early adopters (aquelas pessoas que
mesmo período de 2008. Trata-se
adotam as novas tecnologias antes de todos), os quais de um fenômeno no Brasil
naturalmente enxergaram no serviço mais uma possibilidade de
facilitar o contato com outros geeks. atrair a atenção de internautas mais reticentes, de empresas e
O fato de oferecer um espaço limitado de 140 caracteres até de celebridades do mundo da TV.
para o usuário postar suas mensagens também fez com que a Como uma rede social a que se propõe, o Twitter navega
ferramenta, a princípio, fosse vista somente como mais um por um universo de “seguidores”. Ao criar sua conta, o usuário
“brinquedo” para quem passa o dia dando satisfação de sua vida se lança em uma esfera de pessoas que estão postando todo
particular pela internet. tipo de informação, e em todo momento. Ao twitteiro cabe a
No entanto, à medida que esses primeiros desbravadores missão de garimpar o que é mais relevante para cada um
que colocam a criatividade a serviço da web perceberam que dentro dessa twitosfera e ir atrás de quem realmente possa
o Twitter poderia ser um caminho ágil para divulgar notícias trazer algo de interessante para a sua vida. Ou não, também.
com imediatismo, narrar os acontecimentos mais relevantes Mas aí vai uma dica. Após encontrar esses perfis em comum,
do dia, fazer propaganda de seu trabalho ou de um produto, o grande barato de um serviço como esse é não ficar só
disseminar pesquisas e estudos entre pessoas da mesma área, consumindo as informações de quem você está seguindo, mas
resumir em ideias rápidas textos de sites e blogs (daí ser também gerar conteúdo, no mínimo criativo, para que outros
conhecido como microblog também), o serviço começou a possam acompanhar o que você coloca “no ar”. “Se não houver
esse tipo de integração, é bem provável que a ferramenta perca
Migre.Me toda a sua graça”, alerta Jonny Ken Itaya, blogueiro, twitteiro desde
Ferramenta criada
por Jonnhy Ken 2007 e criador do Migre.me (http://migre.me), um compactador
permite que de URL que aparece novamente com força a partir da
usuários tornem as expansão do Twitter. Outro sistema semelhante ao Migre.me
URLs minúsculas,
podendo ser é o Hype2me (www.hype2.me)
incluídas em Muito procurado desde o lançamento do gerenciador de
páginas do Twitter arquivos GeoCities, o encurtador de URL permite, por
exemplo, que links sejam postados no Twitter, muitas vezes
perdidos por causa do pouco espaço reservado às
mensagens. Mas Jonny garante que o Migre.me não é apenas
uma ferramenta para reduzir o tamanho
do URL. “É um portal com os links mais
clicados que permite ao usuário do
Twitter saber qual o assunto quente do
dia apenas visitando a home do
Migre.me, sem precisar seguir muitas
pessoas”, explica.
36 locaweb
Materia de capa:W2008 4/6/2009 18:27 Page 37
locaweb 37
Materia de capa:W2008 4/6/2009 18:27 Page 38
capa/twitter
* O fato de oferecer
um espaço de apenas
140 caracteres para o
usuário postar suas
mensagens também fez
com que a ferramenta, a
princípio, fosse vista
somente como mais um
“brinquedo” para dar
satisfação da vida
particular na web
trabalho, como quando vou fazer um
show em uma determinada cidade”,
conta. Danilo, aliás, vê o Twitter como Danielo Gentili \\ Humorista e repórteres do programa CQC, da TV Bandeirantes, afirma que não se
um recurso para que o público idealize preocupa em ter muitos ou poucos seguidores; para ele, é importante usar o Twitter como ferramenta profissional
menos as figuras da TV. “Tem muita
gente que não me conhece de verdade //YONKLY Blog
e, pelo fato de só me assistir na TV, me Ferramentas sociais Danielo Gentili, ao
somente fazem sucesso lado do Twitter,
idealiza de uma determinada forma. se muitos pessoas ainda mantém um
Então, quando eu escrevo algo no conhecidas estiverem blog bastante
nelas. De que acessado, o qual ele
Twitter que vai contra ao que essas adiantaria usar o Live
pessoas pensam sobre mim, a reação Messenger se não
usa para fins
houvesse com quem profissionais – o que
imediata é de choque, de cobrança, inclui várias piadas
conversar? Ou estar no
algo como ‘jamais pensei que você Orkut sem pessoas para
dissesse isso ou aquilo’. Para essas compartilhar
experiências? Pois é, o
pessoas, eu sempre digo que o melhor Yonkly (http://
a fazer é parar de me seguir. Os yonkly.com
fiscais dos bons costumes não são /timeline), como
ferramenta, é até
bem-vindos ao meu perfil”, adianta o melhor do que Twitter. observando as pretensões de cada um ao fazer parte da
humorista. Mas toda essa discussão só Mas como não há twittosfera. São esses objetivos particulares que trarão o sucesso
muitas pessoas nele...
tem sentido à medida que se vai ou o fracasso do serviço. Como bem coloca o blogueiro Edney,
ao entrar para esse universo, o internauta tem que saber se sua
busca é por quantidade ou qualidade, duas perspectivas que se
traduzem em objetivos bem distintos. “Ao pensar na quantidade
de pessoas que vão te ouvir, você pode ficar tentado a adaptar
muito o seu discurso, correndo o risco de remover justamente
os pontos polêmicos que fariam com que sua mensagem fosse
debatida ou retransmitida; você vai simplificar muito sua
mensagem por se preocupar demais com quem está te
ouvindo. Ao contrário, se o objetivo é a importância da
mensagem, você vai adicionar o máximo de elementos que
possam gerar discussões em torno do tema que você está
postando, que estimulem as pessoas a repassarem sua
mensagem e que outros entrem na discussão fornecendo
pontos de vista diferentes.”
42 mil \\ É o número de seguidores que o Twitter de Danilo Gentili, do Não cabe aqui fazer julgamento das verdadeiras pretensões
CQC, tem; em contrapartida, repórter e humorista segue 70 pessoas de cada um na web, tampouco determinar se o correto é
38 locaweb
Materia de capa:W2008 4/6/2009 18:27 Page 39
De twitteiro à
categoria jornalista
Uma prática bastante comum na
twittosfera é postar notícias que estão
rolando na imprensa ou narrar os
principais acontecimentos do dia para
seus seguidores. Com isso, já surgiram
comentários de que um twitteiro acaba
atuando como jornalista. É o caso de
Janies Krums, empresário que participou
do resgate dos passageiros e tripulantes
de um avião que caiu no Rio Hudson em
janeiro. Krums divulgou a primeira foto
do acontecimento via Twitter.
As opiniões divergem sobre esse novo
papel que o usuário do Twitter poderia
desempenhar. Para o blogueiro Jonny,
quem vai informar tem que pesquisar Sustentabilidade \\ Fundação Getúlio Vargas conta com o Centro de Estudos em Sustentabilidade, divisão
sobre o assunto e fornecer a maior da entidade que utilizar o Twitter e suas ferramentas para reunir links e conteúdo sobre o assunto estudado
locaweb 39
Materia de capa:W2008 4/6/2009 18:27 Page 40
capa/twitter
40 locaweb
Materia de capa:W2008 4/6/2009 18:27 Page 41
* Até o começo do
ano, basicamente
quem transitava
pelo Twitter
eram blogueiros,
podcasters e early
adopters. Hoje,
depois dessa
exposição maciça na
mídia, há todo o tipo
de grupo de pessoas
social e profissional se confundem no meu
trato com a web. Sempre investi na internet
como principal ferramenta de divulgação do
meu trabalho. Quando estou interagindo
com amigos e fãs, também estou
trabalhando”, afirma Rafinha.
Rafinha Bastos \\ Página do humorista é um dos principais canais, ao lado do Twitter, para comunicação
Twitter corporativo e prospecção de novo projetos; antes de entrar no microblogging, profissional já usava a web para trabalhar
Se há espaço tanto para uma
exposição pessoal quanto para a vida profissional, também há número de twitteiros, só perdendo para Londres, Nova York e
lugar para o marketing corporativo. E nem poderia ser diferente. São Francisco. E isso pode ser só o começo se levarmos em
Aplicações como divulgação de produtos, promoções e marcas, conta que o Brasil foi declarado recentemente o país que mais
até serviços de suporte técnico a consumidores, já são usa ferramentas como MSN e Orkut.
encontradas transitando pela twittosfera. Nos Estados Unidos, Um exemplo de aplicação corporativa no Brasil pode ser
por exemplo, 36 das 100 maiores empresas do ranking da visto na construtora Tecnisa, que aderiu ao Twitter no começo
revista Fortune já aderiram ao serviço. No Brasil, o uso ainda é deste ano para divulgar seus lançamentos imobiliários. Segundo
tímido, quase experimental. Mas é bom que a timidez não dure a construtora, o público que acompanha a empresa no Twitter
muito em um universo que cresce a passos tão rápidos. Uma não é o mesmo que visita seus postos de venda diretamente
pesquisa realizada pelo blog Tech Central do jornal britânico nos empreendimentos imobiliários. Em outras palavras, a
Times apontou São Paulo como a quarta cidade no mundo em Tecnisa tem consciência que será praticamente impossível
vender um apartamento pelo Twitter. Por
outro lado, a construtora destaca que a
ferramenta é um excelente serviço para
formar opinião no mercado, para estar na
boca de pessoas “antenadas”. A Locaweb
também já trabalha com a ferramenta no
login @locaweb para promover e
divulgar conteúdo de blogs e no login
@locaweb_reply para atendimento a
@Locaweb \\ A maior empresa de hospedagem do Brasil também trabalha com o Twitter; em @locaweb, ela
promove e divulga conteúdo de blogs; em @locaweb_reply (ao lado) há o sistema de atendimento a clientes
locaweb 41
Materia de capa:W2008 4/6/2009 18:27 Page 42
capa/twitter
42 locaweb
Materia de capa:W2008 4/6/2009 18:27 Page 43
Adbird - http://myadbird.appspot.comn - Este script inclui links de um conjunto Atmosfera - www.verbeat.org/atmosfera - Script feito para que os
pré-selecionado de informações no meio de suas mensagens no Twitter. usuários saibam como está a temperatura climática no Brasil e no mundo.
QuaseFree - www.quasefree.com - Com este aplicativo, você pode Tweetquero - www.tweetquero.com - Aplicativo para o Twitter que substitui
enviar diversas notícias atualizadas de seu celular para sua conta no Twitter. as convencionais listas de presente para aniversários e casamentos, entre outras.
TwiTrânsito - www.twitransito.com.br - Ferramenta espalha informações Write4Net - http://write4.net - Script que permite escrever textos de mais de
enviadas pelos usuários a respeito do trânsito em grandes cidades, como São Paulo. 140 caracteres no Twitter; ferramenta transforma microblogging em um quase-blog.
locaweb 43
Design:W2008 22/5/2009 12:49 Page 44
designweb
Teste de usabilidade
em 5 segundos Técnica inovadora de
análise de usabilidade
pode ajudar os designers
a identificarem se um
website é ou não
funcional antes de
entregá-lo ao cliente
Por Max Reinhold Jahnke
S
eleção de cores, apresentação do
conteúdo e posição exata em que
cada item deve ficar. Na hora de
criar um site, tudo isso deve ser levado
em consideração, já que os conceitos
atuais de usabilidade pregam que a
dificuldade ao encontrar informações
pode tornar a experiência do internauta
frustrante e, consequentemente, levar ao
abandono da página.
Saber se o website é funcional,
porém, não é uma tarefa tão fácil quanto
parece. Por isso, os designers devem se
valer de todas as ferramentas disponíveis
no mercado para atestar os projetos
antes de entregá-los ao cliente. Entre os
recursos mais usados atualmente dentro
desse segmento, poucos têm recebido
tantos elogios quanto o 5-second test
(teste em 5 segundos), técnica inovadora
que pode ser usada para descobrir com
facilidade quais são as primeiras
impressões dos usuários ao acessar uma
44 locaweb
Design:W2008 22/5/2009 12:49 Page 45
5-second test
Ferramenta online
Para aplicar a técnica desenvolvida
por Spool, vale a pena usar a ferramenta
disponível no endereço http://five
secondtest. com. No site, é possível fazer
upload de uma interface e gerar um link
que pode ser enviado para pessoas
dispostas a realizar as análises de
5 segundos. Também há a possibilidade
de fazer um teste aleatório de sites que
foram submetidos à prova para deixar
outros designers felizes.
Ao acessar a ferramenta online, você
Três tipos de aplicação \\ Ao acessar o endereço http://five secondtest.com, você verá que a aplicação verá que ela não sugere apenas uma
original do 5-second test tem outras duas variações, batizadas de testes de comparação e sentimental
aplicação do 5-second test, mas sim três,
página de um site e, a partir daí,
assegurar sua funcionalidade.
* A técnica é simples: cada uma com uma especificação
diferente. Aplicar todas pode ser o
usuários são chamados
Desenvolvido pelo programador segredo para realmente criar um projeto
americano Jared M. Spool, o 5-second test
para analisar um site confiável. Confira:
tem um conceito extremamente simples, durante 5 segundos e,
cujo princípio básico é: após um depois, deverão dizer o Aplicação clássica
determinado site ser criado, usuários que acharam dele. A Trata-se nada mais do que uma adaptação da
devem ser chamados para analisá-lo técnica original desenvolvida por Jared Spool,
durante apenas 5 segundos. Assim que a
partir daí, com base nas na qual os usuários são avisados que verão um
experiência acaba, os pesquisados são respostas obtidas, é website por 5 segundos e que, a partir daí,
indagados a respeito do que acharam da possível saber se a página deverão descrever tudo o que tiveram tempo de
página, se encontraram as informações é ou não funcional observar. Com esse teste, é possível saber com
que queriam e por aí vai. A partir daí, com eficiência quais são os itens que mais chamam
base nas respostas obtidas, torna-se 5 segundos. Caso não encontrem o a atenção no website.
possível saber se o site é ou não funcional. que precisam durante esse
Em um exemplo prático, suponha período, o design do website
que uma empresa esteja desenvolvendo deve ser refeito.
uma loja virtual e deseja saber se as Aqui, vale ressaltar que
informações de um novo produto estão existem várias maneiras
expostas de maneira clara e fácil de de permitir que o usuário
identificar. Com base numa pesquisa de veja a página por apenas
mercado, já se sabe que os dados mais 5 segundos. O método mais
importantes para o cliente comprar o simples, porém, é também o
item oferecido são o preço, a forma de mais óbvio: maximizar a
pagamento, a garantia e o tempo de janela do site no momento
entrega. Então, para saber se essas em que o pesquisado irá
informações estão claramente expostas fazer o teste e depois
na página do produto, usuários são minimizá-la. A partir daí, com Exemplo \\ O site do Google tem como função principal oferecer
requisitados para realizar o teste de base nas primeiras buscas, e isso pode ser entendido pelo usuário em menos de 5 segundos
locaweb 45
Design:W2008 4/6/2009 18:53 Page 46
5-second test
Jared M. Spool
O criador do 5-second test é fundador da User Interface
Engineering, organização de pesquisa de usabilidade.
Trabalha na área de design desde 1978, antes mesmo do
termo usabilidade ser associado a computadores. Spool é
autor do livro Web Usability: A Designer’s Guide.
Benefícios do teste
Há quem acredite que o 5-second
test é simples demais, mas o fato é que,
quando o tempo de visualização é
limitado, o usuário não perde o foco
estudando a página e prestando
atenção em elementos que
normalmente não são percebidos ou
nem mesmo compreendidos. Dessa
forma, com a análise de tempo reduzido,
os designers têm a possibilidade de
descobrir na prática quais são as
primeiras impressões do usuário e, a
partir daí, obterem informações sobre
como melhorar a receptividade da
página para evitar problemas graves Portal não \\ A técnica original desenvolvida por Spoll é voltada para sites com um único objetivo e, de acordo
como uma rápida rejeição. com o programador, ela não produz resultados valiosos em páginas grandes e recheadas de tarefas, como um portal
46 locaweb
artigo_rene_design:W2008 22/5/2009 12:42 Page 47
opinião/articulista
design
René de Paula Jr.
User Experience Evangelist
Microsoft Brasil
rene.de.paula@microsoft.com
Blog: O UAU Nosso De Cada Dia
http://blogs.msdn.com/
renedepaula
locaweb 47
Emprego 2.0:W2008 22/5/2009 12:52 Page 48
oportunidade/emprego 2.0
Formal \\ O LinkedIn é a rede social voltada para profissionais mais famosa do momento; nela, os usuários
devem se apresentar formalmente, ao contrário do que ocorre em redes de relacionamento, como o Orkut
locaweb 49
Emprego 2.0:W2008 22/5/2009 12:52 Page 50
oportunidade/emprego 2.0
50 locaweb
artigo_joaquim:W2008 22/5/2009 12:44 Page 51
opinião/articulista
e-business
Joaquim Torres
Diretor de Produtos da Locaweb
@jocatorres
joaquim.torres@locaweb.com.br
locaweb 51
Case:W2008 4/6/2009 18:41 Page 52
portfólio
caseslocaweb
Internet em filmes
Conheça o trabalho da agência interativa CdClip, empresa parceira da
Locaweb e especializada em desenvolver e publicar vídeos em sites
Criada em 2001, a “Desde o começo de nossas muito mais fácil publicar vídeos sucesso. O último e mais
agência CdClip atividades, pensamos no e conteúdo interativo de alta comentado trabalho foi o
(www.cdclip.com.br) é casamento entre internet e performance, já que as desenvolvimento do canal
especializada em criar conteúdo vídeos”, conta o jornalista capacidades de harware, Home Broker, do internet
interativo na internet. O mote Cláudio Odri, diretor da CdClip. software e rede cresceram banking do Bradesco.
da empresa, que atua de acordo “Há alguns anos, tínhamos que muito”, analisa, informando (www.bradesco.com.br)
com as necessidades do cliente, driblar dificuldades como baixa que utiliza o Flash como “A TV Home Broker é um
é focar no desenvolvimento de largura de banda e outros principal ferramenta de exemplo do que é possível ser
vídeos em aplicações web. empecilhos técnicos. Hoje, está desenvolvimento. feito atualmente no tocante a
A empresa aposta em vídeos e transmissão de
soluções diferenciadas, embora imagens via web”, conta Odri.
tenha grande expertise em De acordo com o diretor da
desenvolvimento de vídeos. E empresa, o fator determinante
isso é um de seus diferenciais. para a escolha da Locaweb
“Criar sites com vídeos ou como parceira foi o
apresentações com filmes tem compromisso da companhia
várias vantagens. Uma delas com o suporte. “Em vários
é com relação à pirataria. momentos, tivemos problemas
Conteúdo nesse formato, não de transmissão ou mesmo
pode ser facilmente copiado outros contratempos, e a
por oportunistas”, diz Odri. Locaweb nunca se furtou da
Com esse conhecimento responsabilidade, sempre
em transmissões, vídeos e TVs cumprindo o que prometia.”
Herdeiros do Futuro\ Site www.herdeirosdofuturo.org.br foi criado pela internet, a CdClip conta Ao lado, você confere mais
pela CdClip, que além de atuar com vídeos, trabalha com causas sociais com uma série de cases de detalhes do site e da CdClip.
52 locaweb
Case:W2008 22/5/2009 12:48 Page 53
portfólio
J O site
3 4
1 PRINCIPAL 3 SOLUÇÕES
J Página da empresa é bastante simples J Esta é a área mais interessante do
no quesito “itens” de interação. Por ser site, já que nela o visitante tem contato
focada em vídeo, a homepage conta com com os últimos e principais trabalhos
um filme em que uma apresentadora criados pela CdClip. Com a apresentador
explica o que é a empresa e os serviços visual introduzindo a seção, é possível
que presta. A cada uma das ações, ela sai visualizar em pormenores os trabalhos
da tela e reaparece, informando ou dando da empresa. Como destaque, é indicado
demais dados sobre o assunto “clicado” assistir à apresentação do “Home
pelo visitante. Broker”, do banco Bradesco – há um link
que leva o internauta diretamente à
2 CLIENTES página da instituição financeira. A CdClip
J Umas das áreas mais acessadas do site realizou o projeto e o desenvolvimento
é a área de cases e clientes. Nela, ficam da plataforma de programas e vídeos.
dispostos, pela empresa, os nomes das
companhias que fazem parceria com a 4 QUEM SOMOS
CdClip. Mais uma vez, a apresentadora J Em “Quem Somos”, a apresentadora somos focados no cliente. O que quer que
aparece na tela, explicando do que se trata explica resumidamente do que se trata a seja sua demanda, desenvolvemos.
a seção. Por meio de recursos multimídia, CdClip. Embora ela explique que a Obviamente, indicamos as melhores
ela apresenta os logotipos dos clientes. companhia seja focada em vídeos na soluções de acordo com nosso expertise,
Não é possível acessar os trabalhos a partir internet, Cláudio Odri informa que as mas estamos prontos para aceitar qualquer
desta página do site. atuações vão além dos vídeos. “Eu diria que projeto multimídia ou digital.”
locaweb 53
Kanban X Scrum:W2008 22/5/2009 13:17 Page 54
programação/comparativo
54 locaweb
Kanban X Scrum:W2008 4/6/2009 18:42 Page 55
programação/comparativo
Scrum
Scrum é um método interativo que pode ser
usado para gerenciar qualquer tipo de
trabalho ou projeto, que, inclusive, caiu nas
graças de estudantes e pesquisadores em
projetos científicos. Ele também tem sido
usado com sucesso por equipes de
desenvolvimento de software. Grandes
empresas, como o Google, usam Scrum.
Muitos desenvolvedores consideram o
método a melhor metodologia ágil de
desenvolvimento
//SCRUM TUNING
de software. Para Lições aprendidas na
entender o implementação do
Scrum no Google
Scrum, é preciso
apresentar http://tinyurl. com/2kd368
http://video.google.com/
alguns conceitos videoplay?docid= Scrum\\ Trata-se de é um método interativo que pode ser usado para gerenciar qualquer tipo de trabalho ou
e nomenclatura. 87952143 08797356840 projeto, que é usado pelo Google e caiu nas graças de estudantes e pesquisadores em projetos científicos
locaweb 55
Kanban X Scrum:W2008 22/5/2009 13:17 Page 56
programação/comparativo
Kanban
Kanban é uma palavra japonesa que
significa, literalmente, cartão visual. Como
o nome sugere, trata-se de uma
metodologia que usa cartões para
controlar os fluxos de produção. Ela
está relacionada com
o conceito de //Sistema de
administração que
administração determina que nada
chamado Just In Time, deve ser produzido,
muitas vezes abreviado transportado ou
comprado antes da
como JIT. hora exata
A principal ideia do
Kanban é poder visualizar e controlar o
fluxo de trabalho. Com o trabalho
dividido em várias partes, cada tarefa é
escrita em um cartão que é colocado em Toyota \\ Montadora japonesa foi a criadora do método Kankan, nos anos 40, que foi implementado em
uma parede ou lousa. Essa lousa é dividida sua linha de montagem; 60 anos depois, o modo e o desenvolvimento estão sendo usados para criar softwares
em colunas de forma com que seja
possível saber em qual estado está cada tarefa. O exemplo mais está sendo feito e medir se há trabalhos demais ou de menos e
simples é o de uma tabela com três colunas. Uma representa as saber em que estado está o desenvolvimento. Além disso, a lousa
tarefas que devem ser feitas. A outra, as que estão em andamento. permite que seja possível saber o tempo médio em que cada tarefa
Na última, as concluídas. é realizada para então estimar e otimizar o tempo de trabalho.
A lousa permite que seja facilmente percebido quanto trabalho Apesar de ter sido desenvolvida pensando em fábricas e
montadoras, o Kanban está sendo usado em conjunto com
Kanban.com.br técnicas de desenvolvimento ágil para que seja possível
Na página eletrônica
www.kanban.com.br visualizar as tarefas que devem ser realizadas no
há informações desenvolvimento do software. Um time de desenvolvimento
sobre o método de poderia usar uma lousa com a seguinte estrutura: quatro
desenvolvimento e
de logística colunas são feitas. A primeira representa todas as tarefas que
devem ser realizadas no dia. A segunda, quais estão sendo
implementadas. A terceira, as que estão em fase de testes. Só
depois que o código passar por toda bateria de testes, a tarefa é
considerada concluída. Ou seja, é devidamente colocada na
quarta coluna da lousa.
56 locaweb
Kanban X Scrum:W2008 22/5/2009 13:17 Page 57
programação/comparativo
A quantidade de tarefas na lousa depende do time. Ela não * A principal diferença entre Scrum e
deve ser muito pequena, para deixar a equipe sempre ocupada. Kanban é que o primeiro tem muito
Mas não pode ser grande demais para evitar que os
mais regras do que o segundo;
desenvolvedores percam muito tempo realizando várias tarefas
ao mesmo tempo. O Kanban é flexível; a lousa pode ser entretanto, é bom notar que restrições,
organizada de forma a se adaptar aos estágios de ou a ausência delas, não são exatamente
desenvolvimento necessários para cada equipe. ruins ou necessariamente boas
Conclusão
Scrum e Kanban são apenas ferramentas de
desenvolvimento, elas não dizem tudo o que
deve ser feito. Ambas apenas definem certas
restrições e direções para que o projeto seja
bem-sucedido. Ainda existem várias outras
técnicas de desenvolvimento de software como
Extreme Programming. Nenhuma delas é perfeita
e vai resolver todos os problemas que uma
equipe está enfrentando. O importante é que o
time de desenvolvimento entenda a ideia por
trás de cada uma das metodologias e tente
Agile Aliance \\ Site da entidade funciona como uma espécie de repositório de conhecimento a usufruir exatamente o que há de melhor em cada
respeito das metodologias de desenvolvimento de softwares; a ideia é dar velocidade ao processo uma, esquecendo os entraves pelo caminho.
MetodologiaversusMetodologia
Henrik Kniberg, especialista no processo de desenvolvimento de software e autor do livro Scrum and XP from the Trenches, escreveu um excelente artigo comparando Scrum com
com Kanban e sugerindo uma maneira de implementar uma metodologia que usa as vantagens de Scrum e Kanban. O PDF do artigo em inglês pode ser encontrado em:
http://tinyurl.com/ccby9s. No final de seu artigo, podemos encontrar um resumo das diferenças entre as duas metodologias:
SCRUM KANBAN
Interações, ou sprints, são pré-agendados Interações são opcionais. Pode ter outro tipo de plano de release ou processo de desenvolvimento
A equipe se compromete a realizar uma quantidade específica de trabalho durante cada sprint Compromisso opcional
Burndown Chart para controlar a quantidade de trabalho feito Nenhum tipo de diagrama ou gráfico é sugerido
Trabalho em andamento limitado indiretamente pelo plano do sprint Trabalho em andamento limitado diretamente pelo estado do fluxo de trabalho
Não permite a adição de itens ao trabalho em andamento Pode adicionar itens sempre que houver espaço na lousa
locaweb 57
artigo_andreza:W2008 22/5/2009 12:43 Page 58
opinião/articulista
design
Andreza
Vasconcelos
Gerente em Experiência do
Usuário na Locaweb
andreza.vasconcelos@
locaweb.com.br
58 locaweb
205 X 275:Layout 1 19/3/2009 17:19 Page 1
Blacklist:W2008 4/6/2009 18:44 Page 60
programação/google blacklist
Conheça o Buraco
Negro do Google
A blacklist do Google protege usuários contra páginas maliciosas. Saiba como
não cair nela e, se for o caso, aprenda a voltar para a whitelist do buscador
Texto: Felipe Magalhães concorrentes, publicar conteúdo de qualidade, atrair visitantes
com projetos bem calculados e bem definidos. E, o mais
ais difícil do que chegar ao topo é se manter nele. Se importante, não cair na temida “blacklist” do Google.
Segurança
Em outubro do ano passado, em
seu blog oficial para webmasters
GoogleWebmaster \\ Blog para desenvolvedores, mantido pelo Google, executou um teste com a (http://googlewebmaster central.
blacklist para manter alertados cerca de 6 mil webmasters sobre as vulnerabilidades de seus sistemas de CMS blogspot.com), o Google já havia
60 locaweb
Blacklist:W2008 22/5/2009 12:47 Page 61
programação/google blacklist
Explicação
Eis a eplicação técnica e oficial. "Nós,
periodicamente, recebemos atualizações
da lista. Na última renovação – e aqui
está o erro humano –, a URL de '/' foi
incorretamente marcada como um valor
para o arquivo. E '/' expande para todos
os URLs. Felizmente, o nosso time
encontrou rapidamente o problema e
reverteu o processo " , disse o Google em
seu blog oficial. Em resumo: qualquer
endereço com contivesse uma barra seria
considerado nocivo.
Assim como todas as páginas da web Configuração\\ Poucos passos são necessários para que o webmaster garanta que seu site está fora da lista
foram sinalizadas como nocivas sem o negra do Google; em http://migre.me/Xsw, há um exemplo prático de como proceder para tanto
locaweb 61
Blacklist:W2008 4/6/2009 18:45 Page 62
programação/google blacklist
Security Fix\\ Analista acredita que mais da metade das páginas credenciadas pelo Google como nocivas,
na verdade, são sites honestos, que estão infectados por scripts perversos que pretendem atacar internautas
62 locaweb
Blacklist:W2008 4/6/2009 18:45 Page 63
programação/google blacklist
* Algum componente
ActiveX aparentemente
nocivo ou um cookie
supostamente prejudicial
detectado pelos spiders
do Google é um indício
mais do que suficientes
para colocar uma
página eletrônica na lista
negra, mesmo que ela
seja 100% idônea
seu site. Outra boa característica é que se o Google
considera que seu site hospeda ou foi invadido por
Apache\\ Em http://httpd.apache.org/docs/1.3/misc/security_tips.htm, há dicas de configuração de segurança um malware, o painel manterá você informado com
para os servidores Apache; comunidade tem grande preocupação com ataques virtuais e scripts maliciosos dados detalhados, como uma listagem das URLs
afetadas. Uma vez que você tiver removido o
malware, poderá solicitar uma reavaliação das páginas de seu site pelas
Ferramentas para Webmasters.
locaweb 63
Blacklist:W2008 22/5/2009 12:47 Page 64
programação/google blacklist
API \\ Ambiente do Google Webmaster Tools: trata-se da página na qual se pode solicitar uma revisão do site
para que seja averiguada a existência de malwares no sistema online; caso haja, o site continua na blacklist
64 locaweb
Projeto1:Anuncio_lugares inesqueciveis 27/4/2009 15:06 Página 1
Locavip16:W2008 4/6/2009 18:47 Page 66
parceiros/locaweb
locavip
Conheça aqui alguns dos principais clientes vips da Locaweb
66 locaweb
205 X 275:Layout 1 1/6/2009 18:07 Page 1
525558_205x275_327_DL.pdf May 5, 2009 18:26:34 1 de 1