Há algum tempo estou desenvolvendo um novo projeto, com o objetivo de disponibilizar as pesquisas que faço no Direito, essencialmente um guia de referência.

Nesse caso os posts não são ordenados cronologicamente, mas por assunto. Surgiu a necessidade de exibir os posts atualizados mais recentemente, ou seja, aqueles que possuem alguma novidade.

Após muita pesquisa, pois são raras as aplicações que precisam desta forma de ordenação dos posts, achei um plugin que faz o que preciso: cria um widget com os posts recentemente atualizados para exibição na sidebar: Last Updated Posts Widget.

Relacionado:

1. Crianças como alvo do marketing
2. Vídeos na internet precisam ser curtos
3. Publicidade de veículos deve exibir mensagens educativas

Erros que distorcem as palavras acentuadas normalmente estão relacionados ao charset, a codificação de caracteres. O português utiliza o alfabeto latino, cujo charset é o ISO-8859-1. O problema é que informamos o charset no banco de dados, no servidor web e nas páginas da aplicação.

Como o problema com os acentos só ocorria nas palavras digitadas no campo para pesquisa do Google, passei a procurar uma solução nas configurações do sistema de pesquisa personalizada. No Fórum de ajuda, recomendam alterar o charset de UTF-8 para ISO-8859-1. Infelizmente, minha configuração já estava com o ISO:

<form action="http://www.vlima.com/blog/" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="" />
    <input type="hidden" name="cof" value="" />
    <input type="hidden" name="ie" value="ISO-8859-1" />
    <input type="text" name="q" size="31" />
    <input type="submit" name="sa" value="Pesquisar" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.com.br/cse/brand?form=cse-search-box&amp;lang=pt"></script>

Resolvi inverter para UTF-8, conforme abaixo e funcionou. Agora a busca funciona com as palavras acentuadas.

<input type="hidden" name="ie" value="UTF-8" />

Relacionado:

1. O polêmico Google News
2. Google Convertion
3. Google Earth: informações metereológicas

Imagem: flickr do georgeparrilla

Saving changes is not permitted. The changes you have made require the following tables to be dropped and re-created. You have either made changes to a table that can’t be re-created or enabled the option Prevent saving changes that require the table to be re-created.

Comecei a utilizar o SQL Server 2008 hoje, em virtude de uma mudança de plano de hospedagem na Locaweb. Sofri um pouco para migrar a base antiga, principalmente por ter exagerado em um drop e ter apagado o banco inteiro.

Pois bem, migração efetuada, precisei alterar uma tabela e surgiu a mensagem acima. Me assustei, já pensou ter que recriar a tabela cada vez que fizer uma alteração?

Felizmente encontrei a solução rapidamente. Basta alterar uma configuração do SQL Server Managment Studio. No SQL Server Managment Studio, acesse Tools > Options e na aba Designer,  desmarque a opção “Prevent saving changes that require table re-creation”.

Relacionado:

1. 2008: Speedy de 30mbs
2. Vai-Vai e Peruche: campeãs de 2008
3. Google Developer Day 2008

Para minha surpresa o projeto não funcionou, algo impede que as views apareçam. Enquanto a Locaweb não responde meu chamado, fiz umas pesquisas e descobri que:

1) As Dll´s do MVC não ficam mais na pasta bin

Esse problema afeta os servidores que não tem o MVC instalado, o que é o meu caso. Descobri isso e a solução no blog do Dennis Oliveira. Basta alterar nas referências das dll´s do MVC a propriedade Copy Local para True.

Mesmo assim meu projeto ainda não funcinava na Locaweb.

2) Alterar o Global.asax

Dependendo da versão do IIS, pode ser necessário alterar o Global.asax para que o IIS entenda a URL da página (dica do Felipe Fujiy) É um quebra-galho, mas como estou apenas testando o MVC, resolve a necessidade no momento.

Eu utilizo vb.net, assim a alteração proposta pelo Felipe fica assim:

routes.MapRoute( _
"Default", _
"{controller}.aspx/{action}/{id}", _
New With {.controller = "Home", .action = "Index", .id = ""} _
)

routes.MapRoute( _
"Root", _
"", _
New With {.controller = "Home", .action = "Index", .id = ""} _
)

Agora que consegui publicar minha primeira aplicação e ela funciona, vou fazer uma pequena loja virtual baseada no exemplo da Microsoft no site do asp.net MVC.

Update (06/03/2009)

Para publicar uma aplicação Asp.net MVC na Locaweb, basta publicar as DLL´s do MVC na pasta bin do projeto, se o seu servidor for Windows 2008. Caso o servidor seja Windows 2003, será necessário fazer uma alteração através do painel de controle, conforme esta orientação.

Porque a configuração não funcionou no meu caso?

Estou publicando o projeto em um servidor dedicado Windows 2003 da Locaweb. No meu servidor o Wildcard não estava configurado no IIS e a versão do asp.net 3.5 não era a SP1, pois não solicitei a atualização. Agora, com  o IIS configurado e .net SP1 a aplicação está funcionando. A única necessidade foi publicar as DLL´s do MVC na pasta bin.

Se o servidor é dedicado, porque não instalar o Asp.net MVC no servidor? Optei por não instalar em virtude da versão final do MVC não estar disponível e por minha aplicação ser apenas para teste.

Relacionado:

1. Projeto em Asp.net MVC
2. Computação na nuvem
3. A busca por um sistema de atendimento online continua

Não há diferenças relevantes entre os sistemas disponíveis, como o Luli Radfaher comentou, as lojas virtuais são muito parecidas, falta personalidade. É claro que não podemos confundir o sistema (vou chamar de motor) com o design do site. Isso não isenta o motor de sua responsabilidade, pois cabe a esse motor permitir funções e designs personalizados.

A maior diferença está entre os modelos de negócio adotados: gratuitos, comissão sobre venda, manutenção mensal e desenvolvimento próprio.

Gratuitos

As lojas gratuitas normalmente seguem o modelo open source. Boa parte desses sistemas são desenvolvidos por equipes internacionais, o que exige uma adaptação do motor ao Brasil, especialmente quanto ao calculo do frete, meios de pagamentos e impostos.

É uma excelente opção para quem sabe programar e quer ter controle sobre / aprimorar / customizar o sistema.

Comissão sobre venda

É a melhor opção para quem está iniciando nas vendas pela Internet e tem dúvidas sobre o retorno. O desenvolvedor só recebe se você vender, criando uma relação ganha-ganha. Por ser um valor fixo sobre o produto, é fácil repassa-lo nos custos do produto.

A empresa que desenvolveu o sistema ajuda o lojista na configuração, de forma a eliminar a necessidade de conhecimentos de programação. A maior parte desses modelos estão associados a sistemas de pagamento on-line (mediadores) o que possibilita ter a loja funcionando em alguns minutos.

O crescimento das vendas leva ao pagamento de uma comissão que supera os valores de manutenção mensal de outros sistemas, nesse momento o empreendedor virtual costuma trocar de modelo visando reduzir custos.

Manutenção mensal

Neste modelo paga-se uma taxa de instalação e depois um valor mensal fixo a título de manutenção. A maior parte dos sistemas de e-commerce são comercializados nesse modelo. Aqui também não é necessário contratar um desenvolvedor.

Desenvolvimento próprio

A diversidade de sistemas disponíveis e a variedade de modelos de cobrança de serviços praticamente inviabiliza este modelo. A loja virtual que trabalho sempre adotou o desenvolvimento próprio e o retorno sobre o investimento é discutível. Por outro lado, é possível inovar, oferecer soluções diferenciadas e adaptadas ao seu público alvo.

Quem quer viver do comércio eletrônico de produtos não exclusivos (ou seja, existe concorrência no e-commerce) precisa se diferenciar da concorrência. Atendimento, preço, serviços, produtos são excelentes diferenciais, assim como um site diferenciado também.

Conclusão

Se você irá iniciar uma loja virtual, o melhor é o modelo de comissão sobre venda.

Para quem já tem a loja, todos os modelos podem ser interessantes, dependendo do seu conhecimento, disposição para configurar o sistema e capacidade de investimento.

No caso da nossa empresa, o melhor modelo é desenvolver sobre uma plataforma open source, visto os outros modelos não atenderem nossas necessidades (com custo acessível).

Saiba +

1. Foto: Flickr do gari.baldi: shopping carts.

Relacionado:

1. Como funciona uma loja virtual?
2. Dicas para sua loja virtual
3. A busca por um sistema de atendimento online continua

Localizei outra opção, o Crafty Syntax Live Help. Apesar do visual pobre, o sistema é completo, atende nossas necessiades e o pessoal no primeiro contato já compreendeu o funcionamento. Vou implementar esse sistema em produção se os testes correrem bem.

A instalação

A instalação é mais simples do que o Help Center. Logo no início da instalação é possível escolher o idioma Português Brasileiro para a interface. Para mais informações sobre como instalar:

• Crafty Syntax Live Help: Install Guide;
• Viva o linux: Instalando o Chat.

Relacionado:

1. A busca por um sistema de atendimento online continua
2. Como instalar o Help Center Live
3. Eu x a Telefonica

Substituí o sistema que desenvolvi pelo reCaptcha, sistema de captcha utilizado por diversos sites, por dois motivos:

1. Ao digitar as palavras no reCaptcha ajudamos a digitalizar livros para o Internet Archive e antigas edições do The New York Times:
   
2. O sistema é rápido, funcional e fácil de instalar:

Instalação¹

O site do reCaptcha oferece plugins para diversas aplicações Web, como o WordPress, bibliotecas para as principais liguagens de desenvolvimento e uma API para os demais casos. A biblioteca para asp.net serve tanto para vb.net quanto c#.

1 – Download e referência

Baixe a biblioteca e referencie a biblioteca ( library/bin/Release/Recaptcha.dll) no seu site asp.net.

2 – Exibição do controle reCaptcha

Inserir na primeira linha da página que irá exibir o controle a seguinte linha:

<%@ Register TagPrefix="recaptcha" Namespace="Recaptcha" Assembly="Recaptcha" %>

Dentro da tag <form runat="server"> da página, no local aonde você deseja que o controle com o reCaptcha seja exibido, cole:

<recaptcha:RecaptchaControl
ID="recaptcha"
runat="server"
PublicKey=""
PrivateKey=""
/>

É preciso informar a publicKey e a PrivateKey que são obtidas após você se cadastrar no site do reCaptcha. Ao executar seu projeto o controle padrão do reCaptcha será exibido.

3 – Como verificar se as palavras digitadas estão ok

É simples, basta verificar se Page.IsValid, como aparece no exemplo que acompanha a documentação da biblioteca:

If Page.IsValid Then
lblResult.Text = "Ok! pode prosseguir"
lblResult.ForeColor = Drawing.Color.Green
Else
lblResult.Text = "As palavras estão incorretas"
lblResult.ForeColor = Drawing.Color.Red
End If

4 – Mudar o idioma para português

Abra o projeto da biblioteca do reCaptcha e edite a classe RecaptchaControl.cs.:

//Localize o seguinte método:
protected override void RenderContents(HtmlTextWriter output)
// Após a linha:
output.WriteLine("theme : ‘{0}’,", theme == null ? "" : theme);
// Inclua a linha que define o idioma que será utilizado no controle
output.WriteLine("lang : ‘{0}’,", "pt");

Faça o Build da biblioteca e substitua a dll que está em seu projeto pela que foi criada: ( library/bin/Debug/Recaptcha.dll). Pronto, agora o controle está em português.

Falhas / sugestões

A função de áudio é horrível, testei com 4 pessoas e ninguém conseguiu entender o que era ditado.

Mesmo mudando o idioma para o português, as palavras para digitar são em inglês. Seria interessante utilizar o reCaptcha ou outra aplicação semelhante para ajudar a digitalizar textos em português.

Evolução do captcha

Com a evolução dos aplicativos de reconhecimento de texto em imagens (OCR), vários sistemas de captcha ficaram obsoletos. A primeira solução foi distorcer ainda mais as imagens, o que atrapalha a experiência do usuário.

A tendência é fazer perguntas variáveis, baseadas na palavra exibida no capcha, como:

• informar somente as vogais,
• os números;
• os x primeiros caracteres, etc.

Já li posts (perdi a fonte) sugerindo a utilização de contas simples no lugar das imagens, ex:

• o valor de 5 x5;
• subtrair três de dois.

Saiba +

• reCaptcha: ASP.NET Library for reCAPTCHA quickstart;
• Saber é Bom Demais: reCAPTCHA, serviço gratuito que ajuda digitalizar livros velhos;
• A Whole Lotta Nothing: ReCAPTCHA’s quality is going down?

Relacionado:

1. Crafty Syntax Live Help: chat online open source
2. Google Pesquisa Personalizada: erro com acentuação
3. Dicas para manter sua loja virtual

Qual a utilidade de um sistema de chat online no site?

Muitos sites utilizam o Skype ou o MSN para atendimento online, o problema desse tipo de solução é que exige que o cliente tenha conta nesses serviços. Já o Google Talk e o Meebo oferecem aplicativos para fazer o chat diretamente do site, mesmo que o visitante não seja cadastrado no serviço.

Essas soluções são interessantes enquanto a quantidade de conversas /contatos por dia é pequena. A partir do momento em que precisamos que mais pessoas façam o atendimento é necessário adotar outras soluções.

Os sistemas de chat online além de permitir vários atendentes, permitem também separar o atendimento por departamentos, agilizar o atendimento com a utilização de textos gravados previamente, monitorar os atendimentos em andamento e histórico, transferência do atendimento entre operadores ou departamentos, etc.

Como instalar

A curta explicação disponível no site do Help Center Live é perfeita, em resumo:

1. Fazer o download do sistema;
2. Subir o sistema para um diretório do seu site;
3. Crie uma base MySQL;
4. Talvez seja necessário mudar a permissão de algumas pastas:

CHMOD /config.php to 777
CHMOD /icons/ to 777
CHMOD /compile/ to 777
CHMOD /cache/ to 777

Obs: Se você utiliza um programa de FTP como o FileZilla, basta clicar com o botão direito do mouse sobre a pasta para mudar a permissão.

1. Acesse: http://www.SEUSITE.com/PASTA_QUE_INSTALOU_O_HCL/setup para concluir a instalação.

Para fazer a instalação manualmente, há este tutorial em português.

Tradução para o Português Brasileiro

1. Você pode alterar manualmente, através do arquivo english.php que está na pasta lang;
2. É mais fácil e rápido baixar uma versão desse arquivo já traduzida;
3. Suba o arquivo para a pasta lang;
4. Edite o arquivo config.php:

Antes   $conf['lang'] = 'ingles';
Depois  $conf['lang'] = 'Help Center Live 2.1.4 _portugues_br_vinicius_Alves';

1. Fiz algumas adaptações no arquivo da tradução para adequar alguns termos ao público do meu site, recomendo que você faça o mesmo.

Configurações

As demais configurações são intuitivas, através da área de administração. Como nosso atendimento não é dividido em áreas, vou utilizar uma única instalação para nossas duas lojas virtuais, para cada uma criei um departamento diferente.

Relacionado:

1. Crafty Syntax Live Help: chat online open source
2. A busca por um sistema de atendimento online continua
3. Como fazer o backup das configurações do FileZilla

Seria simples. A primeira dificuldade foi apenas teórica: o asp.net MVC não seria compatível com o Visual Web Developer 2008, versão do Visual Studio gratuíta. A instalação foi ok e consegui executar normalmente o projeto exemplo (template) que foi instalado junto com o MVC.

Na Locaweb a primeira tentativa acabou em erro:

Could not load file or assembly ‘System.Web.Abstractions, Version=3.5.0.0

Achei uma solução simples: copiar as DLL´s do MVC para a pasta bin do projeto. Foi necessário copiar os 3 arquivos:

• System.Web.Abstractions.dll
• System.Web.Mvc.dll
• System.Web.Routing.dll

Os três arquivos estão no seu computador, após a instalação do Asp.net MVC. Concluída a primeira etapa, agora passo a estudar a implementação do MVC.

Saiba +

1. Blog do Rogério Cordeiro;
2. Macoratti.net > Padrões de Projeto : O modelo MVC – Model View Controller;
3. Macoratti.net > ASP.NET – MVC – Model-View-Controller – Introdução;
4. Blog da Locaweb > ASP.NET MVC > link inativo;
5. Blog de Tecnologia da Locaweb > ASP.NET MVC, o que que é isso?

Relacionado:

1. Execute asp.net MVC na sua hospedagem windows
2. Crafty Syntax Live Help: chat online open source
3. Projeto Tietê: 20 anos

De forma geral, os sites estão melhorando nos últimos anos já que as empresas começaram a focar em usabilidade. Elas perceberam que isso afeta diretamente o lucro e passaram a levar a questão a sério. Só que algumas vezes usa-se tecnologia demais, o que quebra a expectativa do usuário. Flash e Ajax são usados muitas vezes sem necessidade. O problema é que não há foco no usuário, no que ele quer fazer no site. E também não se testa o site suficientemente antes de levá-lo ao ar. A chave é manter as coisas simples (1).

As lojas virtuais brasileiras estão padronizadas, o visual é tão parecido que facilmente confundimos em que site estamos. Em um primeiro momento a pasteurização das interfaces elimina o treinamento necessário para o usuário realizar uma compra com sucesso.

O modelo adotado atualmente é confuso e dedica pouco espaço para o produto. Há muita informação irrelevante na página, o que também compromete a simplicidade, o Alexandre Limi concorda:

Mas ainda há muitos que exageram ao colocar muito conteúdo online. Simplicidade é uma palavra mágica, que significa tirar coisas mesmo que não tenha nada para tirar. Um exemplo de simplicidade é o browser Chrome (1).

A estréia do Wal Mart no comércio eletrônico brasileiro foi muito aguardada, mas o site não apresentou nenhuma novidade significativa assim como as mudanças no desing do Submarino também são pequenas. Falta uma loja diferente, simples, que destaque o produto.

Outro ponto que precisamos observar no desing de novos sites é o acesso via celulares. O volume de acessos via telefones deve já no próximo ano representar uma parcela significativa do total de visitas, é necessário criar uma interface especial para celulares?

A variedade de plataformas e tamanhos de telas desanima, mas o Alexande Limi acreita que é necessário  criar versões especiais das páginas para acesso vindo de celulares:

Não há como fugir disso, visto que o tamanho da página é completamente diferente. (…) melhora(r) a experiência em telas pequenas. É uma tendência.

Saiba +

• (1) ARIMA, Katia. Tão simples quanto o Google, Revista Info, outubro de 2008, pág. 87;
• Blog de Experiência de Usuário da Locaweb > Design e criatividade a favor do usuário;
• Usabilidoido > Muito além da geladeira: Internet das Coisas e Design de Interação.

Observação

A Revista Info deveria liberar o conteúdo da versão impressa na Internet, se liberar a edição atual pode comprometer a receita, libere as ediçoes anteriores.  Os links para as reportagens com certeza iriam gerar recitas em propaganda para o site da revista.

Relacionado:

1. Lições da Simplicidade!
2. Dicas para manter sua loja virtual
3. Veja como os visitantes navegam no seu site