Decole A Sua Audiência Com o AdWords

AdWords
::PhoneGap
::Adobe
Edge Reow
::Vdeo em
HTML5
A
D
W
O
R
D
S
:
:

A
N
O

6

:
:

R
$

9
,
9
0

:
:

E
d
i
o

4
2
A INTERNET EM REVISTA
:: www.locaweb.com.br ::

:
:

A
N
O

6

:
:

E
D
I
O

4
2
Saiba como usar
melhor essa
ferramenta
para atrair
pessoas para o
seu site e aumentar
o faturamento
DECOLE A SUA
AUDINCIA COM O
Todd Rowe
Diretor global de canais de
venda do Google revela como
ter grandes retornos investindo
pouco em publicidade
Vdeos lucrativos
Siga os passos da galera do
Porta dos Fundos e saiba como
ganhar dinheiro em cima da
audincia dos seus vdeos
EXCLUSIVO: Veja tambm:
Flat Design
Aprenda a desenvolver
projetos clean e intuitivos
para sites e apps a partir
dessa nova tendncia
L
O
C
A
W
E
B
lwao_leitor
Aydano Roriz
Luiz Siqueira
Tnia Roriz
Vivi Carrara
AdWords
::PhoneGap
::Adobe
Edge Reow
::Vdeo em
HTML5
ADWORDS
:: ANO 6 :: R$ 9,90 :: Edio 42
AINTERNETEMREVISTA
:: www.locaweb.com.br ::
:: ANO 6 :: EDIO 42
Saiba como usar
melhor essa
ferramenta
para atrair
pessoas para o
seu site e aumentar
o faturamento
DECOLE ASUA
AUDINCIACOMO
Todd Rowe
Diretor global de canais de
venda do Google revela como
ter grandes retornos investindo
pouco empublicidade
Vdeos lucrativos
Siga os passos da galera do
Porta dos Fundos e saiba como
ganhar dinheiro emcima da
audincia dos seus vdeos
EXCLUSIVO: Veja tambm:
Flat Design
Aprenda a desenvolver
projetos clean e intuitivos
para sites e apps a partir
dessa nova tendncia
LOCAWEB
LW42.capa.indd 1 9/25/13 9:53 AM
Locaweb em Revista Edio 41
Diretor de Marketing:
Fernando Cirne
Coordenao de Comunicao:
Luis Carlos dos Anjos
Coordenao Editorial:
Andra Asceno
Assistente Editorial: Gislaine Lima
Editora Europa
Editor e Diretor Responsvel:
Aydano Roriz
Diretor Executivo: Luiz Siqueira
Diretor Editorial e
Jornalista Responsvel:
Roberto Arajo - MTb.10.766 -
araujo@europanet.com.br
Editores: Paulo Basso Jr. e
Srgio Vincius
Reviso: Ctia de Almeida
Editor de Arte (projeto grfco):
Alexandre Dias (Nani)
Colaborao: Adle Helena
Ribeiro, Andreza Emlia Marino,
Bianca Bellucci, Vivian Retz Lucci
e Max Reinhold Jahnke
Publicidade So Paulo:
publicidade@europanet.com.br
Diretor de Publicidade:
Mauricio Dias (11) 3038-5093
Executivos de Negcios:
Alessandro Donadio (coordenador),
Angela Taddeo, Adriana Gomes,
Elisangela Xavier, Ligia Caetano,
Renan Pereira, Renato Peron,
Roberta Barricelli e Rodrigo
Sacomani
Criao Publicitria:
Paulo Toledo
Trfego: Rafael Galves
(11) 3038-5097
Circulao e Promoo
Gerente: zio S. Vicente
Desenvolvimento de Pessoal:
Tnia Marilia Ribeiro Roriz e
Elisangela Tokashiki
Locaweb em Revista uma
publicao da Editora Europa
Ltda. e do departamento de
comunicao e marketing da
Locaweb Servios de Internet. A
Editora Europa no se
responsabiliza pelo contedo dos
anncios de terceiros.
Distribuidor Exclusivo para o Brasil:
Fernando Chignalia Distribuidora S.A.
Rua Teodoro da Silva, 907 - CEP
20563-900 - Graja - RJ
Impresso:
Log&Print Grfca e Logstica S.A.
A (palavra)
chave do sucesso
E
stima-se que sete entre cada dez pessoas consultam
a internet na hora de fazer compras relacionadas
aos mais diversos setores do mercado. Isso signica
que nenhuma outra plataforma oferece tantas oportunidades
de negcios quanto a web. Ocorre, no entanto, que se
exibir nessa imensa vitrine no novidade para ningum.
Independentemente do tipo de segmento, quem recorre ao
mundo online depara com concorrentes. Muitas vezes, milhares
deles. E a que sobram dvidas a respeito de como aparecer
no meio de tanta gente e aumentar a audincia do site.
A boa notcia que, ao contrrio do que se imagina, fazer
isso pode ser algo simples e, principalmente, barato. A chave
do sucesso, em muitos casos, est no AdWords, ferramenta
do Google oferecida pela Locaweb, sua parceira premium que
tem o potencial de levar seu site para o topo dos resultados das
pesquisas realizadas no buscador. Tudo isso graas ao bom uso
de palavras-chave e seu monitoramento prossional.
Por conta da popularidade do Google, aparecer bem nele
signica existir. Gerar cliques. Mostrar sua cara, seus produtos
e, consequentemente, vender desde que, para isso, voc
oferea um bom servio. exatamente isso que a reportagem
de capa desta edio revela: o caminho das pedras para voc
investir corretamente no AdWords e colher frutos promissores.
O faturamento em cima de criatividade aparece tambm
na reportagem de Andreza Emlia Mariano sobre o YouTube,
que voc ver nas prximas pginas. O pessoal do Porta dos
Fundos, Felipe Neto e muitas outras pessoas esto ganhando
(muito) dinheiro com a audincia de seus vdeos. E esse um
roteiro que voc tambm pode escrever.
Atendimento em mdias sociais, at design, PhoneGap,
vdeos em HTML5. Tudo isso e muito mais voc confere aqui.
Anal, o mundo da internet vasto e oferece oportunidades para
todos. E nosso papel ser seu parceiro nessa empreitada.
Fernando Cirne / Diretor de Marketing
::Caixa de entrada ...................................8
::Notcias Locaweb ................................ 10
::Wishlist ................................................. 12
::Case: Vertis .......................................... 16
::Case Loja Virtual ................................. 18
::Vitrine Virtual ....................................... 20
::Espao ABRADI: Jonatas Abbott ...... 22
::Opinio: Diego Eis ............................... 24
::Opinio: Marcelo Negrini .................... 26
::Opinio: Marcello Barbusci ................. 28
::Review: Adobe Edge Reow .............. 30
::Flat design ............................................ 40
::Atendimento em mdias sociais ......... 50
::PhoneGap ............................................. 54
::Vdeos em HTML5 ............................... 58
::GruntJS ................................................. 62
::Parceiros em destaque ........................ 66
Nesta edio...
::Entrevista: Pedro Dias 6
::Decole sua audincia com o AdWords 32
::YouTube lucrativo 44
44locaweb locaweb45
F
undado em fevereiro
de 2005, o YouTube
transformou-se em
uma das plataformas
de maior sucesso da internet,
onde bilhes de pessoas
descobrem e compartilham
vdeos originais e assistem a
eles. A ferramenta atua como
um mecanismo de distribuio
para criadores de contedo
original e tambm para grandes
e pequenos anunciantes. O
resultado disso um mercado
com nmeros maisculos:
atualmente, mais de 1 bilho
de usurios nicos visitam o
YouTube todos os meses e mais
de 6 bilhes de horas de vdeo
so assistidas a cada ms.
Esse cenrio representa
aproximadamente uma hora
para cada pessoa na Terra e um
crescimento potencial, j que o
balano de audincia em 2013 est
50% superior ao de 2012. E no para
por a: a cada minuto, so enviadas
100 horas de vdeo para o site, que est
localizado em 56 pases e disponvel
em 61 idiomas.
Por conta de tudo isso, no h
nada mais natural e esperado que
surgisse uma nova categoria de
celebridade: a de campees de
audincia do YouTube. So pessoas
ou canais que mobilizam multides,
delizam assinantes e acumulam
milhes de pageviews.
De acordo com a empresa de
pesquisas Nielsen, o YouTube atinge
mais adultos dos Estados Unidos entre
18 e 34 anos do que qualquer outra
rede a cabo. Milhes de inscries so
realizadas todos os dias, e o nmero de
usurios mais do que dobrou desde o
ano passado.
Seja mostrando tutoriais sobre
games ou maquiagem, fazendo
desabafos sobre a dureza da vida
ou esquetes de humor, muitos tm
Os brasileiros
amamvdeos.
Ateleviso
sempre foi
uma parte
importante do
lazer local e o
consumo de
vdeo online
continua
a crescer
::Anaik Weid
Gerente de comunicao
do YouTube
Gerar receita a partir da audincia dos vdeos no
YouTube possvel. Veja quemest ganhando
(muito) dinheiro dessa forma Por Andreza Emlia Marino
especialyoutube
44locaweb
Pela
porta da
frente
LW42.especial_youtube.indd 44 10/2/13 9:04 AM
44locaweb locaweb45
especialyoutube
44locaweb
Pela
porta da
frente
LW42.especial_youtube.indd 45 10/2/13 9:05 AM
32locaweb locaweb33
AdWords
Ao anunciar no sistema
de propaganda do
Google, o website pode
ganhar visitas e fechar
negcios. Entenda como
essa visibilidade pode
alavancar seuprojeto
eletrnico Por VivanRetz Lucci
32locaweb locaweb33
AdWords AdWords AdWords AdWords AdWords
Decole a sua
audincia com o
LW42.materiadecapa.indd 32 10/2/13 9:11 AM
32locaweb locaweb33
capaerroseacertos capagoogleadwords
D
entre os cerca de 80
milhes de usurios
de internet no Brasil,
pelo menos 70%fazembuscas
por produtos locais. A empresa
que no temumwebsite,
obviamente, ca invisvel para
esses consumidores potenciais.
Porm, mesmo quemtempresena
online precisa de alguma forma
se destacar para atingir seu
pblico-alvo emmeio innidade
de ofertas da web. Quemno faz
ADWORDS
PARCEIRO
PREMIUM PME
ALocaweb um
Parceiro Premium
do Google; a
companhia auxilia
empresas e facilita o
processo de anunciar
no AdWords
AdWords
isso perde oportunidade, dinheiro
e clientes, segundo Todd Rowe,
diretor global de canais de venda
do Google. Est deixando dinheiro
sobre a mesa, resume o executivo.
Uma das formas de chamar
a ateno e aparecer para o
consumidor em meio concorrncia
acirrada da internet usar o Google
AdWords, sistema de publicidade
da gigante de buscas que inovou
por permitir grande segmentao
e direcionamento. Tudo funciona
por meio de palavras-chave que so
ligadas aos anncios. Quando se faz
uma busca, os termos usados so
cruzados com essas palavras-chave,
o que permite que sejam exibidos,
alm dos resultados orgnicos da
busca, links ou anncios patrocinados
que podem responder aos anseios do
internauta. Tudo a um custo baixo em
relao a formas mais tradicionais de
compra de espao publicitrio e com
possibilidade de pagar apenas quando
o link de fato clicado.
32locaweb locaweb33
LW42.materiadecapa.indd 33 10/2/13 9:11 AM
205 X 275:Layout 1 25/09/2013 16:14 Pgina 1
Estudante de design Pedro Dias conta como criou
um aplicativo que trouxe benefcios sociais a uma
comunidade carente do Rio do Janeiro Bianca Bellucci
App
do bem

A
r
q
u
i
v
o

p
e
s
s
o
a
l
C
om apenas
22 anos, o
estudante de
design Pedro Dias
foi convidado para
participar da gravao
de um documentrio
internacional desenvolvido
pela TVE britnica. O
objetivo dos produtores
era inserir um jovem no
ambiente desconhecido de
comunidades carentes e, a
partir da, impulsion-lo a
pensar em uma proposta
de aplicativo digital que, de
alguma forma, contribusse
para o crescimento social
desses locais.
Foi assim que surgiu a
srie Life Apps (Aplicativos
para a vida), que teve cinco
episdios de 26 minutos cada
e foi exibida pelo Canal Futura,
em julho de 2012, e tambm
pela BBC de Londres. Brasil,
Qunia, ndia, frica do Sul,
Reino Unido e Nambia foram
os pases que participaram
do documentrio.
Em um bate-papo
descontrado, Dias conversou
com a Locaweb em Revista
a respeito do projeto. A
seguir, conra detalhes sobre
a criao do aplicativo, seu
uso no Rio de Janeiro e a
ampliao da ideia aps o
trmino das gravaes.
lwentrevista
Pedro Dias participou do
projeto Life Apps, que
visava inserir jovens em
comunidades carentes de
cinco pases, para inspir-los
a criar aplicativos com
funes sociais
6locaweb
Para mim, desenvolver
projetos de aplicativos que
no interram positivamente
na vida das pessoas algo
que no faz sentido
Locaweb em Revista Como voc foi convidado
a participar da srie Life Apps e por que as
comunidades do Rio de Janeiro para trabalhar?
Pedro Dias Fui convidado pelo Rodrigo Mac
Niven, scio-diretor da TVa2, produtora que gravou
a srie no Brasil. Quando conversamos, conclumos
que as comunidades do Rio de Janeiro seriam um
cenrio adequado para desenvolver a proposta do
projeto. Para o Mac Niven, o ambiente se mostrou
interessante por conta de seu interesse por temticas
existentes naquele contexto. Para mim, era uma
grande chance de aprender com as pessoas que
vivem naquela regio, observando o que fazem de
melhor para tentar criar algo em conjunto.
LW Que tipo de aplicativo vocs criaram para
ajudar a comunidade?
PD Quando visitamos o Complexo da Mar, uma das
reas mais carentes do Rio de Janeiro, conhecemos
um morador, o Erivaldo Monteiro Nunes, que cuidava
de uma horta comunitria na regio. Para ajud-lo,
pensamos em criar um aplicativo que fazia uma
espcie de simulao de colheita. Como o Nunes
tambm tinha bolado alguns outros projetos que
tentavam beneciar os moradores da regio, como
uma ocina de horticultura e outra de arte com lixo,
nossa proposta foi desenvolver um sistema no qual
pessoas que estivessem dispostas a ajudar pudessem
visualizar os projetos existentes na comunidade e
escolher um deles para fazer uma doao. O valor
doado era convertido em sementes virtuais a ser
plantadas virtualmente. E, a partir da, tudo o que
fosse plantado no aplicativo seria plantado na vida
real pelo Erivaldo e pelos funcionrios da horta.
LW E como se dava o funcionamento do
aplicativo para o usurio?
PD O usurio seria responsvel por cuidar da
horta virtualmente, garantindo que nada de ruim
acontecesse na simulao. Depois da colheita dos
vegetais reais, ele tinha opo de receb-los em
casa ou do-los para as famlias da comunidade.
Caso doasse, receberia mais sementes para
continuar plantando.
LW Por que voc decidiu continuar a
desenvolver o aplicativo mesmo depois do
trmino das gravaes de Life Apps?
PD Como a gravao do documentrio era mais
importante do que a criao do aplicativo em si, fui

A
r
q
u
i
v
o

p
e
s
s
o
a
l
lwentrevista
conduzido em um processo no to intuitivo, mas
programado. Isso fez com que eu passasse grande
parte do projeto discutindo questes da comunidade
que so evidenciadas por outros veculos de
comunicao e, em sua maioria, ligadas a problemas.
Ento, como nos interessamos bastante pela relao
entre real e virtual feita pelo aplicativo, voltamos os
nossos olhares a um projeto de m de graduao
em design de uma aluna da PUC-Rio, a Carol Secco,
que estava nos acompanhando na horta do Erivaldo.
Contribuiu para isso tambm o fato de o projeto no
Complexo da Mar ter sido parado por conta da
mudana de sede da horta.
LW E como esse projeto criado pela estudante
da PUC-Rio?
PD O produto feito pela Carol uma rede solidria
de consumidores orgnicos existentes na PUC-Rio. O
objetivo dela com o aplicativo evitar intermedirios
no processo de compra e distribuio de produtos
orgnicos por meio de uma simulao de colheita
virtual, na qual os pedidos feitos pelas pessoas so
enviados diretamente aos produtores. Uma vez
por semana, consumidores vo at a universidade
para organizar e buscar seus pedidos. A rede no
gera lucros e alimentada por trabalho voluntrio.
Trabalhei no desenvolvimento desse projeto por cerca
de cinco meses e, depois, a Carol seguiu em frente
com o aplicativo.
LW E agora, daqui para a frente, voc pretende
continuar trabalhando com aplicativos com
cunho social?
PD Para mim, projetos que no interram
positivamente na vida das pessoas no fazem
sentido. Por isso, atualmente, estou trabalhando
junto minha equipe em um aplicativo que aborda
a carona. No Brasil, ainda no temos um app
voltado para essa rea. A ideia unir pessoas que
se interessam em dar e receber carona. Ambos os
usurios traam seus percursos e o aplicativo se
encarrega de cruzar as informaes. Ele dever estar
disponvel para download na Play Store em outubro
ou poder ser baixado no site http://leve.com.vc.
6locaweb locaweb7
lwcaixa_de_entrada
//O canal direto entre voc e a equipe de redao da Locaweb em Revista
Se voc tem
alguma dvida,
sugesto ou
crtica, entre em
contato com a
nossa redao pelo
e-mail locaweb@
europanet.com.br.
ENVIE SEU
E-MAIL
Invaso de
rede Wi-Fi
Estou desconado de
que algum esteja
usando a minha rede
Wi-Fi sem minha
permisso. O que devo
fazer para impedir que
usem minha conexo?
Claudio Aguiar //
Por e-mail
O melhor jeito de
resolver essa situao
inserir senhas de modo
a proteger sua rede.
Para isso, acesse Meu
Computador e, conectado
internet, clique no
cone correspondente ao
seu roteador. Uma janela
ser aberta solicitando o
endereo do dispositivo
e tambm uma senha
ambas as informaes
podem ser obtidas no
manual do dispositivo.
Aps preencher os dados
solicitados, procure pela
opo de troca de senhas.
Em alguns roteadores,
voc encontrar essa tela
logo no menu principal.
Em outros, necessrio
acessar as conguraes
de redes sem o e localizar
o campo apropriado. Assim
que o encontrar, basta
colocar a senha que voc
deseja usar. Para evitar
acessos indevidos, o ideal
que ela tenha ao menos
oito caracteres contendo
letras maisculas,
minsculas, nmeros
e caracteres especiais
(^%$#&@*).
Funo de
desligamento
Gostaria de saber o
que devo alterar nas
conguraes para
impedir que meu
computador desligue
a tela quando eu no
estiver usando.
Sandra Cristina //
Por e-mail
Normalmente, o
computador vem
programado para desligar
o monitor ao permanecer
alguns minutos sem uso.
bastante fcil, entretanto,
contornar essa situao.
Para isso, basta modicar as
opes de energia de modo a
torn-las nulas. Em primeiro
lugar, clique no menu Iniciar
do Windows e v at o
Painel de Controle. Procure
ento pelo cone Opes de
Energia. Aps acess-lo,
selecione a opo Escolher
tempo para desligar o vdeo
no menu que aparece
esquerda da tela. Uma janela
ser aberta e, nela, voc
poder vericar o tempo que
est programado para que a
tela desligue se permanecer
sem uso. Modique o
tempo para Nunca.
Dessa forma, a tela da
sua mquina no ir mais
desligar quando no estiver
sendo usada. Outra opo
aumentar o perodo
que antecede
o desligamento.
Fotos: Divulgao
O Windows pode ser facilmente
congurado para continuar
funcionando mesmo que o
computador no esteja sendo usado
preciso criar
senhas, de preferncia
complexas, para
proteger a rede
8locaweb
lwnotcias
//As novidades da Locaweb, a maior empresa de servios de internet do Brasil
Nova ferramenta
da Locaweb traz
mais opes de
segmentao
P
ara ajudar os clientes na
construo de uma
estratgia de marketing
digital, a Locaweb apresenta uma
novidade de peso: o Email
Marketing All In, uma ferramenta
de e-mail marketing avanada,
ideal para quem quer entender o
comportamento da sua base e
entregar contedos cada vez
mais especcos.
Com o Email Marketing All In
possvel fazer envios de campanhas
para grupos de usurios com
caractersticas semelhantes e
especcas, como cidade, sexo, idade,
ou por comportamento de navegao
no site ou e-commerce, como
abandono de carrinho e compra, por
exemplo. Outros diferenciais da
ferramenta, como saber a quantidade
de vezes que cada cliente abriu as
campanhas de e-mail marketing
enviadas; teste de at 5 verses do
assunto, template ou remetente com o
envio automtico para a verso que
tiver melhor performance; obter
informaes sobre a localizao dos
usurios no momento da abertura e
clique dos e-mails enviados
(geolocalizao), visualizar a
renderizao de e-mails em diferentes
aplicaes e webmails como Outlook,
Hotmail, Gmail, Yahoo, telas de
celulares e tablets e integrar os
envios, automaticamente, com o
Facebook e o Twitter so opes que
ajudam a garantir os melhores
resultados. Para mais informaes e
contratao, acesse o endereo:
locaweb.com.br/emailmkt-allin.
Email
Marketing All In
Painis de resultados
permitem entender
melhor o comportamento
dos clientes e entregar
contedos mais especcos
Com o Email
Marketing All
In possvel
fazer envios
de campanhas
para grupos de
usurios com
caractersticas
semelhantes
10locaweb
lwnotcias
Espao Intel
estreia na Nuvem
O
hosite Nas nuvens,
especializado em Cloud
Computing, da Locaweb
agora conta com uma nova
seo, o Espao Intel, que oferece
informaes e cases sobre os
processadores do Data
Center da Locaweb, alm
de entrevistas exclusivas com
grandes especialistas. Para saber
mais sobre a Nuvem, acesse
http://lwgo.to/104.
SiteApps o
novo parceiro
da Locaweb
Seminrio Locaweb
chega 3
a
edio
A Locaweb rmou parceria com a
empresa de aplicativos SiteApps,
eleita uma das mais inovadoras
do Brasil pela Fast Company
em 2012. Com isso, os clientes
nais e revendedores da Locaweb
podero, em breve, usar centenas
de aplicativos para tornar seus sites
mais atraentes e modernos, de uma
maneira simples", explica Camila
Kamimura, gerente de marketing de
produtos de IaaS e PaaS. Com apenas
alguns cliques, ser possvel instalar
apps gratuitos que fazem integraes
com redes sociais, Google Analytics e
pagamentos digitais.
O Terceiro Seminrio
Locaweb de Negcios
Digitais comea em
Salvador (Bahia) no dia
19 de outubro. Depois,
vai a Bauru (So Paulo)
em 7 de novembro, antes
de ser encerrado no
dia 30 de novembro em
Londrina (Paran). Mais
de 2.500 pequenos e mdios
empreendedores e prossionais
da web j participaram do
evento. Veja a programao em
http://eventos.locaweb.com.br,
programe-se e aprofunde
seus conhecimentos.
Precisa de mais informaes sobre
os servios? Ligue para o nmero
0800-770-2235 ou mande um e-mail
para comercial@locaweb.com.br.
Tema Palestrante Salvador Bauru Londrina
PAINEL DO SEMINRIO LOCAWEB DE NEGCIOS DIGITAIS
Bootstraped startups: Joaquim Torres
os 99% dos casos
Os desaos do mercado Paulo Milreu
digital no interior paulista
O segredo do fracasso Murilo Gun
No faa apenas o layout. Dhiego Bicudo
Surpreenda seu
cliente e seu chefe
Internet das coisas, Luli Radfahrer
computao em
nuvem e tendncia
10locaweb locaweb11
lwwishlist
12locaweb
O melhor da
vitrine digital
CARTO DE MEMRIA
PARA VDEOS EM HD
A Kingston anunciou a chegada ao mercado
brasileiro de seu carto de memria de 64 GB, o
UHS-1 Ultimate Classe 10. O dispositivo possibilita
o registro de vdeos nas qualidades full HD 1080 p
e 3D, alm de permitir um registro sequencial de
fotos mais preciso e transferir os arquivos com mais
rapidez. O perifrico inclui tambm um boto contra
gravao integrado que evita a perda acidental
de dados. O carto chega s prateleiras das lojas
especializadas do Brasil por R$ 501,70.
Mais informaes: www.kingston.com/br
O que h
de mais
interessante nas
prateleiras ao
redor do mundo
NOTEBOOK E TABLET
EM UM APARELHO
O notebook HP Envy x2 um aparelho dois em um.
Ele permite ao usurio desacoplar a tela do teclado
e us-lo como um tablet com o sistema operacional
Windows 8. O dispositivo conta com 2 GB de
RAM, capacidade de 64 GB e processador Atom
dual-core de 1,8 GHz. Sua tela de 11,6 polegadas
e o preo sugerido de R$ 3.999.
Mais informaes:
http://www8.hp.com/br/pt/home.html
lwwishlist
12locaweb
SMARTHPONE
COM CMERA
SURPREENDENTE
O novo smartphone da franquia Nokia
Lumia, o 1020, conta com uma cmera
digital traseira de nada menos que 41 MP.
O dispositivo ainda vem equipado com
processador 1,5 GHz, memria RAM de 2 GB,
armazenamento de 32 GB, cmera frontal de
1,2 MP e conexo a 3G e 4G. Por enquanto,
o modelo est sendo comercializado apenas
nos Estados Unidos por US$ 299,99, mas
deve chegar ao solo brasileiro ainda este ano.
Mais informaes: www.nokia.com/br-pt.
SOM ARRASADOR
O Headphone Sony MDR-XB920 conta com drivers
de 50 mm de dimetro e foi feito para quem quer um
fone de ouvido estiloso e confortvel. Tem tecnologia
Extra bass, que ressalta as frequncias mais baixas
e os sons graves nas msicas. dobrvel e vem
com cabo unilateral e at, que diminui a produo
de ns, prprio para guardar na bolsa ou na mochila.
O preo sugerido do acessrio R$ 600.
Mais informaes: www.sony.com.br
IMPRESSORA
WIRELESS POTENTE
A impressora multifuncional jato de tinta Epson
Expression XP-401 tem suporte wireless e rpida
e silenciosa no momento de fazer cpias. O aparelho
conta ainda com conectividade com carto de
memria, USB e Wi-Fi. Tambm compatvel com
o Google Cloud Print e com o aplicativo iPrint, que
permite impresses via computao em nuvem. Tem
capacidade para cem folhas e preo sugerido de R$ 399.
Mais informaes: http://global.latin.epson.com/br
locaweb13
lwwishlist
14locaweb
GTA COM
GRFICOS
PERFEITOS
O game Grand Theft Auto
V, feito na medida para os
ntimos da srie GTA, chegou
ao mercado brasileiro em
setembro. Por enquanto, o
jogo est disponvel apenas
para PlayStation 3 e Xbox
360. Verses para computador
e Wii U ainda no foram
anunciadas, mas devem rolar
em breve. Pela primeira vez, o
game traz trs protagonistas
jogveis e ter a modalidade
de multijogador online,
batizada de Grand Theft Auto
Online. O jogo tem legenda
em portugus e pode ser
encontrado nas prateleiras
nacionais por R$ 199,90.
Mais informaes:
www.rockstargames.com/V
RPG EM EDIO
DE LUXO
A srie de RPG The Elder Scrolls
foi lanada em uma edio de luxo
com todos os jogos e expanses no
dia 10 de setembro, nos Estados
Unidos. Intitulado The Elder Scrolls
Anthology, o pacote traz, alm dos
discos, mapas do game, incluindo
Morrowind, Cyrodill e Skyrim.
A coletnea, por enquanto,
exclusiva para computador. A caixa
especial est venda por US$ 80.
Mais informaes:
http://bethsoft.com
O mundo dos games
lwwishlist
14locaweb
MAIS BATERIA
EM SEU WII U
O UBoost, da Nyko, aumenta a bateria
do seu Nintendo Wii U em at duas
vezes, fazendo com que o aparelho seja
usado por at 10 horas contnuas. O
dispositivo pode ser recarregado junto
ao prprio videogame e ainda conta
com um apoio para o usurio assistir
a vdeos ou programas de TV. O preo
sugerido de US$ 24,99.
Mais informaes: www.nyko.com
ATARI MODERNO
Nostlgico, o iperama com suporte para iPad, o
iCade, junta os tradicionais games do passado s
novas tecnologias de consoles. Para jogar, basta
inserir o dispositivo da Apple na base, instalar
o aplicativo e depois se divertir com os games
clssicos do Atari Arcade. O aparelho feito de
madeira e o usurio pode control-lo tanto pelo
joystick quanto pelo prprio touch do aparelho.
O produto custa R$ 779,90.
Mais informaes: http://imaginarium.com.br
CONTROLE DE LED PARA XBOX
O Iglow da Dazz, controle para Xbox 360, conta com iluminao
interna com sete LEDs, que permite jogar no escuro. Alm
disso, traz um cabo com trs metros de comprimento para maior
mobilidade. O dispositivo tambm tem entrada compatvel para
o headset Reptile, ideal para comunicao online. Os botes L2 e
R2 so customizados para evitar que os dedos deslizem durante o
jogo. O preo sugerido R$ 129.
Mais informaes: www.dazz.net.br
locaweb15
lwcase
//Aes criadas pelos clientes da Locaweb para melhorar o dia a dia online
Sucesso em
e-commerce
Empresa: Vertis (www.vertisnet.com.br)
rea: h 13 anos atua desenvolvendo plataformas e outras
solues para e-commerce para varejo (B2C) e atacado (B2B)
Criada por amigos de faculdade, agncia de
desenvolvimento Vertis conta com cem clientes,
entre eles a Pepper, loja pioneira e referncia no
Brasil no mercado de kitchenware Por Fernanda Brianezi
E
m 1998, Christian
Guimares e Maurcio di
Bonifcio, dois amigos
recm-formados no curso de
cincia da computao da USP de
So Carlos, resolveram montar
uma pequena empresa de
desenvolvimento para atender
a clientes daquela regio. O
empreendimento deu grande
visibilidade ao negcio, mas,
mesmo assim, Guimares optou,
poca, por seguir um caminho
diferente e trabalhar em uma
empresa maior.
No mesmo ano de fundao
da Vertis, os scios conheceram
e optaram por usar os servios da
Locaweb para hospedar o primeiro
site institucional da empresa. A partir
da, todos os projetos de e-commerce
desenvolvidos pela Vertis seguiram
o mesmo caminho. Atualmente,
a agncia usa quatro servios
fornecidos pela Locaweb: hosting
compartilhado, cloud dedicado,
gerenciamento de infraestrutura e
servidor de e-mails.
Em 2005, a parceria entre a Vertis e
a Expertise acabou e a agncia ganhou
estrutura prpria. Assim, surgiu o
primeiro escritrio na regio da Av.
Paulista, em So Paulo, dedicado
a projetos de e-commerce. Hoje, a
agncia atende a mais de cem clientes
B2B e B2C, entre eles a Pepper, loja
especializada em kitchenware.
No demorou, entretanto, para
que eles voltassem a atuar juntos,
dessa vez na criao de grandes
projetos de comrcio eletrnico.
Dessa segunda experincia
surgiu, em 2000, a ideia de criar
a Vertis, agncia especializada
em servios e solues para
e-commerce e brao web do
Expertise Group, grupo formado
por diferentes companhias que
atuam de forma independente
para prover as melhores solues
em comunicao, de acordo com a
necessidade de cada cliente.
Christian Guimares, scio da Vertis:
agncia foca a estratgia de cada cliente
16locaweb
lwcase
Kitchenware
A bagagem que a Pepper trouxe
para a Vertis no foi nada pequena, j
que a empresa foi pioneira no segmento
kitchenware, ao criar a primeira loja
virtual com venda e entrega para
todo o Pas e oferecer a primeira lista
de presentes totalmente online no
Brasil. Tudo comeou em 2011, com o
desenvolvimento da nova plataforma de
e-commerce B2B para a Pepper.
Com toda a expertise da Vertis,
aliada s solues da Locaweb,
a agncia conseguiu, em seis
meses de trabalho, dobrar o ROI de
mdia da cliente. Para isso, desde
o incio, prestou suporte total a
eventuais problemas na plataforma e
consultoria sobre parceiros e servios
relacionados ao ecossistema do
e-commerce como um todo.
De acordo com Michel Papescu,
um dos scios da Pepper, como o
negcio j dispunha de boa estrutura
fsica, com um centro de distribuio
e logstica, aumento de equipe e uxo
de clientes cada vez maior para ser
atendido, foi essencial contar com
a ferramenta e monitoria da Vertis
e a infraestrutura tecnolgica da
Locaweb para poder acompanhar todo
o crescimento.
Com site estvel, integrao da
plataforma com o ERP e diversas outras
funcionalidades, o operacional melhorou
bastante. A navegao mais rpida,
as diversas solues de e-commerce
da Vertis, a integrao dos meios de
pagamento e diversas outras melhorias
signicativas permitiram que nos
concentrssemos em outras atividades
para impulsionar cada vez mais as
vendas, arma Papescu. O executivo
conta ainda que, neste ano, o nmero
de visitantes est cada vez maior,
sendo que no ltimo semestre chegou
a 15% ao ms, resultado que tambm
acompanhado pela taxa de converso.
Sobre a parceria com a Locaweb,
Guimares, da Vertis, acredita que
O desenvolvimento da nova
plataforma de e-commerce B2B
para a Pepper, loja especializada
em kitchenware, um dos
principais cases da Vertis
O foco da Vertis oferecer
mais do que uma plataforma
de e-commerce, pois a
empresa tem o compromisso
de desenvolver solues
criativas, rpidas e simples
para os clientes. Em uma
operao de e-commerce,
os resultados em vendas so
essenciais e nisso que nos
diferenciamos, pois entendemos
a estratgia de cada cliente, diz
o scio da empresa, Christian
Guimares. Trazemos para o
projeto uma experincia de 13
anos, oferecendo uma plataforma
completa, servios de suporte,
estratgias de incremento de
desempenho e SEO, alm de um
modelo comercial sustentvel e
toda a tecnologia que a Locaweb
oferece, naliza.
O FUTURO DA VERTIS
A agncia usa
diversos servios
da Locaweb,
como hosting
compartilhado e
gerenciamento
de infraestrutura
encontrou a empresa certa por conta do
ambiente seguro e estvel e suporte gil
no atendimento a anomalias/problemas.
A Locaweb tem oferecido servios
dentro do SLA, mantendo a operao
no ar e estvel, garantindo bom nvel de
servio para os varejistas, especialmente
para a Pepper, conclui.
16locaweb locaweb17
lwcaselojavirtual
Sua loja AQUI!
Se voc tambm tem uma WebStore Locaweb e deseja
aparecer nesta seo, entre em contato conosco por meio do
e-mail locaweb@europanet.com.br. Aguardamos seu contato!
www.portinfo.com.br
A Port tem o selo E-bit Loja
Nova e, at o fechamento desta
edio, todas as avaliaes dos
consumidores eram positivas.
A empresa credita aos
funcionrios o sucesso que vem
alcanando com a venda de
cartuchos, toners, impressoras,
acessrios de informtica,
materiais de escritrio e escolar.
Assim, cultiva um ambiente de
e-commerce saudvel.
O SITE
Facilidade
Com a TrayCommerce, o cliente pode acompanhar
todo o processo de compra. Ele tem mais
segurana e facilidade para falar com a loja
18locaweb
lwcaselojavirtual
Portinfo
H
20 anos no mercado, a
Port distribuidora ocial
de marcas como Chamex,
HP, EPSON e Samsung, com forte
presena em Belo Horizonte (MG)
e Braslia (DF), onde estabeleceu
suas lojas fsicas. Alm de atender
a revendas de todo o Brasil, nos
ltimos cinco anos a empresa
decidiu expandir o comrcio
varejista por meio de sua prpria
plataforma de e-commerce.
Assim, entrou no ar o site
www.portinfo.com.br.
Com o tempo, a Port sentiu a
necessidade de contar com uma
plataforma que oferecesse mais opes
comerciais e, depois de uma pesquisa,
em julho de 2013, resolveu implementar
a soluo TrayCommerce, da Locaweb.
Marcelo Pantuzzo, coordenador da
loja virtual da Port, j conhecia a
ferramenta e a escolheu por gostar dos
servios oferecidos, como atendimento
e variedade de recursos. A deciso
tambm levou em considerao o
custo-benefcio, o peso da marca e o fato
de ela no ser burocrtica.
Alm da ferramenta TrayCommerce,
a Port investiu em estratgias agressivas
para fazer frente ao seu principal
concorrente. Os preos dos produtos
so iguais, mas na compra de nossos
cartuchos, toners e tas, o frete grtis
para clientes de todo o Brasil. Esse
nosso diferencial, junto com o desconto
de 5% para pagamento via boleto
bancrio, entrega gratuita na grande
Belo Horizonte para compras acima de
R$ 49,90 e o compromisso de entrega
em 48 horas, se o pedido for para Belo
Horizonte, conta Pantuzzo.
Com um ms de uso da nova
plataforma, o faturamento da loja virtual
aumentou 300%. O nmero de page
views saltou de cerca de 95 mil por ms
para uma mdia de 160 mil. Antes, a
loja virtual costumava ter cinco pedidos
de produtos por dia. Hoje, esse nmero
saltou para 22. Houve tambm aumento
de pedidos vindos da regio Sul,
sobretudo de Maring e Porto Alegre.
Com a TrayCommerce, a Port
conseguiu mais visibilidade. A marca
conhecida e respeitada em Belo
Horizonte e Braslia. Nosso objetivo
levar isso para o ambiente web. Fazer
com que os clientes passem a enxergar
o e-commerce muito alm de uma
pgina institucional. E a Tray tem nos
dado total suporte. Sempre que possvel,
entram em contato para ver como est
a evoluo do negcio e o que pode ser
melhorado. Trata-se de uma grande
parceira que nos auxilia com estratgias
e ferramentas, arma Pantuzzo.
A meta atual da Port crescer 10%
em vendas ao ms. Para isso, conta com
o gerenciamento da TrayCommerce,
que atrela o controle de pagamento a
um sistema que faz anlise de risco
antes da venda e evita prejuzos. uma
grande aliada, inclusive para os clientes,
conforme destaca Pantuzzo. As
informaes so muito mais precisas.
O cliente tem a possibilidade de
acompanhar todo o processo de compra
e falar conosco por vrios meios. Isso
traz segurana e conforto para comprar
virtualmente na nossa loja, naliza.
Varejo de papelaria e informtica online
tem crescimento de 300% com contratao
da loja virtual TrayCommerce, da Locaweb
locaweb19 18locaweb
lwvitrinevirtual
CAIXA DECORADA
http://cidameireles1.webstorelw.com.br
+
e-commerce
Est procurando um lugar
fcil, prtico e rpido onde
comprar? Conra aqui
11 lojas virtuais, parceiras da
Locaweb, e faa suas compras
com todo o conforto que
voc sempre desejou.
LIVRARIA REOBOTE
www.livrariareobote.com.br
ALFORJE ADVENTURE
www.alforjeadventure.com.br
TRUECLIENT
http://trueclient.webstorelw.com.br
CONFETTI
http://ideiasbyconfetti.webstorelw.com.br
20locaweb
lwvitrinevirtual
BELAS CORES
http://loja.belascores.com.br
SUPREME GLAMOUR
www.supremeglamour.com.br
CONCEITO VERDE
http://conceitoverde.webstorelw.com.br
BABY STAR
http://mrbalduino2.webstorelw.com.br
ADESCOR
www.adescor.com.br
BONECARIA.COM
www.bonecaria.com
locaweb21 20locaweb
lwopinio
espaoabradi
As redes sociais
esto na praa
V
oc chegou praa de uma cidade
do interior e precisa fazer amigos,
criar uma reputao, estabelecer
relacionamentos, ganhar conana e, por
consequncia, gerar negcios e se estabelecer
por l. Mais do que uma metfora, esse um
bom espelho do que representa uma rede
social para sua empresa.
Se voc j esteve no interior, sabe que
ningum se enturma em uma praa sem um
bom papo, um bom contedo. Talvez tambm
saiba do desastre que seria se sua empresa
entrasse em uma praa com um grande
carro de som para anunciar seus produtos,
interrompendo, assim, os jogos de xadrez e
damas, acabando com os namoros e papos
debaixo de frondosas rvores.
Esse cenrio representa muito do que
tem ocorrido com iniciativas desastradas de
dezenas de empresas nas redes sociais. Elas
acham uma boa promoo para ganhar amigos
no Facebook e seguidores no Twitter. De posse
deles, esquecem que tm na mo um mailing
autogerencivel que se descadastra quando
bem entender. E saem a postar produtos,
preos, descontos especiais.
Porm, se uma estratgia funciona para
companhias areas, por exemplo, no signica
que ela a receita de bolo para sua empresa.
S existe uma maneira de sua companhia
ganhar amigos na praa: chegar como
uma pessoa normal, humana, verdadeira. E
empresas, mesmo que muitos empresrios no
saibam, so formadas por pessoas.
Na praa da internet, preciso ser
diferente, gerar carisma e mostrar o que os
concorrentes deixam de lado no dia a dia.
Apresente como seus produtos so feitos,
quem so seus funcionrios. Divida planos
e angstias, pergunte, responda, sonde
necessidades e proponha produtos de valor.
Tire as fotos de modelos e entre com
seus colaboradores. Filme sua empresa
como ela de fato. Isso ser diferente de
todos os seus concorrentes. gerar valor,
intimidade, conana.
Erra quem pensa que o consumidor
quer preo. Ele quer experincia, um bom
fornecedor, um parceiro, um amigo, um
produto que traga tudo isso consigo. Em
um mercado de iguais, sua empresa quer
se diferenciar para fazer negcios. Ento,
mostre o que ela tem de melhor. Ou corra com
seu carro de som para um site de compras
coletivas, as tais feiras da internet. A turma da
praa agradece.
Na praa da
internet,
preciso ser
diferente,
gerar carisma
e mostrar
o que os
concorrentes
deixam de lado
no dia a dia
Jonatas Abbott
Scio-diretor executivo
da Dinamize e presidente
da ABRADi
E-mail:
abbott@dinamize.com
22locaweb
lwopinio
mercado
Cross-experience
H
alguns dias escrevi um artigo
para o Tableless chamado A
Experincia deve ter comeo,
meio e m (http://bit.ly/vy32Po). Por
coincidncia, li tambm um artigo muito
mais inteligente sobre o assunto escrito por
Scott Jenson, chamado The Coming Zombie
Apocalypse (http://bit.ly/vlMKbv).
O artigo de Jenson comea dizendo que
a popularizao dos smartphones apenas o
comeo. Junte o barateamento das peas para
a produo desses aparelhos com a criao de
sistemas de baixo custo e acessveis, como o
Android, e o resultado ser o surgimento de
dispositivos baratos e capazes de executar tarefas
que antes s eram possveis em desktops.
Tudo isso d origem a uma experincia
cross-device indita. Um exemplo quando
usamos dispositivos integrados a aplicaes,
como o sistema de som Wi-Fi Sonos, as lmpadas
HUE da Philips ou as SmartTVs que podem ser
controladas via smartphone. isso que o Jenson
chama de Zombie Apocalypse dos eletrnicos.
Se carmos presos aos desktops, estamos
impedidos de enxergar caminhos futursticos.
O Twitter, por exemplo, foi criado inicialmente
para smartphones. Foi um processo reverso. J
o Facebook percebeu, este ano, que seu acesso
mobile ultrapassa os feitos pelos desktops.
Lembro que, aqui no Brasil, o recebimento de
SMS internacional era um problema para algumas
operadoras. Muitos queriam usar o Twitter, mas
no podiam atualizar suas timelines porque,
quela poca, isso era feito via SMS. Foi a que a
plataforma se popularizou. E assim a atualizao
da timeline por outros meios surgiu.
A Microsoft durante muito tempo liderou
o mercado de mobile com um sistema ruim,
porque era praticamente a nica. O problema
foi a tentativa de portar conceitos, experincias,
comportamentos e tarefas do sistema dos desktops
para os mobiles. Claramente um grande erro.
Com o Windows Phone esse cenrio mudou
(tarde, mas em tempo). O produto foi desenvolvido
de olho no comportamento do usurio. No h
nenhuma analogia aos desktops. E, mais uma vez,
algo criado primeiramente para aparelhos mveis
foi portado para os desktops, que o caso da
interface Metro do Windows 8.
O usurio comea sua experincia em
um dispositivo e termina em outro, diferente
e no necessariamente do mesmo fabricante.
No estou falando aqui sobre um ecossistema
fechado como o da Apple, mas sim de um
global, que envolve softwares e hardwares
de diversos fabricantes que conversam entre
si de forma no exclusiva. Entende o que a
experincia do usurio nesse cenrio?
Se carmos
presos aos
desktops,
estamos
impedidos
de enxergar
caminhos
futursticos
Diego Eis
Autor do blog:
http://tableless.com.br
E-mail:
diego@tableless.com.br
Twitter: @diegoeis
24locaweb
205 X 275:Layout 1 25/09/2013 16:14 Pgina 1
lwopinio
mercado
Acompanhamento
de Converses
Marcelo Negrini
Diretor de evangelismo da
Buscap Company
E-mail: marcelo.negrini@
buscapecompany.com
Dvidas: http://lwgo.to/zk
A
nunciar no Google AdWords
uma das tticas com melhor
custo-benefcio para lojas virtuais,
e importante que o lojista faa um
balano de seu uso com outras solues,
como retargeting, e-mail e Buscap. Mas
o AdWords requer que o investidor que
ligado em suas constantes mudanas, tanto
de produto como de forma de uso, alm de
monitorar sua campanha.
Para ter sucesso, preciso entender como
funciona o Acompanhamento de Converses,
que faz parte do servio do Google. Normalmente,
voc separa uma parte de sua verba para gastar
semanalmente em cliques do AdWords. E faz um
controle dirio para evitar gastos desnecessrios.
Ao nal da semana, tem-se informaes sobre
quantos cliques vieram dos anncios, o valor das
vendas e uma estimativa do quanto cada clique
custou. Mas voc sabe quantos desses cliques
realmente geraram vendas? Se desconhecer isso,
como justicar o gasto com AdWords?
Com o servio de Acompanhamento de
Converses, d para fazer o clculo do retorno
sobre o investimento (ROI). Alm disso, o servio
mostra quantos dos cliques levaram a converses
(vendas, assinaturas, cadastros, downloads).
Isso sem contar a possibilidade de escolher
palavras-chave especcas que levam a
converses, bem como o valor de uma converso
em relao a uma palavra-chave.
Para usar o servio, voc precisa adicionar
um pedacinho de cdigo s pginas nais de
converso do destino dos cliques de seus anncios.
Se quiser acompanhar as vendas de um vestido
em um site de moda, preciso colocar o cdigo
do Acompanhamento de Converses na pgina
em que o consumidor cai aps o ltimo passo da
compra, quando ela j est nalizada. Assim, o
clique vira uma converso:
1 O cliente clica no seu anncio e vai
para a pgina do vestido anunciado.
2 Caso ele se interesse, coloca o
vestido no carrinho e fecha a compra.
3 Na pgina nal, o cdigo do
Acompanhamento de Converses
manda informaes para o servidor
do Google. Ele associa no apenas o
anncio, mas tambm as palavras-chave
com aquela venda.
A palavra-chave correta o principal fator
de sucesso de uma campanha de e-commerce
baseada em Google AdWords. Portanto, no
deixe de acompanhar suas converses!
Ferramenta
permite fazer
o clculo do
retorno sobre
o investimento
(ROI). Alm
disso, o servio
mostra quantos
dos cliques
levaram a
converses
26locaweb
Marcello Barbusci
Diretor de planejamento
da bi.Agency
Site: www.biagency.com.br
E-mail:
marcello@barbusci.com.br
Twitter: @mbarbusci
lwopinio
mercado
Administre o
relacionamento
A
o ler o ttulo deste artigo voc
pode pensar que as prximas
linhas sero sobre namoro ou
casamento. Pode ser at que essas ideias
surjam a partir deste texto, mas o objetivo
outro, e voc ver.
Muito j se falou sobre o AdWords, o tema
principal desta edio da Locaweb em
Revista. Por isso, gostaria de fazer algumas
analogias para ajudar nos bons resultados com
a ferramenta, o que pode ser alcanado com
simples aes e fugindo do tradicional.
J que citei acima algo sobre casamentos, vou
usar o assunto como exemplo. Imagine que seu
tipo de servio seja fotograa e sua especialidade,
fotos de casamento. Mas, como em todos os
segmentos, h zilhes de concorrentes. O que
fazer para ser encontrado em meio a todos eles
ou como chegar ao seu possvel cliente sem ter
tanta concorrncia como nas formas tradicionais?
Pois bem, a vai
O que uma noiva lgico, noiva porque
os noivos sabem que, no nal, so elas que
decidem tudo busca quando est montando
os preparativos para o casamento? A lista
grande, mas vamos colocar apenas alguns itens:
bolo, festa, vestido, buf, lua de mel, igreja. E
com isso, porm l no nal do caderninho de
anotaes, o fotgrafo.
E quantos fotgrafos voc imagina que se
apresentam na web como especialistas em
casamento e esto espera de receber uma
ligao? Imaginou? Ento, multiplique por mil.
E se voc sabe disso, por que ainda
se promove apostando no bvio? Para ter
resultados diferentes, voc precisa ter aes
diferentes. Caso contrrio, continuar a correr
atrs do prprio rabo.
Agora o motivo do ttulo deste artigo.
Administre o relacionamento, trabalhe com
palavras que tenham relao e no com as
diretas. Vou dar um exemplo simples usando
uma frase que minha av falava antes de me
casar: Quem casa quer casa. Pois bem, por
que no pensar em algo que tenha essa relao?
J pensou em se apresentar nos resultados
de busca quando a noiva pesquisar algo como
meu primeiro apartamento ou os melhores
destinos para lua de mel? Simples, no ? Mas
nem todos pensam assim. Muitos acham que
o bvio o melhor, mas pensar fora da caixa
bem melhor e pode mudar o resultado. E essa
simples mudana serve para qualquer tipo de
negcio. Experimente!
Para ter
resultados
diferentes,
voc precisa
ter aes
diferentes.
Caso contrrio,
continuar a
correr atrs do
prprio rabo
28locaweb
205 X 275:Layout 1 25/09/2013 16:13 Pgina 1
lwreview
Programa: Adobe Edge Reow
Fabricante: Adobe
Site: http://lwgo.to/-g
Novo Adobe Edge Reflow permite aos designers criarem projetos
com tima resposta para sites com diferentes tamanhos de tela
O
Adobe Edge Reow uma
ferramenta que permite
aos designers criarem sites
Responsive com mais facilidade
e agilidade, alm de visuais CSS
adaptados aos navegadores mais
recentes. O programa faz parte da
sute Adobe Edge, que rene sete
aplicativos com foco em criao e
edio em HTML 5 e produo de
animaes. A ferramenta compatvel
com os sistemas operacionais mais
recentes de Windows e Mac. A verso
est disponvel em ingls ou francs
para o mundo inteiro no Creative
Cloud, plataforma digital que rene
as verses mais recentes de todos os
aplicativos de desktop prossionais
de criao do Adobe. Para isso,
basta entrar em http://lwgo.to/-g
O Edge Reow um
dos programas da sute
Adobe Edge, que rene
sete aplicativos com
foco em criao e
edio em HTML 5 e
produo de
animaes. A verso
de testes do aplicativo
j est disponvel
para download
e clicar no boto Try. Por ser um
pr-lanamento, a Adobe deixa claro
aos usurios que a funcionalidade
limitada e que, por enquanto, o
objetivo dessa verso de teste
apenas proporcionar a oportunidade
de experimentar o aplicativo. Com o
feedback dos designers, a empresa
pretende lanar atualizaes mensais
do Edge Reow.
Layouts
atraentes
//Fique por dentro das novidades no universo dos softwares e apps
30locaweb
lwreview
Principais
diferenas
O Edge Reow cria layouts
para sites Responsive usando uma
interface intuitiva. O designer faz
projetos simultneos para diferentes
tamanhos de telas usando uma rea
de trabalho nica para congurar os
breakpoints (largura indicada para
que o design do site seja alterado).
Para usar o programa com
propriedade, o usurio deve dominar
o cdigo CSS a m de criar projetos
de alta delidade na interface web
nativa do programa. Controles
intuitivos ajudam a realizar os
projetos. Para aumentar a usabilidade,
o web designer pode sincronizar a
ferramenta com o Edge Web Fonts,
que d acesso a uma biblioteca de
fontes feitas com contribuies de
Adobe, Google e diversos prossionais
da rea. O mesmo pode ser feito
com o Edge Inspect, que serve
para pr-visualizar a obra nalizada
antes de extrair o cdigo CSS para
uso em desenvolvimento.
De quebra, a verso inicial do
Adobe Edge Reow oferece os
seguintes recursos: criao de sites
na superfcie WebKit, pontos de
quebra de consultas de mdia visuais,
suporte a Typekit, gerenciamento
ativo do projeto, criao de acordo
desse tipo de linguagem. Para isso,
basta envi-lo para a interface do
programa de sua preferncia.
Comparao com
outros aplicativos
Apesar de fornecer diversos
recursos, o Edge Reow no
substituir outros aplicativos da
franquia Adobe. Programas como
Fireworks (ferramenta de design de
prottipos, enquadramento e grco),
Adobe Muse CC (aplicativo que ajuda
a criar e a publicar sites completos) e
Dreamweaver CC (programa all-in-one
para a criao de contedos web e
celular de forma rpida e intuitiva)
continuaro disposio dos usurios.
Todos esses aplicativos sero
mantidos porque, ao contrrio
do Dreamweaver, por exemplo, o
Edge Reow no fornece recursos
de codicao para os designers,
que devem extrair o cdigo CSS
gerado para implementao e
implantao. Alm disso, a nova
ferramenta no fornece suporte ao
cdigo de JavaScript, como o Muse,
e apresenta um propsito totalmente
diferente do Firework. De qualquer
forma, vale a pena baix-la e j ir
treinando para car craque quando a
verso ocial for lanada.
com os padres mais recentes de
CSS e anlise de diferentes modelos
no navegador.
Como funciona
O Adobe Edge Reow traz suporte
a layouts com base em RWD. A
ferramenta permite mudar planos
de fundo, imagens e cores, alm
de fazer mudanas de posio da
pgina. Tambm tolera alteraes
de tamanho, incluso de efeitos e
acrscimo de novas margens. Todas
essas modicaes podem ser
feitas de modo simples ao clicar na
opo Layout, localizada no menu
esquerda da tela.
O segundo boto do menu, o
Styling, oferece recursos para criar
projetos em cdigo CSS. Alm de
mudar cor e dimenses do site, essa
opo permite denir o estilo de fonte
e os novos tamanhos de elementos de
pginas. No menu superior, o designer
localiza mais quatro opes: Selection
Tool, para selecionar caixas, imagens
e tudo o que estiver no layout; Add
a Box, para criar caixas de guia no
modelo; Add a Text Box, para adicionar
caixas de texto a seu projeto; e Add an
Image, para importar imagens.
O programa ainda traz a opo de
exportao de cdigo CSS, parecido
com o Dreamweaver ou outro editor
Programa oferece suporte
a layouts com base em RWD
e uma srie de recursos
teis, como criao de sites
na superfcie WebKit e
pontos de quebra de
consultas de mdia visuais
30locaweb locaweb31
32locaweb
AdWords
Ao anunciar no sistema
de propaganda do
Google, o website pode
ganhar visitas e fechar
negcios. Entenda como
essa visibilidade pode
alavancar seu projeto
eletrnico Por Vivan Retz Lucci
32locaweb
Decole a sua
audincia com o
32locaweb locaweb33
D
entre os cerca de 80
milhes de usurios
de internet no Brasil,
pelo menos 70% fazem buscas
por produtos locais. A empresa
que no tem um website,
obviamente, ca invisvel para
esses consumidores potenciais.
Porm, mesmo quem tem presena
online precisa de alguma forma
se destacar para atingir seu
pblico-alvo em meio innidade
de ofertas da web. Quem no faz
ADWORDS
PARCEIRO
PREMIUM PME
A Locaweb um
Parceiro Premium
do Google; a
companhia auxilia
empresas e facilita o
processo de anunciar
no AdWords
AdWords
isso perde oportunidade, dinheiro
e clientes, segundo Todd Rowe,
diretor global de canais de venda
do Google. Est deixando dinheiro
sobre a mesa, resume o executivo.
Uma das formas de chamar
a ateno e aparecer para o
consumidor em meio concorrncia
acirrada da internet usar o Google
AdWords, sistema de publicidade
da gigante de buscas que inovou
por permitir grande segmentao
e direcionamento. Tudo funciona
por meio de palavras-chave que so
ligadas aos anncios. Quando se faz
uma busca, os termos usados so
cruzados com essas palavras-chave,
o que permite que sejam exibidos,
alm dos resultados orgnicos da
busca, links ou anncios patrocinados
que podem responder aos anseios do
internauta. Tudo a um custo baixo em
relao a formas mais tradicionais de
compra de espao publicitrio e com
possibilidade de pagar apenas quando
o link de fato clicado.
32locaweb locaweb33
34locaweb
Na Rede de
Pesquisa, o
Google cruza
termos buscados
com as palavras-
chave ligadas
ao anncio
COMO FUNCIONA
O ADWORDS
Existem duas maneiras de veicular
anncios pelo AdWords: na Rede de
Pesquisa e na Rede de Display. O
usurio pode ainda optar por combinar
as duas. Em ambas, o objetivo
colocar o anncio ao alcance de quem
realmente pode estar interessado nele,
e isso feito graas s palavras-chave.
Na Rede de Pesquisa, o Google
cruza os termos buscados pelo
internauta com as palavras-chave
ligadas ao anncio essas palavras
sero determinadas pelo anunciante
e podem at ser sugeridas pelo
prprio Google. Assim, sites do
grupo que utilizam a ferramenta de
pesquisa, como o prprio buscador
tradicional, o Google Images, o
Google Maps, o Google Shopping e
os Grupos do Google, podem exibir o
link patrocinado em destaque, com
grandes chances de atingir em cheio
o consumidor potencial.
Quem faz uma busca por
camisetas de bandas, por exemplo,
pode encontrar um link patrocinado
que contenha essas palavras-chave
e que muito provavelmente vai ter o
produto desejado.
Na Rede de Display, alm do
direcionamento por meio das palavras-
chave, o anunciante pode escolher,
com base em seu pblico-alvo, os sites
onde o anncio vai aparecer. Essa rede
engloba no s os sites mantidos pelo
Google, como YouTube, Gmail, Google
Maps, Blogger e Orkut, por exemplo,
AdWords no
Gmail: empresa
inclui anncios
dentro do webmail,
de acordo com os
assuntos relevantes
Abaixo, publicidade
pode ser exibida no
Google Groups; ao lado,
anncios publicados no
Google Shopping
34locaweb locaweb35
como tambm uma innidade de sites
parceiros e aqueles que permitem a
exibio de publicidade por meio do
AdSense segundo o Google, mais de
2 milhes de sites, com alcance que
pode chegar a 95% da internet brasileira.
LOCAL CERTO,
HORA CERTA
Com o Google AdWords, possvel
anunciar para um pblico que j
est interessado em seus produtos
ou servios. Portanto, as chances de
converso aumentam bastante, segundo
o diretor de Channel Sales do Google
Brasil, Alisson Pedro. Esse mecanismo
reduz a disperso de uma campanha de
marketing, maximiza o oramento do
empresrio e aumenta a possibilidade
de gerar um trfego qualicado para
o site do anunciante. Cabe, ento, ao
empresrio trabalhar a venda desse
produto ou servio, arma Pedro.
Sabemos que sete em cada
dez usurios consultam a internet
regularmente para avaliar suas opes
de compra, o que representa uma
enorme oportunidade para negcios de
todos os tamanhos, continua.
A apresentao dos anncios
patrocinados determinada por
meio de um leilo o anunciante que
se compromete a pagar mais, caso
seja clicado, vence. Mas os critrios
tambm levam em conta relevncia.
Se, por exemplo, algum est no Itaim
e busca por uma padaria a partir de
seu smartphone, entendemos que
a loja mais prxima pode ser mais
relevante para o usurio e vamos
apresentar esse anncio, ao invs de
mostrar o de uma grande rede que
escolheu a mesma palavra-chave, mas
no est to perto. possvel escolher
idioma, localizao geogrca e at dia
da semana ou horrio para veiculao
de anncios. E, a qualquer momento,
o anunciante pode fazer ajustes em
sua conta e essas mudanas tm efeito
imediato, explica Pedro.
GERENCIAMENTO
Fazer a escolha das palavras-chave
e monitorar os resultados para obter a
mxima resposta possvel para aes
desse tipo pode ser um desao. Segundo
Jonathas Meller, gerente de marketing
de produtos SaaS da Locaweb,
AdWords no
Google: ao digitar o
que se deseja no
buscador, o anncio
aparece em
destaque na pgina
Alisson Pedro: AdWords reduz a
disperso de campanha de marketing
Anncio do AdWords no Google Maps:
a publicidade aparece esquerda
YouTube: vdeos tambm contm anncios
que do visibilidade ao anunciante
Sete em cada
dez usurios
consultam a web
regularmente
para avaliar
suas opes
de compra
::Alisson Pedro
Channel Sales do Google Brasil
36locaweb
interessante contratar uma empresa
especializada, com funcionrios
certicados para fazer o planejamento
de criao da campanha, de acordo
com a necessidade do cliente
anunciante.
Nossa recomendao entrar em
contato com nossos consultores para
que eles faam uma estimativa de
investimento, com base na concorrncia
de cada segmento. Assim, poderemos
recomendar o plano mais adequado de
acordo com o perl e a necessidade do
negcio do cliente, diz Meller.
A Locaweb, parceira Premium do
Google para PME (pequenas e mdias
empresas), possui planos para esse
servio a partir R$ 399,00 por ms. Alm
de fazer um estudo para a escolha das
palavras-chave, um servio oferecido
o gerenciamento e monitoramento
da conta. A campanha revista
diariamente pela equipe de gerentes
de conta para que sejam realizadas as
otimizaes e atingidos os melhores
resultados. Gerenciar a publicidade no
Google AdWords requer tempo contnuo
e dedicado, ento a Locaweb faz isso e
deixa o cliente se concentrar no que ele
mais conhece: sua empresa, explica.
Os relatrios enviados aos clientes
contm mtricas do Google AdWords,
desde impresses (visualizaes) e
cliques at converses e investimento
realizado dentro do perodo.
COMO GANHAR
O CONSUMIDOR
Uma vez que o cliente foi atrado
para dentro de um site, o empresrio
precisa estar preparado para receb-lo.
A melhor forma oferecer um servio
de qualidade e conquistar a conana
do consumidor para, de fato, nalizar
a sua venda. Portanto, a primeira
recomendao para quem quer comear
a divulgar sua empresa ou servio
ter ateno especial com o contedo
do site. Alguns cuidados devem ser
tomados para garantir a ecincia de
uma campanha no AdWords.
Uma dica que as pginas de
destino devem fazer com que o usurio
siga os passos que o empresrio deseja
logo aps ter clicado no anncio.
A mensagem do anncio precisa
ser condizente com o que o internauta
vai encontrar no site no pode ser
enganosa. O ideal que, ao clicar
no anncio, a pessoa seja levada
diretamente quilo que procura, sem
ter que navegar pelo site para achar o
que quer. Alm disso, o site deve ser
Por meio do AdSense, voc v anncios do
AdWords em diversos sites
Meller: empresa especializada e certicada
em AdWords pode ajudar muito os usurios
Pgina da
Locaweb com os
servios do Google
AdWords: planos
podem ser
adquiridos a partir
de R$ 399,00
Ao contatar
consultores, eles
fazem estimativa
de investimento,
com base na
concorrncia de
cada segmento
::Jonathas Meller
Gerente de marketing
de produtos SaaS Locaweb
36locaweb locaweb37
Diretor global de canais de venda
do Google, Todd Rowe arma que
um dos objetivos da empresa
popularizar seus servios para o
pequeno e mdio empresrio e
para o pblico em geral, papel que
o AdWords pode desempenhar
ajudando quem no tem tantos
recursos a encontrar uma forma
de fazer campanhas publicitrias
com baixo custo e grande alcance,
em especial nos celulares.
Locaweb em Revista: O
empresrio brasileiro sabe
usar as ferramentas da web
ou ainda um recurso mal
explorado?
Todd Rowe: Talvez no seja
nem bem nem mal explorado. O
brasileiro criativo. Basta lembrar que
nas dcadas de 1980 e 1990, no auge
da inao, dava para identicar essa
habilidade muito peculiar que no
vemos em outros pases. A internet
muda de forma o tempo todo, temos
o desktop, o tablet, o celular. Nosso
propsito democratizar a internet
para cada pessoa. No somente para
empresas grandes.
LR: No Brasil, o uso do
celular mais comum, o
tablet ainda caro para o
mercado. Isso muda
alguma coisa nas vendas
pela internet?
TR: Temos o sistema
operacional Android, que
totalmente aberto e o
provedor pode utiliz-
lo. Ele cresce muito
mais no Brasil que em
qualquer outro pas. Outra
vantagem para o Google
que a empresa pode fazer
campanhas no apenas
para desktop, mas tambm
para celulares.
LR: O que o
empresrio que quer
investir na internet
precisa saber?
TR: Primeiro precisa
estar presente na web para
que possa ser encontrado.
Segundo, deve levar seu
website a interagir com os
internautas. E, nalmente,
reconhecer que o usurio
brasileiro no apenas
uma pessoa trabalhando
com seu laptop, mas que
tambm usa celular e tablet para
pesquisar e comprar.
LR: Qual a melhor
forma de potencializar
uma campanha utilizando
o AdWords?
TR: Temos o AdWords e o
AdWords Express, que uma verso
mais leve e simplicada que pode ser
utilizada em apenas 15 minutos. Nela,
o uso de palavras-chave
muito importante, mas tambm
priorizamos localizar o endereo e
o nmero de telefone, por exemplo.
Temos o click to call, em que o
usurio pode ligar diretamente
empresa. Essas seriam sugestes
simples para comear a ter sucesso.
LR: AdWords mais
importante do que a
busca orgnica para fazer
sucesso na internet ou os
dois se complementam?
TR: A busca orgnica boa,
mas depende das palavras-chave e,
consequentemente, de sorte, no
algo que se possa controlar. Acho
que ambas se complementam. Mas,
com uma boa campanha, a chance
de ser encontrado pelo usurio nal
bem maior.
LR: Como se destacar
neste ambiente concorrido?
TR: Depende da qualidade
da campanha e do site, pois existe
muita concorrncia. O Google
trabalha com seus parceiros para
ajudar a diferenciar seus clientes
de sua concorrncia. Isso feito por
meio de palavras-chave e traando
seu pblico-alvo. Mesmo sendo um
ambiente um pouco complicado, hoje
j temos recursos para se destacar e
chegar ao consumidor.
TODD ROWE E OS OBJETIVOS DO GOOGLE
Nosso propsito
democratizar a internet
para cada pessoa
Loja de apps do Android: de acordo com

Todd, sistema populariza solues mveis
38locaweb
construdo de maneira que a pessoa
que clicou no anncio possa tomar
a ao de compra de forma prtica e
fcil, sem rodeios.
O PODER DO
GOOGLE
Nada menos que 80 milhes de
pessoas no Brasil acessam a internet.
Um levantamento feito pelo Google
aponta que 85,3% desses usurios
fazem buscas semanalmente. So
cerca de 3 bilhes de pessoas
pesquisando diariamente no Google,
e os anncios do AdWords atingem
todos esses internautas.
Todd Rowe refora ainda que o
Brasil est em quinto lugar no mundo
em uso da internet. Isso justica o
grande investimento do gigante de
buscas no pas e sua procura por
parcerias com empresas para vender e
divulgar seus produtos.
Muitas empresas podem se tornar
parceiras do Google, mas apenas 5%
conseguem o selo de qualidade que d
direito de ser um parceiro Premium.
Rowe explica que so muitos critrios
e h uma pesquisa bastante rgida para
vericar se existe fora de venda e
se o parceiro capaz de fazer um bom
marketing digital. Tambm procuramos
saber se h um bom suporte por meio de
entrevistas com os clientes nais. Com
a Locaweb, zemos todos os testes e a
empresa uma das seis parceiras do
Google no pas, diz o executivo.
A poltica do Google em relao ao
AdWords pode ser considerada bastante
rgida. Sites banidos do sistema no
conseguem voltar. Rowe arma que a
inteno proteger seus clientes nais
e assegurar que eles no cliquem em
uma propaganda enganosa. O nosso
objetivo garantir que vai ser uma boa
experincia para o consumidor, explica.
O MERCADO
PUBLICITRIO
NO BRASIL
Muitas empresas do pas j
entenderam a importncia da internet
em seus negcios, mas ainda h alguns
obstculos que precisam ser enfrentados
e um mercado inteiro disponvel para ser
explorado por elas.
Ainda h bastante resistncia no
momento de se adotar uma estratgia
online. Isso acontece porque os
empresrios acreditam que um
investimento que exigir muito tempo
e que o retorno ser demorado demais.
Outro motivo que costuma desanimar os
que pensam em fazer um planejamento
estratgico na internet tratar-se de um
ambiente complicado demais.
Hoje, no basta abrir uma loja ou
montar um site e esperar que os clientes
apaream, necessrio um esforo de
marketing, explica Alisson Pedro. Para
ele, o empresrio que souber utilizar as
Quem possui um site tambm
pode ganhar dinheiro alocando
anncios do AdWords. um
programa gratuito chamado
AdSense, que permite escolher
o tipo de propaganda que pode
ser exibida e o espao onde ela
vai aparecer.
Aps veicular as campanhas,
o site parceiro recebe parte do
dinheiro obtido com a venda
desses anncios. O objetivo do
AdSense maximizar a receita do
contedo online de um website.
Ele permite que os editores do
site gerem receita exibindo
anncios relevantes em uma ampla
variedade de contedo online,
incluindo resultados de pesquisa
do site e exibio de anncios
adequados aos interesses do
pblico-alvo que esteja navegando
naquele site especco, arma o
diretor do Google Alisson Pedro.
Nesse formato, lucra-se com
cliques vlidos ou impresses
originadas dentro de seu domnio,
explica. Pedro diz que no Brasil
muitas empresas passaram a lucrar
bastante com esses anncios que
vm do AdSense. Essas pessoas
criaram um pequeno negcio
com essa receita ou reinvestiram
em publicidade para atrair mais
visitantes aos seus sites. Conforme
a audincia dos sites aumenta,
cresce tambm o volume de
publicidade que passamos a exibir
e, consequentemente, a receita
que nossos editores parceiros iro
receber todos os meses, diz.
ADSENSE E
SEUS BENEFCIOS
Por dentro do AdWords: sistema permite
aferio de resultados e de cliques
80 milhes de
pessoas no
Brasil acessam
a internet
delas, 85,3%
fazem buscas
semanalmente
38locaweb locaweb39
ferramentas disponveis de forma correta
pode fazer campanhas publicitrias
locais ou nacionais e vender no s para
a sua cidade, mas para todo o Brasil e
at para o exterior.
UM ADWORDS
DE SUCESSO
Uma campanha de AdWords
de sucesso basicamente se resume a
facilitar ao mximo a vida do usurio e
oferecer produtos ou servios na
hora em que ele precisa. Quanto
mais simples for o processo entre
encontrar o anncio e efetuar a
compra, melhor ser o resultado da
campanha. A seguir, voc confere o
passo a passo:
necessrio entender
qual o seu pblico-alvo e
como ele pesquisa pelos seus
produtos ou servios. Desta
forma, possvel determinar
o alcance da campanha, a
localizao, o horrio e as
melhores palavras-chave
para o seu negcio.
A mensagem do anncio
precisa ser clara.
Deve apresentar o
diferencial da sua oferta.
Ex.: Aceito todos os tipos
de carto ou Parcelo em
10 vezes sem juros.
Precisa estimular o
cliente. Ex.: Compre
agora e consiga 15% de
desconto.
O link do anncio deve
levar o cliente para o produto
pesquisado. muito comum
o anncio levar homepage
do anunciante e o usurio
ter de buscar pelo produto
na pgina ou passar por
diversos passos para chegar
at ao que interessa, e isso
pode fazer com que ele
desista da compra.
PARCEIRO
PREMIUM
O empresrio que contratar os
servios do AdWords por meio da
Locaweb recebe um relatrio aps a
primeira semana. Ele contm mtricas
da ferramenta que incluem desde
visualizaes e cliques at converses
e investimentos realizados dentro do
perodo. enviado um novo relatrio
aps 15 dias, ao nal do primeiro ms;
depois eles so entregues mensalmente.
Meller diz que a Locaweb
responsvel pelo processo de criao,
monitorao e gerenciamento da conta.
Gerenciar a publicidade no Google
AdWords requer tempo contnuo e
dedicao. Hoje o marketing digital
fundamental para o crescimento de um
negcio e a internet se tornou o terceiro
veculo de maior alcance do Brasil,
explica o gerente.
Hoje, no basta
montar um
site e esperar
que os clientes
apaream,
preciso investir
em marketing
40locaweb
Por Andreza Emlia Marino
Arte Alexandre (Nani)
Conhea a tcnica
do at design e entenda
por que ela est em alta
entre os prossionais
Primeiro
plano
40locaweb locaweb41
P
ense na rea de trabalho
do seu computador, no
cone da lixeira que est l.
Ou pense na calculadora do seu
smartphone. Voc sabe, h tempo
e convictamente, para que servem.
Eles foram feitos para facilitar
a vida do usurio, criando uma
analogia ao tentar imitar objetos
da vida real. No entanto, depois
de anos de contato, ser que
esses elementos visuais ainda so
necessrios? Os defensores do at
design juram que no. Ser?
Para entender o at design,
preciso dar um passo atrs e tornar
claro o conceito de skeumorsmo. As
palavras gregas skeuos (recipiente
ou ferramenta) e morphe (forma)
deram origem ao termo que se refere
aos objetos criados a partir de outros
elementos. Antes usada apenas com
objetos fsicos, o termo comeou a ser
adotado no meio digital para se referir
aos elementos grcos que imitavam
recursos visuais comuns no mundo real.
Os sistemas operacionais copiaram
objetos do mundo real, como as
pastas ou a lixeira, com a inteno
de minimizar a curva de aprendizado
dos usurios. Anal, nem todos
sabiam exatamente o que era um
computador nem como se interagia
com ele no incio, explica o designer
Andr Tenenbaum, diretor da agncia
especializada em solues digitais
Zona Internet, no Rio de Janeiro.
Apesar de o Windows ter feito
bastante uso do skeumorsmo, foi
a Apple quem melhor explorou o
conceito (vide cones Calendrio,
Contatos e Mail, por exemplo). Esse
apelo no por acaso. Imagine
usar pela primeira vez um sistema
operacional e no encontrar nenhum
elemento familiar para ajudar a
compreender o funcionamento.
Ningum se sente confortvel quando
est perdido. O skeumorsmo foi
til, e nos ajudou a aprender e dar
os primeiros passos na consolidao
da informtica como ferramenta
cotidiana, diz Eduardo Horvath,
evangelista de UX da agncia DClick.
Mas se o skeumorsmo to legal,
deve-se entender por que tantos
prossionais o esto abandonando
diante da tendncia do at design.
Com visual clean, os projetos de sites que
seguem o conceito de at design deixam de
lado bordas, gradientes, sombras e reexos
Os entusiastas
do at design
argumentam
que as interfaces
grcas de
usurio tm de
deixar de lado o
estilo e focar a
funcionalidade
Para criar um site com base nos
conceitos de at de maneira
ecaz, todos os elementos de
design devem ser centrados
na ideia de simplicidade e
funo do elemento. Objetos
slidos e cores vivas do a nfase
necessria para separ-los em vez de
detalhes ilustrativos; as tipograas
conhecidas como sans serif (sem
serifas) fornecem um ambiente limpo
e ntido; o texto precisa ser conciso e
direto; e convm usar elementos de
interface com botes e links claros e
perceptveis. Tudo deve ser pensado
com o propsito de criar um projeto
visual e funcional coeso.
COMO ADOTAR O
FLAT DESIGN
Tudo est ligado curva de
aprendizado. Hoje, qualquer criana
praticamente nasce sabendo como
mexer em um tablet ou smartphone.
Tornou-se algo intuitivo, diz Horvath.
designatdesign
designatdesign
42locaweb
Os entusiastas do at design
argumentam que as interfaces
grcas de usurio precisam deixar de
lado o estilo e focar a funcionalidade.
Isso signica tirar de cena bordas,
gradientes, sombras e reexos e
passar a contar apenas com a rolagem
e a clareza visual para se comunicar.
, sem dvida, um estilo minimalista.
J o senhor skeumorsmo se
transformou em um estilo exagerado,
cheio de detalhes supruos. Ficou
muito didtico para os novas designers
aqueles que j no se lembram de
como era o mundo sem computadores.
Praticidade
Para Horvath, o at design mais
prtico para o desenvolvedor de sites
ou aplicativos web. Muita coisa pode
ser resolvida apenas com CSS, sem
o uso de imagens, ensina. Outra
vantagem est no foco. A interface
passa a ser apenas uma orientao, e
no a dona da ateno, pois o contedo
o mais relevante.
Segundo Tenenbaum, com o at
ganha-se tambm em agilidade,
pois o processo de desenvolvimento
dos sites e aplicativos ca bem mais
rpido. Desse modo, torna-se mais
fcil desenvolver um projeto de
sucesso, reduzir as distraes e deixar
o contedo mais evidente, arma.
No entanto, quando mal aplicado, o
at design pode ser confuso. E se tem
algo que assombra os desenvolvedores
a possibilidade de o usurio
no entender como funciona uma
determinada aplicao ou website.
No raro tambm o conceito ser
confundido com algo pobre. Para fugir
disso, necessrio que a interface seja
feita por um especialista na rea. Dessa
forma, o prossional vai implementar
todos os recursos, como iconograa
adequada, detalhes e uma interao
que no comprometa a usabilidade,
ensina Horvath.
Tenenbaum concorda. De nada
adianta car tudo clean e bonito,
mas com a mesma cara, sem
identidade prpria. fundamental
fazer pesquisas, buscar referncias
e, principalmente, avaliar as
necessidades de cada situao, sem
nunca perder de vista pblico-alvo do
projeto, considera.
No vejo o at design puramente
como tendncia. A simplicidade
existente nos permite focar e inovar
onde realmente necessrio, ou seja,
a interao e a relao homem versus
computador, avalia Horvath.
preciso ainda olhar para a frente.
Apesar de o mundo estar na fase at,
no vai ser assim para sempre. O
conceito vai se estabelecer e algo vir
depois. H quem aposte na introduo
criteriosa da dimensionalidade apenas
onde for necessrio. Tudo caminha para
o equilbrio. esperar para ver!
Bootstrap, em traduo livre,
quer dizer puxadeira de
bota utenslio que ajuda
montadores a subir em cavalos.
essa a funo que ele exerce
para desenvolvedores. Com o
Bootstrap, eles acessam interfaces
e as implementam em servios
que usam Twitter, valendo-se de
conceitos de at design.
Apesar de ser apenas uma compilao
de vrios arquivos CSS, HTML e
JavaScript, o Bootstrap contm
cdigos que podem mostrar avisos
pop-up, caixas de dilogo sobrepostas,
barras de erro e diversas outras
interaes possveis e que so bastante
semelhantes s usadas na verso web
do Twitter. Superleve, tem apenas 6k
de tamanho. Portanto, use e abuse.
TWITTER BOOTSTRAP
No skeumorsmo so usados elementos
visuais que fazem analogia ao mundo real
44locaweb
F
undado em fevereiro
de 2005, o YouTube
transformou-se em
uma das plataformas
de maior sucesso da internet,
onde bilhes de pessoas
descobrem e compartilham
vdeos originais e assistem a
eles. A ferramenta atua como
um mecanismo de distribuio
para criadores de contedo
original e tambm para grandes
e pequenos anunciantes. O
resultado disso um mercado
com nmeros maisculos:
atualmente, mais de 1 bilho
de usurios nicos visitam o
YouTube todos os meses e mais
de 6 bilhes de horas de vdeo
so assistidas a cada ms.
Esse cenrio representa
aproximadamente uma hora
para cada pessoa na Terra e um
crescimento potencial, j que o
balano de audincia em 2013 est
50% superior ao de 2012. E no para
por a: a cada minuto, so enviadas
100 horas de vdeo para o site, que est
localizado em 56 pases e disponvel
em 61 idiomas.
Por conta de tudo isso, no h
nada mais natural e esperado que
surgisse uma nova categoria de
celebridade: a de campees de
audincia do YouTube. So pessoas
ou canais que mobilizam multides,
delizam assinantes e acumulam
milhes de pageviews.
De acordo com a empresa de
pesquisas Nielsen, o YouTube atinge
mais adultos dos Estados Unidos entre
18 e 34 anos do que qualquer outra
rede a cabo. Milhes de inscries so
realizadas todos os dias, e o nmero de
usurios mais do que dobrou desde o
ano passado.
Seja mostrando tutoriais sobre
games ou maquiagem, fazendo
desabafos sobre a dureza da vida
ou esquetes de humor, muitos tm
Os brasileiros
amam vdeos.
A televiso
sempre foi
uma parte
importante do
lazer local e o
consumo de
vdeo online
continua
a crescer
::Anaik Weid
Gerente de comunicao
do YouTube
Gerar receita a partir da audincia dos vdeos no
YouTube possvel. Veja quem est ganhando
(muito) dinheiro dessa forma Por Andreza Emlia Marino
especialyoutube
44locaweb
Pela
porta da
frente
44locaweb locaweb45
especialyoutube
44locaweb
Pela
porta da
frente
46locaweb 46locaweb
audincia para deixar canais da TV
aberta com inveja.
Em 2007, a plataforma criou
um programa de parcerias. Nele,
os vdeos qualicados podem ser
convertidos em lucro graas aos
anncios relevantes, depois de
ativ-los para a monetizao.
Atualmente, h mais de 1 milho de
criadores de mais de 30 pases em
todo o mundo gerando receita.
Milhares de canais obtm
resultados impressionantes com
nmeros de seis dgitos por ano.
O valor amealhado no m do ms
depende de quantos anncios forem
veiculados no canal e de quantas
vezes eles sero assistidos.
O YouTube torce para o sucesso
dos parceiros. Anal de contas, com
mais gente produzindo contedo
original, o site do Google garante
programao variada 24 horas por
dia para seus milhes de visitantes
mensais. Ele no diz quanto paga,
mas estima-se que o canal parceiro
receba de US$ 1 a US$ 3 para cada
mil visualizaes.
Tradicionalmente, os brasileiros
so apaixonados por vdeo. A
televiso sempre foi uma parte
importante do entretenimento
local e o consumo de vdeo online
continua a crescer, explica Anaik
Weid, gerente de comunicao do
YouTube. Cada vez mais, estamos
vendo parceiros como Porta dos
Fundos, 5inco Minutos, Trama,
Parafernalha, Maspoxavida e Jovem
Nerd produzindo contedo original,
de alta qualidade, e encontrando
grande sucesso de audincia na
plataforma. Na medida em que
mais e mais usurios consomem
esse contedo, a oferta tambm se
amplia, complementa Weid.
Antes caseiros, os vdeos comeam
a ganhar ares de superproduo. Para
quem quer ter um canal atrativo,
fundamental fazer tudo da maneira
mais prossional possvel. Pode at
ser algo simples, mas precisa ser
caprichado, alerta o consultor do
Sebrae-SP Suemitsu Osada. Para ele,
o sucesso vem do fato de se encontrar
um nicho. Os que deram certo
Dinheiro no bolso
Fora do Brasil, canais de humor
como o College Humor esto entre
os mais populares do site e faturam
quase US$ 100 mil por ms, segundo
estimativas. Por aqui, o pessoal das
piadas tambm est se dando bem.
O vdeo online uma parte
signicativa da internet brasileira,
tanto para usurios como para
anunciantes. De acordo com a
comScore, com uma audincia de
43 milhes de pessoas e alcance de
mais de 80% dos internautas, o Brasil
j o stimo maior mercado de vdeo
online do mundo, na frente de pases
como Frana e Reino Unido.
H um grande debate
entre especialistas do
mercado de tecnologia,
interao digital e
internet a respeito da
veracidade dos nmeros
divulgados pela pgina
eletrnica Social Blade.
No se pode dizer que
o endereo eletrnico
divulga nmeros ociais,
mas, de qualquer forma,
trata-se de uma das
plataformas mais usadas
pelos analistas de mtrica
do canal de vdeos.
Conra a seguir alguns
nmeros informados pelo
Social Blade, na primeira
quinzena de setembro de
2013, a respeito dos canais
brasileiros que atraem
mais pblico e faturam
mais dinheiro com vdeos
lanados no YouTube:
Porta dos Fundos
Assinantes: 5.334.133
Rendimento estimado: de
US$ 1.200 a US$ 14,2 mil por dia
Programa Galo Frito
US$ 341 a US$ 4.100 por dia
Canal Parafernalha
Felipe Neto
US$ 38 a US$ 458 mil por dia
MysteryGuitarMan
US$ 30 a US$ 358 por dia
Ocial Mundo Canibal
OS MILIONRIO$ DO YOUTUBE
Anaik, do YouTube: vdeos originais e de
boa qualidade conquistam os brasileiros
46locaweb locaweb47 46locaweb
pensaram no que o mercado, ou seja,
o consumidor queria (ou passou a
achar que no pode mais viver sem).
Osada frisa tambm o
planejamento. No d para
simplesmente aparecer e achar que
j deu certo. Como todo negcio,
virtual ou no, o objetivo gerar
recursos. E, para isso, a regra
a mesma: precisa de um plano
de negcios para crescer de
maneira estruturada e sustentvel,
arma categoricamente.
Recordes
quebrados
Em 2010, quando seu canal No
Faz Sentido estourou, Felipe Neto
passou a se dedicar produo de
vdeos e criou, em 2011, a produtora
de contedo Parafernalha. Hoje, seus
50 vdeos no YouTube somam quase
200 milhes de acessos. Ele acaba de
lanar o livro No faz sentido - Por trs
das cmeras (Casa da Palavra). Nele,
conta que, quando tinha um blog sobre
sries, em um ms entrava R$ 200 e,
no outro, R$ 2 mil. J nos tempos do
YouTube, assinou contrato de R$ 160
mil com uma escola de ingls, para
ser garoto-propaganda. Recebia at
R$ 6 mil por ms do YouTube, e ainda
faturava de R$ 8 mil a R$ 12 mil por
ms para ir a festas.
Hoje, alm da Parafernalha, Neto
tem a agncia de canais Paramaker
e ainda reserva tempo para gravar a
srie A toca em parceria com o Netix
(mas no revela ocialmente seu
faturamento mensal). O vdeo mais
visto do humorista tem mais de
Saiba como congurar a
sua conta para monetizar
seus vdeos na plataforma
Qualquer pessoa pode escolher
a monetizao do contedo, desde
que a conta esteja qualicada para
isso, o usurio seja dono de todos
os direitos do udio e do vdeo, e o
contedo esteja de acordo com as
polticas do YouTube.
Para vericar se o
canal est qualicado
e ativ-lo, acesse a guia
Monetizao nas conguraes
da sua conta no YouTube. Caso
tudo esteja regular e sua conta
no tenha sido desativada
anteriormente para monetizao,
clique em Ativar minha conta.
Siga as etapas para aceitar o
contrato de Monetizao do
YouTube.
Voc pode permitir que os
vdeos qualicados gerem lucro a
partir de anncios relevantes. H
duas formas de enviar um vdeo
para monetizao e permitir
anncios em sua conta: durante
ou depois do envio.
Para ativar anncios
em seus vdeos na hora
do envio, clique na guia
Monetizao, na pgina de
envio e, em seguida, na caixa
de seleo Gerar receita com
meu vdeo. Selecione quais
formatos de anncio voc deseja
ativar para o vdeo. Para saber
mais sobre as diferentes opes
disponveis, clique nos cones
? ao lado de cada formato
de anncio. Por m, clique no
boto Salvar alteraes. Seu
vdeo passar por um processo
de anlise padro antes que
os anncios comecem a ser
exibidos. Podem ser solicitadas
informaes que comprovem
que voc tem todos os direitos
de uso comercial necessrios
para todo e qualquer contedo
em seu vdeo. Se voc ativar a
COMO GANHAR
DINHEIRO
NO YOUTUBE
13 milhes de visualizaes e, apenas
com ele, o canal pode ter lucrado de
US$ 9,7 mil a US$ 91 mil, segundo o
Social Blade, site que rene e analisa
informaes sobre o faturamento e a
audincia no YouTube.
O maior sucesso brasileiro hoje,
porm, o Porta dos Fundos. De
acordo com o Social Blade, mais de
14 mil pessoas assinam, diariamente,
o canal. Com pouco mais de um
ano no ar, o grupo de humoristas
alcanou 400 milhes de visualizaes
na web. Entre os vdeos mais
populares, esto Na Lata (10,5 milhes
de cliques) e Sobre a Mesa (9,3 milhes
de cliques).
Com a exposio obtida no
YouTube, o Porta dos Fundos cresceu
ao ponto de se transformar em uma
empresa com 30 funcionrios. J
lanou um livro, uma coleo de
camisetas e seus representantes no
escondem de ningum que vieram
para car um longa-metragem
faz parte dos prximos passos.
Denitivamente, no pouco para
quem surgiu em um espao na
internet aberto para qualquer
pessoa. Inclusive, voc!
Osada, do Sebrae-SP: preciso fazer um
plano de negcios para se dar bem com vdeos
especialyoutube
monetizao no momento do envio e
seu vdeo for denido como privado
ou no listado, permanecer dessa
maneira e sem os anncios at que
voc o torne pblico.
Para ativar anncios em
seus vdeos aps o envio,
v ao Gerenciador de vdeos de
seu canal e localize o arquivo.
Depois, clique no boto Editar ou
$ ao lado de seu vdeo. Na guia
Monetizao do editor de vdeos,
clique na caixa de seleo Gerar
receita com meu vdeo. Selecione
ento quais formatos de anncio voc
deseja ativar para o vdeo. Para saber
mais sobre as diferentes opes
disponveis, clique nos cones ?
ao lado de cada formato de anncio.
Clique no boto Salvar alteraes.
A mesma anlise do passo anterior
ser realizada.
50locaweb 50locaweb
Atender
bem...
... para atender sempre
50locaweb
especialatendimento
50locaweb locaweb51
Descubra de que
forma uma marca
deve investir em
redes sociais para
se relacionar
com os clientes
Por Bianca Bellucci
A
s redes sociais so
exploradas como
estratgia de negcio
por nada menos
que 97% das empresas. Essa
constatao faz parte de uma
pesquisa realizada entre maro
e abril deste ano pela Avanade,
empresa que oferece solues em
tecnologia de negcios e servios
gerenciados. O estudo foi realizado
em 22 pases, entre eles o Brasil.
Por trs desse nmero impactante,
porm, h um grande problema: se
o investimento nesse tipo de mdia
cresce cada vez mais, o mesmo no
se pode dizer sobre o atendimento
ao cliente. Prova disso que muitas
empresas ainda no sabem realizar
esse processo de maneira adequada.
Segundo especialistas, a internet
vezes o usurio s quer ser bem
atendido e permanece como cliente.
Em alguns casos, a pessoa vai at
transformar a insatisfao em gratido
por ter recebido a devida ateno.
Porm, tambm existe uma minoria
que s quer causar confuso. preciso
estar preparado para isso, salienta.
Em termos de estrutura, a
empresa que se lana nas redes
sociais deve ter conscincia de
que precisar de uma estrutura
apropriada durante 24 horas, sete
muito diferente de outros meios de
comunicao e exige, por exemplo,
uma estratgia de relacionamento
mais estreita e rpida. Caso a resposta
para qualquer tipo de questo no
aparea em at 24 horas, o consumidor
estar pronto para ter seus 15 minutos
de fama e difamar a marca. Portanto,
mais do que investir em redes sociais,
preciso saber como lidar com elas e
se estruturar para agir rapidamente, de
modo que as redes se transformem em
aliadas, e no inimigas.
Investindo no
atendimento ao cliente
Eduardo Luiz Prange Junior,
scio-diretor da Seekr, empresa
especializada em gesto e
monitoramento de marcas em mdias
sociais, explica que, para ter um
investimento adequado e conseguir
um bom retorno no setor, necessrio
aplicar uma estratgia de trs etapas.
Em primeiro lugar, a empresa deve
saber com clareza qual o seu
propsito no meio digital e como as
mdias funcionam. A partir da, deve
escolher prossionais especializados
para desenvolver um planejamento
apropriado para a marca, explica.
O segundo passo proposto por
Prange analisar os resultados
que foram obtidos em cima do
planejamento. O terceiro e ltimo,
por sua vez, est ligado a aplicar um
trabalho de atendimento reativo. A
empresa deve transformar as agresses
em relacionamento. Ela deve mostrar
que erra, mas reconhece o problema,
explica o diretor de negcios.
Para o scio-fundador da agncia
E-Dialog, Renan Caixeiro, muitas
Atender
bem...
... para atender sempre
Para expor a marca em uma vitrine como o Facebook,
preciso estar preparado para atender com preciso
Prange, da Seekr: resultados devem ser
analisados diante do planejamento da marca
Existem ferramentas gratuitas
disponveis na web que podem
aprimorar o atendimento a clientes.
O scio-fundador da agncia E-Dialog,
Renan Caixeiro, recomenda o Google
Alerts. Esse aplicativo monitora
palavras-chave ligadas ao negcio e,
depois, envia-as para seu e-mail assim
que forem detectadas nas redes sociais.
J o scio e diretor de negcios da
Seekr, Eduardo Luiz Prange Junior, indica
trs ferramentas de sua prpria empresa.
So elas: SeekrSearch, buscador que
encontra menes sobre marcas nas
redes sociais; Seekr Alerts, parecido com
o Google Alerts; e Midi.as, um encurtador
de URL que auxilia na hora de publicar
contedo no Twitter.
FERRAMENTAS
especialatendimento
52locaweb
dias por semana, pois o atendimento
online no tem horrio comercial e, a
qualquer minuto, algum pode estar
falando mal da marca na internet.
Caso a organizao no consiga
segurar a demanda, melhor no
investir nesse mercado, pois seria o
mesmo que dar um tiro de bazuca no
p, conta Prange.
Outro ponto no qual se deve
prestar ateno no atendimento pela
internet, que exige um tratamento
mais prximo com o consumidor. O
gerente da equipe de redes sociais
da agncia VM2, Fernando Luz, diz
que as empresas tm oportunidade de
conversar como pessoas nas mdias
sociais, e devem explorar isso. O que
faz voc comprar um perfume daquela
amiga que vende cosmticos no
o produto, mas a amizade. Quanto
mais prximo do vendedor a pessoa
se sente, mais inclinada a comprar
e divulgar seus produtos ela ca. As
mdias sociais humanizam as marcas.
E essa humanizao, no m das
contas, vende.
Principais
recomendaes
Para a publicitria da agncia
Kraken Digital, Thamires de Oliveira,
as principais recomendaes para
quem deseja entrar no mundo
ciberntico so: clareza, credibilidade,
prontido e cordialidade. Solucionar
uma situao de forma clara e eciente
a base para um bom atendimento.
Seja o mais objetivo possvel e sempre
tenha certeza da mensagem que
deseja transmitir, recomenda.
Caixeiro, por sua vez, recomenda
que a organizao tenha um plano
de aes contra crises. Quando
se faz um planejamento, os riscos
envolvidos tambm devem estar
inclusos. preciso ter processos geis
para gerenciar potenciais crises. Se a
empresa no est preparada, melhor
aguardar para entrar no mundo online,
diz o scio-fundador da E-Dialog.
Vale ressaltar que a organizao
no deve investir tudo nas redes
sociais e abandonar os atendimentos
em outras mdias. Luz explica que
preciso ter uma poltica de estratgia
de atendimento ao consumidor que
funcione por telefone, por e-mail,
pessoalmente e, tambm, pelas redes
sociais. As mdias sociais no so a
salvao de uma empresa que atende
mal. Elas so o microfone dos cases
de sucesso das companhias que
atendem bem, diz o gerente da equipe
de redes sociais da agncia VM2.
Portanto, ao investir no setor, siga
o mantra de atender bem, de maneira
cordial e com a inteno clara de
solucionar qualquer tipo de problema.
Seu cliente agradecer. E voc,
acredite, tambm!
A empresa que
se lana nas
redes sociais
deve montar
uma estrutura
apropriada para
atender durante
24 horas e sete
dias por semana
Usadas de forma
correta, mdias
sociais como Flickr e
Instagram ajudam a
humanizar a marca
A expectativa do faturamento
global nas redes sociais para
2015 pode aproximar-se de
US$ 29,1 bilhes (cerca de
R$ 67,1 bilhes), de acordo com
dados divulgados pela empresa
de consultoria Gartner.
Motivos para isso no faltam.
Segundo o scio-fundador da agncia
E-Dialog, Renan Caixeiro, uma
empresa tem muito a ganhar ao
entrar com qualidade no setor. Em
2010, iniciamos a estratgia em redes
sociais da AIESEC no Brasil. Como
a marca tem escritrios em mais
de 30 cidades do Pas, havia uma
descentralizao do atendimento aos
clientes. Foi necessria a criao de
novos canais de comunicao em
web e o monitoramento dirio. Hoje,
a marca conta com mais de 50 mil fs
no Facebook, diz.
Com o auxlio das mdias
sociais, Fernando Luz, gerente
da equipe de redes sociais da
agncia VM2, diz que seus clientes
aumentaram as vendas efetivamente
e melhoraram seu relacionamento
com eventuais prospects. Acima
de tudo, porm, praticamente
todos os clientes que atendemos
potencializaram o relacionamento de
suas marcas com seu pblico-alvo na
internet, completa.
BENEFCIOS DAS
REDES SOCIAIS
01
Outubro 2013
Braslia - DF
Hotel Mercure
Braslia
Outubro 2013
So Paulo - SP
Hotel Pergamon
22 09
Outubro 2013
Rio de
Janeiro - RJ
Novotel Santos
Dumont
3

O
p
e
s

d
e

D
a
t
a

e

L
o
c
a
l
:
Realizao:
Apoio:
Uma excelente oportunidade para se
atualizar sobre as inovaes disponveis
no mercado Em Apenas
1 Dia!
Corporativos
Portais
Intranets e
Seminrio
So cinco
mdulos diferentes
abordando os temas
mais quentes do
momento:
Arquitetura de Portais e Intranets
Portais de Aprendizagem
Solues Mobile para Portais e Intranets
Social Business e Plataformas
Sociais
Governana em Ambientes
Colaborativos
Acesse www.informagroup.com.br/portaiscorporativos
e conhea a programao completa do seminrio.
Faa sua inscrio antecipada,
informe o cdigo LOCA_PORTAIS e
garanta um valor especial:
+55 11 3017-6888
comunicacao@ibcbrasil.com.br
C
M
Y
CM
MY
CY
CMY
K
DE0704713_813_913_20,5x27,5.pdf 1 12/09/2013 09:17:20
lwprogramao
Com o PhoneGap, possvel
criar aplicativos para
dispositivos mveis quase
sem esforo. Desenvolvedores
web podem utilizar
praticamente 100%
do conhecimento e da
experincia em uma rea que
est em constante expanso.
O cdigo fonte do PhoneGap
100% aberto e distribudo pela
licena Apache Cordova.
A pgina do projeto pode
ser conferida no seguinte
endereo eletrnico:
http://www.phonegap.com/.
Para criar plugins nativos,
necessrio conhecer bem as
funcionalidades do PhoneGap
e algumas caractersticas
especcas do dispositivo,
o que pode tomar bastante
tempo de desenvolvimento.
Portanto, o ideal acabar
utilizando esse recurso s
no ltimo caso. De qualquer
forma, programadores
aventureiros dispostos a
explorar essa dungeon podem
comear por aqui para uma
boa documentao, que est
no endereo http://lwgo.to/-s.
APPS FCEIS
PLUGINS
Aprenda a utilizar esse framework de cdigo aberto e
gratuito, especialmente desenvolvido para quem j possui
conhecimento de HTML, CSS e JavaScript Por Adle Helena Ribeiro e Max Reinhold Jahnke
A
interface com
o usurio
a parte mais
intuitiva do framework de
cdigo aberto e gratuito
PhoneGap. Ela criada
quase como uma pgina
web. Apenas com HTML,
CSS e JavaScript, a
interface renderizada
exatamente como seria
em um navegador de
internet, como Chrome,
e Firefox. Basta criar o
aplicativo tomando os
cuidados necessrios
para que ela se adapte
dinamicamente ao
tamanho da tela do
dispositivo. Toda a
comunicao com o
sistema operacional
feita de forma
transparente pelo
PhoneGap. Isso diga-se
dispensa at mesmo a
necessidade de saber o
que Android ou iOS.
API
A API do PhoneGap
toda desenvolvida
em JavaScript. Essa a
linguagem que deve ser
usada para construir a
lgica do programa. Alm
disso, possvel ter acesso
aos recursos de hardware
com essa interface de
programao de aplicativos.
Assim, o acesso direto ao
hardware ca por conta
do PhoneGap e no
necessrio conhecer as
caractersticas especcas de
cada dispositivo. Se aparecer
a necessidade de acessar
alguma funcionalidade
especca de algum
dispositivo ou algum recurso
que ainda no suportado
pelo PhoneGap (como
processamento de udio de
baixa latncia), possvel
escrever plugins nativos e
aumentar as funcionalidades
do framework open-source.
Usar o PhoneGap dispensa
conhecimentos em OSs,
como Android e Apple iOS
Servio: Foundation Nvel tcnico: Iniciante/Intermedirio/Prossional
Use o PhoneGap
54locaweb
lwprogramao
Finalize
o cdigo
Depois que todo o cdigo estiver
escrito, necessrio empacotar o
produto. De acordo com a plataforma,
um tipo especco de arquivo binrio
ser criado. Os formatos dos pacotes
so exatamente os mesmos dos
aplicativos nativos: no iOS um
arquivo IPA (iOS Application Archive),
para aplicativos Android; existe
tambm o APK (Android Package);
e o do Windows Phone ser XAP
(Application Package). So arquivos
distribudos em iTunes Store, Android
Market, etc.
Crie seu
primeiro aplicativo
Alm do PhoneGap Build permitir
que voc construa aplicativos para
diferentes plataformas de dispositivos
mveis nas nuvens, tambm no
exige congurao de nenhuma
mquina nem gerenciamento de kits
de desenvolvimento. Tudo j est
pronto nas nuvens do PhoneGap
Build. Assim, basta fazer o upload do
seu HTML, CSS e JavaScript e todo o
trabalho ser feito para voc.
Toda a parte de compilao e criao
do pacote feita para voc e em minutos
seu aplicativo est pronto.
Por meio de uma interface web
simples, muito fcil e rpido criar
aplicativos para iOs, Android, BlackBerry
e diversas outras plataformas.
No plano gratuito, voc pode criar seu
primeiro aplicativo privado e quantos
aplicativos open source desejar. Aps
abrir uma conta usando um Adobe ID
ou seu cadastro no Github e aceitar os
termos de compromisso, possvel fazer
o upload de um projeto PhoneGap, que
pode ser um nico arquivo, o index.html,
ou um pacote zip. Tambm pode utilizar
um link para um repositrio de acesso
pblico.
Apenas a pgina principal do
aplicativo, que ca no arquivo
index.html, obrigatria no projeto.
Dentro do arquivo .zip, ou no repositrio,
podem ter outros arquivos auxiliares,
como JavaScript, CSS, imagens, vdeos,
sons, uma imagem de cone e um
arquivo cong.xml, que contm dados
sobre seu app. Todas as conguraes
podem ser editadas pela interface web.
Assim que terminar o upload de seu
projeto, voc pode habilitar as opes
de depurao de cdigo e hydration,
uma ferramenta que otimiza o tempo de
compilao e automaticamente atualiza
os dispositivos com a ltima verso
do seu app. Com isso pronto, s
compilar. Voc pode fazer o download
para dispositivos, como Android, iOS,
BlackBerry, WindowPhone e Symbian.
Concluso
O framework open source PhoneGap
permite que voc desenvolva
aplicativos portteis. Tudo isso,
aproveitando conhecimento bsico
de HTML, CSS e JavaScript, que j
est amplamente difundido. uma
oportunidade bastante atraente
para desenvolvedores web que j
possuem todo o conhecimento tcnico
necessrio para comear.
Pgina do PhoneGap: no projeto eletrnico, h uma srie de informaes
para utilizar o framework open source para desenvolver aplicativos
Depois que todo o cdigo estiver
escrito, necessrio empacot-lo. De
acordo com a plataforma, um tipo de
arquivo especco binrio ser criado
H uma ampla documentao do
PhoneGap para auxili-lo na criao
de seu app. Acesse:
http://docs.phonegap.com/en/3.0.0.
A Adobe Developer Connection
fornece uma srie de vdeos que
explicam passo a passo as APIs
disponveis e como us-las em:
http://lwgo.to/-u.
Se voc tem dvidas sobre
editores, ambientes de depurao
e arquiteturas de desenvolvimento,
acesse tambm o blog de Andrew
Trice: http://lwgo.to/-v.
LINKS
54locaweb locaweb55
205 X 275:Layout 1 19/07/2013 15:30 Pgina 1
205 X 275:Layout 1 19/07/2013 15:30 Pgina 2
lwprogramao
Piotr Rochala combina
vdeo e canvas e cria
efeitos manipulando
pixels. Ele mostra
exemplos de como
colocar seu vdeo em
preto e branco, spia,
cores invertidas e
pixelado. Veja como
criar esses efeitos em:
http://lwgo.to/-x.
TORTURA
DE PIXELS
A linguagem oferece caractersticas de suporte a lmes sem a
necessidade de usar plugins externos Por Adle Helena Ribeiro e Max Reinhold Jahnke
O
HTML5 possui
uma srie de
caractersticas
que facilitam o suporte a
vdeo sem a necessidade
de usar plugins externos.
Com isso, possvel
incluir lmes em seu
site sem que haja a
necessidade de exigir
ash do usurio.
Como cada vez mais
pessoas esto usando
dispositivos mveis
Quando se desejava
integrar em uma pgina web
um vdeo, era necessrio
recorrer ao Flash. Um
exemplo de cdigo tirado do
YouTube :
Cdigo em Flash:
<object width="425"
height="344">
<param name="movie"
value="http:/
www.youtube.com
v/9sEI1AUFJKw&hl=en
GB&fs=1&"></param>
<param name=
"allowFullScreen"
value="true"></param>
<param name=
"allowscriptaccess"
para acessar a web e
ver vdeos e Flash no
bem suportado nesses
dispositivos, uma soluo
foi adicionar suporte
direto na especicao
do HTML. O elemento
<video> foi proposto
pela Opera Software em
fevereiro de 2007 e hoje
todos os navegadores
modernos suportam vdeo
em HTML5, incluindo
Safari 3+, Internet
Explorer 9+, Firefox 3.5+,
Chrome 3+ e Opera 10.5+.
Alm disso, uma
grande desvantagem do
vdeo em Flash que no
possvel fazer busca no
seu contedo. Tambm h
muitos conitos por causa
da diferena das verses
e nem todos os usurios
possuem um navegador
rpido para carregar todo
o contedo do Flash. Com
HTML5, possvel fazer
buscas avanas em seu
contedo. Ele altamente
customizvel, alm se ser
renderizado adequadamente
na maioria dos dispositivos
mveis e navegadores.
O elemento <video> foi
proposto, inicialmente, pela
Opera Software em 2007
Servio: HTML 5 Nvel tcnico: Iniciante/Intermedirio/Prossional
Vdeo em HTML5
58locaweb
lwprogramao
value="always"
></param>
<embed src="http:/
www.youtube.com
v/9sEI1AUFJKw&hl=en
GB&fs=1&"
type="application/x
shockwave-ash"
allowscriptaccess=
"always"
allowfullscreen="true"
width="425"
height="344"></embed>
</object>
Com o elemento vdeo do HTML5,
possvel ter a mesma funcionalidade,
com ainda mais vantagens, usando
menos cdigo. Para inserir um vdeo
WebM em sua pgina, basta adicionar
o seguinte cdigo em seu HTML:
<video src="movie.webm" controls>
<p>Mensagem para o caso do
navegador no suportar o vdeo.</p>
</video>
possvel alterar borda, opacidade,
espelhamento, gradiente, transies,
transformaes e diversos outros
recursos de animao. E a maior
vantagem poder adicionar vdeos
com grande velocidade sem que haja a
necessidade de programar um tocador
de vdeo. O que economiza um precioso
tempo de desenvolvimento.
Formatos suportados
O formato do vdeo suportado varia
dependendo no navegador. Os mais
comumente aceitos so ogg, ogv
(Theora), webm (VP8) e mp4 (H.264).
Usando vrias fontes para o vdeo, o
navegador escolhe automaticamente
qual vdeo ser transmitido.
O navegador escolhe
automaticamente qual vdeo ser
transmitido de acordo com codec
do vdeo.
<video poster="movie.jpg" controls>
<source src="movie.webm"
type='video/webm; codecs="vp8.0,
vorbis"'/>
<source src="movie.ogg"
type='video/ogg; codecs="theora,
O atributo controls do tipo
booleano. Se ele estiver presente,
habilita a interface padro do
navegador para o controle do vdeo.
Se o atributo de controle for omitido,
no ser possvel executar o vdeo e
somente o primeiro frame ser visvel.
Mas voc pode fornecer os seus
prprios controles implementados
JavaScript, customizando da maneira
mais adequada para o seu website.
(A especicao completa do elemento
HTML5 pode ser conferida em http://
dev.w3.org/html5/html-author).
Veja um exemplo:
<video width="640" height="360"
controls preload="none"
poster="video.jpg" src="movie
webm" controls>
<p>Mensagem para o caso do
navegador no suportar o vdeo.</p>
</video>
Outra vantagem de inserir o vdeo
em HTML5, que se pode usar CSS
para customizar todo o elemento.
Pgina de desenvolvimento da Mozilla: no
site, h informaes sobre suporte a vdeo
Com o vdeo
do HTML5,
possvel
ter timas
funcionalidades,
utilizando
pouco cdigo
Chrome Firefox Opera SAFARI IE9+
WEBM (CODEC VP8) Sim Sim Sim No Sim
MP4 (CODEC H.264) Sim No No Sim Sim
OGV (CODEC OGG THEORA) Sim Sim Sim No No
possvel combinar as tags vdeo
e canvas do HTML5 e criar efeitos
bem divertidos. Sean Christmann
mostra um exemplo em que o vdeo
partido em vrios pedaos quando
o usurio clica sobre ele. Tambm
exibe o lme sendo executado em um
espao tridimensional.
www.craftymind.com/2010/04/20/
blowing-up-html5-video-and-
mapping-it-into-3d-space/
DIVERSO NO HTML5
COMPARE SUPORTE DOS BROWSERS
58locaweb locaweb59
lwprogramao
60locaweb
HTML5
vorbis"'/>s
<source src="movie
mp4" type='video/mp4;
codecs="avc1.4D401E, mp4a.40.2"'/>
Contedo a ser executado no caso
do navegador no suportar o vdeo.
</video>
Para funcionar adequadamente em
navegadores antigos, recomendvel
utilizar um objeto Flash ou Java Applet
como alternativa para o caso do
HTML5 no funcionar.
<video poster="movie.jpg" controls>
<source src="movie.webm"
type='video/webm; codecs="vp8.0,
vorbis"'/>
<source src="movie.ogg"
type='video/ogg; codecs="theora,
vorbis"'/>
<source src="movie
mp4" type='video/mp4;
codecs="avc1.4D401E, mp4a.40.2"'/>
<object data="vplayer.swf"
type="application/x-shockwave
ash">
<param value="vplayer.swf"
name="movie"/>
</object>
</video>
Seu navegador no suporta o
vdeo em HTML5,
<a href="video.mp4">baixe o
vdeo</a> para assistir.
</p>
</video>

<div id="video-controls">
<button type="button" id="tocar
parar">Tocar</button>
<input type="range" id="barra
escolha" value="0">
<button type="button"
id="mudo">Mudo</button>
<input type="range" id="barra
do-volume" min="0" max="1"
step="0.1" value="1">
<button type="button" id="tela
cheia">Tela cheia</button>
</div>
</div>
Basta criar um novo arquivo
JavaScript chamado script.js e
lig-lo ao seu HTML usando o
elemento <script>.
<script src="script.js"></script>
Abra o arquivo JavaScript e
adicione o seguinte cdigo a ele:
Controles
customizados
auxiliam no
momento de
trabalhar com vdeo
Com o HTML5,
possvel aplicar
efeitos no vdeo
sem grandes
esforos ou muitos
procedimentos
Construa controles customizados
para vdeos em HTML5:
<div id="container-do-video">

<video id="video" width="640"
height="365">
<source src="video.webm"
type="video/webm">
<source src="video.ogv"
type="video/ogv">
<source src="video.mp4"
type="video/mp4">
<p>
lwprogramao
60locaweb locaweb61
Criar botes como de parar e de tocar
uma tarefa simples com o HTML5
Basta usar o CSS3 para controlar a
aparncia de um tocador de animaes
As opes de personalizao do HTML5, como mostradas acima, so imensas
window.onload = function() {
// Video
var video = document
getElementById("video");
// Buttons
var botaoTocar = document
getElementById("tocar-parar");
var botaoMudo = document
getElementById("mudo");
var botaoTelaCheia = document
getElementById("tela-cheia");
// Sliders
var barraEscolha = document
getElementById("barra-escolha");
var barraVolume = document
getElementById("barra-volume");
}
// Eventos para os botes (Exemplo
apenas para tocar e parar o vdeo).
botaoTocar.addEventListener("click",
function() {
if (video.paused == true) {
// Toca o vdeo
video.play();
// Atualiza o texto do boto para
Parar.
botaoTocar.innerHTML = "Parar";
} else {
video.pause();
// Atualiza o texto do boto para
Tocar.
playButton.innerHTML = "Tocar";
}
Foi visto que criar um tocador de
vdeo customizado usando HTML5,
JavaScript e CSS3 extremamente
fcil. Usa-se apenas CSS3 para controlar
a aparncia e precisamos apenas
de comandos simples de JavaScript
para adicionar funcionalidades aos
controles. Ou seja, alm de altamente
customizvel, tambm extremamente
simples de alterar.
Neste exemplo, demonstramos como
criar o comando do boto Tocar/Parar
do vdeo. Para criar as aes dos
demais botes, tambm muito fcil.
Voc pode consultar a documentao
em http://zip.net/bykVyz ou seguir
tutoriais e exemplos disponveis na
Internet. Vale a pena dar uma olhada nos
tutoriais fornecidos pelas empresas dos
navegadores.
Concluso
O Vdeo HTML5 certamente
substitui completamente o uso
do Flash para tocar vdeos. E faz
isso sem aumentar o trabalho de
desenvolvimento, dando grandes
opes de customizao e ainda
mantendo padres da web. Dica:
corra e atualize o seu site.
Para customizar os controles
do vdeo, uma boa fonte
usar tutoriais fornecidos
pelas empresas dos prprios
navegadores. Conra nos links:
Tutorial da Microsoft: http://msdn.
microsoft.com/en-us/library/ie/
hh924823(v=vs.85).aspx
Tutorial do Mozilla: https://
developer.mozilla.org/en-
US/docs/Web/Guide/HTML/
Using_HTML5_audio_and_
video?redirectlocale=en-US&red
irectslug=Web%2FHTML%2FUsi
ng_HTML5_audio_and_video
Tutorial da Apple: https://
developer.apple.com/library/
safari/documentation/
AudioVideo/Conceptual/
Using_HTML5_Audio_Video/
ControllingMediaWithJavaScript/
ControllingMediaWithJavaScript.
html#//apple_ref/doc/uid/
TP40009523-CH3-SW1
PASSO A PASSO
lwprogramao
Make uma antiga
ferramenta de Unix para
agrupamento de tarefas de
congurao e compilao
de cdigos.
Cron um gerenciador
de tarefas gerais que
roda em background na
maioria dos sistemas
Unix. Ele foi projetado
para tarefas mais gerais,
no entanto, tambm pode
ser usado para customizar
tarefas de desenvolvimento,
como compilao em
tempos determinados e
tarefas de backup.
MAKE+CRON
O programa de linha de comando foi criado para
controlar a execuo de tarefas. Ele faz parte da
famosa plataforma Node.js Por Adle Helena Ribeiro e Max Reinhold Jahnke

possvel pensar no
Grunt.js como uma
variao de cron
e make. No entanto, ele
mais dinmico e voltado
para projetos especcos.
Essas tarefas variam muito
de projeto para projeto,
mas alguns exemplos
bastante comuns so
concatenao de arquivos,
testes, carregamento de
plugins e compilao de
Como usar
o Grunt.js em
seu projeto
Utilizar o Grunt.js
em seu projeto muito
simples. Basta congurar
dois arquivos no diretrio
principal: o Gruntle.js e o
package.json.
Aps isso, basta executar
o comando: npm install
no diretrio do projeto para
instalar as dependncias
e, em seguida, executar o
comando grunt.
No arquivo package.
json devero ser listados
o Grunt.js e os plugins do
Grunt.js que voc utiliza
cdigo. Assim, se voc quer
uma interface unicada para
automatizao de diversas
tarefas, alm de recursos
muito convenientes, como
executar uma tarefa apenas
quando um determinado
arquivo foi modicado, ento
a soluo o Grunt.js.
Como comear
Para instalar o Grunt.
js, basta ter acesso de
administrador e usar o
gerenciador de pacotes do
Node (npm):
npm install -g grunt
Com isso, o comando
grunt estar disponvel
para ser executado de
qualquer diretrio.
Se voc deseja que
diferentes verses do Grunt.js
funcionem simultaneamente
em sua mquina, ento
instale o grunt-cli. Para isso,
basta modicar o comando
anterior para:
npm install -g grunt-cli
Grunt pode ser voltado a
testes, compilao de cdigo
e concatenao de arquivos
Servio: Grunt.js Nvel tcnico: Iniciante/Intermedirio/Prossional
Conhea o Grunt.js
62locaweb
lwprogramao
em seu projeto. Esse arquivo deve ser
submetido com o cdigo de seu projeto.
Executando o comando npm install na
mesma pasta do arquivo package.json,
a verso correta que cada dependncia
listada ser instalada.
O comando npm init cria um
arquivo package.json bsico para
seu projeto. Voc pode alter-lo
seguindo uma especicao
detalhada que pode ser conferida em
https://npmjs.org/doc/json.html.
Outra forma de criar o arquivo
package.json utilizando a ferramenta
grunt-init com um template. muito
fcil encontrar um template para
quase qualquer coisa que voc queira
programar. Ento, antes de congurar
manualmente o seu arquivo package.
json, pesquise e veja se no tem um
modelo j disponvel para o que voc
precisa.
A ferramenta pode ser instalada
obtendo acesso de administrador e
executando o comando:
npm install -g grunt-init
Com essa ferramenta e um template
instalado na pasta ~/.grunt-init/ (ou
%USERPROFILE%\.grunt-init\ no
Windows), voc pode criar um projeto
com o comando:
grunt-init TEMPLATE
H vrios templates que so
ocialmente mantidos, como:
grunt-init-commonjs
cria um mdulo commonjs,
incluindo testes de Nodeunit.
grunt-init-gruntplugin
cria um plugin para o Grunt,
tambm incluindo testes de
unidade Nodeunit.
grunt-init-jquery
cria um plugin para a jQuery,
incluindo testes de unidade QUnit.
grunt-init-node
cria um mdulo para o
Node.js, incluindo testes de
unidade Nodeunit.
J o gruntle, que pode ser nomeado
como Gruntle.js ou Gruntle.coffee,
utilizado para congurar e denir as
tarefas, alm de carregar os plugins do
Grunt. Esse arquivo composto de:
uma funo wrapper;
congurao do projeto tarefas;
carregamento dos plugins do
Grunt e das tarefas;
tarefas customizadas.
A estrutura mais simples possvel
para o arquivo Gruntle.js :
// Funo "wrapper" com um parmetro
module.exports = function(grunt) {
// Tarefa a ser executada por padro.
Neste exemplo, no feito nada.
grunt.registerTask('default', []);
};
Antes de congurar manualmente seu
arquivo package.json, pesquise e veja
se no h um modelo j disponvel para
o que voc precisa
O Node.js uma plataforma que usa
JavaScript e V8, uma incrivelmente
rpida mquina virtual. possvel
criar com Node.js aplicativos
altamente escalveis, capazes de
manipular dezenas de milhares de
conexes simultneas.
NODE.JS
Instrues de instalao e de uso do Grunt podem ser acessadas em seu
website, que oferece ainda a documentao completa do controlador
Com o Grunt.js, voc perde
tempo congurando as tarefas
chatas, ou grunt tasks,
de seu projeto apenas
uma vez, depois, com um
nico comando, voc pode
execut-las automaticamente.
GRUNT TASKS
62locaweb locaweb63
lwprogramao
64locaweb
Grunt.js
Ilustra-se com um exemplo que
congura e carrega os plugins JSHint
e Concat. Na pasta raiz do projeto
execute, com acesso de administrador,
os seguintes comandos:
npm install grunt-contrib-jshint
--save-dev
npm install grunt-contrib-concat
--save-dev
A funo wrapper precisar
fazer as conguraes do projeto e
dos plugins. Em seguida, precisar
carregar os plugins que esto no npm e
fazer o registro das tarefas.
As conguraes devem ser
nomeadas e passadas como
argumentos do mtodo grunt.
initCong. No cdigo fornecido
como exemplo, as conguraes do
projeto, reunidas na tarefa pkg, so
obtidas a partir da leitura do arquivo
package.json. As conguraes do
plugin Concat e do plugin JSHint
so construdas a partir das variveis
bannerContent e name.
O arquivo Gruntle.js completo para
o exemplo que congura e carrega
as conguraes do projeto com os
plugins Concat e JShint :
module.exports = function(grunt) {
var bannerContent = '... banner
template ...';
var name = '<%= pkg.name %>-v<%=
pkg.version%>';
grunt.initCong({
// conguraes do projeto
pkg : grunt.le.readJSON
('package.json'),
// conguraes do plugin Concat
concat: {
options: {
banner: bannerContent
},
target : {
src : ['src/**/*.js'],
dest : 'distrib/' + name + '.js'
}
},
// conguraes do plugin JSHint
jshint: {
options: {
eqeqeq: true,
trailing: true
},
target: {
src : ['src/**/*.js', 'test/**/*.js']
}
Excelentes projetos usam Grunt.js, entre eles esto jQuery e CanJS;
para ver outros projetos, acesse https://github.com/search?q=grunt.js
O programa permite o uso de plugins, que tambm podem ser adquiridos
em seu site ocial; vale a pena recorrer ao programa para realizar tarefas
}
});
// carregando os plugins
grunt.loadNpmTasks
('grunt-contrib-jshint');
grunt.loadNpmTasks
('grunt-contrib-concat');
// registrando tarefas com nome 'default'
grunt.registerTask('default',
['jshint', 'concat']);
};
Concluso
A ideia do Grunt.js pode ser difcil
de engolir no comeo. Primeiro, parece
apenas mais um dos descendentes do
make. Logo depois, ele parece apenas
uma reinveno do cron, o velho
gerenciador de tarefas de sistemas Unix.
Porm, uma anlise mais cuidadosa
revela que o melhor das duas
ferramentas em um nico programa.
Sendo exvel e altamente customizvel,
com o Grunt.js, voc pode fazer
maravilhas e acabar com as diversas
tarefas grunt do desenvolvimento
do seu projeto. Vale a pena conhecer
melhor a ferramenta, testando-a e
avaliando suas caractersticas.
Sem ttulo-3 1 11/09/2013 15:47:58
lwparceirosemdestaque
//Empresas e prossionais liberais que oferecem servios de desenvolvimento de sites
Dois Pixels
SetWeb
Infopar Informtica Mais Empresas
4Ps Agncia Digital
Arte Digital Internet
www.doispx.com.br
www.setweb.com.br
www.infopar.com www.maisempresas.com
www.4ps.com.br
www.artedigitalinternet.com.br
66locaweb
Copyright
2012, Intel Corporation. Todos os direitos reservados. Intel, o logotipo da Intel, Intel Inside,
o logotipo do Intel Inside, Intel Apaixonados pelo Futuro, o logotipo do Intel Apaixonados pelo Futuro,
Xeon e Xeon Inside, so marcas registradas da Intel Corporation nos Estados Unidos e em outros pases.
APRESENTAMOS A NOVA
FAMLIA DE PROCESSADORES INTEL
XEON
E5
Esteja voc desenvolvendo ou contratando um servio de nuvem, pode ter
certeza que a infraestrutura do seu centro de dados ter a performance
e a segurana perfeitos para o TI de uma empresa em constante evoluo.
Servios em Nuvem prontos
para crescer
Saiba mais em intel.com.br/cloud
70%
466
271
EFI CINCI A
Resultados de Benchmark
divididos pelo processador TDP
MAIS EFICIENTE
NO CONSUMO DE ENERGIA
AT
230 nanossegundos
340 nanossegundos
LATNCI A
Tempo mdio para um equipamento
I/O ler a memria do sistema local
em condio inativa
MENOS
LATNCIA DE REDE
30%
AT
80%
166.75
PERFORMANCE
Mdia de resultado geomtrica
MAIOR
PERFORMANCE AT
306.74

Decole A Sua Audiência Com o AdWords

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Decole A Sua Audiência Com o AdWords

Uploaded by

Copyright:

Available Formats

AdWords

Loja de apps do Android: de acordo com

You might also like