Ruben-Alves.com | rss feeds | projectos

php+GD+ttf

Sun, 1 Feb 2009 23:24:01 +0000

O paradigma do designer e do programador � semelhante ao do arquitecto e do engenheiro civil. Encontrar um consenso � por vezes uma tarefa imposs�vel. Mas como j� estou farto de dizer: tudo � poss�vel com a inform�tica.

Para exemplificar, disponibilizei uma parte de c�digo que fiz recentemente que permite criar dinamicamente imagens com textos do tipo True Type Font (.ttf). At� agora, muita gente cria as imagens em primeiro num programa de desenho (ex. Photoshop) para depois inserir as imagens no site. Com esta t�cnica, o texto, as imagens, fontes, tamanhos e tudo o que comp�e a imagem pode ser feito em tempo real atrav�s de uma base de dados.
Mas quero desde j� acalmar os programadores, o designer ser� sempre preciso para criar as imagens de fundo :-P

Your browser does not support iframes.

Para os leitores que seguem este site via RSS, o melhor � mesmo clicar aqui | p�gina do projecto.

PHPMyCommunity

Wed, 12 Mar 2008 20:01:27 +0000

"Um projecto fora das medidas poss�veis para ser realizado s� por uma pessoa", foi assim que o meu coordenador do curso definiu o meu projecto ainda quando estava no 3� ano. Ningu�m acreditava ao certo, se calhar nem eu esperava tanta carga de trabalho quando iniciei este projecto algures no meu 3� ano. Apesar de ser um projecto para ser entregue no fim do 4� ano, iniciei os trabalhos juntamente com a minha comunidade de amigos ao recolher o que j� existia, ver quais eram as funcionalidades existentes. Pouco tempo depois, comecei a programar e desde da� nunca mais parei at� a entrega do projecto. Para ser honesto, tinha fases de grande produtividade, e outras (exames, trabalhos etc..) na qual nem lhe pegava.
No fim do curso, o impens�vel tinha sido feito. Tinha conseguido a minha aposta, entreguei a plataforma, fiquei sem f�rias de ver�o, natal, fins de semana... Mas entreguei n�o s� a plataforma como o relat�rio.

A ideia principal desta plataforma era apoiar qualquer pessoa que pretendesse criar uma comunidade online. Para isso dispunha de registo de utilizador, mensagens privadas, login, sistema de not�cias, download, hiperliga��es, contactos, shoutcast, artigos, sondagens, forum entre outras coisas tudo programado por mim :P

Desde da primeira vers�o da plataforma at� � ultima, houve imensas coisas que foram melhorando, principalmente o forum e a seguran�a do site. Como tinha imenso trabalho para fazer, houve coisas que foram feitas ao in�cio que teriam sido feitas de forma diferente se fossem feitas no fim. Ao longo de mais 3 anos depois da sua cria��o, a plataforma foi sempre evoluindo. Neste momento, tirei da Internet a �ltima vers�o online, visto a comunidade em quest�o ganhar cada maior amplitude. A �nica forma de continuar com o projecto era uma reformula��o de 60% da plataforma. Como o tempo � algo de muito valioso e escasso, preferi fazer evoluir o site para algo de mais comum.

Passado cerca de 5 anos, ponho a disposi��o o relat�rio da monografia para quem estiver interessado em entender melhor o seu funcionamento possa ler com calma as quase 100 p�ginas deste documento. Recordo que foi escrito em 2003, logo h� muitas coisas que mudaram. Mas j� na altura tinha algumas boas ideias, j� se falava de XSS, seguran�a em aplica��es web etc...

Polishop

Wed, 12 Mar 2008 19:05:12 +0000

Hist�ria: Em parceria com a ptscooter, a Polishop entrou na Internet com um site institucional simp�tico. N�o tem grandes pretens�es, a n�o ser mostrar algumas das novidades, instala��es e principalmente contactos. � um site para dar apoio t�cnico e comercial aos utilizadores do ptscooter caso o desejarem.

Dom�nio: http://www.ptscooter.net/polishop

Tecnologias aplicadas: PHP

Mcc

Wed, 12 Mar 2008 18:48:37 +0000

Hist�ria: Foi o meu primeiro site para confluir como colaborador na Intersag. O design tinha sido feito, mas havia ningu�m para pegar no HTML. Foi simplesmente montar o HTML e meter online.

Dom�nio: www.mcclda.com

Tecnologias aplicadas: HTML

Hoje: Hoje nem o dom�nio existe...

Litolousada

Wed, 12 Mar 2008 18:42:00 +0000

Hist�ria: Empresa associada � Intersag (onde trabalhava), a Litousada foi uma p�gina realizada numa tarde devido ao uso da super plataforma web que fazia sites totalmente configur�veis. Apesar de fazer parte dos sites light, tinha alguma pinta e muito valor, pelo simples facto que demorou mais � propaga��o do DNS do que a cria��o completa do site :P

Dom�nio: www.litolousada.com

Tecnologias aplicadas: PHP+MySQL, administra��o pr�pria.

Hoje: Tal com foi o caso com a Intersag, a p�gina da Litolousada foi trabalhada pelas m�os da "estratega" software. Mais uma vez, resultou num site disfuncional, e claro, se quiserem ver a p�gina de forma decente, ter�o que usar o o famoso navegador da Microsoft.

Intersag

Wed, 12 Mar 2008 18:34:01 +0000

Hist�ria: No finais de 2003, quando terminei a minha licenciatura em Novembro, lancei-me na aventura Intersag. Dois dos meus colegas de curso (M�rio e Tiago) e eu pr�prio form�vamos o core da empresa. O M�rio no design e HTML, o Tiago nas aplica��es 3D e multim�dia e eu fazia toda a programa��o PHP, tratava de alguma parte da rede e do servidor.
Como era uma empresa nova, foi-nos pedido para criarmos a p�gina da Intersag. Baseada inicialmente na minha plataforma PHPMyCommunity (criada em 2002), decidimos que era tinha demasiadas funcionalidades para um site institucional, logo a nossa escolha foi inserir o site da Intersag noutra plataforma mais light tamb�m da minha autoria.
O site tinha administra��o pr�pria, gest�o das p�ginas, das cores, layout, imagens, produtos e servi�os em tempo real.

Dom�nio: www.intersag.com

Tecnologias aplicadas: PHP+MySQL, Flash, GD, administra��o pr�pria.

Hoje: Infelizmente para o site, a Intersag parece ter envergado para outra pol�tica no que diz respeito � cria��o de p�ginas web, relegando todo o servi�o para outra empresa. Essa tal empresa, criou site muito estranho, pesado, disfuncional e pior ainda, n�o � compat�vel com os principais standards, tornando a visualiza��o do site praticamente imposs�vel com o Firefox.

Como sempre, fica a imagem para a posteridade....

Instituto das Artes e da Imagem

Wed, 12 Mar 2008 18:17:06 +0000

Hist�ria: Decorria o ano de 2004 quando trabalhava no Instituto das Artes e da Imagem, e numa reuni�o falaram em renovar o antigo site (ainda estava alojado no rcts). Foi ent�o que sugerir promover o IAI com website din�mico, com v�rias funcionalidades e iniciar-se ao marketing online.
Criado � partir de uma plataforma feita por mim, desenvolvi v�rios layouts, criei as imagens, tirei algumas fotografias etc... Apesar da plataforma estar funcional, este novo site precisou de v�rios dias de programa��o que alternava com as aulas aos alunos do 11� e 12� ano.
O site pretende ser a montra das actividades do Instituto, promovendo not�cias, actividades permite igualmente realizar uma pr�-candidatura online.
O site tem um menu din�mico criado em tempo real � partir da base de dados, visita guiada das instala��es e tem imensos par�metros criados "on-the-fly".

Dom�nio: www.iai.pt

Tecnologias aplicadas: PHP+MySQL, Flash, GD com resize das imagens em tempo real, administra��o pr�pria.

Hoje: Depois da minha sa�da do Porto para Lisboa, o meu colega ficou respons�vel pela manuten��o do site. N�o ocorreram grandes mudan�as tirando a inser��o de novos cursos, novas actividades, mais e mais not�cias :) (Parab�ns Karminzo, eu disse-te que era f�cil :P)

GondoorSoccer

Wed, 12 Mar 2008 18:04:02 +0000

Hist�ria: Criado em Mar�o 2008, o projecto GondoorSoccer foi desenvolvido em regime de Freelance. Um site que pretende mostrar a actividade da empresa mostrando que o conceito do futebol indoor pode n�o ser s� futebol, como tamb�m o bem estar dos acompanhantes.

Dom�nio: www.gondoorsoccer.pt

Tecnologias aplicadas: PHP, e-mail pela p�gina web, CSS

Florbela Machado

Wed, 12 Mar 2008 17:55:15 +0000

Hist�ria: Criado em 2005, esta p�gina nasceu atrav�s de contactos amigos, onde a l�der do grupo pretendia marcar a sua presen�a na Internet. Devido ao pequeno or�amento, tentou-se fazer pelo mais simples mas mais eficaz poss�vel.

Dom�nio: www.florbela-machado.com

Tecnologias aplicadas: HTML, CSS, algum PHP + Flash + Formul�rios

Hoje: Pelos vistos a p�gina foi melhorada por outras pessoas. Desde que vim para Lisboa, nunca mais falei com esta senhora. No entanto, j� lhe foi colocado uma tradu��o em ingl�s, inser��o de alguns v�deos. No entanto o sistema de not�cia n�o funciona.

Factorplus

Mon, 3 Mar 2008 2:48:57 +0000

Hist�ria: Criado em 2004, o projecto Factor Plus acabou por ser um projecto muito interessante, porque integrava uma s�rie de tecnologias como por exemplo: gest�o de utilizadores, e-mail de confirma��o, com permiss�es para fazer o download de determinados fichas t�cnicas em PDF. Englobava igualmente um pequeno sistema de busca. Apesar do design final ter ficado em tons azulados, ao meu ver o design inicial (a captura de ecr�) era bem mais sexy. O Design foi obra do meu colega e amigo M�rio Dominguez, toda a programa��o foi baseada na plataforma "sitelite" que desenvolvi enquanto trabalhava na Intersag.

Dom�nio: www.factorplus.pt

Tecnologias aplicadas: PHP+MySQL, gest�o de utilizadores, cria��o de novos utilizadores, confirma��o por e-mail, envio de e-mail pelo site, sistema de pesquisa, sistema de download com permiss�es, sistema de produtos com categorias ilimitadas, com administra��o pr�pria.

Hoje: parece que ainda est� vers�o "beta" pelo que d� a entender no URL do site. Sendo um site que acabei de fazer j� quando tinha sa�do da Intersag, acho que a anima��o em flash (que foi nitidamente transformada em gif) ficou mesmo mal. Apesar de ter ajudado em como meter o site online, o meu substituto deve ter tido alguns problemas com PHP.

Douroacima

Mon, 3 Mar 2008 2:27:17 +0000

Hist�ria: Criado em 2004, o projecto Douroacima era uma p�gina � śerio. N�o s� tinha v�rias linguas, como tinha uma galeria de imagem din�mica, dava para enviar postais cibern�ticos e tudo...
O Design foi obra do meu colega e amigo M�rio Dominguez, toda a programa��o foi baseada na plataforma "sitelite" que desenvolvi enquanto trabalhava na Intersag.

Dom�nio: www.douroacima.pt

Tecnologias aplicadas: PHP+MySQL, gest�o de imagens em tempo real, e-mail pela p�gina web, v�rias l�nguas

Hoje: o meu site foi removido, deixando lugar � uma estranha anima��o em flash...

Criar Miniaturas em PHP+MySQL+GD

Estou neste momento a melhorar a minha galeria de fotografias, reparei que com o aumento das fotos, o pobre servidor estava a ter s�rios problemas em conseguir "entregar" a p�gina decentemente. Por isso, em vez de criar miniaturas das fotografias em tempo real, decidi que ao inserir uma imagem, ele automaticamente ir� criar uma copia da imagem e criar um novo ficheiro.
Mas antes disso, tinha que tratar das imagens que j� existiam. Por isso, este script faz esta primeira parte �s mil maravilhas. Basta ser executado para ir buscar todas imagens presentes em base de dados, abre cada uma delas e efectua a dita transforma��o.

UpdateFotografias.php

// Script para fazer resize a todas as imagens do servidor

include ("./extras/dbConnection.php");
$thumbWidth="120"; //Define o tamanho final da imagem

// Recupera todas as imagens da galeria.
$sql="SELECT * FROM fotografias order by identificador";
$resultado= mysql_db_query ("$DB_nome", $sql);
while($registo=mysql_fetch_array ($resultado)){
    $id=$registo['identificador']; //Isto vai ser preciso no fim para actualizar a tabela
    $gfx=$registo['fotografia']; //Caminho da imagem no servidor

    $path=pathinfo($gfx); //pathinfo Vari�veis poss�veis: dirname/basename/filename

    $img = imagecreatefromjpeg( "$gfx" );
    $width = imagesx( $img );
    $height = imagesy( $img );

    $tmp_img = imagecreatetruecolor( 300,200 );
    $tmp_img2 = imagecreatetruecolor( 120, 120);

    // Calcular o novo tamanho da imagem + escrita na pasta /tmp
    $new_width = 220;
    $new_height = floor( $height * ( $new_width / $width ) );

    // Fazer o Resize/Crop necess�rio
    imagecopyresampled( $tmp_img, $img, 0,0,60,0, $new_width, $new_height, $width, $height );
    imagecopy ( $tmp_img2 , $tmp_img,0,0,0,25,   125,   125);

    $caminho_final="{$path['dirname']}"."/thumb/"."{$path['basename']}";
    echo ("$caminho_final"); // S� para fazer debugging

    // Criar a imagem final, e grava-la em disco numa pasta chamada "thumb" definida anteriormente.
    imagejpeg( $tmp_img2,"$caminho_final",80);

    //update SQL
    $sql_update="UPDATE fotografias SET fotografia_thumb = '$caminho_final' WHERE identificador =$id";
    $resultado_update= mysql_db_query ("$DB_nome", $sql_update);
    echo("$sql_update"); //Ver o pedido SQL, para ver se tudo bate certo.
}

?>

mrtg+php+website

Mais do que uma ferramenta do dia a dia para um Administrador de Sistemas, o MRTG, permite realizar gr�ficos de tudo. E quando digo tudo, n�o � s� dados relativos ao processador, temperaturas, actividade MySQL ou servidor de e-mail. Neste caso, utilizei o PHP para buscar dados relacionados com o n�mero de utilizadores de uma p�gina web. No fundo, conjugado com o MRTG, os dados recuperados pelo PHP permitem realizar gr�ficos da actividade de uma p�gina web :P

Vou saltar os passos da instala��o do MRTG (existem milhares de s�tios web com essa informa��o, tanto para Linux como para Windows), a sua configura��o tamb�m � irrelevante, visto existirem outros tantos milhares :P

Vamos passar directamente a parte que interessa, o ficheiro PHP que ser� respons�vel n�o s� por ir buscar os dados online, como tamb�m produzir um resultado para ser lido pelo MRTG.

Podem colocar o ficheiro numa pasta no servidor web, no meu caso, est� em /usr/local/bin, e chama-se websiteUsers.php :

#!/usr/bin/php
$url = "http://www.nomedosite.pt/index.php"; # Colocar o nome do site
$input = @file_get_contents($url) or die('Could not access file: $url');
$regexp = "#(.*?)#"; # Aten��o a Regex, neste caso o site que queria combinava com ela, agora tem de a personalizar

if(preg_match_all("$regexp", $input, $matches)) {
    $utilizadores=$matches[1][7]; # Verificar se esta vari�vel no Array combina com aquilo que querem.
    $utilizadores=str_replace(' ', '', $utilizadores);
    echo ("$utilizadores\n");
    echo ("0\n");
    // date ex:2 days, 1:39
    $data = shell_exec('uptime');
    $uptime = explode(' up ', $data);
    $uptime = explode(',', $uptime[1]);
    echo ("".$uptime[0].",".$uptime[1]."\n");
    // hostname ex: aioros.solarsystem.lan
    $host = shell_exec('hostname');
    echo("$host");
}
?>

Uma vez este passo conclu�do, vamos alterar o ficheiro de configura��o do MRTG (/etc/mrtg.cfg):

#
# Numero de utilizadores
#

Target[site]: `/usr/local/bin/websiteUsers.php`
MaxBytes[site]:1000000
Options[site]: gauge, growright
Title[site]: Utilizadores site
PageTop[site]: Utilizadores site
WithPeak[site]: dwmy
YLegend[site]: No. de utilizadores
ShortLegend[site]: utilizadores
LegendI[site]: Utilizadores Online:
LegendO[site]:

Conclu�do este passo, basta recriar o index.html do MRTG com o comando (ubuntu):
sudo indexmaker --output=/var/www/mrtg/index.html /etc/mrtg.cfg

Espero que este pequeno script tenha sido �til, para qualquer d�vida, sempre podem entrar em contacto comigo.

Ap�s ter deixado correr o script alguns dias, posso desde j� mostrar o tipo de gr�ficos produzidos:

Gr�fico di�rio
(com duas quebras... o meu port�til foi abaixo sexta e ter�a)

Gr�fico mensal

Aviso desde j� que isto � monitoriza��o de um website com algumas visitas, do qual n�o sou dono :P

Image Resizer

Fri, 11 Jan 08 10:05:00 +0100

Apesar dos diferentes ambientes GUI que permitem redimensionar imagens, quando estamos perante uma grande quantidade de imagens, s� existe mesmo uma forma para automatizar todo o processo. Foi por isso que andei um pouco a procura de um sistema em Linux que me permitisse passar todas as fotos da passagem de ano num tamanho aceit�vel, de forma em poder envia-las pela Internet.
Deve existir outras formas, mas esta agradou-me particularmente: Linux + Shell Script + ImageMagick

Para isso, primeiro deve-se instalar o ImageMagic (ubuntu way):

ruben@aioros:~/scripts$ sudo apt-get install imagemagick

Depois, criar um ficheiro texto desta forma:

ruben@aioros:~/scripts$ nano resize.sh

--------------------------------------------------
# !/bin/bash

for x in $(ls);do
convert -geometry 900x600 $x mini-$x
done
--------------------------------------------------

Dar privil�gios de execu��o:

ruben@aioros:~/scripts$ chmod +x resize.sh

� um simples script que faz um loop da leitura da directoria onde est�o, e que executa o comando "convert -geometry" ( Convert faz parte do pacote de aplica��es do ImageMagick.) com os par�metros: 900x600 (resolu��o) $x (nome do ficheiro actual) mini-$x (nome do ficheiro que desejamos).

O ImageMagick tem imensas outras funcionalidades a n�vel de tratamento de imagens on-the-fly (via php por exemplo) ou por shell script. Mais infos em: http://www.imagemagick.org/script/index.php