Antigamente era muito fácil hospedar um site, existia uma infinidade de servidores gratuitos para podermos escolher. Porém, isso mudou. Hoje em dia os servidores gratuitos, os chamados free host, estão cada vez mais escassos. E o pior, os que ainda oferecem o serviço de forma gratuita são ruins e entopem o seu site com banners de publicidade.

Pesquisando na web achei o 000WebHost, um FreeHost completo que oferece planos de hospedagem gratuitos sem exibição de publicidade. Uma ótima alternativa para quem está sem dinheiro ou está começando a se aventurar pelas áreas de desenvolvimento e quer testar antes de investir.

O plano gratuido do 000WebHost oferece muitos recursos interessantes, entre eles:

• 1.5 GB Espaço em Disco
• 100 GB de Tráfego Mensal
• PHP, MySQL
• Activação instantânea
• Suporte FTP
• 99.9% Uptime
• CPanel
• Video Streaming
• Cron Jobs
• Sem Publicidade

Aproveite! Se conhece algum outro host bacana, compartilhe conosco deixando seu comentário

Fonte: 72DPI

O Gmail está com uma novidade interessante, o “Gmail Priority Inbox”. Seria uma nova visão da sua caixa de entrada que “automaticamente” ajudaria a focar as suas mensagens mais importantes. Esse automaticamente depende de algumas variáveis, quais emails você mais lê, responde, envia, entre outros.

Sua caixa de entrada é divida em seções, você pode escolher o que deseja visualizar nessas seções. O padrão é: importantes e lidas, com estrela, e tudo mais.

Mas você pode mudar essas opções e escolher “Importante” ou “não lidas”. Em “tudo mais” não é possível mexer. Também pode escolher quantas mensagens deseja visualizar. Confira na imagem abaixo.

Para ativar ele, clique em “New! Prioridade Inbox” no canto superior direito da sua conta do Gmail, ao lado do ícone do Labs. Após ativado, aparece o menu Priority Inbox do lado esquerdo, e na barra de opções aparece dois botões de marcar ou remover a opção de prioridade da mensagem. Confira na imagem abaixo.

As configurações são básicas, personalizar as 4 seções possíveis, qual sua caixa de entrada padrão, entre outros. Confira na imagem abaixo.

Gostei muito da novidade. Para organizar minhas mensagens (tarefas), criei um filtro Tarefas, mas nunca vejo esse filtro. Assumo minha preguiça.

Mas agora não tem desculpa, as mensagens de prioridade estarão visíveis logo de cara, batendo um certo desespero de tantas tarefas que você deve realizar.

Confira um vídeo sobre ele abaixo:

Dica: Se você quiser marcar um filtro como sempre importante, edite o seu filtro. Na segunda etapa, em “Escolher ação”, marque a opção “Marcar todos como importante”.

Comente sobre essa novidade!

Até a próxima!

Fonte: Google Operating System

O projeto estabelece que durante esse dia, blogueiros de todo o mundo devem postar aos seus leitores outros blogs que considerem interessantes, mais ou menos como a indicação no Follow Friday no Twitter toda sexta-feira. Assim, seus leitores poderão descobrir novos blogs e disseminar ainda mais conhecimento pela grande rede.

Bom, nós pedimos aos seguidores do PTI no Twitter, que nos indicassem seus blogs para que pudéssemos conhecê-los e posteriormente compartilhar os mais interessantes com todos nossos visitantes. Eis então, que segue a lista de blogs que consideramos bacanas pra você dar uma olhadinha.

• http://www.governancadeti.com
• http://tecnologiaedumarkes.blogspot.com/
• http://dhcarrara.blogspot.com/
• http://www.cerradodigital.com/
• http://mundodastrevas.com/
• http://www.blooti.com.br/
• http://www.raphaelfiga.com/
• http://desenvolvimentoparaweb.com/
• http://www.cicloprojetos.com/
• http://www.marcelaraujo.com.br/blog/
• http://www.midiasweb.com/
• http://www.lucianocarvalho.com.br/consultoriati/
• http://fernandomedeiros.com.br/blog
• http://silasiub.com/blog
• http://finalstr.blogspot.com/

Era pra listar apenas 5, mas… é isso, PTIs! Esperamos que aproveitem

Antes de continuarmos, vamos definir o que é o arquivo .htaccess.
O .htaccess é um arquivo que fica no servidor web e serve para configurar o tipo de acesso a esse servidor. Com ele, pode-se controlar diversos parâmetros, tais como: acesso restrito (com ou sem uso de senha), páginas de erro padrão, página padrão de acesso ao site, acesso com e sem o “www”, redirecionar diretivas, entre outros. O uso correto do arquivo .htaccess provê grande auxílio no SEO do site.

Nota: Ao colocar um arquivo .htaccess na pasta raiz de um site, ele atuará sobre todas as pastas deste. Mas, um arquivo .htaccess numa subpasta anula a ação do anterior passando a agir sobre essa pasta e suas subpastas.

Exemplo de um arquivo .htaccess comentado:

// ——- Autenticação com senha ativado ———–//
deny from all
AuthUserFile /site/.htpasswd
AuthGroupFile /dev/null
AuthName “Please enter your ID and password”
AuthType Basic
require valid-user

//——- páginas de erro padrão ———–//
ErrorDocument 400 erro400.html
ErrorDocument 401 erro401.html
… xxx erroXXX.html
ErrorDocument 504 erro504.html
ErrorDocument 505 erro505.html
RewriteEngine on

//———– Evitando Conteúdo duplicado ———–//
RewriteCond %{HTTP_HOST} ^(mundoseo\.com\.br)(:80)? [NC]
RewriteRule ^(.*) http://www.mundoseo.com.br/$1 [R=301,L]

//———– Página Padrão ———–//
DirectoryIndex páginadefault.html

//———– Redirecionamento Permanente ———–//
Redirect permanent www.movapermanentedaqui.com www.movidopermanenteparaca.com

//———– Redirecionamento Temporário ———–//
Redirect temp www.movatemporariodaqui.com www.movidoparacatemporario.com
order deny,allow

//——— Páginas permitidas ————-//
allow from www.endereçopermitido.com.br

//——— Páginas Bloqueadas ————-//
deny from www.endereçonegado.com.br

Vamos às requisições do código:

Nota: Mantenha o seu arquivo .htaccess sempre organizado e não coloque instruções desnecessárias para não pesar o arquivo, pois, o servidor o processa sempre que há uma requisição.

Comentários: para inserir um comentário utilize um # antes do conteúdo da linha.

Não listar o conteúdo de um diretório:

Quando se tenta acessar um diretório, em ausência de um arquivo de índice, o Apache mostra por defaut o conteúdo do diretório. Se quisermos impedir a visualização desse conteúdo basta criar um arquivo de índice, por exemplo, index.html. Existe também uma solução mais elegante mediante a diretiva Options, basta inserir o comando abaixo no .htaccess:

Options -Indexes

Página padrão:

Também poderíamos utilizar a diretiva DirectoryIndex, que especifica que arquivos atuam como índice, e que arquivo mostrar no caso de que estes não se encontrem. Por exemplo:

DirectoryIndex index.php index.html index.htm /proibido.php

Isto indicaria ao servidor que deve buscar os arquivos index.php, index.html ou index.htm, nessa ordem, e no caso de não encontrar nenhum deles, carregar o arquivo proibido.php.

Página de erro (exemplo erro 404):

Primeiramente, crie o layout da página de erro. Depois, inclua o código.

ErrorDocument 404 http://www.meusite.com/404.html

Você pode especificar qualquer arquivo que desejar para a personalização do erro e o que deve ser feito para implementá-lo é somente adicionar uma linha de comando pra cada erro ao .htaccess com o seguinte formato:

ErrorDocument 404 erro404.html ou ErrorDocument 404 arq_inexist.htm
ErrorDocument 403 erro403.html ou ErrorDocument 403 proibido.htm
ErrorDocument 500 erro500.php ou ErrorDocument 500 erro_interno.asp

Escondendo a extensão da linguagem de script: pode-se aumentar a segurança mudando a extensão dos scripts para que os visitantes desconheçam qual linguagem está utilizando. # Make PHP code look like unknown typesAddType application/x-httpd-php .cool, desta forma, os arquivos .cool serão tratados como se fossem arquivos PHP. Deve-se renomear os arquivos PHP para a nova extensão, claro.

Bloquear acesso ao site por IP:

Sempre existem os malas que ficam vasculhando o seu site a procura de falhas pra causar problemas, então, é só bloqueá-los adicionando uma linha de comando com o seguinte formato:

order allow,deny
deny from 012.34.5.6
deny from 012.34.5.
allow from all

A primeira linha bloqueia e não permite que o IP de endereço 012.345.5.6 acesse o site. A segunda linha bloqueia o acesso para o bloco de 012.34.5.1 até 012.34.5.255. A terceira linha permite a todos os outros acessarem o site.

Se você quer somente visitantes do Brasil você poderia configurá-lo assim:

order allow,deny
deny from all
allow from 200.
alow from 201.

Quer bloquear os usuários de um determinado provedor/servidor e não sabe o range de IP, sem problemas:

order allow,deny
deny from .veloxzone.com.br
allow from all

Redirecionamento:

As formas de redirecionar páginas são diversas: javascript, PHP, HTML (http-equiv) e etc. Não é diferente com o .htaccess sendo bem simples também:

Redirect /dirantigo/pagina_velha.html http://www.seusite.com/dirnovo/pagina_nova.html

As 3 partes que compõem esta diretiva são separadas por espaço e note que o comando é composto de 3 partes que precisam estar numa mesma linha: a primeira é o comando Redirect seguido da localização do arquivo/diretório que você quer redirecionar, relativo ao diretório principal do seu site, e a terceira é o endereço completo do novo arquivo para o qual deve ser redirecionado. Há ainda a possibilidade de se redirecionar todo um diretório :

Redirect /dirantigo/ http://www.seusite.com/dirnovo/

As aplicações são várias, desde repor a informação de um arquivo que você mudou de diretório e/ou de nome até ao redirecionamento de um usuário que requisitou a visualização de um diretório não permitido, por exemplo, o de imagens.

Prevenindo-se contra “hot-linking”:

“Hot Linking” são links que apontam diretamente para arquivos não HTML e roubam/decrescem a sua banda contratada. É também possível evitar isso com o .htaccess, mas antes, verifique com o seu servidor se ele permite mod-rewrite. Segue abaixo o código:

RewriteCond %{HTTP_REFERER} !^http://seusite.com.br/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://www.seusite.com.br/.*$ [NC]
RewriteRule .*\.(jpg|jpeg|gif|png|bmp)$ – [F,NC]

O código acima apresenta um link quebrado para a imagem, mas se desejar, por exemplo, mostrar sua logo, use:

RewriteCond %{HTTP_REFERER} !^http://seusite.com.br/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://www.seusite.com.br/.*$ [NC]
RewriteRule .*\.(jpg|jpeg|gif|png|bmp)$ http://www.seusite.com/sua_logo.gif [R,L]

Impedindo a listagem de diretórios:

Existe sempre aquela situação de ter um diretório cheio de arquivos que não desejamos que sejam listados. Existem duas possibilidades pra se fazer isso: a primeira é criar um arquivo index.html vazio e colocar no diretório e a outra com o .htaccess: IndexIgnore * – Se este comando estiver no arquivo .htaccess do diretório principal, a listagem de todos os diretórios estarão desabilitadas. Mas você pode também especificar o tipo de arquivo que você não quer que seja listado:

IndexIgnore *.wmv *.jpg *.gif *.swf

Proibe a visualização do arquivo .htaccess:

order allow,deny
deny from all

Com estas informações você já pode configurar o seu arquivo .htaccess. Qualquer dúvida deixe um comentário.

Até a próxima.

Veja também: Crie o seu arquivo .htaccess com esse editor online

Fonte: 72DPI

A maioria dos usuários do Firefox instalam o programa e começam a usá-lo sem se preocupar com configurações extras. Na verdade, o software vem com uma configuração padrão para funcionar em qualquer computador sem trazer dores de cabeça para os usuários, mas dá para melhorar o desempenho do programa personalizando as configurações no menu “Ferramentas/opções…”.

Para personalizar ainda mais as configurações para Firefox, digite “about:config” na barra de endereços do seu Firefox. Uma janela será aberta com as opções avançadas de configuração do browser. Há um campo de busca “localizar nome” que serve para localizarmos as variáveis que iremos configurar. As opções em negrito mostram que já foram alteradas e não estão com o valor padrão. Clicando com o botão direito temos algumas opções como restaurar o valor padrão do campo, alterar campo e outras.

As possibilidades de configuração são inúmeras e mostraremos nesse artigo alguns ítens que podem ser configurados para melhorar a performace do browser.

Consumo de memória

O Firefox é um dos maiores comedores de memória, o que deixa o sistema bastante lento. Isso pode ser amenizado configurando uma variável.

- Localize a instrução: browser.cache.disk.capacity

O valor padrão é 50000 e faz o consumo de memória ram do Firefox ficar em torno de 250Mb. Altere para 10000 e o consumo médio ficará na faixa de 100Mb.

- Localize agora a instrução: browser.cache.memory.enable

Set o valor para “true”. Isso fará com que o Firefox acesse o cache de memória e torne a resposta mais rápida.

Para liberar memória quando o Firefox for minimizado, devemos inserir uma nova linha no arquivo e depois reiniciar o Software.

- Insirir: config.trim_on_minimize e set o valor para “true”

Para melhorar a velocidade de navegação, localize a instrução: network.http.max-connections, ela deve estar setada com o valor 4 que é para internet discada, se você usa banda larga, troque esse valor para 30 ou 40.

Para permitir requisições em paralelo (threads) localize as instruções abaixo e set o valor para “true”.

network.http.pipelining
network.http.proxy.pipelining

Essas configurações irão melhorar o desempenho do seu Firefox e do seu computador.

Em breve postaremos mais configurações avançadas para o Firefox.

Fonte: 72DPI

Por que utilizar um método ultrapassado para escrever o código da Newsletter?
O maior problema no desenvolvimento de newsletter é que não existe um padrão de leitura de código HTML por parte dos Clientes de e-mail, sendo assim, alguns não reconhecem as divs, outros tem problemas com alguns atributos css e um terceiro aceita tudo. Portanto, para desenvolver uma newsletter o recomendado é escrever o código utilizando tabelas, e não divs, evitar o uso de css, mas quando necessário colocá-lo in line.

A Campaign Monitor desenvolveu uma tabela que compara o suporte ao CSS pelos clientes de e-mail, clique aqui para ver a tabela.

As dimensões do layout:
Outro item importante na hora de criar a sua news é saber quais as dimensões máximas que podemos trabalhar. Vale apena lembrar que a unidade métrica usada para criar arquivos para a internet é o pixel, se o seu editor de imagem estiver trabalhando com outra unidade métrica mude para pixel, assim você terá uma visualização melhor do espaço dimencional do seu layout e evitará erros e possíveis retrabalhos.

A largura máxima de uma newsletter é de 600 pixels, assim sendo, você garante que a sua peça seja vista corretamente na maioria dos clientes. Para a altura não há restrições, mas vale o bom senso. E-mails quilométricos, além de ficarem pesados serão logo dispensado pelos usuários.

Como trabalhar as imagens:
No uso de imagens, o erro mais comum é com relação à resolução dos arquivos. O monitor de vídeo trabalha com uma resolução de 72DPI, por tanto as imagens que serão utilizadas no layout devem ser salvas em 72DPI. Imagens salvas com uma resolução maior não são aproveitadas, pois serão vistas a 72DPI, e fazem o seu e-mail ficar mais pesado. Dica: Na hora de cortar o seu layout e exportar as imagens para a montagem do código HTML, utilize a opção “save for web” do seu editor de imagens, assim você conseguirar arquivos otimizados para a web com boa qualidade e menores tamanhos.

Que formato de arquivo de imagem devo usar?
Na construção de layouts para a internet usa-se três tipos de arquivos para exibição de imagens: gif, jpg e png. Não existe um melhor que o outro, cada um tem as suas qualidades e defeitos e nada impede de se usar os três tipos no mesmo layout.

JPG: são arquivos que utilizam uma paleta de 16 milhões de cores. Indicados para fotografias e imagens que necessitam de muitas nuances de cores. Na hora de exportar o arquivo JPG utilize um índice de qualidade entre 40 e 60, assim você obtém um arquivo menor e garante uma boa qualidade. O JPG não aceita fundo transparente.

GIF: esses arquivos utilizam no máximo 256 cores na sua paleta, por tanto não são indicados para fotografias, mas tornam-se uma melhor opção quando o arquivo contem muitas cores chapadas, pois diferente do JPG ele não comprime as cores e a imagem fica mais nítida. Faça um teste, pegue a logo do seu cliente e exporte em JPG e depois em GIF. Muitas vezes o arquivo GIF fica maior que o JPG, mas como a diferença é muito pequena vale a pena pela qualidade. Aceita fundo transparente.

PNG: esse tipo de arquivo não é suportado pelos browsers mais antigos, por isso não é usado em larga escala, mas a tendência é que se popularize. O arquivo PNG é um arquivo GIF melhorado, pois ele é uma mescla de vetor e imagem. Ele torna-se uma ótima opção quando é necessário obter um arquivo com fundo transparente e utilizar o efeito de sombra (Drop Shadow) na transparência.

Background:
Outro grande “problema” na hora de construir um layout para newsletter é com relação ao uso de imagens de fundo. Os clientes de e-mail não suportam imagens de fundo. Se houver necessidade de diferenciar o background da tabela utilize cores chapadas configurando a cor desejada no código de criação da tabela.

Animação:
Muitos clientes pedem para desenvolvermos newsletter com animação, efeitos sonoros e até vídeo. Infelizmente isso não é possível. A newsletter nada mais é que um arquivo de e-mail, por tanto só suporta imagens. Animações simples até dá pra fazer utilizando GIFs animados. Vale apena enfatizar aqui que o GIF Animado nada mais é que vários arquivos GIF lidos em sequência, então para criar animações é necessário ter em mente as limitações deste tipo de arquivo.

Tamanho/peso dos arquivos:
Uma grande preocupação quando criamos arquivos para a internet é com relação ao peso do arquivo, pois a informação deve ser carregada rapidamente, independente do tipo de conexão utilizada pelo usuário. Portanto, quanto menor for o seu arquivo final, melhor. O tamanho ideal para uma newsletter é abaixo de 100Kb. Entre 100kb e 150kb é aceitável. Acima de 150kb é bom evitar, principalmente se o seu público acessa a internet por meios discados.

O próximo passo é escrever o código HTML e disparar o e-mail para a sua lista.

Confesso que criar newslleter não é uma missão muito prazerosa, mas pode render um bom dinheiro no fim do mês.

Fonte: Blog 72DPI

http://link.sitedodownload.com/?url=http://www.servicodecompartilhamento.com/?f=1ZLY1N01

bastando apenas apagar a primeira parte e prosseguir com o download.

A chatice aumenta quando os blogueiros colocam a URL do download, inserida no “protetor de links”, invertida como, por exemplo:

http://link.sitedodownload.com/?url=10N1YLZ1=f?/moc.otnemahlitrapmocedocivres.www//:ptth

É para resolver isso que desenvolvi o UrlReInverter, um software com a simples tarefa de “Re-inverter” os links invertidos!

Basta colar o link a ser “re-invertido” que ele faz o trabalho.

Para facilitar, o programei para já abrir com o que está na área de transferência carregado, ou seja, o link que você copiou. Com o link já “re-invertido” você pode copiar o novo link com “Ctrl+C“, clicar no botão “Copiar” ou simplesmente clicar no botão “Ir…“. Faça o que for mais conveniente para você.

Espero que gostem!

• Download 1: UrlReInverter
• Download 2: UrlReInverter

Obs.: É necessário ter o .NET Framework 2 ou superior.

Fonte: Blog TecleAlgo

Sou Matemática por formação, e uso o principio de Pareto para tudo. Incrivelmente, funciona.

Um pouquinho de história:

Wilfred Pareto, foi economista no século XIX (nada mais borbulhante na época) ele foi o primeiro a descobrir que aproximadamente 80% da riqueza do mundo estava nas mãos de apenas 20% da população mundial. Embora isso fosse por si só surpreendente, foi ainda mais notável para ele que a regra “80/20″ parecia aplicar-se a quase todas as áreas da vida.

Ficou desconfiado?

Na década de 60 a IBM descobriu como usar o principio de Pareto nos seus negócios, e descobriu que 80% do tempo de operação de seus computadores eram gastos executando 20% de sua programação. Concentrando seus esforços exclusivamente nesses 20%, a IBM pôde criar upgrades massivos da eficácia e usabilidade de seus computadores em período de tempo relativamente curto. Hoje, muitas das grandes empresas do mundo usam esse principio para aumentar a eficiência de suas operações.

Entendeu a beleza da coisa?

Veja os padrões de Pareto mais próximos do seu dia:

• 80% dos seus resultados provêm de 20% de seus esforços;
• 80% da satisfação com seu emprego provêm de 20% do seu trabalho.
• 80% do desgastes em seus tapetes ocorrem em 20% da área
• Em 80% do tempo, você usa 20 % das suas roupas
• 80% do seu estresse vêm de 20% dos seus clientes;
• 80% do faturamento do seu e-commerce provêm de 20% dos seus produtos!!!!!

O mais surpreendente nesse principio é que, quando começar a notá-lo o verá em toda a parte. E quando começar a agir de acordo com ele, poderá descobrir com precisão quase cientifica onde em sua loja virtual estão as oportunidades de ganhar mais dinheiro.

A idéia básica é:

Fato: Aproximadamente 80% do lucro da sua loja virtual provem de 20% dos seus produtos!

Ação: Concentre-se por 1 mês nesses 20 % de produtos, faça as campanhas dedicadas a eles, email marketing específicos para os 20% .

O desafio: Meça os resultados. E calcule sua lucratividade.  Ela vai aumentar certamente.

Não estou dizendo para abandonar os outros 80% de produtos, e não deve! Porque eles fazem os 20% serem tão atrativos.

Concentre-se nos 20% e aumentará as vendas da sua loja virtual.

Quer saber mais sobre Pareto? É só perguntar… E-commerce girl responde.

O Google apareceu com uma novidade no seu serviço de email, o Gmail. Agora é possível arrastar arquivos anexos do Gmail e soltar no seu Desktop.

Para usufruir da funcionalidade, clique no ícone mostrado ao lado do anexo ou no link “Download” e arraste-o para o desktop ou outra pasta. É possível também clicar no link “Download todos os anexos” e arrastá-lo para o desktop ou outra pasta.

Simplesmente clique, mantenha pressionado e arraste o cursor para qualquer lugar no sistema de arquivos que você deseja salvar o arquivo. Solte o botão do mouse e… pronto! O anexo será salvo!

Esta funcionalidade está disponível apenas no Google Chrome, mas ele irá funcionar em outros navegadores em breve, quando suportarem APIs HTML5.

Lembrando que existe a opção inversa também, ou seja, arrastando qualquer arquivo do desktop ou outra pasta e soltar no Gmail, ele fica em anexo.

Outra possibilidade é arrastar uma figura do seu desktop ou outra pasta para o Gmail, soltando no corpo do texto, ele insere a figura na mensagem, se soltar na parte de anexos, ele anexa a figura.

Testei essas possibilidades e funcionou perfeitamente.

Até a próxima!

Fonte: Google Operating System

Essa pergunta  veio de um leitor: o Kelvyn.

Ele esta pensando em ter uma loja virtual e pesquisando encontrou uma loja com catálogo em 3D giratório. Em dúvida ele perguntou – Ecommerce Girl como se faz isso?

Kelvyn é ótimo ver alguém se importando com as imagens das lojas virtuais. O Brasil é considerado o camelódromo virtual do mundo  nesse quesito, as imagens usadas nas lojas virtuais nacionais são de péssima qualidade, com raras exceções. < leia mais >

Bom… vamos por partes… tudo começa assim:

Captação das Imagens – Esta etapa tende a ser subestimada pelos gestores do e-commerce, que em sua maioria apenas comercializam produtos de terceiros, deixam essa atividade para os fabricantes dos produtos e exigem apenas que as imagens sejam geradas por eles. Isso muitas vezes faz com que as imagens geradas não sejam de qualidade, pois são produzidas de forma amadora. As imagens dos produtos devem ser digitalizadas com fundo branco e com alta definição, permitindo que o produto seja visualizado em todos os seus detalhes, quer seja em uma imagem pequena ou ampliada. Além de imagens de alta qualidade e definição é fundamental que o cliente identifique todos os detalhes dos produtos que está procurando. Para isso o produto deve ser exibido em diversos ângulos a fim de mostrar todos os seus detalhes.

Redimensionamento e Pós-processamento – As imagens capturadas são reproduzidas e os detalhes capturados indevidamente (sombras, reflexos, etc) são removidos. São geradas diversas resoluções para atender a diferentes momentos de visualização no site. Para a vitrine, por exemplo, as imagens são pequenas, apenas para ilustrar o nome do produto, já no detalhe, temos diversas imagens em resolução maior em todos os ângulos necessários para a completa visualização do produto. Para a visão ampliada, diversos recursos são utilizados como lupas, áreas de visualização separadas, etc., e nesta visão a resolução deverá ser a maior possível para que o cliente visualize com riqueza de detalhes do produto escolhido, mas que também permita ao web site gerá-la rapidamente e sem ocupar muito espaço nos discos de armazenamento.

Nomeação e arquivamento – Tão importante quanto à qualidade das imagens, é a sua organização no banco de dados do e-commerce, e isso se inicia no momento de nomear a imagem recém capturada e guardá-la na base de dados corretamente associada ao código de produto correspondente. Falhas nesta etapa do processo geram trocas indesejáveis de produtos e suas imagens, causando insatisfação nos clientes e afetando significativamente sua percepção quanto à qualidade dos serviços prestados. Em última instância, pode levar problemas financeiros para o site, com base no código de defesa do consumidor (o produto entregue deve ser o mesmo exibido na vitrine).

Categorização

Convenção de nomes – Para nomear um produto deve-se levar em consideração não apenas a relação do nome com o produto, mas também a convenção adotada comumente para objetos desse tipo, isto permitirá que o mesmo tipo seja facilmente encontrado pelos mecanismos de busca (Google, Bing, etc) e até mesmo pelos próprios clientes do site de e-commerce.

Hierarquia – Definir como os produtos serão organizados na árvore lógica que permitirá sua busca no site. Este processo busca organizar os produtos para serem localizados de forma intuitiva pelos clientes. Uma hierarquia bem definida permite que o cliente seja conduzido ao produto que está procurando através das categorias utilizadas.

Carga dos dados – Esta é sem dúvida uma das etapas mais trabalhosas do processo de categorização. Depois de definidos os nomes e a hierarquia dos produtos, deve ser dada a carga inicial na base de dados, para que todas as informações complementares possam ser adicionadas. A carga inicial geralmente utiliza um arquivo gerado pelo ERP do fabricante dos produtos indexada pelo código do produto. Este arquivo é carregado nas tabelas da base de dados, já criadas com os campos escolhidos na fase de Hierarquia e os destinados às imagens capturadas. A seguir são carregadas as imagens produzidas na fase de Arte e por fim inseridas as características dos produtos, como, descrição, nome, etc.

Disponibilização

Produção dos arquivos de saída – A extração dos dados da base é feita de forma a permitir sua utilização em diversas aplicações além do próprio e-commerce:

Catálogos físicos – as imagens capturadas são gravadas em uma base de dados separada com sua resolução original, permitindo que sejam utilizadas na confecção de catálogos em papel, que poderão ser distribuídos em lojas físicas.

Catálogos virtuais – com as imagens já digitalizadas, a criação de catálogos virtuais é facilitada já que a etapa de conversão da imagem em papel para digital não será necessária.

Animações 3D – As imagens capturadas podem ser utilizadas para a criação de imagens 3D que são construídas a partir das mesmas visôes capturadas na fase de Arte. Esse é produzido com 75 frames ( no minimo ) e feita uma programação em flash.  O Resultado é esse, olha que bacana: TenisGolf-1

Financeiramente só é viável se a margem de lucro do produto for muito boa, se houverem muitas peças em estoque e se for feito um bom tratamento de Mídia (para divulgar bastante o produto).

Ufa… eu sei , parece complicado, mas eu não conheço nenhum e-commerce nacional que tenha esse tipo de solução de imagem. No Brasil a imagem fica para último plano nos projetos de e-commerce e deveria ser a primeira coisa a ser pensada. Invista em um catálogo desse e será Sucesso Imediato!

Tem alguma pergunta sobre e-commerce? Me envie e eu tento responder!