Esta ferramenta permite visualizar quais os componentes que estão presentes no computador, bem como algumas informações importantes sobre esses componentes.

O Speccy disponibiliza informações como:

• Marca, Modelo, Velocidades e Temperatura do processador
• Velocidade e quantidade de RAM
• Tamanho, velocidade e Temperatura do disco rígido
• Placa gráfica e respectiva Temperatura
• Sistema Operativo

Para além destas informações, ainda é possível visualizar gráficos em tempo real da variação das Temperaturas e Velocidades de diversos componentes como a Placa Gráfica, CPU e Disco Rígido.

Piriform Homepage

Download Speccy v1.00.089 Beta

Download Speccy v1.00.089 Beta (Versão Portátil)

Artigos Relacionados:

1. Ubuntu 9.10 Karmic Koala Beta
2. Abobe Flash Player 10.1 beta com aceleração por GPU
3. VirtualBox 3.1.0 – Virtualização de Sistemas Operativos

Actualmente o elemento canvas do HTML5 é suportado pelos seguintes browsers:

• Firefox 1.5 ou superior
• Google Chrome
• Safari 2.0
• Opera 9.5 ou superior

Para um suporte melhor é recomendada a utilização do browser mais recente, uma vez que o HTML5 ainda se encontra em fase de desenvolvimento e por isso o suporte para o canvas ainda não é completo.

Mas existe um problema…

E o Internet Explorer? Como o suporte para HTML5 no Internet Explorer é praticamente inexistente, o elemento canvas ainda não é suportado, mas podemos usar o Google Chrome Frame, que é um plugin que permite usar o motor do Chrome, que suporta HTML5 e canvas, no Internet Explorer. Pode verificar aqui como usar o Google Chrome Frame.

Criar um elemento canvas

O elemento canvas tem apenas 2 atributos, o width e o height, que correspondem ao comprimento e altura da área de desenho respectivamente.

Depois convém definir um id para o canvas, uma vez que vai ser necessário aceder ao elemento através de Javascript.

Exemplo:

1
<canvas id="areaDesenho" width="200" height="200"></canvas>

Também podemos definir uma mensagem ou uma imagem a exibir, no caso de o browser não suportar o elemento canvas, para isso basta introduzir o HTML que queremos que apareça quando não existe suporte.

Exemplo:

1
2
3
<canvas id="areaDesenho" width="200" height="200">

    O seu browser ainda não suporta HTML5 ou a tag Canvas!

</canvas>

Obter contexto de desenho do canvas: getContext

Antes de começar a desenhar no canvas temos de obter o contexto para desenho, neste caso vamos desenhar em 2D, por isso queremos obter o contexto de desenho em 2D.
Para obter um contexto usamos a função getContext do elemento canvas.

Exemplo:

1
2
var canvasElem = document.getElementById('areaDesenho');

var contexto = canvasElem.getContext('2d');

Desenhar Rectângulos no canvas: fillRect, strokeRect e clearRect

Existem três funções para desenhar rectângulos no canvas, a função fillRect, strokeRect e clearRect. A forma de uso é igual para as três, mas a fillRect cria um rectângulo preenchido, a strokeRect cria um rectângulo com apenas a borda e a clearRect cria um rectângulo que limpa a área do mesmo.

Modo de uso:

Exemplo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function drawRect() {

    var canvasElem = document.getElementById('areaDesenho');

    if (canvasElem.getContext) {

        //Obtém o contexto "2d" de desenho para o canvas

        var context = canvasElem.getContext('2d');



        //Desenha rectângulo opaco

        context.fillStyle = "rgb(200, 0, 0)";

        context.fillRect(0, 0, 150, 100);



        //Desenha rectângulo com transparência

        context.fillStyle = "rgba(0, 0, 200, 0.5)";

        context.fillRect (120, 70, 70, 70);

    }

}

No exemplo anterior usei também a propriedade fillStyle, que define a cor de preenchimento que quermos usar nas instruções de desenho seguintes. Também existe uma função strokeStyle, cujo uso é igual, mas que define a cor do traço que queremos usar.

Desenhar Imagens no canvas: drawImage

Para desenhar imagens no contexto de desenho do canvas, usamos a função drawImage, que recebe como parâmetros, uma imagem, a posição x e y, a largura e a altura da imagem. A largura e altura são opcionais, e se não forem especificadas serão usadas a altura e largura da imagem.

Modo de uso:

Exemplo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function drawImage() {

    var canvasElem = document.getElementById('areaDesenho');

    if (canvasElem.getContext) {

        //Obtém o contexto "2d" de desenho para o canvas

        var context = canvasElem.getContext('2d');



        //Desenha a imagem no canvas

        var img = new Image();

        img.onload = function(){

            context.drawImage(img,10, 50);

        }

        img.src = 'canvas_image.png';

    }

}

Neste exemplo criamos uma nova imagem(“canvas_image.png”), e esperamos que esta esteja carregada, para depois desenha-la na área de desenho.

Desenhar Caminho(Path) no canvas

Antes de começar a desenhar um caminho ou path, usamos a função beginPath, que inicializa a criação de uma nova path.

Depois de inicializada, podemos usar as funções moveTo, lineTo, arc, bezierCurveTo e rect.

Depois se quisermos, podemos fechar o caminho executando o método closePath, que desenha uma linha recta desde o ponto actual até à primeira posição.

Para terminar podemos usar a função fill ou stroke, para preencher ou traçar o caminho que foi desenhado.

Mover posição no canvas

A função moveTo, move para uma posição(x, y) do canvas a ser usada como posição de inicio para a próxima função de desenho, sem desenhar nada. Isto funciona como quando levantamos a caneta para desenhar noutro sitio.

1
moveTo(x, y)

Desenhar Linhas no canvas

Para criar uma linha desde a posição actual até uma posição(x,y) e mover a posição actual para essa posição usamos a função lineTo.

1
lineTo(x, y)

Desenhar Arcos ou Círculos no canvas

Para desenhar arcos ou círculos num caminho ou path do canvas usamos a função arc. A função arc toma como parâmetros uma posição central do arco(x,y), um raio, um ângulo inicial e final, e a indicação de uso do sentido inverso ao dos ponteiros do relógio para os ângulos.

1
arc(x, y, raio, anguloInicial, anguloFinal, contrarioPonteriosRelogio)

Desenhar Curvas de Bézier no canvas

A função bezierCurveTo cria uma curva de Bézier desde a posição actual no canvas até à posição(x,y) passada como parâmetro,  com os pontos de controlo (c1x, c1y) e (c2x, c2y).

1
bezierCurveTo(c1x, c1y, c2x, c2y, x, y)

Exemplo – Usando um caminho ou path no canvas:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function drawPath(){

    var canvasElem = document.getElementById('areaDesenho');

    if (canvasElem.getContext) {

        //Obtém o contexto "2d" de desenho para o canvas

        var context = canvasElem.getContext('2d');



        //Desenha um triangulo azul

        context.fillStyle = "blue";

        context.beginPath();

        context.moveTo(60, 10);

        context.lineTo(10, 50);

        context.lineTo(110, 50);

        context.lineTo(60, 10);

        context.fill();

    }

}

Download do Exemplo de uso do Canvas

Para mais exemplos podem verificar o tutorial da Mozilla Developer Center.

Artigos Relacionados:

1. HTML – Tabela com cabeçalho e tamanho fixo

Um serviço de DNS(Domain Name System), é um sistema que analisa um nome de domínio(ex: srcware.com), de forma a resolver o nome e retornar o respectivo endereço de IP.

Ora como de cada vez que abrimos um site pelo nome(ex:srcware.com),  é feita uma pesquisa no DNS de forma a retornar o endereço de IP, este serviço tem de ser o mais rápido possivel de forma a sacrificar o mínimo de tempo no carregamento da página, e é precisamente este um dos objectivos da Google com este serviço.

Um outro objectivo da Google com este serviço, é a segurança, de forma a evitar problemas comuns com servidores de DNS, como cache poisoning, que ocorre quando os servidores de DNS aceitam endereços de IPs de um servidor de DNS não autoritário, e fazem cache desses endereços, ficando desta forma “envenenados”, com endereços de IP que não correspondem aos endereços originais.

Para usar este serviço, apenas terá de adicionar os seguintes endereços de IP nas configurações do seu router ou nas propriedades da placa de rede/wireless.

• DNS primário: 8.8.8.8
• DNS Secundário: 8.8.4.4

Configurar no Windows 7

Para configurar no Windows 7 deve fazer o seguinte:

1. Abra o Centro de Rede e Partilha
2. Clique em  Alterar definições da placa no menu do lado esquerdo
3. Encontre a placa de rede, à qual está ligado, clique com o botão direito do rato, e clique em Propriedades
4. Encontre a opção Protocolo IP Versão 4(TCP/IPv4) e clique em Propriedades
5. Nas propriedades active a opção Utilizar os seguintes endereços de servidor DNS e insira os endereços preferido(primário) e alternativo(secundário)

Fonte: Google Blog

Não existem artigos relacionados.

Principais funcionalidades:

• Gestor de máquinas virtuais, discos e imagens de CD/DVD e disquetes
• Suporte para uma vasta gama de sistemas operativos actuais e antigos
• Suporte para discos virtuais da concorrência (VMware, Virtual PC)
• Pastas partilhadas ente sistemas operativos
• Integração do rato entre sistema operativo Host e Guest
• Suporte para Aceleração 3D
• Suporte para Sistemas Multiprocessador
• Suporte para Open Virtualization Format

Novidades desta versão

Esta nova versão traz algumas melhorias e novidades.

Gestão de discos, leitores de CD/DVD, e disquetes da Virtual Machine

Nesta nova versão a interface de gestão de discos da máquina virtual foi bastante melhorada, e é agora muito mais fácil configurar os discos, leitores de CD/DVD e disquetes, tudo no mesmo local. Outra grande melhoria nesta versão é a possibilidade de adicionar vários leitores de CD/DVD a uma máquina virtual.

EFI (Extensible Firmware Interface)

É uma alternativa à actual BIOS, e o seu funcionamento assemelha-se em muitos aspectos a um sistema operativo.

Consola EFI:

Aceleração de video 2D

Esta melhoria, permite usar as capacidades da placa gráfica para reproduzir vídeos dentro da máquina virtual, tornando assim a reprodução muito mais fluída.

Para saber mais sobre esta versão podem ver a lista completa de alterações desta versão: VirtualBox Changelog

Instalar o VirtualBox no Ubuntu

Para instalar no Ubuntu devem adicionar o repósitório do Virtualbox, e depois é só executar o seguinte comando:

VirtualBox Homepage
Download VirtualBox 3.1.0 para Windows
Download VirtualBox 3.1.0 para Linux
Download VirtualBox 3.1.0 para Mac

Artigos Relacionados:

1. VirtualBox 3.0.10 – Virtualização de Sistemas Operativos
2. VirtualBox 3.0.8 – Virtualização de Sistemas Operativos
3. 10 Repositórios para o seu Ubuntu 9.10

Definição de funções: def

Para definirmos funções em python usamos instrução def, que tem a seguinte forma de utilização:

1
2
def nome_funcao(param1, param2):

    instruções

Em que o “nome_funcao” é um nome que queremos dar à função e “param1, param2″ são parâmetros, que são opcionais, e que podemos ter quantos quisermos.

Para executar uma função apenas temos de a chamar pelo nome e passar os parâmetros, da seguinte forma:

1
nome_funcao(param1, param2)

Exemplo:

1
2
3
4
def ola():

    print "Olá mundo"



ola()

Nota: Tudo o que for definido dentro de uma função, apenas será válido dentro dessa função. Por exemplo, se dentro de uma função definirmos uma variável “a”, essa variável só poderá ser usada dentro da função.

Parâmetros

As funções podem conter parâmetros, que são valores passados à função aquando da sua execução, e que podem ser usados como variáveis, mas apenas dentro da função.

Os parâmetros em python, normalmente são passados como referência, ou seja, se alterados dentro da função, os seus valores são modificados na variável passada como parâmetro. Mas existem excepções, como é o caso das strings, tupolos e números, que se forem alterados dentro da função não modificam a variável passada como parâmetro.

No exemplo a seguir temos uma função que soma e imprime os valores dos parâmetros “a” e “b”.

1
2
3
4
def soma(a, b):

    print a + b



soma(2, 5)

Também podemos definir parâmetros opcionais. Para isso devemos definir um valor padrão, que será passado, se aquando da execução não for passado nenhum valor.

Retomando o exemplo anterior, definimos um novo parâmetro c, que toma o valor padrão de 0 quando não é passado nenhum valor para c.

1
2
3
4
5
def soma(a, b, c = 0):

    print a + b + c



soma(2,5)

soma(2,5,3)

Retornar de uma função: return

Para quando queremos terminar a execução de uma função e/ou retornar um valor, usamos a instrução return que pode ou não retornar valores.

No exemplo seguinte, temos a função imprime, que imprime o elemento da lista passada como parâmetro, da posição passada no parâmetro index, mas verifica antes se a posição não é maior ou igual ao tamanho da lista, e caso o seja, retona da função, terminando a sua execução.

1
2
3
4
5
6
7
def imprime(lista, index):

    if index >= len(lista):

        return

    print lista[index]



imprime([], 2)

imprime([1, 2, 3], 2)

Já no exemplo seguinte, a função retorna um valor, que é o somatório dos valores passados como parâmetro.

1
2
3
4
def somar(a, b):

    return a + b



print somar(3, 5)

Também é possível retornar vários valores. Para isso, no return, temos de separar os valores por virgula, ou então retornar uma lista ou array de valores.
Para receber os valores de retorno em várias variáveis, temos de separar as variáveis por virgula, mas também é possível receber esses valores numa lista.

No exemplo a seguir, temos a função “proximos”, que retorna o número anterior e seguinte ao valor passado como parâmetro, e os valores retornados são guardados nas variáveis, “ant” e “seg” respectivamente.

1
2
3
4
5
6
def proximos(a):

    return a - 1, a + 1



ant, seg = proximos(10)

print "anterior:", ant

print "seguinte:", seg

Aceder a variáveis globais

Para aceder a uma variável global numa função temos de usar a instrução global, que tem a seguinte forma de uso:

1
global variavel

No exemplo a seguir acedemos à variável global num, para a incrementar:

1
2
3
4
5
6
num = 0

def incNum():

    global num

    num += 1



incNum()

Funções anónimas ou lambda

As funções anónimas ou lambda, são funções que como o nome indica, não tem nome, e que podem ser criadas e executadas em qualquer momento da execução do programa, não precisando de ser definidas, e que apenas retornam o valor de uma expressão, sem precisar do return.
Para criar uma função anónima, usamos a instrução lambda, que pode ser usada da seguinte forma:

1
lambda param1, param2: expressão

Exemplo:

1
2
inc = lambda x: x + 1

print inc(10)

Nota: Qualquer função pode ser atribuída a uma variável, e as funções lambda não são excepção, podendo depois ser executadas com o nome da variável.

Em baixo definimos a função “find”, que tem como parâmetros, uma lista e uma função, que será executada para cada elemento da lista, e que retorna verdadeiro ou falso, para validar se o elemento é o elemento a retornar. Depois na execução passamos uma lista e uma função lambda, que vai verificar se o item, que será passado como “x”, é igual a 7, ou seja, a função “find”, vai procurar por um elemento que seja igual a 7, retornando esse elemento.

1
2
3
4
5
def find(lista, func):

    for item in lista:

        if func(item): return item



print find([9, 4, 7, 2, 5], lambda x: x == 7)

Deixem a vossa opinião e sugestões, e se não perceberem perguntem, que eu terei todo o gosto em responder.
E pronto, é tudo por hoje. Para a semana há mais. Boa programação.

Artigos Relacionados:

1. Tutorial de Python – Loops ou Ciclos
2. Tutorial de Python – Strings e Arrays – Parte 1
3. Tutorial de Python – Variáveis Numéricas

Em baixo temos um exemplo de uma função desprotegida contra SQL Injection:

Esta função está desprotegida porque é feita a concatenação dos valores directamente na query, e se tentarmos adicionar o utilizador Sourceware’ com o método anterior, o que obtemos é o erro da imagem seguinte, o que significa que este método está desprotegido contra SQL Injection.

Em .NET, a forma mais fácil e eficaz de resolver o problema do SQL Injection é usando queries parametrizadas. Assim em vez de concatenar os valores directamente na query, estes são passados como parâmetros, e não nos precisamos de preocupar com o que o utilizador introduziu, porque o “escape” é feito automaticamente.

Assim sendo, podemos criar um método como o seguinte:

E como podemos verificar, introduzindo Sourceware’, como na execução anterior, já conseguimos inserir o registo sem problemas.

Portanto já sabem, usar sempre queries parametrizada para dados introduzidos pelo utilizador, é a regra de ouro para que não tenham problemas com SQL Injection.

Download do Exemplo em C#(Visual Studio 2008)

Não existem artigos relacionados.

Para criar uma tabela deste tipo temos de separar o cabeçalho da tabela e inseri-lo numa nova tabela, ficando com duas tabelas, e de seguida envolvemos a tabela com os dados num DIV com altura fixa e com “overflow:auto” no CSS, de forma a mostrar a scrollbar no DIV se a altura da tabela de dados for maior que a do DIV. Uma desvantagem desta técnica é que só podemos ter uma coluna de tamanho dinâmico, portanto, para as restantes temos de definir tamanho fixo.

CSS:

HTML:

Ver Exemplo – Tabela com scroll

Artigos Relacionados:

1. Imagens incorporadas em HTML

Este leitor de PDFs é apenas composto por um ficheiro executável de apenas 1MB, o que o torna uma aplicação extremamente portátil.

O arranque deste leitor é praticamente instantâneo, comparando com os “grandes” leitores de PDF, que normalmente demoram algum tempo a carregar os seus componentes.

Sumatra PDF Homepage

Donwload Sumatra PDF 1.0

Donwload Sumatra PDF 1.0 Portátil

Artigos Relacionados:

1. Windows 7 Disponível para Todos
2. Intype 0.3.1.734 – O TextMate para Windows
3. CintaNotes – Tire notas em qualquer local

Aliados a esta mudança, a Nvidia e a AMD já disponibilizaram os seus drivers, Geforce 195.55 beta e ATI Catalyst 9.11 respectivamente, com suporte para Adobe Flash Player 10.1.

Eu pessoalmente já testei a nova versão do Flash Player com os drivers para a Nvidia, e só tenho a dizer bem até agora. Um dos principais problemas que tinha no meu portátil, era a reprodução de vídeos em alta definição no Youtube, que infelizmente não tinha uma performance muito agradável, problema esse que ficou resolvido com a instalação destes novos drivers e da nova versão do Flash.

Resta-nos agora esperar por uma versão do Flash Player com suporte para 64 bits, que já tem uma versão de testes para Linux, mas que infelizmente tem tardado a chegar ao Windows.

Adobe Flash Player

Adobe Flash Player Homepage
Download Adobe Flash Player 10.1 beta

Drivers Nvidia para Desktop

Download Nvidia Geforce 195.55 Beta (Windows Vista / Windows 7) 32 bits
Download Nvidia Geforce 195.55 Beta (Windows Vista / Windows 7) 64 bits
Download Nvidia Geforce 195.55 Beta (Windows XP) 32 bits
Download Nvidia Geforce 195.55 Beta (Windows XP) 64 bits

Drivers Nvidia para Portáteis

Download Nvidia Geforce 195.55 Beta (Windows Vista / Windows 7) 32 bits
Download Nvidia Geforce 195.55 Beta (Windows Vista / Windows 7) 64 bits
Download Nvidia Geforce 195.55 Beta (Windows XP) 32 bits
Download Nvidia Geforce 195.55 Beta (Windows XP) 64 bits

Drivers AMD

Download ATI Catalyst 9.11

Artigos Relacionados:

1. Ubuntu 9.10 Karmic Koala Beta
2. Speccy v1.00.089 Beta – Informações do Sistema
3. Windows 7 Disponível para Todos

Instrução while

A instrução while é um ciclo que é executado enquanto uma determinada condição for verdadeira.

Forma de uso:

Exemplo:

Neste exemplo será sempre pedido ao utilizador um número maior ou igual a 10, enquanto o número introduzido for menor que 10, ou seja, só se o número for maior ou igual a 10 é que sairá do ciclo while.

Instrução for

O for é um ciclo que serve para iterar cada elemento de uma lista ou array.

Forma de uso:

Exemplo:

Neste exemplo foi definida uma lista com os elementos “banana”, “laranja” e “kiwi”, e de seguida foi executado um ciclo for, em que para cada “item” na “lista” vai executar as instruções dentro do ciclo for, que neste caso é a impressão do item.

Função range

A função range retorna um array, em que os elementos são uma sequência de números.
Esta função pode ser usada de três formas. A primeira é usando apenas um parâmetro, e neste caso, vai retornar uma sequência desde o zero até ao número especificado no parâmetro. A segunda forma usa dois parâmetros, e retorna uma sequência desde o número especificado no primeiro parâmetro até ao número especificado no segundo parâmetro. A última forma usa 3 parâmetros, e difere da anterior apenas pelo facto do 3º parâmetro ser o incremento, que pode ser negativo ou não.

Exemplo da utilização da 1ª, 2ª e 3ª forma:

Respectivo Resultado:

Um dos principais usos desta função, é com a instrução for, para quando queremos iterar um bloco de código um determinado número vezes.

Exemplos

Instruções break, continue, else e pass

O break tal como em C, é uma instrução que quando executada dentro de um ciclo for ou while interrompe de imediato a execução do ciclo.

O continue tal como no C, permite que se passe de imediato para a iteração seguinte.

O else é usado no caso de ser usado um break, em que só se o break não for executado, é que as instruções no else serão executadas de seguida.

A instrução pass não faz nada, ou seja, se quisermos definir um ciclo ou função que não tenha nenhuma instrução a ser executada, usamos o pass.

Artigos Relacionados:

1. Tutorial de Python – Controlo de fluxo
2. Tutorial de Python – Funções
3. Como fazer switch-case em python?