Chris B. - idéias e pensamentos http://www.chrisb.com.br/blog Misturando ideias e pensamentos: tecnologia (PHP, Wordpress, javascript, programação), web 2.0 (javascript, ajax, prototype, jQuery) e experiências de vida Tue, 18 May 2010 19:32:58 +0000 en hourly 1 http://wordpress.org/?v=3.0 Script para baixar arquivos do SVN e gerar .zip automaticamente http://feedproxy.google.com/~r/chrisb/~3/5xUCdZo2TlU/ http://www.chrisb.com.br/blog/script-para-baixar-arquivos-do-svn-e-gerar-zip-automaticamente/#comments Tue, 18 May 2010 19:32:58 +0000 Chris http://www.chrisb.com.br/blog/?p=2292 Depois de zilhões de meses fazendo isso manualmente aqui na agência, resolvi me aventurar nesse misterioso e nada mágico mundo do shell script. Até que não achei complexo.
Não vou me dar ao trabalho – aliás, não o faço ultimamente nos meus últimos posts… ando sem paciência – de explicar linha a linha. O que o script faz é receber por parâmetro o caminho do SVN para fazer checkout e o caminho da pasta onde deve ser gerado o .zip. Com isso, ele se conecta ao SVN, faz checkout, gera o .zip e apaga a pasta com os arquivos.

Obs.: não esqueçam que isso só funciona em unix e que o arquivo gerado com esse conteúdo deve ter permissão 777 para ser executado.

#! /bin/sh
clear
svnpath=$1
rootfolder=$2
subfolder=$rootfolder”sub/”
svn checkout $svnpath  $subfolder
sudo find $rootfolder -iname “.svn” -exec rm -fr {} \;
cd $subfolder
zip -r package.zip *
mv package.zip $rootfolder
rm -rf $subfolder

Exemplo de chamada (imaginando que foi gerado um arquivo com o nome package.sh):
./package.sh http://myserver/myclient/svn/trunk/ /home/mmc/myfolder/

Posts relacionados

]]> http://www.chrisb.com.br/blog/script-para-baixar-arquivos-do-svn-e-gerar-zip-automaticamente/feed/ 2 http://www.chrisb.com.br/blog/script-para-baixar-arquivos-do-svn-e-gerar-zip-automaticamente/ Sem som no flash ao atualizar o Firefox 3.6 no Ubuntu http://feedproxy.google.com/~r/chrisb/~3/PjpzvAw-EKI/ http://www.chrisb.com.br/blog/sem-som-no-flash-ao-atualizar-o-firefox-3-6-no-ubuntu/#comments Wed, 28 Apr 2010 11:55:00 +0000 Chris http://www.chrisb.com.br/blog/?p=2289 No post passado falei que para testar algumas coisas, era necessário usar o Firefox 3.6
Bem, eu fiz isso por aqui, no Ubuntu 9.10, e parou de funcionar o som no flash player. Claro, coisas bizarras das integrações entre Ubuntu/Firefox e os plugins; toda vez que atualizo a versão do Firefox, dá esse erro.

Se você passou por isso, segue o meu procedimento – simples – para corrigir. Atualizar a versão do flash player direto do site.

Voi-lá!

Posts relacionados

]]> http://www.chrisb.com.br/blog/sem-som-no-flash-ao-atualizar-o-firefox-3-6-no-ubuntu/feed/ 2 http://www.chrisb.com.br/blog/sem-som-no-flash-ao-atualizar-o-firefox-3-6-no-ubuntu/ Upload de arquivos do file system direto pela interface web http://feedproxy.google.com/~r/chrisb/~3/uHoPFlMoSH8/ http://www.chrisb.com.br/blog/upload-de-arquivos-do-file-system-direto-pela-interface-web/#comments Sun, 18 Apr 2010 21:39:46 +0000 Chris http://www.chrisb.com.br/blog/?p=2286 Certa vez, anos atrás, pesquisei como seria possível fazer upload de arquivos do desktop direto para uma aplicação web, arrastando-e-colando. Não era.
A única coisa que achei seria implementando um java applet ou alguma solução proprietária – a Microsoft tem um lance desses no Sharepoint, o CMS deles. Desencanei.

Ai, semana passada saiu uma notícia que era possível fazer isso pelo Gmail. Acredito que a solução a qual eles chegaram não é a mesma que eu encontrei na web, mas acredito que seja algo do gênero. Basicamente, dá pra fazer isso com HTML5 se você estiver usando um browser adequado. Adequado, nesse contexto, é o Chrome 2.0+ ou Firefox 3.6

Não vou me dar ao trabalho de fazer uma explicação muito didática; se você chegou até aqui, acredito que tenha experiência em desenvolvimento de interfaces web e vai entender o que estou falando. Se não, dê alguns passos para trás antes de continuar.

Com o HTML5, muita coisa diferente em javascript foi implementada. Para o usuário poder arrastar-e-colar arquivos do file system para uma interface web, são usadas 2 funcionalidades (desculpem o nome, não achei um mais adequado):

  • File API
  • XMLHttpRequest 2

Com o primeiro (File API), você consegue manipular arquivos que são “arrastados-e-colados” para uma certa área da sua página. Manipular, nesse caso, pode ser muita coisa, mas você consegue saber o nome, file syze, content type, conteúdo do mesmo (em binário, por exemplo), etc…
Com o XMLHttpRequest versão 2 é possível fazer o envio de dados nas suas requisições em formato binário. E bacana é que existem métodos nativos para saber o status e a porcentagem da mesma – ou seja, você consegue criar uma progress bar, por exemplo.

Vou colar logo abaixo o conteúdo da página de teste, que possui comentários. Sei que o post ficou meio superficial, mas ele serve mais como referência para vocês saberem mais uma coisa do que é possível ser feito com HTML5!

Url de teste: http://www.chrisb.com.br/teste.html
*no caso, arraste arquivos do file system para a caixa com bordas pretas.

<html>
<head>
<script>

function dodrop(event) {
//retorna os arquivos que estão sendo transferidos
var dt = event.dataTransfer;
var files = dt.files;
//percorre os arquivos
var count = files.length;
output(“File Count: ” + count + “\n”);
for (var i = 0; i < files.length; i++) {
//escreve infotmações do arquivos
output(” File ” + i + “:\n(” + (typeof files[i]) + “) : <” + files[i] + ” > ” +
files[i].name + ” ” + files[i].size + “\n”);
new FileUpload(files[i]); //instancia objeto dessa classe, passando o arquivo para o construtor

}
}

function output(text) {
document.getElementById(“output”).textContent += text;
dump(text);
}

function FileUpload(file) {

//cria objeto para requisições assíncronas
var xhr = new XMLHttpRequest();

//cria listeners para o upload (que é quando o xmlhttprequest está enviando o arquivo):

//para o durante o processo
xhr.upload.onprogress = function(e) {
if (e.lengthComputable) {
var percentage = Math.round((e.loaded * 100) / e.total);
document.getElementById(“p”).innerHTML = percentage;
}
}

//caso ocorra algum erro
xhr.upload.onerror = function(e){
alert(“Erro”);
}

//quando finalizar o upload
xhr.upload.onload = function(event){
document.getElementById(“p”).innerHTML = 100;
}

//abre a conexão; o segundo parâmetro é da url a ser requisitada, que recebe o arquovo
xhr.open(“POST”, “http://www.chrisb.com.br/up.php”);
xhr.overrideMimeType(‘text/plain; charset=x-user-defined-binary’);

//cria objeto FileReader para ler o arquivo
var reader = new FileReader();
//quando acabar de ler o arquivo…
reader.onload = function(e) {
//pega o retorno da função, que é um dado binário
var bin = e.target.result;
//e faz o xmlhttprequest enviar como binário
xhr.sendAsBinary(bin);
};
reader.readAsBinaryString(file); //lê o arquivo como binário

}

window.onload = function() {
var output = document.getElementById(“output”);
output.ondragenter = function(event) {
document.getElementById(‘output’).textContent = ”; event.stopPropagation(); event.preventDefault();
}
output.ondragover = function(event) {
event.stopPropagation(); event.preventDefault();
}
output.ondrop = function(event) {
event.stopPropagation(); event.preventDefault();
dodrop(event);
}
}

</script>
</head>
<body>

<div id=”output” style=”min-height: 100px; white-space: pre; border: 1px solid black;”></div>
<span id=”p”></span>
</body>
</html>

Posts relacionados

]]> http://www.chrisb.com.br/blog/upload-de-arquivos-do-file-system-direto-pela-interface-web/feed/ 3 http://www.chrisb.com.br/blog/upload-de-arquivos-do-file-system-direto-pela-interface-web/ Links bacanas sobre Progressive Enhancement e Graceful Degradation http://feedproxy.google.com/~r/chrisb/~3/ZJHAIiqy-2Q/ http://www.chrisb.com.br/blog/links-bacanas-sobre-progressive-enhancement-e-graceful-degradation/#comments Mon, 22 Mar 2010 12:03:59 +0000 Chris http://www.chrisb.com.br/blog/?p=2279 Se você trabalha com interfaces web, pode não ter ouvido falar (ainda) desses dois conceitos, mas certamente muito já discutiu sobre eles. Semana passada comecei a ler mais profundamente a respeito; ainda não tenho uma opinião formada sobre ambos, nem se uma é melhor do que a outra ou, ainda, se alguma delas pode ser levada ao pé da letra no ciclo de vida de um projeto web.
Resumidamente, Graceful Degradation é sobre ter sua interface web funcionando em todos os dispositivos que o acessem, mesmo que aqueles com menos recursos tenham uma perda de qualidade e usabilidade (ou seja, a interface vai se degradando; você foca no melhor dispositivo). Já o Progressive Enhancement foca em definir um dispositivo com o mínimo de recursos (no caso, um browser mais antigo) no qual a sua aplicação seja funcional e usável, e para cada dispositivo melhor você terá funcionalidades extras, que usarão recursos do dispositivo que versões mais antigas não possuem (ou seja, sua interface vai melhorando/progredindo).
Seguem abaixo alguns links bem interessantes sobre o assunto:

Posts relacionados

]]> http://www.chrisb.com.br/blog/links-bacanas-sobre-progressive-enhancement-e-graceful-degradation/feed/ 3 http://www.chrisb.com.br/blog/links-bacanas-sobre-progressive-enhancement-e-graceful-degradation/ My Category Order – como ordenar categorias no WP http://feedproxy.google.com/~r/chrisb/~3/B5knRmxvD0Q/ http://www.chrisb.com.br/blog/my-category-order-como-ordenar-categorias-no-wp/#comments Tue, 02 Mar 2010 20:03:10 +0000 Chris http://www.chrisb.com.br/blog/?p=2269 Antes de mais nada, deixem-me dar um olá. Faz quase 3 meses que não posto – parei antes do Natal e fiquei um bom tempo off. Por diversos motivos, os quais não vem ao caso. Muitos problemas daquela época ainda continuam, mas vou tentar voltar a postar – não sei com qual frequencia – coisas úteis para os demais desenvolvedores web (preferencialmente os voltados à interface).

Como um recomeço, fica a dica desse plugin do WordPress, o My Category Order. Ele permite que você ordene as categorias e sub-categorias criadas de maneira muito fácil: drag’n drop. Conheci esse plugin depois de uma vasculhada no Google quando aoareceu um requisito num projeto: o cliente precisaria ordenar os itens de um menu, que são as categorias.

Depois de instalado, na área de administração é tudo feito de maneira simples. No template, para listar as categorias por essa ordem, use orderby=order.

Por exemplo: wp_list_categories(‘orderby=order’)

url: http://wordpress.org/extend/plugins/my-category-order/

Posts relacionados

]]> http://www.chrisb.com.br/blog/my-category-order-como-ordenar-categorias-no-wp/feed/ 2 http://www.chrisb.com.br/blog/my-category-order-como-ordenar-categorias-no-wp/ Agora, só em 2010 http://feedproxy.google.com/~r/chrisb/~3/73KxZSbVFIo/ http://www.chrisb.com.br/blog/agora-so-em-2010/#comments Thu, 17 Dec 2009 12:47:15 +0000 Chris http://www.chrisb.com.br/blog/?p=2265 GalerE, vou aproveitar que não tenho atualizado muito o blog (desde o começo da semana, nunca fiquei tanto tempo sem colocar algo por aqui) devido a inúmeros fatores – cansaço, muito trabalho, falta de inspiração, preocupações pessoais que tiram o sono – para finalizar os trabalhos por aqui nesse ano de 2009 – o primeiro ano completo.

Muita coisa continuou acontecendo: conheci gente bacana, troquei idéias, escrevi mais do que nunca, aprendi bastante, fui alvo de stalker… ou seja, o normal na vida de quem desenvolve e expõe conteúdo.

tux-christmas

Então, para aqueles que não são anti-festas de final de ano, desejo um Feliz Natal a todos e que a virada de ano traga coisas boas.

Veja também

    ]]>     http://www.chrisb.com.br/blog/agora-so-em-2010/feed/ 2 http://www.chrisb.com.br/blog/agora-so-em-2010/     Boas referências (e divertidas) sobre POG http://feedproxy.google.com/~r/chrisb/~3/CghbJ5Goz68/ http://www.chrisb.com.br/blog/boas-referencias-e-divertidas-sobre-pog/#comments Mon, 07 Dec 2009 11:57:26 +0000 Chris http://www.chrisb.com.br/blog/?p=2228 Desde o começo do blog comecei a fazer posts sobre gambiarras, que dentro do mundo (de alguns desenvolvedores) também são conhecidas como POG (Programação Orientada a Objetos).

    http://www.chrisb.com.br/blog/category/pog/

    Não vou entrar no mérito ou não do uso das gambiarras (ou contornos técnicos, ou work-arounds) pois tem gente que não pode nem ouvir a expressão e não consegue entender que não passa – pelo menos da minha parte – de uma brincadeira e que o uso de tais ajustes são feitos como última saída. Mas, o intuíto do desse texto é divulgar mais referências sobre as gambiarras na vida dos programadores – das mais diversas áreas. Se tiverem sugestões, me mandem, que vou adicionando à lista:

    Posts relacionados

    ]]>     http://www.chrisb.com.br/blog/boas-referencias-e-divertidas-sobre-pog/feed/ 6 http://www.chrisb.com.br/blog/boas-referencias-e-divertidas-sobre-pog/     Novidades na versão 2.9 do WordPress http://feedproxy.google.com/~r/chrisb/~3/RmBhlOhQS1M/ http://www.chrisb.com.br/blog/novidades-na-versao-2-9-do-wordpress/#comments Thu, 03 Dec 2009 13:55:05 +0000 Chris http://www.chrisb.com.br/blog/?p=2255 Recebi uma newsletter direcionada para quem está cadastrado como developer no WordPress, falando sobre novidades na versão 2.9 do CMS.

    São as mais importantes, para desenvolvedores:

    • meta-table para comentários
    • suporte a tipos customizados de posts
    • melhor manipulação de temas
    • uso de JSON para integrações entre javascript e PHP

    Para os usuários finais:

    • melhoria na incorporação (embed) de mídias
    • lixeira para posts, páginas e comentários
    • suporte a miniaturas (thumbnails) de posts
    • um editor básico de imagens

    Foram corrigidos já mais de 400 bugs da versão 2.8. Para mais informações, visite http://codex.wordpress.org/Version_2.9
    É possível usar a versão beta do sistema para testar seus temas e plugins!

    E, não, o WordPress não vai ser reescrito em Ruby (só pra brincar com um tweet que vi agora pouco falando que seria bacana ele ser portado para Ruby!)

    Posts relacionados

    ]]>     http://www.chrisb.com.br/blog/novidades-na-versao-2-9-do-wordpress/feed/ 3 http://www.chrisb.com.br/blog/novidades-na-versao-2-9-do-wordpress/     Sinais que indicam que você não deve contratar aquele profissional de web http://feedproxy.google.com/~r/chrisb/~3/-8zpaPHaV1U/ http://www.chrisb.com.br/blog/sinais-que-indicam-que-voce-nao-deve-contratar-aquele-profissional-de-web/#comments Tue, 01 Dec 2009 13:32:34 +0000 Chris http://www.chrisb.com.br/blog/?p=2222 Felizmente há tempos eu tenho mandado bem (uia!) ao contratar profissionais para a equipe de interface (@tivasconcelos, @renanrobe, @gserrano e outros sem @’s). Fazer isso é um processo que envolve muitos fatores – e a indicação ainda é a melhor forma. Mas, tem um texto divertido que mostra alguns pontos a serem levados em conta quando você for contratar um profissional web:

    Ele se auto-intitula “webmaster”

    E web precisa de especialistas em áreas específicas que conheçam o básico do “todo”, mas ninguém consegue dominar tudo. Se ele se chama assim, ele na verdade não sabe nada.

    Ele é um expert em Frontpage

    Primeiro que a ferramenta é ruim. Segundo que quem coloca a ferramenta à frente da tecnologia não merece crédito

    Ele vai submeter seu site para diversos mecanismos de buscas

    Desnecessário comentar a inutilidade disso, né?

    Ele quer um “Designed by…” no rodapé

    O site é para você, pro seu cliente, ou é simples parte do portfólio dele?

    Ele criou um site para alguém da família

    A chamada sobrinhagem: a única referência que tem são os sites feitos pro tio, pro pai, etc…

    Ele vai inserir um contador de visitas no seu site

    Isso era bacana na época da Geocities… e morreu lá, ok?!?!

    Ele vai colocar um “melhor visualizado em…” no seu site

    Ok, há toda essa celeuma do IE6 atualmente, mas ninguém pode partir do pressuposto em todos os projetos de que isso é viável

    Fonte: http://davidwalsh.name/9-signs-not-to-hire-that-web-guy

    Posts relacionados

    ]]>     http://www.chrisb.com.br/blog/sinais-que-indicam-que-voce-nao-deve-contratar-aquele-profissional-de-web/feed/ 18 http://www.chrisb.com.br/blog/sinais-que-indicam-que-voce-nao-deve-contratar-aquele-profissional-de-web/     Configurando acesso a pasta de uploads do WordPress na Locaweb http://feedproxy.google.com/~r/chrisb/~3/oo_I4HJZUWM/ http://www.chrisb.com.br/blog/configurando-acesso-a-pasta-de-uploads-do-wordpress-na-locaweb/#comments Sun, 29 Nov 2009 20:54:29 +0000 Chris http://www.chrisb.com.br/blog/?p=2242 Dou graças a Deus por anos atrás ter começado a usar Linux – foi na época em que o Red Hat estava estourando, alguém na faculdade me fez uma cópia.
    Porque desse agradecimento? Pois não existem as bizarrices do Windows. Hoje, estava ajudando na configuração de um site que usa WordPress num servidor da Locaweb (esses planos básicos, coxinhas) com Windows. Tinha esse ambiente rodando no meu Mac OS e num servidor Linux, para testar e homologar, tudo perfeito. Fiz a devida migração – arquivos por FTP, banco pelo phpMyAdmin… tudo belezinha!
    Ai, reportaram um problema: não estava sendo possível fazer upload de novos arquivos pelo WordPress. Conferi, a pasta de upload com o caminho correto e com permissão 777 (setando pelo cliente de FTP, o Filezilla no caso). Pensei: xiii, lá vem…

    Olhei, olhei e olhei a configuração, tudo perfeito. Mudei, e nada. E nada… e a mensagem sempre aparecendo:

    O arquivo enviado não pôde ser movido para E:\home\[nome do meu cliente]\Web\wp-content\uploads

    Não sei porque tive a grande – e sem sentido – idéia de tentar entrar no gerenciador de arquivos do painel de controle da Locaweb e alterar por lá as permissões:

    Mas eu tinha mudado pra 777...

    Mas eu tinha mudado pra 777...

    Forcei a permissão por aqui...

    Forcei a permissão por aqui...

    E, aí, tudo funcionou perfeitamente. Pelo menos fica a dica para caso alguém tenha esse mesmo problema, algum dia!

    Posts relacionados

    ]]>     http://www.chrisb.com.br/blog/configurando-acesso-a-pasta-de-uploads-do-wordpress-na-locaweb/feed/ 8 http://www.chrisb.com.br/blog/configurando-acesso-a-pasta-de-uploads-do-wordpress-na-locaweb/