Exercício Módulo 2 (Design de Interfaces) – Blog Corporativo
Publicado por: Frederico Martins em: outubro 14, 2009
Opa pessoal!
Estou aqui compartilhando com vocês mais um dos meus exercícios do curso de Design de Interfaces da Arteccom.
O tema dessa Vez era fazer um blog administrativo para um shopping.
Espero que gostem e comentem. Em breve vou atualizar com aos comentários do professor.
Modulo 2 - Moda Shopping
Exercício Módulo1 Arteccom Design de Interfaces (Reavaliação)
Publicado por: Frederico Martins em: outubro 14, 2009
Fala Pessoal,
Como prometido eu vou postar aqui como ficou o redesenho do site da academia do exercício do Design de Interfaces da Arteccom. Ficou bem legal, completamente diferente do primeiro layout. Ouvi as criticas do professor e resolvi rever alguns conceitos do site e gostei bastante do resultado final, exceto pelo menu que eu poderia e devo trabalhar mais… mas eu atualizo mais para frente.
Site Saude Academia Redesenho
Avaliação:
Muito bom Frederico!
Só o menu principal que ficou perdido na parte superior. O ideal seria integrá-lo à interface, talvez logo abaixo do logotipo. Uma cor azul também o destacaria mais. Lembre-se de distribuir os itens do menu de maneira uniforme para não criar espaços vazios na tarja, combinado!?
Meus parabéns e até o próximo projeto!
Estou participando do Peixe Grande 2009
Publicado por: Frederico Martins em: outubro 11, 2009
Concurso Peixe grande 2009
É com muito orgulho que venho informar a todos que estou participando do concurso Peixe Grande 2009 com um dos meus sites! E como sempre conto com a colaboração dos meus leitores para que votem!
O site que está participando é o da Conect Serviços em Informática e o link para votar no Peixe Grande está na página ou vocês podem votar também através do site do concurso ou CLICANDO AQUI.
Conto com o voto de vocês!
Valeu!
Exercício Módulo1 Arteccom Design de Interfaces
Publicado por: Frederico Martins em: outubro 8, 2009
Opa pessoal!
Estou passando por aqui para postar o resultado e a avaliação do meu primeiro exercício do curso da Arteccom o Design de interfaces.
Bom a proposta era fazer um site institucional para uma empresa imaginaria. A empresa era uma academia que se chamava Espaço Saúde.
Havia 3 possibilidades de logotipo… olhei todas e finalmente escolhi a que eu iria usar como base para fazer a minha Home Page.
Bom um pequeno briefing sobre o que o dono da academia queria era que ele queria fidelizar uma clientela que ainda não fazia parte da academia, que era a terceira idade. Ele tem uma excelente estrutura para atender esse público, mas não conseguia.
A academia passa por reformas e com isso queria no embalo mudar um pouco o espírito da academia.
Com isso em mente eu fiz o meu primeiro layout. Segue abaixo a imagem.
Academia Espaço Saúde - Web Principal
Academia Espaço Saúde - Web Atividades
Segue abaixo a Avaliação do Professor do curso:
Em breve vou postar como ficou o Redesenho após as críticas e conselhos da avaliação do professor. Estou só esperando ele me dar um feedback sobre a mesma.
Valeu!
Curso de Design de Interfaces da Arteccom
Publicado por: Frederico Martins em: outubro 5, 2009
Fala Pessoal,
Venho aqui para dizer que estou buscando me aprimorar cada vez mais nas minhas tecnicas e dizer que estou no curso de design de interfaces da Arteccom.
O curso tem tudo para ser um sucesso que nem foi o web para designers. A única coisa que você precisa é se dedicar nos foruns e tirar o máximo de proveito da colaboração e dos professores.
Mostrando Arrays com Smarty Template do D4PHP
Publicado por: Frederico Martins em: junho 25, 2009
Boa noite meus leitores!
Retorno a escrever aqui no meu Blog depois de um bom tempo de ausência. Peço desculpas, mas é que os dias de trabalhos andam muito corridos e tem sobrado pouco tempo para eu me dedicar ao blog.
Mas calma que não irei abandona-los. Vou procurar manter uma atualização semanal aqui, trazendo sempre algo bem legal para vocês.
Hoje vou falar de algo simples que faziamos no php comum que era exibir vários resultados seguidos. Algo parecido com o que o Repeater faz, mas vou mostrar algo mais simples e mais editável com HTML + CSS + XML.
Esse exemplo pode ser usado com Mysql ou qualquer banco de dados, o que quero mostrar para vocês é a lógica do negócio.
Bom o exemplo que vou mostrar é bem parecido com um Post meu já publicado aqui o XML + Delphi for php + Smarty Template.
Seguinte, vamos começar:
1 – Criamos um novo projeto:
Criando Novo Projeto no D4PHP
2 - Criamos o nosso XML o twit.xml
<?xml version="1.0" encoding="ISO-8859-1" ?> <tws> <tw> <foto>taz.bmp</foto> <recado>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum dolor ornare felis consequat nec dictum magna laoreet.</recado> </tw> </tws>
3 – Declaramos a Variável que irá virar a Array()
public $twitters_xml = null;
4 – Criamos as nossas functions para ler o xml
function ler_xml()
{
//Lê a variavel $twitters_xml criada no topo.
global $twitters_xml;
//Lê o arquivo xml
$xml = simplexml_load_file("twit.xml");
//Para cada tw dentro do arquivo xml tratamos como $tw
foreach($xml->tw as $tw)
{
//Adicionamos uma linha na nossa array.
$twitters_xml[] = "
<div class='line'>
<img src='" . utf8_decode($tw->foto) . "' width='70' height='70' alt='foto'/>
" . utf8_decode($tw->recado) . "</div>
";
}
}
5 – Criamos a associação na criação do template indo em Inspetor de Propriedades > Eventos > On Template (dê dois cliques), dentro da function digite:
global $twitters_xml;
//Executa a function
$this->ler_xml();
//Faz a associação com a variável do html
$template = $params['template'];
$template->_smarty->assign("listagem", $twitters_xml);
6 – O grande truque no Html…
Enfim o grande truque no Smarty que é as seguintes linhas que fazem o loop com o php para que possamos mostrar a array.
{%section name=twit loop=$listagem%}
{%$listagem[twit]%}
{%/section%}
Com ela criamos uma seção com um determinado nome e sua variável de loop. Note que essa variável é a responsável pela integração com a nossa function.
Logo após mostramos os resultados e fechamos a seção novamente.
Segue abaixo o cógio html por completo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Smarty com array</title>
<style type="text/css">
<!--
.line {
width: 400px;
margin-top: 10px;
background-color: #333333;
height: 80px;
}
.line img {
height: 70px;
width: 70px;
border: 1px solid #FFFFFF;
margin: 5px;
float: left;
}
.line p {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
line-height: 19px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 2px;
color: #FFFFFF;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 2em;
color: #990000;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
line-height: 19px;
}
-->
</style>
{%$HeaderCode%}
</head>
<body>
{%$StartForm%}
<h1>Twitter Like</h1>
{%section name=twit loop=$listagem%}
{%$listagem[twit]%}
{%/section%}
{%$EndForm%}
</body>
</html>
6 – Não esqueça de linkar o Html no Inspetor de Objetos!! E colocar a Engine como Smarty Template!
Bom, é isso pessoal espero que tenham gostado de mais um tutorial de Delphi for php.
Ah achou que acabou? Dessa vez eu disponibilizei o download do exemplo feito aqui nesse Post. Qualque dúvida é só deixar o seu comentário!
Download do exemplo clique aqui.
Valeu Folks!
Básico do Ajax no Delphi for Php
Publicado por: Frederico Martins em: maio 2, 2009
Boa noite pessoal!
Bom estou aqui para fazer um rápido tutorial para explicar o funcionamento do Ajax no Delphi for php.
Para começarmos, abra um novo projeto.
Feito isso no seu FORM, esteja certo de que no Object Inspector o USEAJAX esteja setado para TRUE!
Caso contrário o ajax não irá funcionar!
Levando isso tudo em consideração:
>Adicione no seu Form um Button e um Label.
>Agora dê um duplo clique no button e coloque o seguinte código
//Muda o Caption do botão
$this->Button1->Caption = "Click Ajax " . date("d-m-Y g:i:s a");
//Muda o caption da label
$this->Label1->Caption = "Hello from Ajax!! " . date("d-m-Y g:i:s a");
//Muda a cor da label para um cor random.
$this->Label1->Color = "#" . dechex(rand(0, 0xFFFFFF));
Agora vamos colocar a rotina para fazer a execução em Ajax.
Para fazer isso vá no button e no Object Inspector, vá na aba Javascript e dê um duplo clique em OnClick e adicione o seguinte código.
//Chama o ajaxcall para fazer a requisição. Veja que ele chama a propriedade anterior que nós definimos.
echo $this->Button1->ajaxCall("Button1Click");
?>
//Return false para prevenir que o form seja enviado.
return(false);
<?php
Pronto!
Agora é só executar a nossa aplicação e reparar que o form não é enviado para fazer a requisição. Simples não é?
Espero ter ajudado vocês. Qualquer dúvida só deixar seu comentário.
Integracão XML + DELPHI FOR PHP + SMARTY TEMPLATE
Publicado por: Frederico Martins em: abril 19, 2009
Boa tarde a todos! \o/
Venho aqui postar com muita satisfação o meu primeiro de muitos tutos para Delphi for php. Esse primeiro tutorial vai ser baseado no tutorial passado que eu postei sobre Ler XML com Php, só que agora vou ensinar como integra-lo com um smarty template, a engine utilizada pelo Delphi for php para integrar design a programação OO.
É bem mais simples do que muita gente acha, vamos ver isso nas próximas linhas aqui do Post. Chega de bla bla bla e vamos ao que interessa!
Revisando a estrutura criada no Post anterior.
Arquivo biblioteca.xml
<?xml version="1.0" encoding="ISO-8859-1" ?>
<biblioteca>
<livros>
<titulo>Fazendo Blogs</titulo>
<autor>José das Couves</autor>
<editora>Editora Ética</editora>
<sinopse>lalalalalalalaalalalala</sinopse>
</livros>
</biblioteca>
Pedaço de código para a leitura em php:
//Aqui ele vai ler o arquivo do xml
$xml = simplexml_load_file("caminho_para_o_xml.xml");
//Para cada tag livros, ou seja, para cada conjunto de dados faça isso...
foreach($xml->livros as $livro)
{
//Caso não tenha sinopse do livro.
if($livro ->sinopse ==""){
echo $livro->titulo.' - '.$livro->autor.' - '.$livro->editora.'<br\>';
}
else
{
echo $livro->titulo.' - '.$livro->autor.' - '.$livro->editora.'<br\>';
echo 'Sinopse: '.$livro->sinopse;
}
}
Até ai tudo bem… Agora e que vem a mágica da integração com o Smarty Template!
Nas opções do seu Delphi for php selecione no formulário o seu smarty template na Aba de Object Inspector > Template Engine > Smarty Template.
E selecione o seu template propriamente dito na Aba de Object Inspector > TemplateFileName > ….
Agora basta ir no template HTML do seu site e adicionar as tags:
{%$HeaderCode%} –> Entra no Header
{%$StartForm%} –> depois de abrir o body
{%$EndForm%} –> antes de fechar o body
Agora para mostrarmos o nosso código gerado com o Delphi php temos que colocar o seguinte código entra o startform e o endform
{%section name=livro loop=$livros_xml_read%}
{%$livros_xml_read[livro]%}
{%/section%}
Como vemos ele cria um loop para a variavel gerada no código php.
Bom é isso… espero que tenham gostado, sei que ainda está meio confuso. Mas com o decorrer do blog eu vou acertando os meus tutorias. Afinal estou começando…
Flwww!
Lendo XML com php
Publicado por: Frederico Martins em: abril 8, 2009
Boa Noite pessoal!
Demorei um pouco para escrever aqui pois estou um pouco enrolado em um projeto de website grande e estou tendo que correr um pouco para coloca-lo logo no ar. Não que eu esteja atrasado, mas enfim, não vem ao caso.. rs
Voltando ao assunto… hoje passei por uma necessidade “boba” que era de ler um arquivo xml e escreve-lo em algum formato. Perdi um bom tempo na web procurando por alguma solução boa. E depois de algumas horas de dedicação eu achei um solução muito boa e dei minhas adaptadas.
Bom vamos lá!
<?xml version="1.0" encoding="ISO-8859-1" ?>
<biblioteca>
<livros>
<titulo>Fazendo Blogs</titulo>
<autor>José das Couves</autor>
<editora>Editora Ética</editora>
<sinopse>lalalalalalalaalalalala</sinopse>
</livros>
</biblioteca>
Analisando o XML:
Na primeira linha temos o tipo de caracteres e a codificação utilizada pelo xml que é o ISO, que é o nosso padrão de acentos.
Na segunda linha temos a abertura do nosso banco de dados, que é o nosso elemento principal responsável por organizar os nossos dados.
Na terceira linha, a linha do
, nela nos abrimos os campos andos os nossos dados do banco de dados estaram armazenados. Logo as tags que estão dentro dela são as tags aonde o dados estão efetivamente. Nome para o nome, Titulo para o titulo e assim por diante.
Agora vamos fazer o nosso código php para ler esse xml que acabamos de criar.
//Aqui ele vai ler o arquivo do xml
$xml = simplexml_load_file("caminho_para_o_xml.xml");
//Para cada tag livros, ou seja, para cada conjunto de dados faça isso...
foreach($xml->livros as $livro)
{
//Caso não tenha sinopse do livro.
if($livro ->sinopse ==""){
echo $livro->titulo.' - '.$livro->autor.' - '.$livro->editora.'<br\>';
}
else
{
echo $livro->titulo.' - '.$livro->autor.' - '.$livro->editora.'<br\>';
echo 'Sinopse: '.$livro->sinopse;
}
}
Bom como o próprio código já está descrevendo na primeira linha você lê o arquivo xml por inteiro. Na linha do foreach você está dizendo que para cada linha que tenha a tag livros faça o que está descrito dentro da cláusula.
Aquele IF serve para não imprimir a cláusula sinopse caso ela seja vazia, pois se você deixar ela escrever sendo vazia dá erro de execução no php.
Bom estou chegando ao final do meu primeiro e pequeno tutorial, espero que vocês tenham gostado e que isso seja muito útil para todos.
Nota: Esse código que eu passei pode ser utilizado em uma function, sinceramente eu ate prefiro. Utilizei esse código dentro de uma function no Delphi+php e coloquei juntamente com o Smarty Template. Ficou um resultado bem bacana. Em breve estarei postando aqui no blog quando o site ficar pronto.
Cadê o Conficker? Alguém viu ele por ai?
Publicado por: Frederico Martins em: abril 2, 2009
Especulação… O que seria o mundo sem ela?
Pois é, hoje vivemos mais um monento daqueles em que tudo não se passou de uma grande especulação. Especulação sim, pois tanto se falou no tal do Conficker e cadê ele? Alguém o viu?
Bom por aqui ele nem passou e por até aonde eu sei também não, mas os meu clientes e amigos estavam desesperados! Muitos deles falaram que nem iriam usar o computador hoje, para evitar o virus! Bobagem! Até parace que o virus só iria funcionar hoje e somente hoje! ^^
Alguns falaram que ele iria derrubar a internet e etc! Eu acreditei ate que ele fosse acabar com a humanidade diante de tantos comentarios! O Conficker para mim tava mais parecendo um Armagedom do que um virus!
A IDGNOW publicou um artigo da PCworld falado que :
Framingham – “Sucesso” do vírus deu tempo para que empresas bloqueassem ameaça digital.
IDGNow! – Publicada em 01 de abril de 2009 às 19h01
Legal isso, ficamos protegido! Mas vamos sair dessa nossa gaiola e vamos pensar um pouco… Se protegeram contra o que? Eles nem sabem como é o virus, qual o seu algoritmo, como eles poderiam se proteger? Pensem!
Podem me criticar e dizer que é previsível, pois há varias especulações e caminhos possíveis que eles podem fazer… sim eu sei, pois sou programador e sei que a programação é completamente previsível. Mas a questão não é essa, repare como falamos da mesma coisa… especulação.
Agora pare, pense e se pergunte…
Quantas pessoas compraram um anti-virus pago nesses dias para se prevenir do tal virus destruidor, o Conficker?
