2007-03-16 10:11:23
tags: 

Mais uma jóia da Web 2.0: Gliffy

Gliffy é uma ferramenta web para desenho de diagramas e gráficos de forma colaborativa. Muito interessante. Confira no endereço http://www.gliffy.com.
2007-02-26 07:06:40
tags: 

Produção Web: Subverta sua forma de trabalhar com arquivos

Vamos fazer um teste rápido: você montou uma página html muito legal, o css já está fechado, tudo está validando, acessível, etc. e tal. Nesse exato momento, o seu cliente liga e faz um pedido infame:    

— Olha, vamos precisar colocar esses 15 logos na página, mas precisamos que você coloque um em cada parágrafo, ok?

Bom profissional que você é, aceita resoluto a solicitação do cliente e insere uma a uma as imagens na página, transformando a sua linda criação em uma quase-árvore-de-natal feita de símbolos e logotipos que não têm absolutamente nada a ver uns com os outros. Pra que a coisa fique minimamente interessante, você perde mais 45 minutos ajustando o css, mexendo no tamanho das imagens, enfim, fazendo o rejunte e o acabamento.

Considerações estéticas à parte, a página eventualmente fica pronta e você pede a aprovação do cliente. Então, caro amigo, o inesperado acontece:

— Olha, ficou poluído demais. Pode voltar atrás.

O que?! Voltar atrás?

É aqui que entra nosso teste: nessa momento de tensão, caro leitor, o que você faria:

Opção 1: aceita, emburrado, e recomeça de imediato a corrigir o código, removendo uma a uma cada modificação feita. Depois, precisa revisar tudo novamente pra ver ser não ficou nenhum erro, se o layout está igual ao original (mas peraí, eu detonei o original!)

Tempo total: 30 minutos.

Opção 2: aceita, levemente aborrecido, e começa a procurar os arquivos de backup que você havia feito antes de alterar os arquivos. Depois, precisa revisar tudo novamente pra ver se realmente tudo está certo, se aquele “salvar como” foi feito com todas as últimas alterações, se aquela modificação de texto que a menina pediu por telefone estava incluída.

Tempo total: 7 minutos.

Opção 3: aceita, com um sorriso cativante no rosto, e clica com o botão direito do mouse no ítem “TortoiseSVN->Exibir histórico”, escolhe a revisão anterior, e clica com o botão direito novamente “Reverter para essa revisão”. Pronto.

Tempo total: 5 segundos.

Muito bem, meu amigo, minha amiga, o que este teste mostra para nós? Se você respondeu opção 1 ou opção 2 você precisa de um sistema de controle de versão. Fato.

Um sistema de controle de versão guarda diferentes versões de um mesmo documento em um repositório e é capaz de fazer operações com elas. Assim, é possível não só voltar a uma versão anterior de um arquivo instantaneamente, mas também comparar e ver exatamente as diferenças entre duas versões, linha a linha. Mais que isso, duas ou mais pessoas podem trabalhar ao mesmo tempo em um arquivo texto, combinando as partes alteradas quando terminarem. Não é feitiçaria, é tecnologia!

Existem várias soluções para controle de versão disponíveis no mercado. Uma das mais populares é a chamada Subversion, ou simplesmente svn.

O Subversion usa uma interface de linha de comando, mas graças à bondade da comunidade open-source já foi desenvolvida uma interface gráfica para Windows chamada TortoiseSVN que é bem mais fácil de usar. Faça o download da aplicação e da tradução para o português brasileiro no endereço

http://tortoisesvn.net/downloads

Observação: Para quem usa mac, existe o SvnX. É um pouco confuso, mas talvez ajude:

http://www.apple.com/downloads/macosx/development_tools/svnx.html

Depois de instalar o TortoiseSVN (será necessário reiniciar o Windows), você já pode criar seu primeiro repositório:

- crie uma pasta nova para conter seu repositório

- clique com o botão direito do mouse nessa pasta e escolha “TortoiseSVN->Criar repositório aqui”.

Pronto, já temos um repositório. Você não vai trabalhar nessa pasta: os repositórios svn guardam os arquivos num formato proprietário que não pode ser usado; Para trabalhar, é preciso fazer um “checkout” do repositório em outra pasta, ou, em português, “Obter” os arquivos do repositório:

- crie uma pasta para guardar seus arquivos de trabalho;

- clique com o botão direito e escolha “SVN Obter”

- Agora é necessário digitar no campo “URL do Repositório” a url do repositório que você criou. Como trata-se de um folder no sistema de arquivos, use o prefixo file:/// antes do caminho da pasta. Exemplo: file:///C:meurepositorio

- clique OK

Pronto. A partir de agora, os arquivos desta pasta poderão ser “Submetidos” clicando com o botão direito sobre ela e selecionando “TortoiseSVN->Submeter” . Uma janela se abrirá e você vai poder selecionar os arquivos que deseja submeter.

Dica importante: nunca apague ou renomeie um arquivo obtido de um repositório subversion pelo Windows; sempre use o menu do TortoiseSVN. Quando isso acontece, o banco de dados interno do subversion fica perdidinho e você pode ter algumas surpresas.

Para saber mais não deixe de ler o livro “Controle de Versão com Subversion”, que já está parcialmente traduzido para o português no endereço

http://svnbook.red-bean.com/

Nos próximos posts da série, vou mostrar como usar um repositório online do Dreamhost.

Divirtam-se!

2007-02-12 16:05:01
tags: 

A web 3.0 chegou

http://pipes.yahoo.com. A nova web está chegando.
2007-02-10 02:49:00
tags: 

Produção Web: Ambientes de trabalho

Ao longo dos anos aprendi que uma boa estratégia é ter 3 ambientes distintos de trabalho: Produção, Validação e, finalmente, um ambiente de testes internos. O primeiro, intocável, é o ambiente onde os clientes acessam a versão do site atual. O segundo ambiente é o ambiente de validação, onde o cliente aprova as alterações feitas no site. O terceiro é o ambiente onde você testa as modificações antes de apresentar ao cliente.

Acredito que a coisa realmente importante desse approach é ter um ambiente separado de validação para o cliente. Assim você não corre o risco de "quebrar" o site enquanto ele revisa alguma outra coisa que você já fez.

Mas como fazer isso na prática? Um dos motivos da minha simpatia pelo Dreamhost é a possibilidade de criar subdomínios ilimitados. Assim, crio dois subdomínios, um de validação para o cliente e um de teste para mim. Exemplo:

Para criar um subdomínio no Dreamhost é muito fácil: acesse o painel de controle, clique na opção "Domains", e em seguida no link "Add New Domain / Sub-Domain". O painel de controle vai configurar automaticamente o subdomínio pra você e já vai criar a pasta com o mesmo nome no seu diretório home. 

Trabalhe localmente e suba os arquivos para o ambiente de teste. Se tudo estiver bem lá, inicie o procedimento de atualização:

  1. Renomeie a pasta atual cliente.digitalminds.com.br para cliente.old (se alguma coisa inesperada acontecer é so voltar atrás)
  2. Duplique a pasta teste.cliente.digitalminds.com.br e renomeie para cliente.digitalminds.com.br

Tudo pronto, seu cliente já pode fazer a validação das mudanças. Assim você não interrompe o site de validação durante o upload e tem certeza de que tudo está funcionando no servidor.

Existem formas ainda mais bonitas de fazer este tipo de atualização, especialmente se você tem Subversion disponível. Mas aí é outra dica. Pra coisas simples isso funciona muito bem, e você ainda pode fazer um pequeno script bash pra automatizar tudo.

É isso, gente. Até a próxima. Para ver todos os artigos desta série, acesse http://www.digitalminds.com.br/tags/pw

2007-02-10 02:32:20
tags: 

Produção Web: nova série

Olá pessoal. Começo hoje uma nova série na qual vou tentar passar dicas rapidinhas de produção web. São coisas simples e rápidas que aprendi ao longo desses 16 anos trabalhando nessa industria vital, que de repente ajudam vocês a resolver alguns problemas e ganhar tempo. A série vai se chamar Produção Web, e você vai poder encontrar os artigos no link http://www.digitalminds.com.br/tags/pw . Espero que gostem.
2006-03-27 04:54:49
tags: 

CNN refaz sua Home Page, cria novo modelo de negócio

A CNN refez sua Home Page essa semana e está pedindo opiniões para seus leitores. Segundo a revista, a "CNN.com lançou uma home page nova e expandida que permite acesso mais rápido e fácil a mais notícias e informações do que nunca. Ela inclui cobertura exclusiva da CNN, histórias mais populares, vídeo em tempo real e por demanda, podcasts e mais."

O que realmente me impressionou não foi o redesign. Foi o novo modelo de negócio que surge juntamente com a mudança. Um pequeno link chamado "CNN Pipeline" é, talvez, a primeira iniciativa de uma empresa de mídia de grande porte a ser construída com base nos novos padrões de consumo de mídia.

Mais detalhes e análise completa no próximo Digitalminds Podcast.
2005-11-27 03:11:27
tags: 

Digitalminds Podcast 18

Musica: The Matrix Soundtrack. Digitalminds Podcast especial sobre Web 2.0, Ajax e novas possibilidades em user experience na web.
Clique aqui para ver os links relacionados.
2005-11-21 11:27:47
tags: 

Drag and Drop em JavaScript

A biblioteca do Walter Zorn é mais um exemplo dos recursos disponíveis nos browsers atuais. Junte uma pitada de Ajax, e não temos mais nenhuma desculpa pra não inovar em interfaces na web...
2005-11-20 13:41:46
tags: 

A sua Home Page é imatura?

Interessante análise do pessoal da Adaptive Path sobre o porquê da confusão existente nas home pages de corporações e alguns portais.
2005-11-15 14:19:13
tags: 

Google Web APIs

Tinha faltado o link no podcast... Taí pra vocês. As APIs do Google usam SOAP e WDSL. Divirtam-se.
2005-11-14 04:06:11
tags: 

smugMaps

Fotos com informação GPS + Google maps... Smugmug.
2005-11-14 03:21:45
tags: 

Amazon.com Web Services

Amazon Web Services provides developers with direct access to Amazon's robust technology platform. Build on Amazon's suite of web services to enable and enhance your applications. We innovate for you, so that you can innovate for your customers. Browse our reference applications to see the possibilities!
2005-11-14 03:10:30
tags: 

Amazon Web Services usando NuSOAP

Tutorial rápido e rasteiro sobre como usar SOAP para usar os Web Services da Amazon.
2005-11-08 01:44:29
tags: 

REVOLUÇÃO ETC...

Vale a pena visitar o belo site do Henrique Costa Pereira, o Revolução Etc.
2005-11-05 20:06:22
tags: 

symfony: open-source PHP5 web framework

PHP está finalmente amadurecendo. Simfony é um web framework com total separação em camadas, modelo MVC, suporte a ajax... Parece bem interessante. Depois que você entende como esses frameworks funcionam, nada mais é a mesma coisa... Via Bruno Torres.
2005-10-24 07:00:13
tags: 

O Dia Online

É uma pena. Mais uma chance desperdiçada de fazer um projeto inovador no mercado brasileiro.
2005-10-17 15:16:48
tags: 

Macworld: Review: Dreamweaver 8

Tenho usado o Dreamweaver por muitos anos, e gosto muito. A minha transição para o Eclipse está um pouco lenta, muitas coisas pra aprender.
A nova versão, de número 8, deve ser a última antes da fusão Macromedia + Adobe. Vamos torcer pra que ele não seja um dos softwares detonados...
2005-10-11 04:33:29
tags: 

O'Reilly Radar > Google Maps + Flash = VGMap

Mike Frumin from Eyebeam has released VGMap. It lets you overlay Flash vector art on top of a Google Map. It's very cute (see the NYC Subway map demo app) and represents another step along the path that takes GIS technology from specialized desktop suites to general purpose web apps.
2005-10-09 01:35:46
tags: 

IFTF's Future Now: Here comes Flock

Unlike plain-vanilla browsers such as Microsoft's (MSFT ) Internet Explorer, Flock's browser is built specifically for a new, emerging generation of Web users, one that isn't satisfied passively browsing media online.
2005-09-13 17:45:55
tags: 

Robots.txt Validator

Como anda o seu robots.txt?