Canvas foi uma tecnolgia criada pela apple e incorporada primeiramente ao motor de renderização webkit (safari), mas tarde foi inserida no Gecko e no Opera e padronizada pelo WHATWG.

Introdução:

Antes de mais nada quero esclarecer que esse post é um tutorial, para pessoas que querem aprender o canvas rápidamente…. caso você queira entender a fundo como funciona de uma olhada nos seguintes links:

• http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html
• http://dev.w3.org/html5/spec/Overview.html#the-canvas-element

para começar, antes de tudo devemos iniciar a tag <canvas> exemplo:

<canvas id="c1" width="500" height="500">
Aqui dentro você pode colocar qualquer coisa que vai aparecer caso o navegador não tenha suporte ao elemento canvas.
</canvas>

O elemento canvas tem 2 atributos para definir o tamanho (width e height) e 1 atributo para identificação (id), somente.

Desenhando:

A primeira coisa a se fazer é obter a referência ao objeto, e tentar instânciar o objeto CanvasRenderingContext2D

<canvas id='ex' width='250' height='250'>
      inicia o html
</canvas>

<script language='javascript'>
 // Pega a referência ao elemento canvas do html
 var canvas = document.getElementById("ex");

 // Pega o objeto CanvasRenderingContext2D
 var ctx = canvas.getContext("2d");

 ctx.fillStyle = "rgb(200,0,0)"; // cor de preenchimento
 ctx.fillRect(10, 10, 55, 50); // desenha um retângulo

 ctx.fillStyle = "rgba(0, 0, 200, 0.5)"; // cor de preenchimento
 ctx.fillRect (30, 30, 55, 50); // desenha outro retângulo
</script>

demonstração deste exemplo

No nosso exemplo a cima a variável ctx contém uma referência para o objeto CanvasRenderingContext2D onde contém as propriedades e métodos responsáveis pela mágica. Na linha 12 inserimos uma cor de preenchimento, as cores utilizadas devem seguir o padrão CSS ou CanvasGradient e CanvasPattern.

Esse é o princípio básico de canvas:

1. Declare as tags <canvas>, de preferência adicione o atributo ID
2. Obtenha a referência ao canvas, nesse caso utilizamos o o ‘document.getElementById()‘
3. Obter uma referência ao Context, no nosso caso o ‘2D Context‘, terceiros podem desenvolver outros Context, como o moz-3d e agora o WebGL, falaremos do WebGL mais tarde.

Retângulos

Atualmente temos 3 funções para desenha retângulos:

• fillRect(x, y, width, height) : Desenha um retângulo com preenchimento
• strokeRect(x, y, width, height) : Desenha retângulo, mas da cor somente às bordas
• clearRect(x, y, width, height) : Limpa uma área inserindo um retângulo transparente

 var canvas = document.getElementById("ex");
 var ctx = canvas.getContext("2d");

 ctx.fillStyle = "rgb(200,0,0)";
 ctx.fillRect(10, 10, 40, 40);

 ctx.strokeStyle = "rgb(0, 0,255)";
 ctx.strokeRect(60, 10, 40, 40);

 ctx.clearRect(30, 15, 50, 30);

demonstração deste exemplo.

Formas complexas

O Context2D só tem retângulos como formas primitivas, para criar diferentes formas devemos utilizar Paths (caminhos), as funções de Path são:

• void beginPath() : Reseta o Path atual
• void closePath() : Marca o atual Path como fechado.
• void moveTo(in float x, in float y) : Cria um novo subPath do ponto fornecido
• void lineTo(in float x, in float y) : Adiciona ao Path atual um novo ponto, conectando-o com o ponto anterior através de uma linha reta.
• void quadraticCurveTo(in float cpx, in float cpy, in float x, in float y) : Adiciona um ponto ao atual Path, conectando-o com o ponto anterior através de uma curva quadratic Bézier com o ponto de controle passada.
• void bezierCurveTo(in float cp1x, in float cp1y, in float cp2x, in float cp2y, in float x, in float y) : Adiciona um ponto ao atual Path, conectando-o com o ponto anterior através de um cubic Bézier com os pontos de controle fornecidos.
• void arcTo(in float x1, in float y1, in float x2, in float y2, in float radius) : Adiciona um ponto ao atual Path, conectando-o com o ponto anterior através de uma linha reta, então adiciona um segundo ponto ao atual Path, conectando-o com o anterior por um arc cujo as propriedades são descritas pelos argumentos passados.Lança um exception INDEX_SIZE_ERR se o radiano é negativo
• void arc(in float x, in float y, in float radius, in float startAngle, in float endAngle, in boolean anticlockwise) : Adiciona um ponto ao subPath de tal forma que o arc descreve uma circuferência de um circulo descrito pelos argumentos passados, o ponto se inicia com o start angle e finaliza ao end angle, vai na direção dada e é adicionado ao atual Path conectando-o com o ponto anterior em uma linha reta.Lança uma exception INDEX_SIZE_ERR se o radiano é negativo.
• void rect(in float x, in float y, in float w, in float h) : Adiciona um novo subPath fechado ao atual Path, representando um retângulo.
• void fill() : Preenche o subPath com o atual fill style.
• void stroke() : Strokes o subPath com o atual stroke style. (não consegui traduzir a palavra stroke)
• void clip() : Adiciona outras restrições a região de recorte para o caminho dado.
• boolean isPointInPath(in float x, in float y) : Retorna true se o ponto dado está dentro do atual Path.

você não precisa gravar todas elas, ao menos por enquanto, vamos ao mais básico, desenhar uma reta:

	 ctx.beginPath();
	 ctx.moveTo(10, 10);
	 ctx.lineTo(240, 10);
	 ctx.closePath();

	 ctx.stroke();

demonstração deste exemplo

1. a primeira coisa que fazemos é iniciar um novo Path com o método beginPath()
2. movemos a ‘ponta da caneta’ para uma determinada coordenada dentro do canvas com o moveTo()
3. utilizamos o método lineTo() que vai desenha uma linha reta do último ponto declarado, no nosso caso com moveTo() até o x e y nele passado como parâmetro
4. em seguida fechamos o nosso Path atual com o closePath() (ou não, depende da sua finalidade, nesse caso não é necessário mas é uma boa prática fechar o Path)
5. e por último precisamos dar cor a nossa reta, utilizamos o método stroke().

OBS: Os termos utilizados acima são representativos para melhor aprendizado, para saber mais sobre como o Path API funciona leia a especificação do W3C.

Exemplo de um triângulo:

	 ctx.strokeStyle = 'rgb(255, 0, 0)';
	 ctx.fillStyle = 'rgb(0, 200, 255)';

	 ctx.beginPath();
	 ctx.moveTo(10, 125);
	 ctx.lineTo(125, 20);
	 ctx.lineTo(240, 125);
	 ctx.closePath();

	 ctx.stroke();
	 ctx.fill();

demonstração deste exemplo

Linhas Curvas

• void quadraticCurveTo(in float cpx, in float cpy, in float x, in float y);
• void bezierCurveTo(in float cp1x, in float cp1y, in float cp2x, in float cp2y, in float x, in float y);

Temos essas duas funções no Context2D para fazer linhas curvas, a diferença entre elas é o ponto de curva, enquanto no quadraticCurveTo() temos somente 1 ponto base para a curva no bezierCurveTo() temos 2 pontos. O gráfico que melhor demonstra essas funções, segue abaixo, fonte mozilla developer (onde também tem um excelente tutorial, apenas em inglês).

• quadraticCurveTo() : recebe duas coordenadas como parâmetros, a primeira coordenada (cpx, cpy) é demonstrado com o ponto vermelho na imagem ao lado, e a segunda coordenada (x, y) é o ponto final da reta, demonstrado como pontos azuis, onde um ponto azul é o começo do Path declarado com o moveTo() por exemplo, e o outro ponto azul é o final do Path passado pelos parâmetros x e y da função quadraticCurveTo().
• bezierCurveTo() : recebe 3 coordenadas como parâmetro, as coordenadas cp1x, cp1y, cp2x e cp2y são as coordenadas dos dois pontos vermelhos demonstrados na imagem ao lado. A terceira coordenada (x, y) é o fim da reta demonstrado com qualquer um dos pontos azuis da imagem ao lado.

Essas duas funções requerem uma atenção na aprendizagem, porque você só vai aprender a manipular elas praticando, segue exemplo de utilização delas abaixo (com linhas guias em vermelho):

	 ctx.strokeStyle = 'rgb(0, 0, 0)';
	 ctx.fillStyle = 'rgb(225, 225, 255)';

	 ctx.beginPath();
	 ctx.moveTo(10, 145);
	 ctx.quadraticCurveTo(75, 10, 145, 145);
	 ctx.closePath();
	 ctx.stroke();
	 ctx.fill();

demonstração desse exemplo

	 // curve path 1
	 var cp1x = 20;
	 var cp1y = 50;

	 // curve path 2
	 var cp2x = 220;
	 var cp2y = 200;

	 // end path
	 var endx = 125;
	 var endy = 240;

	 ctx.beginPath();
	 ctx.moveTo(125, 10);
	 ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, endx, endy);
	 ctx.stroke();

demonstração desse exemplo

Arcos e Circulos

para desenha arcos e circulos nós utilizamos o seguinte método:

• arc(x, y, radius, startAngle, endAngle, anticlockwise)

Este método faz parte do conjunto de API Path, temos 6 parâmetros que por si só já são auto descritivos, segue um exemplo de utilização abaixo:

	for (var i = 1; i < 5; i++) {

		var x = i * 50;
		var y = 50;
		var radius = 20;
		var startAngle = 0;
		var endAngle = (Math.PI * i) / 2;
		var anticlockwise = false;

		context.beginPath();
		context.arc(x, y, radius, startAngle, endAngle, anticlockwise);
		context.stroke();
	}

demonstração desse exemplo

Referências / Observações:

além dos links colocados durante o post vou citar mais uma excelente referência que é o site da developper.apple.com onde você encontra em uma unica página todos as funções do context 2D, uma excelente referência de funções.

Se você quiser se aprofundar, mergulhe de cabeça porque isso é só o começo tem muita coisa além disso, além é claro do WebGL, um lugar onde eu recomendo a leitura sobre canvas, WebGL e outros é no mozilla developer.

WebGL é o context 3D baseado no OpenGL ES, e que, vale ressaltar que o Firefox 4 já vem com WebGL Experimental nativo, porém não ativo como default, é preciso ativa-lo (ao menos na versão beta do navegador):

1. Digite ‘about:config‘ na URL do navegador
2. procure por ‘webgl‘
3. de dois cliques em “enabled_for_all_sites” para ativar.

O rascunho da especificação você encontra aqui e uma demonstração do webGL aqui.

exemplo w3c Context2D

Boa Sorte!

Ele e o  <a href=”http://plugins.jquery.com/files/jquery.bestupper.min.js.txt”>Bestupper </a>.

Usando:

Importando jQuery e Bestupper:

<script src="jquery.min.js" type="text/javascript">  </script>
<script src="jquery.bestupper.min.js"  type="text/javascript"> </script>
<

Adicionando a funcao no head da pagina:

<script type="text/javascript">
$(document).ready(function() {
$('.bestupper').bestupper({
ln: 'tr'
});
});
</script>

e adicionar o class=”bestupper”, nos elementos que voce deseja =D

<input type="text" id="txtInput"class="bestupper" / >

Hoje vou fazer um exemplo de como criptografar uma senha em java usando o padrao “sha-1″

Breve historico:

SHA-1

O Secure Hash Algorithm, uma função de espalhamento unidirecional inventada pela NSA, gera um valor hash de 160 bits, a partir de um tamanho arbitrário de mensagem. O funcionamento interno do SHA-1 é muito parecido com o observado no MD4, indicando que os estudiosos da NSA basearam-se no MD4 e fizeram melhorias em sua segurança. De fato, a fraqueza existente em parte do MD5, citada anteriormente, descoberta após o SHA-1 ter sido proposto, não ocorre no SHA-1. Atualmente, não há nenhum ataque de criptoanálise conhecido contra o SHA-1. Mesmo o ataque da força bruta torna-se impraticável, devido ao seu valor hash de 160 bits. Porém, não há provas de que, no futuro, alguém não possa descobrir como quebrar o SHA-1.

Vamos aos Codigos:

public class MecanicaCriptografaUtil {

 private static MecanicaCriptografaUtil instance;
 private MecanicaCriptografaUtil(){}

//Padrao Singleton, para garantir apenas uma instancia dessa classe.
 public static MecanicaCriptografaUtil getInstance(){
 if(instance==null){
 instance = new MecanicaCriptografaUtil();
 }
 return instance;
 }

 //A Funcao
 public String criptografaSenha(String senha) throws NoSuchAlgorithmException{

 //Essa classe pega um valor de tamanho arbitrario e transforma em um valor de tamanho fixo
 MessageDigest md = MessageDigest.getInstance( "SHA" );

//Atualiza o valor com os bytes especificados
 md.update( senha.getBytes() );
//Conclui o cálculo de hash realizando operações finais, tais como  preenchimento.
 BigInteger hash = new BigInteger( 1, md.digest() );
//Retorna a representação String decimal deste BigInteger, com tamanho igual a 16.
 String retornaSenha = hash.toString( 16 );
 return retornaSenha;
 }
}
<pre>

Simples Assim.

A tempos temos aquele PDF do ECMA-262 mas é um PDF gigante, pouco objetivo, apesar de ser excelente, é muito extenso.

Procurando hoje, achei o DEVGuru http://www.devguru.com/technologies/javascript/home.asp, e era justamente isso que eu precisava.

Segue abaixo uma lista compilada das referências:

Main Index

Objects

Eventhandler

Functions

Statements

Constants

• Main Index
• Infinity
• NaN
• undefined
• null

Operators

Bem.. decidi criar um…

Características

• Pesquisa por conteúdo em determinada data
• Pesquisa por conteúdo a partir de uma data
• Pesquisa por conteúdo até uma determinada data
• Pesquisa por conteúdo em um range de data
• Configurações dos Content Type pesquisáveis
• Configuração da quantidade de itens por página no resultado

Todo List

• Este módulo só pode ser utilizado no MySQL, porque utilizei funções específicas de tal banco de dados.
• Fazer o módulo trabalhar com timestamp, para torná-lo independente de banco de dados.
• Adicionar suporte para o usuário escolher o tipo de data, americano ou brasileiro.
• Adicionar máscara aos campos de data.
• Adicionar configuração dos vocabulários pesquisáveis na interface de configuração

Download

searchbydate-6.x-1.0.tar.gz

ScreenShots

1. adicione o repositório do karmic como opcional

   sed s/lucid/karmic/g /etc/apt/sources.list | tee /etc/apt/sources.list.d/karmic.list

2. agora execute o ‘apt-get update’ para ele fazer uma leitura no novo repositório adicionado
3. Adicione um arquivo priorizando certos pacotes do php no diretório ‘/etc/apt/preferences.d/’ segue em anexo no final desse tutorial um arquivo exemplo com alguns pacotes do php5 básicos
4. Caso você queira instalar algum outro pacote do php, adicione uma entrada dele antes no arquivo ‘php’ do diretório dito acima, dizendo ao sistema que a versão a ser baixada vai vim do repositório do karmic e não do lucid

Dica:

Caso você já tenha pacotes do php instalado, você pode utilizar o script a baixo para ele remover estes pacotes, adicionar a entrada deles no preferences.d e reinstalá-los com a antiga versão:

#!/bin/sh

# Script to install PHP 5.2 from 9.10 on 10.04
# And pin it so it does not get updated

PKGS=`dpkg -l | grep php | awk '{print $2}'`

apt-get remove $PKGS

sed s/lucid/karmic/g /etc/apt/sources.list |
  tee /etc/apt/sources.list.d/karmic.list

mkdir -p /etc/apt/preferences.d/

for PACKAGE in $PKGS
do
  echo "Package: $PACKAGE
Pin: release a=karmic
Pin-Priority: 991
" | tee -a /etc/apt/preferences.d/php
done

apt-get update

apt-get install $PKGS

Anexos:

http://diariodecodigos.info/alexandre/downgrade/php

Fonte:
http://2bits.com/drupal-planet/various-ways-running-php-52-ubuntu-1004-lucid-lynx.html

Esse boot loader é novo (já a algum tempinho rs) mas ainda não tinha lido sobre  ele… Neste post irei dar uma pequena introdução para se ambientar com ele, principalmente para quem está acustumado com o antigo….

-

Introdução

O Grub2 segundo o que eu tenho lido, foi reescrito do zero, porque a arquitetura do antigo Grub já estava legada de mais para permitir tamanho flexibilidade e performance que os novos sistemas estão requerendo…

- Melhorias

• Suporte a inclusão de scripts com declarações condicionais e funções
• Carregamento dinâmico de módulo
• Rescue Mode (modo de recupeação)
• Menus Personalizados
• Temas
• Suporte Gráfico ao menu de boot e melhoria no splash
• Boot de LiveCD ISO diretamente do HD
• Nova estrutura de arquivos de configuração

- GRUB vs GRUB2

• Pressione a tecla SHIFT para mostrar o menu durante o boot (antigamente era utilizado a tecla ESC)
• Não existe mais o /boot/grub/menu.lst ele foi substituido pelo /boot/grub/grub.cfg
• Não há “/find boot/grub/stage1″ no prompt do grub. Stage 1.5 foi eliminado.
• O arquivo do menu principal, /boot/grub/grub.cfg, não é editável, mesmo pelo root.
• grub.cfg pode ser sobrescrito a qualquer momento, por exemplo quando o kernel é adicionado ou removido, ou algum usuário executa o comando ‘update-grub’
• O usuário pode usar um arquivo personalizado, /etc/grub.d/40_custom, do qual o usuário pode colocar suas próprias entradas. Esse arquivo não será sobrescrito.
• O arquivo de configuração principal para fazer modificações nas configurações de visualização do menu é /etc/default/grub (por exemplo o tempo de espera)
• Existem multiplos arquivos de configuração do menu – /etc/default/grub como mencionado acima e todos os arquivos dentro do /etc/grub.d/
• A numeração das partições foram modificadas. A primeira partição agora é 1 ao invés de 0. O primeiro dispositivo ainda é 0.
• Busca automática por outros sistemas operacionais, como o Windows, sempre que o ‘update-grub’ é executado
• Nenhuma modificação nos arquivos de configurações terão efeitos antes da execução do comando update-grub.

- Estrutura de Arquivos

• Cada seção é claramente delimitada com “(### BEGIN)” e referencia o arquivo dentro do diretório “/etc/grub.d” a partir do qual as informações foram geradas.
• grub.cfg é atualizado quando o comando update-grub é executado como root. O comando update-grub é sinônimo para “sudo grub-mkconfig -o /boot/grub/grub.cfg”.
• Por padrão, sempre que o ‘update-grub’ é executado, esse arquivo é feito como somente leitura (read-only). Isto segue de acordo com intenção de que o arquivo não deve ser editado manualmente.

“/etc/default/grub”

• Os arquivos dentro desse diretório são lidos durante a executação do comando ‘update-grub’ e suas instruções são incorporadas dentro do /boot/grub/grub.cfg
• A localização dos itens do menu do grub.cfg são determinados pela ordem da qual os arquivos desse diretório são executados. Arquivos levando numerais são executados primeiros, iniciando do menor número. ’10_linux’ é executado antes de ’20_memtest’, do qual é executado antes do ’40_custom’. Arquivos exsitentes com nomes alfabéticos são executados após os arquivos com nomes numerais.
• Entradas personalizadas podem ser adicionadas no arquivo ’40_custom’ ou em um novo arquivo criado. Baseado no seu nome, a entrada ’40_custom’ por padrão aparece no fundo do menu.
• Somente arquivos executáveis geram saída ao ‘grub.cfg’ durante a execução do ‘update-grub’.
• Os arquivos padrões desse diretório são:
  • 00_header -> Configura a aparência inicial dos itens, como o modo gráfio, seleção padrão, timeout, etc. Essas configurações são normalmente importadas de informações do /etc/default/grub. Usuários normalmente não precisam fazer modificações nesse arquivo
  • 05_debian_theme -> As configurações deste arquivo são responsáveis pelo ‘splash image’, cor do texto, ‘selection highlighting’ e temas. Na ausência de um ‘splash image’, esse arquivo configura um tema monocromático para o menu inicial. Como configurar a renderização das fonts e splash images serão discutidas no próximo post.
  • 10_hurd -> Localiza kernel Hurds.
  • 10_linux -> localiza kernel Linux no dispositivo root para o sistema operacional usado atualmente. Ele pega as informações e estabelece o nome a ser mostrado no menu.
  • 20_memtest86+ -> Procura por /boot/memtest86+.bin e inclui ele como opção no menu do boot. Não há atualmente nenhuma opção de linha para remover essa entrada do menu. A exibição do ‘memtest86+’ pode ser inibida pela remoção da permissão de execução do arquivo: ‘chmod -x /etc/grub.d/20_memtest86+’ e logo em seguinda um ‘update-grub’
  • 30_os-prober -> Esse procura por Linux e outros sistemas operacionais. Os resultados são colocados em grub.cfg baseado no script desse arquivo. O arquivo é dividido em 4 seções, representando os tipos de sistema operacional manipulados pelo script: Windows, Linux, OSX e Hurd. Variáveis neste arquivo determina o formato de visualização dos nomes no /boot/grub/grub.cfg e no menu do Grub2. Usuários familiarizados com scripts básicos podem alterar essas variáveis para mudar o nome apresentado no menu.
  • 40_custom -> Um template para adicionar entradas no menu personalizados da qual vai ser inserido no ‘grub.cfg’ na execução do comando ‘update-grub2′. O conteúdo deste arquivo, a baixo da linha “exec tail -n +3 $0″ e os comentários padrão, são importados diretamente dentro do /boot/grub/grub.cfg sem qualquer modificação.
  • Arquivos deste diretório devem ter permissão de execução para serem usados pelo update-grub. Arquivos que não tem permissão de execução são ignorados. Para dar permissão de execução, execute “chmor +c /etc/grub.d/diretorio/nomeDoArquivo” como root.

- Configuração do Grub2

Modificações nas configurações são normalmente feitas no /etc/default/grub e nos arquivos localizados em ‘/etc/grub.d’. O arquivo /boot/grub/grub.cfg não deve ser editador por nenhum usuário, modificações neste arquivo são realizados pelos scripts de configuração.

Algmas das modificações mais realizadas, como definir o Kernel padrão e o timeout do menu, podem ser modificadas por um aplicativo com interface gráfica chamado de “StartUp-Manager”, para maiores informações de uma lida no https://help.ubuntu.com/community/StartUpManager

/etc/default/grub (arquivo)

• Este é o arquivo de configuração principal para modificar os valores padrão. Após a instalação, as seguintes linhas estão disponíveis para alteração:
  • GRUB_DEFAULT – Configura o menu padrão.
    • GRUB_DEFAULT=0 Configura a opção padrão do menu. A primeira opção de entrada no menu é o item 0 do ‘grub.cfg’, o segundo é 1 e etc.
    • GRUB_DEFAULT=”xxxx” O nome exato de uma opção do menu, Exemplo: “GRUB_DEFAULT=”Ubuntu, Linux 2.6.31-9-generic”
    • GRUB_TIMEOUT=10 Configura o tempo de espera que o menu vai ser apresentado antes da ecolha default ser “bootada”
    • #GRUB_GFXMODE=640×480 Você pode remover a tralha da frente para ativar essa entrada…. Essa opção configura a resolução do menu gráfico. A resolução aqui colocada deve ser suportada pela placa de vídeo (ex. 640×480, 800×600, 1280×1024 etc). A resolução aqui configurada se aplica somente ao Grub2 e não a todo o sistema…. Dica: Configure a resolução do Grub2 para a mesma do seu sistema operacional, isso ajuda a diminuir o tempo da inicialização do sistema.
      - Mesmo não requirido, o usuário pode dizer a profundidade de cores, como por exemplo: 1280x1024x24 ou 640x480x32
      - Você pode também definir multiplas resoluções, se o Grub2 não conseguir utilizar a primeira entrada, ele vai tentar usar a próxima. As configurações são separadas por uma virgula, exemplo: 1280x1024x16, 800x600x24, 640×480
      - Se for utilizado um ‘splash image’, tenha certeza que a resolução e o tamanho do splash image são compatíveis
      - Se a linha de configuração da resolução é comentada (#) ou a resolução não estiver disponível o GRUB2 usa a configuração padrão determinada pelo arquivo /etc/grub.d/00_header

Por enquanto é só, no próximo post falaremos sobre como adicionar entradas ao menu e configurar temas.. boa sorte!

Fonte: https://help.ubuntu.com/community/Grub2

Problema fora do normal, mas eu tive, um aplicativo estava sendo impedido de ser instalado porque outro app estava utilizando sua porta.

Para quem não conhece o webmin é um excelente app para o gerenciamento do sistema Linux, como um “Painel de Controle” avançado com interface web, eu conheci ele no Conectiva (que saudades…) e até hoje utilizo seja no desktop e principalmente nos servidores.

Você pode simplesmente trocar a porta do webmin, mas eu queria muito saber qual app estava utilizando a porta 10000, e para isso descobri um comando muito útil que já era para eu conhecer mas ninguém havia me apresentado, O “fuser”.

O comando “fuser” descobre o PID de um processo que está utilizando um arquivo ou um socket, a sintax para descobrir o processo de uma determinada porta é:

# fuser -n tcp 1000
10000/tcp:            2164

com isso é retornado o PID, agora basta descobrir o processo

# ps aux | grep 2164

para a minha surpresa o problema era o eclipse! Oo

após procurar um pouco fiquei sabendo que o Zend Debug utiliza a porta 10000 também, ai o problema agora é simples, trocar a porta do Zend Debug ou desabilitar o mesmo se você não o utiliza.

boa sorte.

A instalação continua a mesma coisa, bem rápida e simples por sinal.

A maior diferença que eu senti de cara foi realmente na interface, fico simplesmente excelente! gostei muito

Uma segunda diferença que senti foi a falta do gimp, não sei se vinha nas versões anteriores, mas nessa nova não veio.

Em questão de acessibilidade o projeto Orca realmente saio, agora temos um onboad (teclado virtual)

O firefox é a versão 3.6 mesmo e o buscador do yahoo como default me irrita.

GParted vem instalado por default, isso é legal e útil.

- Ubuntu One

Esse foi um dos recursos mais legais que experimentei, ainda está em fase beta mas é bastante promissor, é como o DropBox, você pode armazenar seus arquivos nas núvens, e se você estiver em qualquer outro computador, você pode acessar o one.ubuntu.com e fazer o upload de qualquer arquivo lá, ao chegar em casa e ligar seu PC você terá esse arquivo na sua pasta home.

O problema é que como é beta ainda está com alguns bugs, mas nada fora do normal. Só senti falta de uma integração com o Nautilius, por exemplo um botão “sincronizar” para poder assim que colocar os arquivos lá jogá-los para a núvem…

- Empathy e Gwibber

Posso falar que esses dois aplicativos me deixaram bastante contente e olha que eu não sou fãn de redes sociais… mas gostei de usar o twitter no meu desktop com uma interface diferente e o gtalk ao lado com o Empathy fico muito bom.

Driver de vídeo ATI. Bem nesse quesito eu vi que ao acessar o “hardware drivers” ele não me disponibilizou o driver proprietario da ATI para instalação, presumo que seja algum open-source, porém não fiquei satisfeito com os resultados do “glxgears” não, no Arch Linux eu chegava com a minha antiga HD 2400 PRO a mais de 10.000 fps com o ubuntu não passo de 6.000

O grub, continua o mesmo, eu ainda não sei mecher nessa nova versão sem o “menu.lst”

Bem.. esse foi uma rápida análise sobre o novo ubuntu ainda na versão beta, posso dizer que de restante parece estar tudo igual, está bem mais interessante de se usar esse SO e acho que vou continuar usando ele por um tempo…

Abraços…

Como primeira opção, fui tentar utilizar o ubuntu, é rápido, já vem tudo configurado e etc. Porém o rápido saiu demorado. Achei o desempenho horrível no desktop, e por fim ele do nada não quis mais iniciar, parecia ter dado merda no sistema de arquivos.

Essa história do Ubuntu sempre se repete comigo, sempre tento utilizá-lo, por ser famoso e fácil  mas NUNCA consigo, ele sempre me irrita (e por sinal o GRUB novo está muito chato).

Como toda história repetida resolvi novamente instalar a distribuição que para mim é de um ponto de vista geral uma junção do Slackware e Gentoo, ou seja, ela pega o melhor dos dois mundos! É simplesmente fascinante e para desktop eu não abro mão dela! O foco de post é fazer um guia rápido para você ter um desktop com Arch Linux funcional assim como você encontraria no Ubuntu, mas vou dar uma rápida introdução à distro para quem não conhece, para quem já conhece pule para o item 2.

• 1- Introdução

  Como dito a cima, ela junta o melhor dos dois mundos comparado ao Slackware e Gentoo.

  Slackware é uma excelente distribuição, simples e funcional… mas perde por não ter um gerenciador de pacotes.

  O Gentoo é excelente, assim como o slackware e tem um gerenciador de pacote o PORTAGE, o problema é que você perde um bom tempo compilando todo o sistema.. apesar disso ser ótimo, e a comunidade é pequena..

  O Arch Linux você tem um gerenciador de pacotes o famoso PACMAN e tem um sistema pós instalação que conta apenas com um shell, tendo que instalar todo o sistema assim como no Gentoo, mas você pode usar pacotes binários e a comunidade cresce a cada dia. A comunidade brasileira eu ainda acho muito fraquinha, porém.. a original é bastante ativa.

• 2- Instalação e configuração

  A instalação para quem é bem similar ao do slackware, para quem já instalou tanto o slackware ou o gentoo não terá dificuldade nenhuma.

  • 2.1- Download do Live CD:

    Você tem 2 opções, pegar a ISO e queimar um CD, ou pegar o IMG e jogar no pen-drive. Eu acho a segunda mais fácil, faça o download nesse link -> http://www.archlinux.org/download/

  • 2.2- “queimando” um pen-driver:

    Não irei falar sobre como queimar um CD ou como jogar o IMG do Live CD no pen-drive pelo próprio Linux (use o comando DD), mas irei falar como jogar o IMG no pen-drive pelo windows.

    • Passo 1 - Faça o download do software “Flashul” aqui. Descompacte-o e acesse com o DOS a pasta onde se encontra o executável flashnul.exe
    • Passo 2 - Localize o número do seu pen-driver com o comando “flashnul -p” a saída deve ser similar a essa

      C:\>flashnul -p
      
      Avaible [sic] physical drives:
      0       size = 200048565760 (186 Gb)
      1       size = 400088457216 (372 Gb)
      2       size = 400088457216 (372 Gb)
      3       size = 4060086272 (3872 Mb)
      

      Nesse caso o número do meu pen é o 3, agora é só jogar o IMG para lá.

    • Passo 3 - Para copiar a img basta usar o comando:

      flashnul 3 -L path/to/arch/usb.img
      

      Obs: Eu não consegui utilizar o flashnul no windows 7 apenas no XP, se esse for seu caso utilize o Unetbootin para jogar a ISO no pen-driver, nesse caso aconselho a ISO normal e não a IMG.

  • 2.3 - Instalando o Arch Linux

    Não irei cobrir a instalação toda passo a passo, aconselho a seguir o wiki, mas vou resumir aqui os passos:
    1- Prepare o seu HD com o ‘cfdisk‘
    2- Prepare a conexão com a internet, se você usa um cabo com DHCP, você pode fazer isso no próprio instalador, mas se está utilizando uma conexão wireless é preciso configurar no shell… se você utiliza uma conexão com criptografia WPA veja o item 4 “Observações”.
    3- Execute o instalador com o comando ‘/arch/setup‘
    4- siga os passos no próprio instalador de cima para baixo, preste atenção na hora de configurar o sistema, ele hoje está muito mais automático, com essa última versão do instalador eu modifiquei o nome do host no arquivo rc.conf e automaticamente o arquivo hosts foi modificado. Mas é bom dar uma revisada em todos os arquivos.
    5- O arquivo rc.conf no passo “Configure System” é o arquivo de configuração que manda em tudo.
    6- Outro passo que merece destaque é a configuração do GRUB, é bem simples, mas é bom prestar atenção.

  • 2.4 – Pós Instalação

    Agora você que você instalou, reiniciou e está no shell… ta na hora de instalar um gerenciador de janela. Para começar atualize o pacman.

    pacman -Syu
    

    Em seguida instale o X

    pacman -S xorg ttf-dejavu ttf-bitstream-vera ttf-ms-fonts
    

    Agora você tem que instalar o driver da sua placa de vídeo… para nvidia (aconselho visitar o wiki):

    pacman -S nvidia nvidia-utils
    

    Para ATI, você tem 3 drivers, o proprietário, o qual não aconselho de jeito nenhum a instalar, eu tentei e deu uma merda sinistra. O xf86-video-ati que é livre e qual eu aconselho e tem também o xf86-video-radeonhd que é criado pela Novell. Eu tenho uma HD2400 PRO, e o driver da novell fico um lixo, o xf86-video-ati funciono que é uma beleza.

    pacman -S xf86-video-ati
    

    Caso você esteja utilizando alguma outra placa de vídeo, procure aqui a sua e instale com o PACMAN.
    Agora vamos instalar a interface gráfica, eu gosto muito do Gnome e KDE, mas ultimamente estou utilizando o Gnome para instalar outras interfaces veja aqui.
    Instalando o Gnome:

    pacman -S gnome gnome-extra gamin
    

    O ‘gamin‘ é o substituto do FAM (File Alteration Monitor) utilizando pelo Gnome e se não me engano pelo KDE.
    Eu instalo alguns temas que eu gosto muito:

    pacman -S gtk-engine-murrine murrine-themes-collection gtk-engines gtk-aurora-engine gtk-candido-engine gtk-rezlooks-engine
    

    Agora você já deve ter tudo instalado mas se você for tentar iniciar o X você vai ter algum problema, primeiro precisamos iniciar o DBUS e o HAL (Hardware Abstrat Layer) para eles poderem detectar seu hardware tornando desnecessário a utilização do arquivo de configuração ‘xorg.conf’.

    /etc/rc.d/dbus start
    /etc/rc.d/hal start
    

    Você pode iniciar somente o HAL que ele inicia o DBUS automaticamente, mas alguns usuários relatam erro e por redundância eu utilizo dessa maneira.
    Agora você pode tentar rodar o X usando o GDM:

    /etc/rc.d/gdm start
    

    Instalar o som…

    pacman -S alsa alsa-utils alsa-oss
    

    configure o som e adicione o usuário normal que você deve ter criado (ou ñ) para o grupo de audio:

    alsaconf
    gpasswd -a USERNAME audio
    alsamixer // para acessar a mesa de mixagem
    alsactl store // para salvar as alterações do alsamixer, tem que ser executado com o root
    

    Legal.. agora você já tem Vídeo, Gerenciador de Janelas e Som, falta só o navegador, pacotes multimídia e codecs, porém os codecs agora fazem parte do AUR, para instalar veja o item 3.

    pacman -S firefox mplayer gecko-mediaplayer xine-lib xine-ui libdvdread libdvdcss flashplugin jre network-manager-applet
    

    OK, agora vamos alterar o rc.conf para iniciar alguns DAEMONS junto com o sistema, procure pela linha que contenha um vetor como esse:

    DAEMONS=(syslog-ng dbus hal network netfs)
    

    e adicione o dbus, hal e networkmanager, ficando assim

    DAEMONS=(syslog-ng dbus hal network netfs dbus hal networkmanager)
    

    Você pode incluir o GDM para iniciar junto com o sistema para pedir login, mas eu aconselho a colocar o sistema com o init 5 ao invés de usar essa gambiarra, veja aqui como fazer isso.

• 3- Instalando pacotes do AUR

  Bem, tudo que instalamos pelo pacman agora estavam nos repositórios CORE, COMUNITY e EXTRAS mas tem alguns pacotes que não se encontram nesses repositórios como os CODECS e o MINTMENU que é um menu mais interessante que o padrão do gnome:

  

  Para utilizar o AUR é muito simples, para começar você precisa dos pacotes base-devel:

  pacman -S base-devel
  

  Faça o download do arquivo ‘TarBall‘ no AUR (aqui), descompacte-o e execute o seguinte comando dentro da pasta que contém o PKGBUILD:

  makepkg
  

  Feito isso, ele vai baixar os codecs, compilar e etc e criar um pacote para o pacman, agora é só instalar.

  pacman -U codecs-xxx-Arquitetura.pkg.tar.gz
  

  Caso você queira instalar o MintMenu faça o mesmo. AUR MintMenu.

• 4- Observações

  Nem todas as pessoas utilizam cabo para conectar a internet, no meu caso eu tinha um desktop, e não ia levá-lo para perto do roteador para instalar o Arch Linux, abaixo segue a dica de Como Configurar Internet sem Fio no Linux pelo Shell:

  Primeiro verifique se sua interface de rede (wlan0) está de pé:

  ifconfig wlan0 up
  

  Bem.. se ela não estava levantada agora está! se algum erro acontecer verifique os drivers, firmware etc.
  Procure agora pelo nome do seu ESSID:

  iwlist wlan0 scan
  

  Certo tem o nome, já sabe da sua senha secreta agora vamos criar o arquivo de configuração com o WPA_SUPPLICANT

  wpa_passphrase Alexandre 123456 > arquivoDeConfiguracaoDaRede.wlan
  // Sintax: wpa_passphrase ESSID SENHA
  

  Agora você já tem o arquivo de configuração do ESSID e senha vamos inicar sua conexão

  wpa_supplicant -Dwext -iwlan0 -c arquivoDeConfiguracaoDaRede.wlan
  

  O parâmetro “-D” especifica o driver, o ‘wext’ normalmente vai servir para todos os casos.
  o parâmetro “-i” especifica a interface de rede no nosso caso ‘wlan0′
  e o -C o arquivo de configuração criado no passo anterior
  OBS2: Procure não instalar o GNOME e o XFCE juntos, tem alguns pacotes que se conflitam, o PACMAN sempre te avisará e perguntará se você deseja remover o outro. Por experiência pessoal eu já instalei os 2 e mesmo assim nunca tive problemas, mas é bom evitar.. no caso eu utilizo o XFCE para máquinas mais modestas, fora isso uso o GNOME ou KDE.

Simples assim…. (ou não)

Abraços…