Problema
É chato e mais trabalhoso escrever num telemóvel do que num computador, principalmente se for um link cumprido.

Solução
Existem algumas aplicações que enviam Urls e outras coisas para o telemóvel e vice versa. Mas a maioria exige ter uma aplicação instalada no computador.
Queria uma solução mais simples por isso desenvolvi uma à media com a tecnologia QR Code.

Como funciona.

Em qualquer browser basta clicar num marcador para este gerar em JavaScript o QR Code com a Url da pagina que estamos a ver.
De seguida usamos uma aplicação no nosso telemóvel para ler o código e abrir instantaneamente a pagina.

Como usar.

1. Arrastar para a barra de favoritos/marcadores do navegador o seguinte link: URL to QR code
2. Instalar aplicação de leitura de QR Code no telemóvel. Para iPhone aconselho a i-nigma por ser rápida, simples e grátis. Para Android existem várias no Market
3. Clicar no recém arrastado link “Url to QR code” e automaticamente será criado um QR Code da página aberta.
4. Usar a aplicação do telemóvel para ler o código e a página será aberta sem ser necessário escrever o link

O código que eu criei

O código funciona da seguinte maneira:
Em javascript leio a URL da página actual e envio para a api do google chart que gera a imagem com o QR Code.
Para não sair da página que estamos a ver, abro a imagem numa nova janela com o a função window.open;
Código do link

var qrwin = window.open("http://chart.googleapis.com/chart?chs=390x390&cht=qr&choe=iso-8859-1&chl="+location.href,"qrcode","menubar=0,resizable=0,width=400,height=400");

qrwin.focus(); 

void(0);

Começo com a memória descritiva que apresentei na ficha de inscrição:

“Este logótipo pretende representar a cidade de Braga, a juventude e a ideia de oportunidade, futuro e iniciativa. Para representar a cidade de Braga nada melhor do que usar um património bem conhecido: o Arco da Porta Nova. A escolha deste património está directamente relacionada com o facto deste ser uma “porta” que está sempre aberta. Uma porta que abre oportunidades e representa a saída para o exterior. Através desta porta uma figura jovem, enérgica e alegre, puxa um amigo em direcção ao futuro. As cores vivas escolhidas tem como principal objectivo transmitir o dinamismo da juventude.”

Logótipo final:

O meu processo criativo

1º – Idéia

Antes de fazer qualquer coisa, formulei a ideia na minha mente. Queria acima de tudo criar um logo que tivesse significado e pudesse ser interpretado.
Por isso para representar a cidade não usei simplesmente um monumento conhecido, mas um monumento que por si mesmo pudesse transmitir uma mensagem. Achei apropriado usar o Arco da Porta Nova por ser uma “porta” sempre aberta.
Desde o início tive em mente usar um figura jovem energica.

2º – Prospecção

Procurei logótipos de capitais europeias da juventude anteriores, mas achei todos muito formais, sem vida e com pouco a ver com a cidade que representavam.
Visto que não ajudaram muito passei para a fase seguinte.

3º – Esboço

Nesta fase passei todas as ideias que tive para o papel. Não me preocupei muito em ficar com o aspecto final. Sabia que podia tratar disso mais tarde. Foquei basicamente nos conceitos e ideias principais.
Alguns desenhos bem feios que saíram:

4º – Formato digital

Um erro muito comum que o designers principiantes cometem, é começar a fazer um logótipo nesta fase. Quando o primeiro passo é abrir o software, existe o perigo de ficarmos limitado às técnicas que conhecemos e aos efeitos do software.

Forma do monumento
Para criar a forma do Arco da Porta Nova usei uma fotografia como guia, tanto para ser reconhecido facilmente como para ter as proporções correctas.

Forma do Jovem

Depois de ter o Arco passei para a figura do jovem.
Rapidamente deparei-me com o primeiro problema. Reduzir a pessoa de forma a apresentar o corpo inteiro iria comprometer a legibilidade do logo. Tive de tomar uma decisão difícil: cortar as pernas do jovem. Neste caso, achei que uma execução tecnicamente correcta era mais importante do que a dinâmica extra que as pernas davam.

Passos intermédios do logótipo

Algumas modificações importantes foram:

• Introdução da mão de outra pessoa
• Forma mais real do jovem
• Dedo extra para parecer mais com uma mão
• Cabelo para parecer mais novo
• Proporções mais legíveis para o lettering

Lettering

Tinha a certeza que não queria um tipo de letra com serifa para parecer mais jovem. Ao mesmo tempo não achei bem um tipo de letra escrito à mão.
Escolhi o tipo de letra oblik por ser um tipo de letra moderno, e por ser um tipo de letra grátis.

Cores

Visualizava na minha mente um logo colorido com cores vivas.
Costumo ir ao kuler em busca de inspiração. Depois de encontrar algumas cores interessantes e fazer mais combinações, procurei a Pantone mais aproximada de cada cor.

Minha Candidatura
Através da Porta aberta – Braga2012 CEJ.pdf

Basicamente com o Módulo Rewrite do Apache você transforma isso:

www.meusite.com/index.php?seccao=noticia&codigo=21&pagina=2

em

www.meusite.com/Noticia/21/2

É necessário ter o Apache instalado. Para instalar o Apache php5 e MySql use o seguinte comando:

apt-get install apache2 php5-mysql libapache2-mod-php5 mysql-server

Copiamos o modulo rewrite da pasta mods-available para a pasta mods-enabled

sudo cp /etc/apache2/mods-available/rewrite.load /etc/apache2/mods-enabled/

De seguida editamos o ficheiro de configuração “default” que está na pasta “sites-available”

sudo gedit /etc/apache2/sites-available/default

Modificamos “AllowOverride None” da secção Directory raiz (’/var/www’) para “AllowOverride All”

De:

<Directory /var/www/>

Options Indexes FollowSymLinks MultiViews

AllowOverride None

Para:

<Directory /var/www/>

Options Indexes FollowSymLinks MultiViews

AllowOverride All

Por fim reiniciamos o apache com o comando:

sudo /etc/init.d/apache2 restart 

Qualquer dúvida é só deixar um comentário

Entre as técnicas do que eu chamo de scroll interactivo destaco:

• Menus fixos
• Background grandes fixos ou dinâmicos
• Efeito paralax
• Interactividade da posição do scroll com o próprio conteúdo.

Alguns exemplos:

Como fazer?

Veja alguns tutorias:
Tutorial Shock Single page portfolio vertical parallax
e
Franck Maurin the parallax effects jquery

Brevemente vou implementar essa técnica. Poderei partilha-la em português aqui no blog esteja atento.

mysqldump -u admin -pPASSDADB --no-create-info nome_da_db > ficheiro_insert.sql

Em que admin e PASSDADB é o user e password da nossa base de dados (nome_da_db);
–no-create-info é o parâmetro que exclui toda a informação de criação de tabelas;
E ficheiro_insert.sql é o nome do ficheiro .sql que irá ser gerado pelo comando.
Por vezes o parâmetros –extended-insert é usado para aumentar a compatibilidade com o esquema.

Para exportar apenas a estrutura ou esquema da base de dados usamos o comando:

mysqldump -u admin -pPASSDADB -d nome_da_db > ficheiro_estrutura.sql

A diferença neste caso é parâmetro -d.

Para importar esses ficheiros para a base de dados pela linha de comando usamos não o comando mysqldump mas o comando mysql:

mysql -u admin -pPASSDADB nome_da_db < ficheiro_estrutura.sql

Se a base de dados não existir podemos cria-la pela linha de comandos da seguinte maneira:

echo "create database Nova_BD" | mysql -u admin -pPASSDADB

Mais em: Ghostly International

Destaque para:

• HTML 5
• CSS3 (Boas shadows)
• Design clean
• Site praticamente sem colunas
• Menu rodapé que serve de Mapa do Site

Esta função verifica se um número de cartão de cidadão é válido:

<?php

function ValidateNumeroDocumentoCC($numeroDocumento)
{
    $numeroDocumento = str_replace(' ','', strtoupper($numeroDocumento));

    $sum = 0;
    $secondDigit = false;

    if(strlen($numeroDocumento) != 12) throw new exception("Tamanho inválido para número de documento.");

    for ($i = strlen($numeroDocumento)-1; $i >= 0; --$i) {
        $valor = GetNumberFromChar($numeroDocumento[$i]);
        if ($secondDigit)
        {
            $valor *= 2;
            if ($valor > 9) $valor -= 9;
        }

        $sum += $valor;
        $secondDigit = !$secondDigit;

    }
    return ($sum % 10) == 0;

}

function GetNumberFromChar($letter) {
        switch($letter) {
            case '0' : return 0;
            case '1' : return 1;
            case '2' : return 2;
            case '3' : return 3;
            case '4' : return 4;
            case '5' : return 5;
            case '6' : return 6;
            case '7' : return 7;
            case '8' : return 8;
            case '9' : return 9;
            case 'A' : return 10;
            case 'B' : return 11;
            case 'C' : return 12;
            case 'D' : return 13;
            case 'E' : return 14;
            case 'F' : return 15;
            case 'G' : return 16;
            case 'H' : return 17;
            case 'I' : return 18;
            case 'J' : return 19;
            case 'K' : return 20;
            case 'L' : return 21;
            case 'M' : return 22;
            case 'N' : return 23;
            case 'O' : return 24;
            case 'P' : return 25;
            case 'Q' : return 26;
            case 'R' : return 27;
            case 'S' : return 28;
            case 'T' : return 29;
            case 'U' : return 30;
            case 'V' : return 31;
            case 'W' : return 32;
            case 'X' : return 33;
            case 'Y' : return 34;
            case 'Z' : return 35;

    }
    throw new exception('Caractere inválido no número de documento: ' . $letter);
}

?>

Basta chamar a função ValidateNumeroDocumentoCC()
[DEMO] ou [Download] demo completo.

Poderei fazer a versão em jquery ou javascript, diga se estiver interessado.

REWORK é um livro best seller para pequenas empresas e profissionais. Aqui encontramos soluções práticas para problemas que muitas empresas cometem.

Tradução portuguesa:
A editora Lua de Papel fez a tradução. Este livro pode ser encontrado com o ISBN: 9789892310657 nas livrarias como fnac ou bertrand.

Veja um video resumo do livro: