Sep 25

Contador de caracteres para Firefox Ubiquity

Mais um comando básico pra quem usa ubiquity. Esse conta quantos caracteres tem um texto. Pode digitar um texto ou selecionar e usar o this do ubiquity. O Fabricio Teixeira do blog arquitetura de informação que pediu e não foi trabalho nenhum fazer.
=)

O resultado foi esse:

contador de caracteres para firefox ubiquity

Para adicionar o commando, considerando que já tenha o ubiquity instalado, é claro, é só clicar no botão “Subscribe” a direita dessa barrinha que apareceu no canto superior do seu firefox :

Em seguida é só confirmar na tela abaixo:

E pronto, reinicie o firefox, aperte ctrl + espaço e digite chars para chamar a função.

bookmark bookmark bookmark bookmark bookmark bookmark bookmark

Sep 20

Como fazer um comando ou plugin para o firefox ubiquity

Pra quem instalou o ubiquity, nesse post vou ensinar como se faz um plugin simples de busca num site (no caso nosso blog).

Plugin de Busca no Tidbits para Firefox Ubiquity

E na verdade é bem simples. Abra o ubiquity e digite command-editor.

Copie e colo o código lá. O código todo é esse:


CmdUtils.CreateCommand({
  name: "tidbits",
  author: {name: "Danilo Augusto", email: "contato@daniloaugusto.com.br"},
  description: "Buscar no tidbits.com.br",
  homepage: "http://www.tidbits.com.br/",
  takes: {"Digite o que deseja procurar no www.tidbits.com.br": noun_arb_text},
  preview: function(pblock, q) {
    pblock.style.backgroundColor = '#ff0';
    pblock.style.color = '#000';
    if(q.text==''){
      pblock.innerHTML = 'Digite o que deseja procurar no www.tidbits.com.br';
	} else {
      pblock.innerHTML = 'Procurar por "'+q.text+'" no www.tidbits.com.br';
    }
  },
  execute: function (q) {
    var url = "http://www.tidbits.com.br/?s=" + q.text;
    Utils.openUrlInBrowser (url);
  }
});

Explicando linha a linha :

1 - Cria o comendo
2 - nome do comando (o que vc vai digitar no ubiquity para chamar a função que você está criando).
3, 4 e 5 - Descrição.
6 - O que aparece no ubiquity explicando como o usuário deve usar o comando.
7 a 15 - Abre o preview. O preview é a caixa roxa do ubiquity (nesse caso amarela) onde é escrito algum comentário. Para alterar ele é simples, funciona como um objeto DOM para o javascript ( pblock ), nele vc pode colocar dhtml comum como
pblock.innerHTML = ‘teste’;
pblock.style.minHeight = ‘400px’
ou como fiz no exemplo :
pblock.style.backgroundColor = ‘#ff0′;
pblock.style.color = ‘#000′;

e o “q” é o objeto que guarda o valor que o usuário digitou (usando q.text).

16 - abre o bloco de execução do comando (o que vai fazer quando o usuário apertar enter).
17 - declarei uma váriavel dizendo a url que desejo abrir.
18 - abre uma url.
19 - encerra bloco de execução.
20 - encerra o comando.

Para exportar o comando para seu site é simples, coloque o código dentro de um arquivo .js

e dentro do head do seu site coloque o seguinte comando:


<link rel="commands" href="ubiquity.js" name="Busca no meu site" />

Fazendo assim, para adicionar o commando, considerando que já tenha o ubiquity instalado, é claro, é só clicar no botão “Subscribe” a direita dessa barrinha que apareceu no canto superior do seu firefox :

Confirmar instalação do comando

Em seguida é só confirmar na tela abaixo:

Tela de concordo com os termos abaixo

Pronto, reinicie o firefox, aperte ctrl + espaço e digite tidbits (o nome do comando ) para chamar a função.

Além desse, eu já tinha feito anteriormente um comando pra gerar Lorem Ipsum.

Mais documentação sobre como criar comandos para o ubiquity pode ser encontrada aqui.

bookmark bookmark bookmark bookmark bookmark bookmark bookmark

Sep 4

Gerador de Lorem Ipsum para Ubiquity

A pedido da Belinha (e uma boa dose de insistência da parte dela), programei um comando de lorem ipsum para o ubiquity da Mozilla.

O resultado foi esse:
gerador de lorem ipsum para ubiquity -firefox

Para adicionar o commando, considerando que já tenha o ubiquity instalado, é claro, é só clicar no botão “Subscribe” a direita dessa barrinha que apareceu no canto superior do seu firefox :

Em seguida é só confirmar na tela abaixo:

e pronto, reinicie o firefox, aperte ctrl + espaço e digite lorem para chamar a função.

bookmark bookmark bookmark bookmark bookmark bookmark bookmark

Sep 3

Aurora, Chrome e Ubiquity: aperitivos da web semântica?

Em tempos de Chrome, Ubiquity e Aurora, acho que não tem como escapar do assunto “navegadores”. Depois que se cansou de discutir redes sociais, web 2.0, design centrado no usuário, os olhos agora se voltam para aquele que é o elemento mais importante pra se aproveitar os recursos que a web oferece, o browser.

A guerra que o Danilo mencionou no post anterior, é bem tangente. A equipe do Opera tirou um pouco o time de campo na hora de lutar pelo espaço no desktop, e focou seu trabalho no nicho de mercado menos explorado até então: sistemas mobile. E nisso tem se tornado absoluta (apesar das especulações da possível versão do Chrome para Android, que parecem bastante coerentes).

Enquanto isso, a Microsoft vê sua hegemonia ruir perante o novo modelo de sociedade comunal do Open Source. O modelo “comunista” do Firefox e do conceito Open Source – agora também adotado pelo Chrome - tem ganhado força, apesar da Microsoft ainda ser líder de mercado. (Qualquer semelhança com a relação China x EUA é mera coincidência – ou sinal de novos tempos?)

A estratégia mirabolante do Download Day foi uma grande sacada de marketing, que deu a visibilidade que o Firefox precisava (ok, eu também participei do Download Day, mas pra que tanta mobilização se não existia nenhum recorde anterior?). O Google lança o Chrome com história em quadrinho e o furor de sempre que o Google consegue em cada um de seus lançamentos.

E o mercado promete mais. A unificação de funções e serviços parece ser uma tendência. O grande alarde em torno do Chrome, não é somente por ser uma ferramenta com a marca Google, mas chama atenção pela provável integração que terá futuramente com serviços do Google. Conciliar as funcionalidades do Gmail, IGoogle, GoogleReader, Orkut, GoogleDocs, e milhões de outras ferramentas em um único software, realmente soa promisssor.

Enquanto essas coisas todas não acontecem, o Ubiquity começa a trazer essas novas possibilidades de integração. Com a extensão instalada no Firefox, um simples CRTL + Space abre um caixa de busca com opções de busca semântica.
De previsão do tempo, mapas, calculadora, tradução à outros “comandos” que podem ser desenvolvidos pela comunidade, o usuário só precisa escrever o que quer. A extensão ainda está na versão 0.1, mas já prova que a tendência será otimizar a experiência do usuário e a contextualização da informação.

Outra novidade promissora é o conceito do Aurora da Mozilla Labs e a Adaptive Path, um navegador que além da integração de funcionalidades e serviços web, iria revolucionar a experiência do usuário na navegação. O conceito foi apresentado no início de agosto, nesse vídeo demonstrativo.

Por ser ainda conceitual, o Aurora só nos deu uns gostinho do que vai ser a próxima revolução na web. No entanto, os lançamentos do Ubiquity, e Google Chrome indicam que essa mudança pode estar mais perto do que imaginamos.

bookmark bookmark bookmark bookmark bookmark bookmark bookmark