Professional Documents
Culture Documents
A Internet em Revista
dinheiro
::Gil
Giardelli
::Site
Mobile
::HTML5
::Page
Trawler
com
seu
ganhe dinheiro com seu blog
Veja também:
AdServer Design eficiente HUGEpic
Descubra por que a tecnologia Os dez mandamentos para realizar Conheça a ferramenta que
se tornou indispensável um projeto que se adapte de forma permite incluir fotos gigantes
na hora de fazer uma boa adequada às múltiplas plataformas em seu site sem prejudicar
locaweb
Tablets X
eReaders
Satisfação mandamen
Conheça as principais
características desses dois tipos
do Respon
de gadgets e descubra qual deles
atende melhor às suas pretensões
Aline Mariano
E
Web Desi
m franca ascensão em de processamento. E, nesse caso,
pessoal
todo o mundo, o mercado além do iPad, pode-se recorrer ao
de tablets e eReaders tem Galaxy Tab, da Samsung, entre outros
expectativa de crescimento de modelos fabricados pelas grandes
vendas estimada em 400% para empresas de tecnologia.
2013, de acordo com pesquisa Por isso, antes de comprar um
1
realizada pela consultoria Gartner. aparelho do gênero, identifique
O estudo revela ainda que o exatamente o que ele oferece. A seguir, CONH
número de gadgets do gênero confira os pontos positivos e negativos O SEU EÇA
comercializados no planeta até dos eReaders e tablets mais desejados PÚBLICO-ALVO
dezembro deste ano deve chegar à do mercado e veja qual deles é o Para Fabricio
Teixeira,
casa de 53 milhões de unidades. mais indicado para você. da R/GA, antes
iniciar um projeto, de
O grande nome do segmento é, descobrir quem é fundamental
é o público-alvo
sem dúvida, o iPad, da Apple. O qual tipo de dispositivo e
sucesso do tablet da empresa da
DIFERENÇAS De onde o site ele possui.
ENTRE qual o objetivo
será acessado
e
N
maçã levou diversas companhias
EREADER Chega de ão é mais novidade que para os mais variados equipamentos, a equipamento
do usuário em
são questões
cada
de tecnologia a fabricar aparelhos
E TABLET a expressão Responsive Locaweb em Revista conversou com podem ser esquecida que não
semelhantes, mas com características confusão! Saiba, Web Design, ou web três especialistas no assunto: William saiba qual conteúdo s. A partir daí,
faz sentido
2
distintas que, muitas vezes, atendem EREADER Ao contrário dos
a grupos diferentes de usuários. tablets, esse tipo de aparelho de uma vez design responsivo, em português, Moraes, desenvolvedor FrontEnd do cada contexto
de um desktop
de uso. “Se o
em
usuário
por todas, o
agrega um conjunto de boas site da Locaweb; Fabricio Teixeira, está
de um restaurant acessando o site PENSE NO TO
T
é dedicado especialmente à
Para quem deseja apenas ler práticas cujo objetivo é entregar designer sênior da R/GA, agência e,
leitura de livros digitais. Não tenha tempo para é possível que Faça um levantamento
livros e revistas, por exemplo, os
eReaders costumam se apresentar
se deve esperar nada a mais
deles, já que não são dotados
que realmente de maneira eficaz conteúdo para
diversas plataformas de tecnologia.
de mídia digital que atende clientes
como Mastercard, Unilever e Johnson
conhecer o chef
da
ver fotos do lugar
“Se está acessando cozinha”, imagina.
e liste as funcionalidades
Numere em ordem de i
como uma opção mais eficiente que de processadores de alto importa na hora Entretanto, o design responsivo & Johnson; e Sérgio Lopes, instrutor um celular, possivelm o mesmo site
de conteúdo para cada co
tablets avançados, já que são feitos desempenho nem contam com
uma interface gráfica funcional, de produzir ainda é novo no mundo inteiro. e desenvolvedor na Caelum, empresa do carro, parado
em
ente está dentro
precisa confirmar fila dupla, e
não têm paciência (nem tempo) para
ainda mais se estão navegando no c
você confere na reportagem de capa desta edição. E o Francine Brandão page invocada – com vitrines suas palavras. Entretanto, há mais: páginas pessoais da web). tupiniquins para estrangeiros e
dinâmicas, que trocam as somente uma interface diferenciada A seguir, você confere dicas que pode ser acessada em http://
chamadas –, diversos colunistas e não faz um blog de sucesso. de blogueiros que começaram do thebrazilbusiness.com Aprenda
muita possibilidade de interação. É necessário muito suor, dedicação zero e, por conta de seus projetos com eles a transformar sua página em
Em uma visualização rápida, até e interação – seja em redes sociais, virtuais, criaram agências de algo muito maior do que um
locaweb33
locaweb33
qualquer um. Basta ser criativo e, principalmente, gerar MateriaCapa38.indd 32 2/1/13 11:14 AM MateriaCapa38.indd 33 2/1/13 11:14 AM
:: www.locaweb.com.br ::
A INTERNET EM REVISTA
VP Comercial e Marketing: Editores: Paulo Basso Jr. e Renato Peron e Rodrigo Sacomani de Internet. A Editora Europa não se
Claudio Gora Sérgio Vinícius responsabiliza pelo conteúdo dos
dinheiro
::Gil
Giardelli
com
seu Luis Carlos dos Anjos Editor de Arte (projeto gráfico): Paulo Toledo
Coordenação Editorial: Alexandre Dias (Nani) Tráfego: Renan Pereira Distribuidor Exclusivo para o Brasil:
GANHE DINHEIRO COM SEU BLOG
Fernanda Brianezi Valim Colaboração: Adèle Helena Ribeiro, (11) 3038-5097 Fernando Chignalia Distribuidora S. A.
Colaboração: Andréa Ascenção e Aline Mariano, Bianca Bellucci, Rua Teodoro da Silva, 907 - CEP
Fique por dentro
das estratégias e
táticas usadas pelos
TESTE
x
Gislaine Lima Francine Brandão e Max Reinhold Circulação e Promoção 20563-900 - Grajaú - RJ
Tabletsrs
blogueiros que
faturam prêmios e
se destacam na web
eReade e contras dos
Saiba os prós gadgets do
principais
mercado e descubra
qual
para você
Gerente: Ézio S. Vicente
Editora Europa Publicidade São Paulo: Desenvolvimento de Pessoal: Impressão:
deles é melhor
Veja também:
AdServer Design eficiente HUGEpic
Aydano Roriz Diretor Executivo: Luiz Siqueira Mauricio Dias (11) 3038-5093
Luiz Siqueira Diretor Editorial e Executivos de Negócios: Locaweb em Revista é uma Somos Filiados à ANER
Tânia Roriz Jornalista Responsável: Alessandro Donadio (coordenador), publicação da Editora Europa Ltda. Associação Nacional dos
Vivi Carrara Roberto Araújo - MTb.10.766 - Angela Taddeo, Adriana Gomes, e do departamento de comunicação Editores de Revistas
Graduada na melhor
escola de moda do Brasil.
Lancou uma grife própria
´
que é um sucesso.
Fluxo de caixa,
definitivamente, não é
sua especialidade.
P
ara ter um negócio de
sucesso na internet,
é fundamental
identificar quais são as
motivações que os clientes
têm para colaborar com a
sua marca, especialmente
diante da atual proliferação
de informações impulsionada
pelas redes sociais. Essa
é a visão de Gil Giardelli,
autor do livro Você é o que
você compartilha e um
dos maiores especialistas
brasileiros no mundo digital.
Com 14 anos de experiência
em diversos setores da internet,
Giardelli é web ativista e difusor
de atividades e conceitos
ligados a sociedade em rede,
colaboração humana, economia
criativa e inovação digital.
Mais do que ministrar aulas
na ESPM (Escola Superior de
Propaganda e Marketing) e na
MKT
FIA-USP (Fundação Instituto de
Administração), o especialista
tem suas ideias difundidas em
palestras realizadas em grandes
eventos ao redor do mundo.
Aqui, Giardelli revela alguns
de seus conceitos voltados
para quem deseja criar um
negócio de sucesso na
relevante
internet. Acompanhe.
6locaweb
lwentrevista
locaweb7
lwcaixa_de_entrada
//O canal direto entre você e a equipe de redação da Locaweb em Revista
Excesso de
antivírus não Envie seu
adianta e-mail
Gostaria de saber se, ao Se você tem
usar dois antivírus ao alguma dúvida,
mesmo tempo em meu sugestão ou
crítica, entre em
computador, eu vou
contato com a
aumentar ou atrapalhar nossa redação pelo
a proteção do sistema? Não use mais de um e-mail locaweb@
antivírus no computador,
Camila Fernandes // pois os softwares podem europanet.com.br.
entrar em conflito
Por e-mail
Essa dúvida é bastante eles podem se anular e mesmo tempo, pois dessa locais e não há como
comum, Camila. Ocorre deixar o seu computador forma você estará apenas utilizá-lo aqui no Brasil.
que, ao adotar dois vulnerável para infecções. prejudicando a defesa de Isso é verdade?
antivírus ao mesmo O mais correto a fazer é seu computador. Mário dos Reis //
tempo, você estará deixar apenas um antivírus Por e-mail
atrapalhando a execução ativo. Caso não goste Teclado de
de seu computador – e não do programa que está notebook Ao comprar qualquer
duplicando a proteção, instalado na sua máquina gringo equipamento que tenha
como muitas pessoas ou acha que ele não a está Quero comprar um teclado físico nos Estados
supõem. Isso porque os protegendo o suficiente, notebook nos Estados Unidos, o produto virá
dois antivírus podem entrar desinstale-o e baixe um Unidos, mas meus configurado com o padrão
em conflito achando que novo antivírus. Nunca amigos dizem que o norte-americano, que
um deles é uma ameaça deixe dois programas teclado vem formatado não inclui, por exemplo,
para o outro. Com isso, do gênero rodando ao com as configurações acentos e alguns atalhos
nas mesmas posições
aplicadas nos aparelhos
brasileiros. Isso não quer
dizer, porém, que não é
possível utilizá-lo no Brasil.
Após instalar o equipamento
adquirido nos Estados
Unidos, é possível usá-lo de
duas maneiras: a primeira
é adotar o teclado com as
configurações originais e se
adaptar aos novos atalhos
e teclas posicionados em
locais diferentes, além de
aprender a colocar acentos.
A segunda é mudar a
configuração do teclado para
o padrão brasileiro. Nesse
caso, entretanto, você terá
de decorar onde fica cada
tecla nos produtos vendidos
Os teclados de produtos
comprados nos EUA têm padrão no Brasil e adotá-las no
diferente do aplicado no Brasil, equipamento que trouxe dos
mas é possível usá-los por aqui
Estados Unidos.
Fotos: Shutterstock.com
8locaweb
lwnotícias
//As novidades da Locaweb, a maior empresa de serviços de internet do Brasil
MarcaData
Solução chega
ao mercado
brasileiro para
inovar a maneira
de agendar
compromissos
online de pequenas
e médias empresas
E
m parceria com a
empresa norte-americana
Programa inclui
Schedulista, a Locaweb diversos serviços,
como criação
lança no mercado brasileiro o de lembretes e
MarcaData, primeiro software de integração da agenda
com redes sociais
agendamento com foco no
pequeno e médio empresário.
“Decidimos trazer esse produto ajudando-o a organizar seus "Software facilita
para o Brasil após observar o
sucesso dele com PMEs nos
compromissos e proporcionando-lhe
mais praticidade e comodidade”,
a rotina do
Estados Unidos. Não temos dúvidas afirma o gerente de marketing de empreendedor
de que ele irá facilitar a rotina do
empreendedor brasileiro,
produtos SaaS da Locaweb,
Jonathas Meller.
brasileiro,
ajudando-o a
organizar seus
compromissos"
::Jonathas Meller
Gerente de marketing de
produtos SaaS da Locaweb
10locaweb
Contato lwnotícias
Precisa de mais informações sobre
os serviços? Ligue para o número
0800-770-2235 ou mande um email
para comercial@locaweb.com.br
Porta 25 fechada:
Garanta a disponibilidade Locaweb reforça
seu compromisso
da aplicação contra o SPAM
A dministradores de servidor
não precisam mais gastar
tempo monitorando o consumo dos
de memória e processamento de
acordo com os picos de consumo
destes recursos, pagando apenas
recursos contratados. Para otimizar pelas horas consumidas. Também
a rotina desses profissionais, a é possível fazer downgrade para
Locaweb lança a Escalabilidade voltar ao estado inicial do servidor,
Vertical Automática com cobrança evitando gastos desnecessários ao
por hora, uma nova funcionalidade deixar a infraestrutura sempre com a
no Cloud Server Pro. configuração na medida certa.
Tudo é feito por meio do painel Para mais informações, acesse
de administração do Cloud. O o link www.locaweb.com.br/ Quando a gerência de porta 25 –
cliente pode programar os upgrades CloudServerPro. nome dado ao conjunto de ações
aplicadas em redes residenciais para
implantar um sistema de redução de
spams – foi anunciada pelo Comitê
Gestor da Internet no Brasil (CGI.br), a
Locaweb iniciou intensa comunicação
com seus clientes para orientá-los
sobre a importância da alteração da
configuração da porta de envio de
e-mails para a 587. Ainda em 2012, a
Locaweb aderiu 100% às orientações
do CGI.br, o que possibilita impedir
que as redes nacionais sejam abusadas
por spammers, evitando o desperdício
atendimento do Suporte
internacionais que contêm os países
que mais enviam spam. Saiba mais:
Técnico da Locaweb
www.antispam.br/porta25.
locaweb11
lwwishlist
O melhor da
vitrine digital
O que há
de mais
interessante nas
prateleiras ao
redor do mundo
Maçã pequena
Previsto para chegar ao Brasil nos
próximos meses, o iPad Mini, da Apple,
vem causando furor em todo o mundo.
Com display de 7,9”, o equipamento
está disponível nas versões wi-fi ou wi-fi
+ celular de 16 GB, 32 GB ou 64 GB.
O eletrônico pesa cerca de 300 g, tem
processador A5 dual-core, tira fotos de até
5 Mpixels e grava em HD. É vendido nas
cores preto e chumbo ou branco e prata. A
versão mais simples (16 GB, sem telefone)
custa a partir de US$ 339 nos EUA.
Mais informações: www.store.apple.com
Isola e deixa um
som de arrepiar
O QuietComfort 15 Acoustic Noise
Cancelling, da Bose, é um headphone que
oferece ótima qualidade de áudio para
os amantes de música. Com isolamento
de ruídos externos, o aparelho permite
aproveitar todos os trechos do áudio
de forma linear e limpa. O gadget está
disponível apenas na cor prata, tem peso
aproximado de 200 g e pode ser
encontrado por US$ 300 nos EUA.
Mais informações: www.bose.com
12locaweb
lwwishlist
Smartphone
elegante
O smartphone Optimus L7, da LG,
tem design elegante e moderno.
Sua tela de 4,3” é ideal para o
sistema operacional Android 4.0
(Ice Cream Sandwich). Com ótima
qualidade de vídeo e áudio, o
celular peca apenas nas câmeras
digitais acopladas, que têm baixa
definição. A traseira é de apenas
5 Mpixels e a dianteira é VGA. O
equipamento pode ser comprado
nas cores preto ou branco. Seu
preço sugerido é de R$ 999.
Mais informações: www.lge.com
Celular compacto
Depois do grande sucesso obtido com o
Galaxy S3 em todo o mundo, a Samsung
resolveu atingir um novo público ao anunciar o
lançamento de um modelo mini do smartphone.
O aparelho conta com tela Super AMOLED
de 4”, processador dual-core de 2 GHz e vem
equipado com a versão Jelly Bean do
Android. A câmera traseira, porém,
decepciona, pois tem apenas
5 Mpixels, enquanto a versão original
traz 8 Mpixels. O eletrônico está à
venda a partir de R$ 1.299.
Mais informações:
www.samsung.com
Hub divertido
A Imaginarium lançou um hub que leva
o usuário de volta ao passado, graças ao
design semelhante ao de uma fita K7.
Com três portas USB 2.0, o equipamento
é vendido nas cores amarelo e preto
e vem em uma embalagem igual a
usada nas fitas antigas. É uma boa dica
para quem deseja otimizar as entradas
disponíveis no desktop ou notebook e,
ainda por cima, ter um objeto decorativo
ao lado do computador. O aparelho tem
preço sugerido de R$ 39,90 e pode ser
adquirido nas lojas físicas ou via internet.
Mais informações:
www.imaginarium.com.br
locaweb13
lwwishlist
Sonoro e colorido
O fone de ouvido Tank, da Aerial7, foi feito para quem
não quer passar despercebido. Além de ter qualidade de
áudio impecável, o acessório vem com uma combinação
extravagante de cores. O fone se adapta perfeitamente
à cabeça do usuário e oferece duas opções de extensão
de fio – uma para ser usada com celulares, MP3 players
ou tablets, e outra para ser adotada por DJs profissionais.
Ambas vêm em uma embalagem decorada. O preço
sugerido é de R$ 500.
Mais informações: www.aerial7brasil.com.br
Televisão
inteligente
A SmartTV Samsung Serie ES7000
é uma televisão que dispensa uso
de controle remoto, o que possibilita
uma interação direta com o usuário.
O aparelho é controlado por voz e
movimento. De quebra, conta com
reconhecimento facial. Por meio
dele, é possível acessar a internet e
fazer videochamadas via aplicativos,
como o Skype. A TV vem com quatro
óculos que permitem ver filmes em
3D. O preço sugerido no Brasil do
modelo de 46” é de R$ 5.999, e do
modelo de 55”, R$ 8.199.
Mais informações:
www.samsung.com
Tablet arrojado
Com display 1.280 x 800 de 7”, que
transmite imagens em alta qualidade
em qualquer ângulo de visão, o Kindle
Fire HD chegou para mudar a imagem
da Amazon em relação ao design de seu
famoso gadget. Trata-se do primeiro
tablet do mundo com dual-band e
dual-antena wi-fi, o que garante, segundo
o fabricante, downloads 40% mais
rápidos. O aparelho está disponível nas
versões de 16 GB e 32 GB e pode ser
encontrado a partir de US$ 199 nos EUA.
Mais informações: www.amazon.com
14locaweb
lwcase
//Ações criadas pelos clientes da Locaweb para melhorar o dia a dia online
Rede social
corporativa
Voltada para o segmento de educação, Learnway
aposta em um ambiente com interface lúdica que une
informação, comunicação e treinamento Bianca Bellucci
A
Learnway atua no e Sun Microsystems, nos Estados Com sede em Curitiba, o grupo
mercado de educação e Unidos, a empresa tem como tem ainda um escritório em São
comunicação corporativa carro-chefe um ambiente batizado Paulo e uma reseller em Milão, na
nacional e internacional. Com de “Cidade Virtual”, uma rede Itália. Dos sete anos que está no
clientes no Brasil como Electrolux, social corporativa que tem o intuito mercado, há seis a Learnway atua
Gol, Avon, Renner e Kraft Foods, e de aproximar as empresas dos seus como parceira da Locaweb, com
no resto do mundo como Estado do funcionários, além de proporcionar foco em ferramentas como o Servidor
Vaticano, Banco Central da Itália serviços de e-learning. Dedicado e o FTP Multiusuário.
De acordo com o sócio-fundador e
CEO da empresa, Giuseppe Mosello, a
Locaweb foi escolhida por apresentar
história e estrutura mais sólida do
que as outras empresas da área de
tecnologia. “Desde o começo das nossas
atividades, procuramos um parceiro
que pudesse nos garantir continuidade,
solidez, desempenho e suporte, pois
tudo o que fazemos se baseia no
uso da tecnologia de rede. Esse é o
fator que habilita todos os processos
metodológicos criados caso a caso.”
Além da “Cidade Virtual”, a empresa
trabalha com outros produtos, como
a Empresa Interativa, uma revista
digital totalmente gratuita destinada ao
mercado corporativo. Recentemente,
a publicação ganhou uma versão em
HTML para ser acessada também via
tablets e smartphones.
Cidade Virtual
Empresa: Learnway (www.learnway.com.br) Ganhadora do prêmio ABERJE
Área: Educação e comunicação corporativa
de 2009 como a melhor ferramenta
16locaweb
lwcaseLearnway
locaweb17
lwcasewebstore
Sua loja aqui!
Se você também tem uma WebStore
Locaweb e deseja aparecer nesta seção,
entre em contato conosco por meio
do e-mail locaweb@europanet.com.br.
Aguardamos seu contato!
www.emporiona.com.br
o site
A WebStore Empório N.A.
trabalha com uma vasta linha
de acessórios de dança para
crianças e adultos. Há produtos
para diversas modalidades:
ballet, dança de salão, flamenco,
jazz e sapateado. Além disso,
é possível encontrar tênis para
dança, bolsas e uma gama de
collants, calças, saias, boleros,
macacões e meias. Como o prazo
de entrega depende dos correios
é importante ler e ficar atento às
observações da loja online.
18locaweb
lwcasewebstore
Empório N.A.
Com a ferramenta WebStore da Locaweb
representante viabiliza revenda de
produtos da Capezio para todo o Brasil
A
verdade é que ninguém pagamento. É algo que nos faz pensar
consegue nada sozinho. cada vez mais que precisamos sempre
É preciso escolher as trabalhar no sentido de atender bem
parcerias de forma que num todo o qualquer lugar do país”, completa. E
negócio funcione”, declara Adriano para atingir sua meta, a Empório N.A.
Giopato, sócio-diretor da Empório foca em responder rapidamente, por
N.A. Quando se credenciou a e-mail, todas as dúvidas dos clientes,
Capezio – fabricante no segmento o que traz mais segurança na hora da
de dança, ginástica e fitness, compra. “A WebStore proporciona ao
além de fantasias, assessórios e cliente a facilidade de poder escolher
adereços para o cabelo –, Giopato seus produtos de forma clara, com boa
e seu sócio, Nivaldo Teixeira, visualização e ótima interatividade”,
levaram em consideração que o pontua Giopato.
estoque da matriz está localizado Do ponto de vista empreendedor,
próximo à sede da Empório N.A. “teríamos um grande custo se fossemos
Essa foi a primeira parceria, que partir para uma solução própria, além
permitiu estruturar uma logística de todos os problemas de confiabilidade
fácil e rápida de revenda. A e integrações necessárias. Para quem
segunda parceria aconteceu em está começando, a economia usando
2010, quando Giopato implantou a uma solução pronta, como é a da
WebStore da Locaweb. Locaweb, é bastante significativa.
Ao colocar no ar a loja online Não precisamos contratar alguém
www.emporiona.com.br, Giopato para resolver possíveis problemas
levou até os confins do Brasil itens ou customizações. Está tudo ali,
imprescindíveis à profissão de ginastas disponível. A cada melhora uma
e dançarinos. Para exemplificar, ele opção a mais que você pode ativar
recorda o caso de uma cliente que em sua loja”, especifica.
comprou uma Sapatilha de Ponta: O resultado é percebido no contínuo
“provavelmente, foi sua primeira aumento de acesso à WebStore. Em
sapatilha. Na época custava outubro de 2011 a Empório N.A.
R$ 69,90. Com a facilidade dos registrou 1.415 visitas e 9.400
meios de pagamento e do correio, a visualizações de página. Um ano
mercadoria foi enviada para o Amapá depois, as visitas saltaram para 5 mil por
e paga em 10 vezes. Certamente este mês e 30 mil visualizações de página.
produto não seria comprado nestas Hoje, 77% dos visitantes são novos
condições na cidade dela, por não contatos. Quer dizer, as parcerias ainda
haver loja física e pela facilidade do possibilitaram prospectar novos clientes.
locaweb19
lwvitrinewebstore
+WebStore
Está procurando um lugar
fácil, prático e rápido para
comprar? Confira aqui
11 lojas virtuais, parceiras da
Locaweb, e faça suas compras
com todo o conforto que
você sempre desejou.
Click tÊnis de mesa
http://clicktenisdemesa.webstorelw.com.br
20locaweb
lwvitrinewebstore
locaweb21
lwopinião
espaçoabradi
O silêncio
dos inocentes
H
oje em dia, não seria errado “Berra no Twitter que a empresa tal responde”
afirmar que toda empresa que é o que dizem os amigos. As pessoas berram, e
se preza está preocupada com a como! Ok, é importante monitorar e se comunicar
relevância de sua marca nas redes sociais. nas redes sociais. E também resolver. Mas a
Jonatas Abbott Mas o fato é que o silêncio nessas mídias empresa tem que estar atenta ao silêncio nessas
Sócio-diretor executivo pode ser ainda mais preocupante do que o mídias. Pessoas com mais idade, executivos,
da Dinamize e presidente
da ABRADi enorme barulho gerado por elas. Afinal, só empresários, diretores, líderes de mercado e
E-mail: se fala nelas: Twitter, Facebook, LinkedIn, palestrantes “berram” pouco ou nada nas redes
abbott@dinamize.com
Orkut, Flickr e YouTube. E não podemos sociais, mas observam muito, silenciosamente.
esquecer que, além disso, todo e qualquer Todos acompanham o que é postado,
site em que sua marca estiver presente as imagens e as reações das empresas para
pode cair na boca do povo, o que explica o formarem suas opiniões, que acabam sendo
fato de ser cada vez mais frequente ver as viralizadas em importantes rodas offline do
pessoas falando mal das empresas. mercado. Sua empresa pensa neles quando
É indispensável Sim, sabemos que nossa marca já está divide conteúdo nas redes sociais? Ou apenas
estar presente lá, na boca do povo. Fala-se e muito de toda pesa sua presença pelos retweets e menções?
nessa e qualquer marca na internet. Por isso, é Os evangelizadores da marca, os fãs e
“atmosfera” indispensável estar presente nessa “atmosfera” as pessoas que curtem sua empresa são
para interagir com seu cliente, esclarecer importantes, mas há um enorme silêncio na sua
para interagir
dúvidas, resolver problemas e se desculpar. timeline. E ele é muito, mas muito maior em
com o seu Mas as empresas estão assustadas com quantidade de pessoas do que o barulho que
cliente, o poder do barulho nas redes sociais. Todo sua empresa ouve.
esclarecer esse movimento faz com que elas acabem Esse enorme silêncio não é dos
dúvidas, respondendo melhor e mais rápido no Twitter evangelizadores nem dos agressores de sua
resolver do que no call center – o que é injusto para marca. É o silêncio dos inocentes. Mas não
quem fica na linha por um bom tempo e acaba se engane: o inocente silêncio deles acontece
problemas e se
se tornando refém de um meio de comunicação apenas nas redes sociais. Na vida real, eles têm
desculpar inadequado para o atendimento. uma voz e tanto. Pense nisso!
22locaweb
kwarup.com
SEGURANÇA.
MAIS UMA RAZÃO PARA VOCÊ CONTRATAR O CLOUD LOCAWEB.
Se você busca mais proteção
para arquivos e informações
importantes do seu negócio,
contrate o Cloud Locaweb,
que armazena dados de
cada cliente isoladamente,
garantindo mais segurança.
Cloud É loCaweb.
Locaweb.com.br/Cloud
lwopinião
mercado
Como começo?
L
embro-me dos diversos cursos, aos blogueiros que já estão falando sobre o
treinamentos e palestras que tema. Deixe as pessoas o notarem por conta
participei ao longo de 12 anos. de conteúdos bons e relevantes. Logo irão
Eu sempre entendia os exemplos, as associar a sua imagem com a delas.
explicações teóricas e os casos de sucesso Explore um bom nome, tente sair do varejo
Dhiego Bicudo que os convidados apresentavam. Mas, com algo: Blog do Dhiego (rs). Quem é esse
Executivo de Negócios da após todo esse conteúdo, sozinho, eu me Dhiego? Sobre o que ele fala? O que ele come?
AVADORA digital
E-mail: dhiego@avadora. perguntava: como começo o meu? Sexta no Globo Repor... (rs). Usei esses exemplos
com.br Isso vale, por exemplo, para quem deseja para que você possa definir uma linha de
Twitter: @dhidhi
montar um blog. Faça um esforço e respeite a escrita: vai fazer as pessoas sorrirem, chorarem
primeira estratégia do ambiente: fale de algo de ou não entenderem o que fala? Eu gosto de
que verdadeiramente goste e faça sentido diário humor e de criar associações com o cotidiano
em sua vida. Não force abordagens históricas das pessoas. Então vou tentar aplicar isso nos
e conteúdos antigos demais. Fale do hoje e do primeiros textos desta coluna.
amanhã. Não comece com uma introdução O uso de fotos e vídeos pode valorizar muito
sobre o assunto, pois, acredite, já existe muita sua ascensão. Tente acompanhar e se fotografar
Deixe as informação disponível na rede sobre ele. junto a pessoas de relevância. A estratégia
pessoas o Use a tática correta de todo e bom iniciante: parece narcisista, mas vai funcionar. Acredite.
critique ou fale bem. Como dizem: falando mal Por fim, fique de olho na periodicidade,
notarem por ou bem, que mal tem? Nesta área, faz toda a que será a primeira promessa que vai
conta de diferença. Uma dica: comece falando bem e, quebrar. Comece com períodos mais longos.
conteúdos se optar pelo contrário, explane os problemas e Tente não ser muito superficial. Não deixe
bons e sugira soluções para melhorar o uso do produto, mensagens no ar. Se for escrever diariamente
relevantes. serviço ou assunto de que vai tratar. Ninguém – e o conceito de blog é exatamente esse –,
Logo irão gosta de críticas que não acompanham ideias. faça-o. Se não vai, comece mensalmente,
Aproxime-se de pessoas, eventos e quinzenalmente e avance.
associar a sua lugares que falem sobre o assunto que Volto em dois meses. Escrevam para
imagem com vai abordar. Comece escrevendo simples, mim, quero conhecer os blogs de vocês e
a delas tenha objetivo e, é claro, muito respeito ajudar com mais dicas!
24locaweb
kwarup.com
Performance.
MAIS UMA RAZÃO PARA VOCÊ CONTRATAR O CLOUD LOCAWEB.
No Cloud Locaweb,
processamento, disco e memória
são de uso exclusivo para cada
cliente. Quer o site e o sistema do
seu negócio sempre disponíveis?
Então você precisa da alta
performance do cloud computing.
Cloud É loCaweb.
Locaweb.com.br/Cloud
lwopinião
mercado
Sobre blog
e dinheiro
Q
ualquer um pode entrar no fulltime, sem descanso. Não envolve apenas
Wordpress ou no Blogger e criar escrever conteúdo. Invariavelmente você
Diego Eis
um blog em poucos minutos. tem que interagir com os visitantes, tem que
Autor do blog: http://
tableless.com.br O problema é manter aquele blog vivo, monitorar visitação, planejar um media kit,
E-mail: diego@tableless. atraindo visitantes e tendo boa qualidade encontrar parceiros para ajudá-lo com design,
com.br
Twitter: @diegoeis de conteúdo. Isso quer dizer que criar programação, texto.
um blog, escrever um post de uma Outra coisa bem errada que a galera pensa
linha e colocar AdSense no final não vai é que blog só dá dinheiro com propaganda.
funcionar. Você não vai ganhar um tostão Isso é mito. Você pode ganhar dinheiro com
e ainda vai ficar frustrado. blog mesmo não tendo nenhum banner. Se
Ganhar dinheiro com blog não é fácil. Eu você tem uma empresa, manter um blog
Muita gente poderia terminar aqui esse artigo e, assim, conhecido o faz gerar mais negócios.
acha que ter você já estaria avisado e talvez nem fosse O tráfego gerado pelo blog pode trazer
tentar mais se aventurar a arrecadar uns visitantes interessados no seu serviço. Esse
um blog não trocados por aí. Mas essa é a verdade. Com tráfego é importante não apenas para gerar mais
dá trabalho. exceção de alguns blogueiros famosos, eu não negócios, mas para estabelecer a marca do seu
De fato, só ter conheço ninguém “normal” que conseguiu blog e, consequentemente, da sua empresa.
um blog não ganhar dinheiro blogando. O problema desse Lembre-se de que conteúdo é rei. Você não
dá trabalho assunto é que todo mundo inicia um blog pelo faz um blog: você produz conteúdo. Estamos
nenhum. Mas motivo errado: ganhar dinheiro. falando sobre blogs, mas leia-se aqui vlogs,
O fato é que ainda não inventaram um páginas no Facebook, comunidades, fóruns.
manter um jeito de ganhar dinheiro sem trabalhar. Tem Qualquer coisa que movimente pessoas,
blog é difícil. que trabalhar, e trabalhar duro. Muita gente que interaja com uma comunidade. Ter a
É uma tarefa acha que ter um blog não dá trabalho. De fato, percepção de que você trabalha para trazer
árdua, fulltime, só ter um blog não dá trabalho nenhum. Mas conhecimento e bom conteúdo para outras
sem descanso manter um blog é difícil. É uma tarefa árdua, pessoas deve ser seu foco.
26locaweb
lwopinião
mercado
Os caminhos do
blog rentável
F
oi no século passado, mais de mídia e muitos ainda o fazem como seu diário
exatamente em 17 de dezembro pessoal online. Ter um blog rentável é colocar
de 1997, que Jorn Barger criou o a mão na massa, independentemente do
weblog, que na verdade era um diário tema. A não ser que você venha com uma
Marcello Barbusci pessoal online. Em 1999, Peter Merholz bagagem financeira que possa manter uma
Autor do blog desmembrou a palavra weblog criando equipe de colaboradores. Caso contrário, a
barbusci.com.br a frase we blog “nós blogamos”. Pouco responsabilidade é toda sua.
E-mail: marcello@barbusci.
com.br depois, Evan Williams, do Pyra Labs, Você pode até investir em anúncios do
Twitter: @mbarbusci usou blog como substantivo e verbo: Google ou outras ferramentas semelhantes
to blog ou “blogar”, no sentido de para gerar receita, mas se não construir
editar ou postar. conteúdo relevante, nada disso irá adiantar.
Naquele período, tudo era feito Talvez uma dica seja você começar a falar
manualmente dentro dos códigos das páginas, sobre algo de que goste, que te apaixone. Isso
o que tornava o processo seletivo. Assim, facilita muito, pois você terá prazer em buscar
poucos tinham seus diários na web. assuntos e referências.
No início de 2000, houve a democratização Não precisa tentar atirar para todos os
dos blogs. O surgimento de ferramentas intuitivas lados falando sobre várias coisas. Você tem
Fale sobre gerou a possibilidade de todos construírem seus de ser relevante e, para isso, precisa saber
algo de que diários online. Criou-se assim a blogosfera, um do que está falando, ter autoridade sobre o
goste, que te canal de voz ativa para todos, um espaço livre tema. Não vou nem falar sobre a questão de
que, muitas vezes, vai além dos limites aceitáveis. usar as redes sociais para tornar o seu blog
apaixone. Isso Passamos de 50 blogs em 1999 para mais de conhecido, pois disso você já sabe bem.
facilita muito, 112 milhões nos dias de hoje, sendo que, cerca Administre com a razão, mas leve com
pois você de 120 mil novos blogs são criados diariamente, o coração. Assim, você verá que a receita
terá prazer segundo o estudo State of Blogosphere. E por terá uma consequência boa. E não esqueça:
em buscar que somente alguns deles se tornam rentáveis 31 de agosto é dia do blog. Sabe por quê?
assuntos e diante desse número estrondoso? Talvez porque Simplesmente porque “31.08” se assemelha
apenas alguns encaram o blog como um veículo com a palavra BlOG. Te vejo na blogosfera!
referências
28locaweb
lwmobile
A
proximadamente De olho nesse cenário, Locaweb decidiu trabalhar Confira os planos
Para contratar o
250 milhões a Locaweb lançou o com essa ferramenta após Criador de Sites
de acessos à Criador de Sites Mobile, fazer algumas pesquisas Mobile Locaweb, entre
de mercado e concluir que, em locaweb.com.br/
internet são realizados ferramenta que permite produtos/criador-de-
via celular todos os até mesmo a quem não hoje, a maioria dos sites sites-mobile. Você
meses no Brasil, segundo tem conhecimento técnico não está adaptada para a encontrará três tipos
de planos. Todos eles
dados divulgados pela desenvolver, em poucos versão mobile. oferecem acesso ao
Agência Nacional de passos, sites exclusivos “As páginas não banco de imagens e
interação com o Google
Telecomunicações para smartphones carregam nos celulares ou o Analytics e o Google
(Anatel). Esse número compatíveis com conteúdo fica muito extenso Maps. Confira:
Anual – R$ 125,16
revela o quanto as sistemas Android, iOS para uma tela pequena”, (R$ 10,43 por mês)
empresas necessitam, e Windows Phone. afirma Meller. Além disso, Semestral – R$ 89,40
(R$ 14,90 por mês)
cada vez mais, aderir De acordo com o gerente um site criado para ser Trimestral – R$ 44,70
a essa plataforma para de marketing de produto da acessado por desktop (R$ 14,90 por mês)
atingir novos públicos. empresa, Jonathas Meller, a geralmente tem ícones que
ficam muito pequenos ao
serem acessados por um Para melhorar a
Após contratar o serviço, smartphone. Isso obriga experiência mobile, o
30locaweb
lwmobile
Acesse o
endereço exemplo.
mobilelw.com.br
e veja uma página
de exemplo feita
com o Criador
de Sites
Clientes
Apesar de ser uma ferramenta
nova – lançada em meados de
novembro –, o Criador de Sites
Mobile Locaweb já tem uma
cartela ampla de clientes. Entre
eles estão Sushi Bahia, X4Tech e
DCS Birigui. Para ver o site mobile
dessas empresas, acesse pelo
celular os seguintes endereços:
locaweb31
dinheiro
com
seu
32locaweb
capablogs
O que os blogs de ponta da mais der na telha do autor. Nesta contam com mais de 300 mil
web brasileira ainda trazem são reportagem, a Locaweb em visitantes únicos e, obviamente,
páginas com a marcação dos posts, Revista conversou com alguns vivem somente de seus sites. São
a possibilidade de comentários e dos mais talentosos e reconhecidos mais de vinte profissionais de
a organização por tags, eventos, blogueiros do País (quase todos eles sucesso, indicados pelas principais
assuntos ou o que quer que seja. finalistas ou vencedores do prêmio páginas que avaliam a categoria,
De novo, somente a possibilidade TopBlog www.topblog.com.br , como a própria TopBlog e a Brazil
de ganhar dinheiro e de viver de que anualmente julga as melhores Business, especializada em assuntos
suas palavras. Entretanto, há mais: páginas pessoais da web). tupiniquins para estrangeiros e
somente uma interface diferenciada A seguir, você confere dicas que pode ser acessada em http://
não faz um blog de sucesso. de blogueiros que começaram do thebrazilbusiness.com Aprenda
É necessário muito suor, dedicação zero e, por conta de seus projetos com eles a transformar sua página em
e interação – seja em redes sociais, virtuais, criaram agências de algo muito maior do que um
em páginas temáticas ou onde comunicação, viajaram o mundo, mero “diário virtual”.
locaweb33
capablogs
Cam1sa Do2e
Blog de
investimentos
Fael Lima, do blog Cam1sa conta com mais de
5,5 mil acessos
Do2e (http://camisadoze. mensais somente
net) investiu na falta de de interessados
em apostilas
informações online da torcida do
34locaweb
Faça seu blog capablogs
capaSEO
» Não é preciso gastar dinheiro contratando serviços para
criar um blog. Sites como o Blogger (www.blogger.com)
e o WordPress (www.wordpress.com) são gratuitos
e capazes de criar blogs arrasadores em minutos. Basta
cadastrar-se na plataforma de sua preferência, escolher seu
tema, fontes e outros adereços para criar seu próprio blog.
locaweb35
capablogs
36locaweb
Dia do blog! capablogs
capaSEO
» O Dia internacional do Blog é comemorado no dia 31 de
agosto. Esta data foi escolhida porque os números 3108 se
assemelham com a palavra Blog. Neste dia blogueiros fazem
um post indicando cinco blogs para seus visitantes que
tenham pontos de vista diferentes de seu site. A ideia é que
os leitores conheçam novos blogs para acompanhar.
locaweb37
capablogs
Para quem está começando, Soares começaram a aparecer a partir de Thais estudou literatura. "Li
indica o Blogger, que disponibiliza 2012, por parte de empresas que clássicos, mas com o blog trabalhei com
templates e facilita edição para quem acreditam no projeto.” novos autores e interdisciplinaridade",
não é da área. “Saiba o mínimo de conta. Como dica primordial, a
programação para poucos ajustes e blogueira aconselha com apenas uma
se crescer, contrate programador para frase quem quer começar uma página:
projetos avançados”, adverte. “Fale do que gosta, pois assim o assunto
nunca acaba”.
Ideia de
Marketing
Paulo Lima criou o Ideia
de Marketing (www.
ideiademarketing.com.br)
Pronome a partir de uma monografia. “Quis
Interrogativo compartilhar conteúdo e obter
Thais Cavalcante mantém o retornos além do meu orientador
Dentro do Pronome Interrogativo na faculdade. Consegui conversar
Mochilão (www.pronomeinterro e ter contato próximo com outras
O Dentro do Mochilão gativo.com) há mais de um ano. Hoje, pessoas ligadas a marketing e
(www.dentrodomochilao. são mais de 2 mil fãs no Facebook, de 4 divulgação", comenta.
com) foi criado em 2009 a 5 mil visitas mensais e mais de mil Como estratégia inicial, Lima
como parte de um trabalho de seguidores no Twitter. “Em 2012, construiu marca, conteúdo
conclusão de curso (TCC) da ficamos entre os Top3 de literatura no relevante, aumentou tráfego e
faculdade de turismo de Cristiane TopBlog pelo júri acadêmico. Por conta elaborou propostas atraentes
Marques. Depois de um tempo disso, fiz parcerias com editoras, para patrocinadores. “O dinheiro
parado, voltou (a pedido dos leitores). troquei banners, conheci novos autores não pode ser a primeira
“Nos primeiros posts, contei como e comento muito em outros blogs. Me preocupação do blogueiro", diz.
conheci rotas na Bolívia, Peru e Chile. ajuda nas aulas que ministro." "Conquiste leitores antes de
Aí, deixei o projeto de lado por dois
anos. Em 2011, comecei a receber
e-mails. Ia deletar o blog, mas com os
elogios, continuei", conta. "Refiz a
estrutura, entrei nas redes sociais,
aumentei a frequência de postagem.
Mesmo com essas melhorias, não
esperava de forma alguma ficar entre
os Top3 do prêmio TopBlog no júri
voto popular."
Atualmente, o Dentro do Mochilão
tem mais de 1.600 fãs no Facebook e
758 seguidores no Twitter. “Dou Ideia de
Marketing: blog
palestras sobre Turismo Solidário e ligado a assuntos
de divulgação
Voluntário, chamado de começou como
volunturismo, que envolve resgates e extensão de
monografia
troca culturais. Os patrocinadores
38locaweb
Uma das principais dicas para capablogs
capaSEO
atrair leitores é investir em
divulgação em redes sociais
pensar em lucros. Disputamos a Seu network é realizado via LinkedIn. e-books e faz networking nas redes.
concorrida atenção do século 21. “Busque redes de afiliados, como “A dica principal, a meu ver, é
Esse é seu maior patrimônio.” Lomadee, Buscapé, Hotwords, Adsense estudar o básico de HTML e CSS.
De acordo com Lima, sem um e Submarino.” Conhecer de perto os metablogs
nicho, o blogueiro patina. Seu blog tem mais de 6,7 mil Gerenciandoblog, Ferramentasblog,
"Dificilmente alavancará as visitas membros, 5,2 mil fãs no Facebook e 7,6 Querocriarumblog, Códigosblog,
sozinho. Preze pela qualidade, não mil seguidores no Twitter. “Estamos Dicasblogger, Gfsoluções e
pela quantidade. Mantenha nos Melhores do Brasil no Veja Blog Blogandocomfacilidade também
periodicidade e newsletter.” e ficamos entre os Top3 do Top Blog ajuda”, finaliza o matemático.
Outra dica é fugir da mesmice. 2012”, finaliza a blogueira.
Com networking em eventos e na
web, Lima conseguiu mais de dez
colaboradores ao redor do País.
“Ignore os que desanimam. Não
desista no primeiro problema."
No Ideia de Marketing, já são
10 mil visitantes mensais, 5.813
fãs no Facebook, 2.531 seguidores
no Twitter e um dos Top3 em
Marketing no TopBlog de 2012.
Fauna News
Edigley Tráfico silvestre é o nicho
Alexandre de Dimas Marques no
O professor Edigley Fauna News (http://
Alexandre (www.prof- faunanews.blogspot.com.br) desde
edigleyalexandre.com), cujo 2011. O blogueiro repercute
blog sobre matemática leva seu nome, notícias superficiais, entrevista
recomenda slogan, descrição, contato e especialistas e traz artigos de
política de privacidade sérias no blog. convidados a respeito de assuntos
“Compre domínio, técnicas de ligados à fauna. O blog tem visitas
otimização e viabilize monetização”, diz. médias diárias de 150 mil acessos e é
Viaje na De acordo com o professor, o leitor um dos Top3 no TopBlog na categoria
Leitura pode acompanhar os artigos por e-mail, Bichos. “Mesmo com os acessos e os
Thais Turesso, do Viaje na assinando o RSS feed do blog. “As prêmios, o peso do assunto dificulta
Leitura (www.viajena mídias sociais permitem enviar os patrocínios e parcerias com portais”,
leitura.com.br) , indica artigos a cada rede. Isso aumenta nosso comenta Marques.
aplicativos que mantém as redes tráfego de forma constante."
interligadas e mandam o conteúdo do Ele ganha por meio do programa de
blog para as redes sociais, gerando afiliados do Google Adsense. “São mais
tráfego. Os agregadores de links de 1,5 milhões de pageviews, 1.000 De 0 a 100
atraem o público. fãs no Facebook, 800 seguidores no Renato Parizzi, do blog De 0 a
“Em pouco tempo no ar, Twitter. No geral, o blog tem 3 mil visitas 100 (blog0a100.blogspot.
recebi propostas editoriais para diárias", informa. com) , tem a página desde
resenhas e promoções. Em um Alexandre se atualiza com 2007 e percebeu que não deveria fazer o
ano, os patrocinadores sugeriam blogs internacionais, revistas blog para os internautas em geral, mas
publieditorias”,revela a blogueira. especializadas, documentários, para pessoas como ele. E é essa a dica
locaweb39
capablogs
40locaweb
Audiência capablogs
capaSEO
» Um estudo prova que São Paulo é o Estado que mais
acessa blogs, com 36,6%. A maioria do público é feminino
(59%), porém os três assuntos que mais chamam a atenção
são entretenimento (68%), tecnologia (17%) e esportes (11%).
A pesquisa foi divulgada pela empresa de tecnologia boo-
box e foi feita com mais de 34 milhões de pessoas.
Ideias e
Finanças Implantando
Maico Lima, do Ideias e Marketing
Finanças (http://ideiase Priscila Stuani, do
financas.com.br) Implantando Marketing
recomenda definir objetivo, linha editorial (www.implantando
e criar um logotipo a um blog iniciante. marketing.com), indica aos blogueiros
Seu site começou como uma espécie de ter mailling dos contatos que comentam
Embarque extensão de seu trabalho de conclusão de no blog em uma base de dados.
na Viagem curso, em 2010. Em 2011, ele quase deu “Envie newsletter com notícias
Nádia Amorelli, do um fim em seu projeto – era difícil diárias e com seus textos, com
Embarque na Viagem centralizar demais diversos assuntos. Em opção para descadastramento.
(www.embarquenaviagem. 2012, depois de passada a tormenta, Atualize sempre seu site”, diz a
com), flexibilizou produtos para cada finalmente a página eletrônica decolou. A blogueira. “A identificação de
cliente. Em uma das mais famosas divulgação do blog é realizada em possíveis públicos-alvos permite
feiras do setor no Brasil promovida eventos universitários. “As empresas que cativá-los e saber o que oferecer.” De
pela Associação Brasileira de gerenciam campanhas web podem acordo com ela, a base de um bom
Agências de Viagem (Abav), ela remunerar o blog e cuidar da burocracia”. blog é conhecer seu público.
participou de encontro de
blogueiros. A empreendedora
costuma também realizar viagem
com profissionais e esteve presente
em palestras para divulgar os blogs.
Seu blog tem mais de 322.623
visitantes únicos por mês, 63 mil
seguidores no perfil do Twitter
@Embarque e mais 1.238, no @
dicasdoEmbarque, além de quase
5 mil curtidas em seu Facebook.
“Em 2011, recebemos o Selo
Brasil-Argentina de Qualidade Implantando
Marketing: blog
em Turismo da Câmara Brasil- usa seu sistema de
mailing para entrar
Argentina de Comércio e Turismo em contato direto
do Rio de Janeiro e somos um com os visitantes
da página
dos Top3 no TopBlog", diz Nádia.
locaweb41
Chega de
N
ão é mais novidade que para os mais variados equipamentos, a
a expressão Responsive Locaweb em Revista conversou com
confusão! Saiba, Web Design, ou web três especialistas no assunto: William
de uma vez design responsivo, em português,
agrega um conjunto de boas
Moraes, desenvolvedor FrontEnd do
site da Locaweb; Fabricio Teixeira,
por todas, o práticas cujo objetivo é entregar designer sênior da R/GA, agência
que realmente de maneira eficaz conteúdo para
diversas plataformas de tecnologia.
de mídia digital que atende clientes
como Mastercard, Unilever e Johnson
importa na hora Entretanto, o design responsivo & Johnson; e Sérgio Lopes, instrutor
de produzir ainda é novo no mundo inteiro.
Há um crescente interesse pelo
e desenvolvedor na Caelum, empresa
de tecnologia com foco em ensino
conteúdo para assunto e, como é natural nesses de computação. Eles ajudaram na
as mais variadas casos, pouco material disponível
em português para ser consultado.
elaboração dos “10 mandamentos do
Responsive Web Design”. Confira a
plataformas Para facilitar a vida de quem quer seguir e saiba como oferecer a melhor
Andreza Emília Marino desenvolver projetos de qualidade experiência online para seus usuários.
42locaweb
responsivedesign
mandamentos
do Responsive
Web Design
1 Conhe
o seu ça
Shutterstock.com
público-alv
Para Fabricio o
Teixeira,
da R/GA, ante
iniciar um proj s de
eto,
descobrir quem é fundamental
é o público-alvo
qual tipo de di e
spositivo ele po
De onde o site ssui.
será acessado
qual o objetivo e
do usuário em
equipamento cada
são questões
podem ser esqu que não
ecidas. A part
saiba qual cont ir daí,
eúdo faz sentid
2
cada contexto o em
de uso. “Se o
de um deskto usuário
de um restaura
p está acessand
nte, é possível
o o site Pense no todo
tenha tempo pa que Faça um levantamento do conteúdo do site e
ra ver fotos do liste as funcionalidades e conteúdos que ele terá.
conhecer o ch lugar e
ef da cozinha”
“Se está acessa , imagina. Numere em ordem de importância e pense no
ndo o mesmo conteúdo para cada contexto “porque as pessoas
um celular, po site de
ssivelmente es
do carro, para tá dentro não têm paciência (nem tempo) para ler grandes blocos de texto,
do em fila dupl
precisa confirm a, e ainda mais se estão navegando no celular”, garante Teixeira.
ar o endereço
quanto antes” o Para ele, a quantidade de texto pode (e deve) mudar dependendo
, pondera. “Prio
conteúdo para rize o do contexto de uso. Já Sérgio Lopes, da Caelum, prefere adotar
cada caso e re
que não for ne tire o a cautela. Ele acha melhor não remover indiscriminadamente
cessário.”
conteúdo de usuários mobile. “O melhor é adaptar o que for
possível e deixar tudo disponível para todos”, aconselha.
locaweb43
responsivedesign
4diferentes para
tela. Se o site
gigante na ho
Foque
tamanno
das
imagens
ho
Carregue imag
cada tamanho
possui uma im
mepage, carreg
ens
de
agem
na versão mob á-la
ile do site deix
HTML muito pe ará o
sado. “Lembre-
de salvar taman se
hos diferentes
cada imagem de
e, no caso de íc
tente trabalha ones,
r com vetores
que possível”, sempre
salienta Teixei
3
Moraes, da Lo ra.
caweb, assegu
existem soluçõ ra que
Adote o mobile first apenas redimen
es melhores do
sionar as imag
que
De acordo com William Moraes, desenvolvedor “É possível se ens.
FrontEnd do site da Locaweb, pensar rvir outros arqu
menores e mai ivos
primeiramente para a plataforma mobile não s compactados
o cliente a baix . Forçar
deixa margem para excessos de conteúdo. ar um arquivo
para ver numa gigante
“Mobile First é uma metodologia que nos ajuda a manter o tela muito men
que um deskto or do
foco, a melhorar a arquitetura da informação e a usabilidade.” p não é nada le
porque vai desp gal
Para Lopes, a sugestão é começar pelo celular mais simples e erdiçar banda.
”
evoluir o design até chegar ao desktop completo.
5
Shutterstock.com
Otimize o
peso do site
A sugestão de
Teixeira é trabalhar
com carregamento
progressivo de informações. “Alguns
sites forçam o usuário de celular a
carregar todo o conteúdo da versão
desktop, e depois ocultam alguns
conteúdos. Isso é ruim, porque o
conteúdo (e os kilobytes) já foram
6
carregados e não serão visualizados”,
lamenta. Lembre-se de que os
usuários de celular estão em uma Faça navegação
conexão 3G (e isso se estiverem com customizada
sorte!). Lopes acha que é preciso Desen
he a navegação para cad
a dispositivo ou
pensar em desempenho o tempo grupo de dispositivos. Pen
se em como o menu
todo. “Otimizar a velocidade de um se comporta em um des
um smartphone e em um ktop, em um tablet, em
site é essencial para dispositivos a TV de 60 polegadas. Lem
menos capacitados”, frisa. Já Moraes que em alguns casos, o bre-se de
usuário está usando um
indica passar o conteúdo estático outros, o próprio dedo, mouse; em
ou até mesmo o controle
(imagens, javascritps, folhas css) por ou do videogame. Lopes remoto da TV
faz um alerta: “Adaptar
compressores, os famosos minifiers. a diferentes dispositivos um design
não é só pensar no tam
Além é claro, do mod_deflate do Pense em touch screen anho da tela.
, recursos de hardware,
servidor (gzip). dispositivo, telas retina orientação do
e muito mais”.
44locaweb
responsivedesign
iStock.com
7
Simplifique
sempre
“Depois que o projeto
estiver pronto, dê
mais uma olhada em
cada página e comece a simplificar”,
aconselha o designer da R/GA. Retire
imagens desnecessárias, textos muito
8
longos e funcionalidades que ninguém
vai usar quando estiver navegando no
smartphone. Lopes acha que uma boa Teste, teste, teste
opção é evitar bibliotecas JavaScript Tenha em mãos dispos
itivos com resoluções
mirabolantes que prometem mágicas diferentes, sistemas ope
racionais variados (Mac,
no design responsivo. “Prefira CSS Windows, iOS, Android..
.) e navegadores diferente
puro sempre que der e soluções (Internet Explorer, Chrom s
site em uma Smart TV, e, Safari...). Teste abrir o
simples e leves.” Moraes segue a em um videogame, em
mesma linha. “Lembre-se da limitação GPS. Moraes garante qu um aparelho de
e nem sempre é possív
dos dispositivos. Arquivos muito apenas no layout. Lopes el planejar tudo
concorda. “Não se esqueç
grandes não são cacheados. Portanto, está desenhando para pes a de que você
soas comuns, e não par
não importe bibliotecas javascripts e programadores. Coloq a designers
ue o quanto antes o seu
gigantes para coisas simples. Vale explica. “Colher feedback site à prova”,
de usuários reais é a me
muito mais a pena escrever um certo garantir que a experiênc lhor forma de
ia que você desenhou ser
efeito na mão, no javascript puro, do valer quando o projeto for á usada para
para a rua.”
que carregar um jQuery apenas para
fazer um display: none|block”, conta.
10 alguns “truques
o resultado fin
e porcentagens
Use
‘macetes’
e novas
saídas
Lopes sugere
” capazes de m
al do projeto. “U
em todas as m
elhorar
se ‘em’
no CSS e não edidas
‘px’ com valore
Prefira ‘em’ in s fixos.
clusive nas med
Escreva suas m ia queries.
edia queries pe
em breakpoint nsando
s de design, nã
larguras fixas o em
de certos disp
imagens, víde ositivos. Faça
os, widgets, an
9
outras mídias úncios e
também se ad
responsivamen aptarem
fique de olho viewport sempr
te”, diz. “Use a
e com ‘width=d
meta tag
na usabilidade width’. E não
esqueça do CSS
evice-
@viewport
Não adianta fazer um site com responsive para navegado
res mais novo
se ele não tiver uma boa usabilidade. “Faça IE 10”, complem s, como o
enta. Já Morae
botões grandes porque usamos sites nos carregar o cont s prefere
eúdo sob dem
mobiles, com nossos dedos. Na maioria das vezes, com os ajax para isso. anda. “Use
Traga o conteú
dedões”, lembra o desenvolvedor da Locaweb. Eles não são o usuário pedi do quando
r e lembre-se se
precisos como os mouses. Deixe bons espaçamentos entre limitação da re mpre da
de.”
uma área de ação e outra. “Dar um tap sem querer em um
lugar quando se queria ir a outro não é bacana”, garante.
locaweb45
marketing-digitaladserver
AdServer
O queri
do mark
Capaz de oferecer
um retorno
minucioso sobre O
AdServer é uma
tecnologia que
hospeda e gerencia
peças de publicidade
porque tem a capacidade de analisar e
relatar em quais sites as propagandas
foram mais acessadas, qual formato de
peça chamou mais atenção e quantos
online. É cada vez mais usado cliques o anúncio recebeu. E segundo
as campanhas pelos profissionais de marketing porque o serviço informa em qual
online, tecnologia digital e costuma oferecer grandes segmentação a campanha se enquadra
46locaweb
marketing-digitaladserver
idinho
keting
consegue, em tempo real, analisar
e entender o espaço oferecido para
a campanha, além do contexto, do
conteúdo e do perfil do usuário que
seu servidor: site, base de dados,
processador de relatórios e exibição
de conteúdo.
“O site deve receber as instruções
responsáveis só por processar esses
dados e fornecer informações a
respeito da campanha publicitária que
foi exibida. O processo se completa
está visitando determinada página. de JavaScript, que são chamadas de com a interface de leitura e consulta
“Assim, é possível escolher a melhor TAG. Elas são responsáveis por acessar dessas informações”, completa Bueno.
peça para determinada ocasião e o o AdServer e consultar se há uma Entre os maiores beneficiários
posicionamento adequado da campanha publicidade para ser exibida naquele da tecnologia, destacam-se grandes
no site. Tudo isso é fundamental para momento. Após essa exibição, a base portais, como Terra e MSN. “O
atingir o público-alvo e gerar bons de dados registra o que foi feito, se o AdServer é hoje uma das maiores
resultados”, diz Eckersdorff. banner realmente apareceu, se houve fontes de receitas desses sites, pois
cliques e qual foi o tempo de exposição graças a ele é possível organizar e
Como funciona na tela, entre outras métricas”, explica tornar mais rentável os anúncios
De forma simplificada, pode-se Rodrigo Bueno, technical account publicados em páginas acessadas por
dizer que o AdServer opera com manager da empresa de marketing um grande número de internautas”,
quatro partes interligadas em digital RealMedia Latin. “Há máquinas afirma Bueno.
locaweb47
marketing-digitaladserver
O AdSense é
capaz de gerar
relatórios
confiáveis,
que permitem
analisar se
a campanha
atingiu ou não
o público
Para quem deseja recorrer à Destinado a
ferramenta, vale ressaltar que, hoje, sites maiores, o
DoubleClick é
existem várias empresas no Brasil que um dos servidores de
AdServer do Google
a oferecem. Entre elas estão Google,
RealMedia Latin e Aunica. A seguir,
confira um pouco mais sobre as sendo que 30,7% corresponde ao
características de cada uma delas. Entre no AdSense DoubleClick e 25,8% ao AdSense.
Ambos os serviços são pagos e,
Os servidores O Google AdSense é um
dos poucos servidores de
dependendo da localização ou da
do Google publicidade online em
seção, podem chegar a um valor
O Google conta com dois servidores que qualquer usuário pode bem salgado. “Existem sites que
de AdServer: DoubleClick e AdSense. ingressar e criar seu próprio cobram, por duas horas de exibição
Apesar de fazerem parte do mesmo anúncio, sem a ajuda de na homepage, o equivalente a
um profissional. Para
grupo, cada um deles foca em um R$ 30 mil”, diz Bueno. No caso do
desenvolver sua própria
público-alvo diferente. O DoubleClick campanha é simples. Em primeiro Google, os usuários devem pagar um
é voltado para sites maiores e mais lugar, inscreva-se no servidor valor mínimo de R$ 40 com cartão de
conhecidos, enquanto o AdSense, que usando uma conta do Google crédito ou boleto bancário.
é mais simples de usar (veja quadro ao (se você já tem uma, como a do
lado) engloba as páginas menores.
Gmail, pode recorrer a ela).
A partir daí, basta seguir o
A plataforma da
De acordo com pesquisa feita pela passo a passo ministrado pelo RealMedia Latin
Attributor, empresa de rastreamento de servidor. Na primeira etapa, Chamada de OAS (Open
conteúdo, o Google domina 56,5% do confirme seu e-mail. Na segunda, AdStream), a plataforma de marketing
mercado de servidores de publicidade, insira a URL de sua empresa ou digital da RealMedia Latin está no
algum outro endereço para poder
mercado há 13 anos. Entre seus
gerar receita. Lembre-se de que
o Google exige que o usuário principais clientes estão Globo, iG,
coloque o endereço de algum site Estadão e Buscapé.
para poder gerar receita (caso Para Bueno, que trabalha há seis
não apresente uma URL, você não anos na área, “ter um AdServer é
poderá ingressar no AdSense).
Na terceira etapa, basta algo fundamental para otimizar seus
preencher os dados pessoais espaços publicitários de acordo com
(eles devem bater com os da sua o público de cada site, aumentando
conta bancária). Em seguida, o assim o ROI”.
Google irá analisar sua inscrição.
Nem por isso, entretanto, é possível
Após verificar os dados, a
plataforma enviará um e-mail medir o lucro médio que uma empresa
confirmando o processo. Pronto, pode ter quando recorre ao serviço.
agora é só criar seu próprio “É difícil mensurar números, pois a
anúncio na rede. estratégia vária de acordo com cada
A RealMedia Latin conta com estrutura
para suportar grandes campanhas na web cliente e seu modelo de negócios”, diz.
48locaweb
marketing-digitaladserver
locaweb49
tabletsXereaders
T
Conheça as principais
ablets X
eReaders
características desses dois tipos
de gadgets e descubra qual deles
atende melhor às suas pretensões
Aline Mariano
E
m franca ascensão em de processamento. E, nesse caso,
todo o mundo, o mercado além do iPad, pode-se recorrer ao
de tablets e eReaders tem Galaxy Tab, da Samsung, entre outros
expectativa de crescimento de modelos fabricados pelas grandes
vendas estimada em 400% para empresas de tecnologia.
2013, de acordo com pesquisa Por isso, antes de comprar um
realizada pela consultoria Gartner. aparelho do gênero, identifique
O estudo revela ainda que o exatamente o que ele oferece. A seguir,
número de gadgets do gênero confira os pontos positivos e negativos
comercializados no planeta até dos eReaders e tablets mais desejados
dezembro deste ano deve chegar à do mercado e veja qual deles é o
casa de 53 milhões de unidades. mais indicado para você.
O grande nome do segmento é,
sem dúvida, o iPad, da Apple. O
sucesso do tablet da empresa da
diferenças
maçã levou diversas companhias
entre
eReader
de tecnologia a fabricar aparelhos
semelhantes, mas com características
e tablet
distintas que, muitas vezes, atendem eReader Ao contrário dos
a grupos diferentes de usuários. tablets, esse tipo de aparelho
é dedicado especialmente à
Para quem deseja apenas ler
leitura de livros digitais. Não
livros e revistas, por exemplo, os se deve esperar nada a mais
eReaders costumam se apresentar deles, já que não são dotados
como uma opção mais eficiente que de processadores de alto
tablets avançados, já que são feitos desempenho nem contam com
uma interface gráfica funcional,
exclusivamente para essa função
como a dos sistemas operacionais
e têm preços mais em conta. No Android, Windows Phone e iOS.
mercado brasileiro, há modelos por
menos de R$ 400, como o Kobo Touch Tablets Eles vêm equipados
e o Kindle, da Amazon. com sistemas operacionais e
processadores que dão conta
Quem pretende explorar todo o
do recado na hora de acessar a
potencial do mundo dos aplicativos, internet e rodar aplicativos. São bem
entretanto, não pode abrir mão de um mais completos que os eReaders,
equipamento com mais capacidade porém mais caros.
52locaweb
tabletsXereaders
Kobo Touch
eReader
O
eReader da marca
canadense Kobo, vendido
no Brasil em parceria com
Com tela de 6”,
a Livraria Cultura, tem design aparelho é capaz
de armazenar até
bonito e preço acessível. O gadget 30 mil livros em um
armazena até 30 mil livros com cartão expansível
um cartão expansível e até mil
exemplares na memória interna.
É leve e bom para leituras em
ambientes claros.
Ao custo de R$ 400, o aparelho
está à venda no site da Livraria
Cultura desde novembro de 2012.
O principal objetivo do gadget é
proporcionar uma leitura agradável,
mesmo em ambientes claros, em
sua tela de 6 polegadas. De acordo
com a Livraria Cultura, o eReader foi
lançado com o objetivo de impulsionar
a leitura no Brasil. Com esse foco em
mente, a empresa investiu em um
equipamento simples e barato, voltado
exclusivamente para esse fim.
O Kobo é leve, pesa apenas 185
gramas. Sua parte traseira é revestida
por um material acolchoado, que
segue a tonalidade do dispositivo,
que pode ser branca, preta, azul,
cinza ou rosa. O processador é um
Freescale i.MX508, de 800MHz. O
gadget oferece 12 mil e-books em
português e até 35 mil obras gratuitas prós e contras
para aquisição, em diferentes idiomas.
Outra característica que impressionou Bateria dura até um mês; design
bonito; revestimento acolchoado
no aparelho é a promessa de uma na parte traseira.
bateria que pode durar até um mês, Tem menos capacidade de
dependendo do uso. armazenamento que os
Assim como o Kindle, seu principal concorrentes; não tem suporte a 3G.
concorrente, o Kobo não oferece suporte
à tecnologia 3G. O gadget pode ser
adquirido no site da Livraria Cultura
(www.livrariacultura.com.br) por R$ 399.
locaweb53
tabletsXereaders
Kindle
O Kindle
vendido no Brasil
não tem um design
bonito, mas nos
EUA já existem
opções mais
amigáveis
prós e contras
Bateria dura até um mês; é
muito leve, muitas opções de
e-books em português.
Design simplista; não tem
suporte a 3G.
F
abricado pela Amazon O design do gadget apresenta sem recarga. Em seu sistema é
desde 2007, o Kindle poucos atrativos. Ele é todo possível encontrar mais de 13 mil
chegou ao Brasil em preto, sem detalhes que o e-books em português para venda.
dezembro de 2012 com um diferencie, e tem botões na parte Entre eles, 1.500 são oferecidos
preço acessível: R$ 299. Entre frontal inferior dedicados a facilitar gratuitamente para os usuários.
as principais características a navegação durante a leitura. Para conseguir ler os livros digitais
do produto estão o fácil Com 170 gramas, o eEreader é necessário baixar o aplicativo
manuseamento, já que ele da Amazon é o mais leve dentre Kindle, disponível no app de
é leve, pequeno e fino, o os testados nesta reportagem. compras do eReader.
que o torna uma ótima Sua memória de armazenamento O ponto fraco do aparelho
opção para quem não busca suporta até mil e-books. Outra é a falta de suporte a 3G. Por
nada além de um leitor característica interessante é a enquanto, ele só pode ser
de e-books. bateria, que aguenta um mês conectado à internet por wi-fi.
54locaweb
tabletsXereaders
Galaxy
Tab
C
om sistema inteligente
(Android), opção de baixar
aplicativos e capacidade
de realizar chamadas telefônicas,
o Galaxy Tab, da Samsung, é uma
boa alternativa para quem procura
algo além de um leitor de livros.
Com ele, você pode baixar uma série
de apps de games, fotos e músicas,
entre outros. Por isso, o gadget tem
preço bem mais salgado que os
eReaders: a versão top de 16 GB com
tela de 10,1 polegadas é vendida no
Brasil por R$ 1.200.
Se os eReaders podem ser
segurados facilmente com apenas
uma das mãos, o Galaxy Tab não
chega a ser pesado, mas pode exigir
um apoio dependendo da função que
se deseja dele. Enquanto o Kobo e o Equipado com
sistema Android,
Kindle não passam de 200 gramas, tablet permite que
se baixe apps com
o Galaxy Tab com tela de 10.1 facilidade e tem
polegadas tem 565 gramas. ótima capacidade
de navegação
Por outro lado, o display grande
do modelo top é justamente uma
de suas vantagens, bem como o
processador 1 GHz dual-core NVIDIA
Tegra 2, que oferece alto desempenho
em uma série de operações. Além
disso, o equipamento tem acesso à
tecnologia 3G e duas câmeras digitais
acopladas – na parte frontal de 2 MP,
e na traseira de 3 MP –, que permitem
fazer imagens em alta definição.
A bateria do Galaxy Tab aguenta
no máximo três dias, de acordo
com a Samsung. O fato de ter um prós e contras
aproveitamento tão menor do que
Executa as funções rapidamente;
os eReader se deve a diversos
câmera HD; acesso a 3G.
fatores, como o desempenho de Preço alto; peso excessivo;
processamento e o grande número alto consumo de bateria.
de funções disponíveis.
locaweb55
tabletsXereaders
iPad
S
empre que um novo
modelo de iPad é lançado
pela Apple, filas de
fanáticos pelos produtos da
empresa da maçã se formam na
frente das lojas de tecnologia prós e contras
em todo o mundo. Atualmente
em sua terceira versão, o Tela retina; excelente O tablet mais
touch screen; variedade de apps. famoso do mundo
equipamento tem uma linha Preço alto; peso maior do que o tem design limpo
e navegação
com tela multi-touch maior, de dos concorrentes. eficiente, mas é
9,7 polegadas, e uma menor, mais pesado que
os concorrentes
com display de 7 polegadas,
além de diversas configurações O equipamento tem ainda
de armazenamento. como ponto forte a App Store,
O aparelho tem como ponto loja de aplicativos da Apple. Nela,
forte o design simples, comumente existem mais de 275 mil apps
aplicado nos produtos da Apple, desenvolvidos para diversos fins.
além de uma interface que pode O iPad 3 vem equipado
ser qualificada com esses mesmos com placa de processamento
adjetivos. Há opções de acabamento exclusivo para o sistema iOS,
nas cores preta e branca. que apresenta bom desempenho,
Entre as principais e chip A6X, duas vezes mais
características do iPad está a rápido do que o usado na versão
sua tela retina, que proporciona anterior do produto. A versão de
uma imagem com cores vivas e 16 GB do gadget da maçã pode ser
vibrantes. Além disso, a facilidade encontrada no site da fabricante
de manusear o touch screen faz (www.apple.com) por R$ 1.749, o
com que o gadget seja sempre uma que faz dele um dos tablets mais
opção a se considerar na hora de caros do mercado. Outro ponto
comprar um tablet. negativo é o seu peso: 652 g.
56locaweb
lwprogramação
Serviço: HTML5 Nível técnico: Iniciante/Intermediário/Profissional
R
evolucionário, o passando por dúvidas em relação à linguagem problemas que o HTML5
HTML5 chegou em relação à capacidade e, dessa forma, auxiliar os possui é sobre seu
para ficar. O lucrativa do HTML5. profissionais de internet. desempenho. “Comparar e
fato de a linguagem se Para sanar as dúvidas Nesta reportagem, você analisar uma aplicação com
incorporar facilmente em relação a tudo que confere os principais tópicos HTML5 com uma sem a
a diferentes tipos de vem sendo publicado, um debatidos na página HTML5 linguagem é o mesmo que
plataformas, no entanto, articulista da fundação Mythbusting. As opiniões comparar um terno feito em
gerou uma série de Mozilla criou um blog no reveladas de Heilmann, mais um alfaiate e um comprado
mitos a respeito do estilo “Caçadores de Mitos” importante evangelista da em uma loja qualquer”,
tema. Os boatos vão de (hacks.mozilla.org/2012/11/ Mozilla quando o assunto é comenta Heilmann. “É claro
péssimo desempenho html5-mythbusting), que HTML5, não são de forma que o terno feito no alfaiate
à impossibilidade tem como objetivo apontar alguma verdades absolutas, irá servir como uma luva.
de trabalhar offline, o que é ou não verdade mas valem a pena serem Entretanto, se quiser vendê-
conhecidas e debatidas. lo ou emprestá-lo, a outra
pessoa não terá a mesma
É possível, sim, trabalhar Desempenho sorte.” Nesse caso, de acordo
com o HTML5 em ambientes do HTML5 com o articulista, uma
De acordo com o evangelista, aplicação com o HTML5
não conectados a web a maior dúvida sobre os seria a roupa comum. “É
58locaweb
lwprogramação
locaweb59
lwprogramação
HTML 5
60locaweb
lwprogramação
Serviço: HUGEpic Nível técnico: Iniciante/Intermediário/Profissional
Descubra o HUGEpic
Com este aplicativo, você exibe imagens gigantes sem causar
grande tráfego de dados em seu site Max Reinhold Jahnke e Àdele Helena Ribeiro
Bosch
Um dos exemplos mais
impressionantes é o
uso do HUGEpic para
visualizar a imagem
de incríveis 222Mb da
obra “O Jardim das
Delícias Terrenas”, de
Hieronymus Bosch,
que pode ser vista em
detalhes em: http://
hugepic.io/4ab2ef08b.
O
HUGEpic Aplicativos com a instalação de plugins. A todas essas imagens são
(hugepic.io) é funcionalidade parecida ideia por trás do aplicativo salvas usando um serviço
um aplicativo com a do HUGEpic já é muito simples. Após o de cloud computing. Já
web que pode exibir existem há anos, mas eram upload de uma imagem em do lado do cliente há uma
imagens absurdamente feitos com tecnologias que alta resolução, o servidor interface feita em Javascript
gigantes sem causar um hoje estão sendo evitadas, executa um algoritmo que, que envia mensagens ao
grande tráfego de dados. como o Adobe Flash e Java para cada nível de zoom servidor conforme o usuário
O seu funcionamento é Applet. O HUGEpic, que estimado como possível, navega na imagem, pedindo
parecido com o do Google exige apenas Javascript a imagem é quebrada em para que determinadas
Maps (maps.google.com), dos navegadores, leva quadros de 256 x 256 pixels. regiões sejam enviadas e
carregando apenas a grandes vantagens em Assim, são criados então exibidas.
região da imagem no compatibilidade, já que thumbnails tanto para a Outra funcionalidade
zoom que o usuário pode ser usado até mesmo imagem original, como interessante do HUGEpic
deseja observar. em dispositivos móveis, sem para todos os quadros, e é a criação de permalinks
que salvam o nível de
zoom e a região específica
O HUGEpic é parecido com o Google Maps, da imagem. Com isso, é
62locaweb
lwprogramação
funcionalidade em seu site. Mas, após mostrando como o time do Webtools, ele tem diversos
outros “projetos divertidos” que
poucas semanas do lançamento, Peter o app funciona; podem ser conferidos na página
Bengtsson, que trabalha para o Mozilla,
facilitou a vida dos desenvolvedores web
depois, ganhou pessoal dele. Dentre eles estão o
jogo Around The World, que parece
dando a possibilidade de adicionar o um servidor usar o HUGEpic, e alguns outros
que possuem código aberto, como
HUGEpic diretamente em uma página, o Too Cool for Me?, que é bastante
usando o próprio servidor do HUGEpic. a ferramenta. Além de o serviço ser interessante para quem usa Twitter.
gratuito, é extremamente fácil de usar
Usando o servidor do HUGEpic em qualquer website. Projetos do Peter
www.peterbe.com/about
Certamente essa é a melhor Para começar, basta acessar o site Too Cool for Me?
opção para os interessados em usar http://hugepic.io/gettingstarted e www.peterbe.com/plog/too-cool-for-me
seguir o passo a passo. Clique no menu Around The World
do canto superior direito e crie uma http://aroundtheworldgame.com
conta. Será necessário usar o sistema
de identificação Mozilla Persona.
Após o registro e confirmação do e Google Drive. Cada imagem será
seu e-mail, você poderá fazer upload salva com um nome, uma descrição e
de suas imagens. Para isso, acesse uma identificação para que possa ser
http://hugepic.io/upload e escolha posteriormente referenciada por um
uma das opções: passar uma simples endereço na web (URL).
URL ou usar o serviço Filepicker.io, que Não parece haver limitação para
Página do GitHub: todo o código do
HUGEpic está disponível no site permite enviar arquivos do Dropbox o quão grande uma imagem enviada
possa ser, apesar de existir limitação
para imagens pequenas. As únicas
restrições contidas nos termos de uso
são para imagens com conteúdos
obscenos, propagandas, material que
incentive o ódio racial ou religioso,
entre outras. Caso alguma imagem seja
enviada quebrando os termos, ela será
removida do servidor e você será banido
e pode ser punido.
Agora só falta colocar o HUGEpic
no site e a melhor maneira de explicar
como fazer isso é mostrando um
exemplo. Com a imagem enviada e
devidamente processada pelo servidor,
HUGEpic permite que o usuário não extrapole o você terá em mãos a identificação
tráfego de seu site, mesmo com imagens gigantescas
para o acesso por uma URL. Se desejar
locaweb63
lwprogramação
HUGEpic
64locaweb
lwparceirosemdestaque
//Empresas e profissionais liberais que oferecem serviços de desenvolvimento de sites
66locaweb
Serviços em Nuvem prontos
para crescer
Esteja você desenvolvendo ou contratando um serviço de nuvem, pode ter
certeza que a infraestrutura do seu centro de dados terá a performance
e a segurança perfeitos para o TI de uma empresa em constante evolução.
PERFORMANCE ATÉ ATÉ ATÉ
APRESENTAMOS A NOVA
©
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, são marcas registradas da Intel Corporation nos Estados Unidos e em outros países.
Locaweb.com.br/RevendaPlesk
us s
e o
s s cr
a to u
or e l s ra
g oj s i pa
A r eu ma o .
p s m C er
e ê pa ´c
t s es
e r
c