<HTML><HEAD>
<STYLE><!--
.hmmessage P
{
margin:0px;
padding:0px
}
body.hmmessage
{
font-size: 10pt;
font-family:Tahoma
}
--></STYLE>
</HEAD>
<BODY dir=ltr class=hmmessage>
<DIV dir=ltr>
<DIV style="FONT-FAMILY: 'Calibri'; COLOR: #000000; FONT-SIZE: 12pt">
<DIV>Teddy, uma pergunta, você ja desenvolve pra web? Se sim, desenvolve
utilizando o que? Qual linguagem, qual IDE?</DIV>
<DIV> </DIV>
<DIV style="FONT-FAMILY: 'Calibri'; COLOR: #000000; FONT-SIZE: 12pt">Eduardo
Almeida - Engenharia de Software<BR>eduardo@web2solutions.com.br - 27 3021-1530
/ 27 9600-0395<BR><BR>WEB2 Solutions - Inovando, sempre!</DIV>
<DIV
style="FONT-STYLE: normal; DISPLAY: inline; FONT-FAMILY: 'Calibri'; COLOR: #000000; FONT-SIZE: small; FONT-WEIGHT: normal; TEXT-DECORATION: none">
<DIV style="FONT: 10pt tahoma">
<DIV> </DIV>
<DIV style="BACKGROUND: #f5f5f5">
<DIV style="font-color: black"><B>From:</B> <A title=teddyhammer@hotmail.com
href="mailto:teddyhammer@hotmail.com">Teddy Hammer</A> </DIV>
<DIV><B>Sent:</B> Tuesday, May 24, 2011 5:50 PM</DIV>
<DIV><B>To:</B> <A title=saopaulo-pm@mail.pm.org
href="mailto:saopaulo-pm@mail.pm.org">saopaulo-pm@mail.pm.org</A> </DIV>
<DIV><B>Subject:</B> Re: [SP-pm] Design de Aplicações Web, como é
feito?</DIV></DIV></DIV>
<DIV> </DIV></DIV>
<DIV
style="FONT-STYLE: normal; DISPLAY: inline; FONT-FAMILY: 'Calibri'; COLOR: #000000; FONT-SIZE: small; FONT-WEIGHT: normal; TEXT-DECORATION: none">Cara,
seria muito pedir pra vc me mostrar algo mais concreto para eu vizualizar o
esquema? Sei lá...como usar estes marcadores que o André Garcia falou?<BR>Ou
algum site, Docs....<BR><BR><BR>
<HR id=stopSpelling>
From: renato.cron@gmail.com<BR>Date: Tue, 24 May 2011 16:02:50 -0300<BR>To:
saopaulo-pm@mail.pm.org<BR>Subject: Re: [SP-pm] Design de Aplicações Web, como é
feito?<BR><BR>Lembrando que você pode continuar a usar o Dreamweaver (embora eu
recomende você usar linux, por facilidade) para montar seu HTML usando um
wysiwyg e depois editar o .html colocando os marcadores, como por exemplo [%
$nome %].
<DIV> </DIV>
<DIV>No Linux, você tem um editor [gratis!] chamado <SPAN
style="FONT-FAMILY: verdana, arial, tahoma; FONT-SIZE: 12px"
class=ecxApple-style-span><A
style="COLOR: rgb(68,68,68); TEXT-DECORATION: underline"
href="http://nvu.com/index.php" target=_blank>NVU</A></SPAN>, mas tem
vários:<BR><SPAN style="FONT-FAMILY: verdana, arial, tahoma; FONT-SIZE: 12px"
class=ecxApple-style-span>Quanta<BR>Mozilla Composer</SPAN><BR>
<DIV>
<DIV> </DIV>
<DIV class=ecxgmail_quote>2011/5/24 Andre Carneiro <SPAN dir=ltr><<A
href="mailto:andregarciacarneiro@gmail.com">andregarciacarneiro@gmail.com</A>></SPAN><BR>
<BLOCKQUOTE style="BORDER-LEFT: #ccc 1px solid; PADDING-LEFT: 1ex"
class=ecxgmail_quote>Oi Teddy!
<DIV> </DIV>
<DIV> </DIV>
<DIV>Tanto o Catalyst quanto o Mojolicious utilizam uma metodologia conhecida
como MVC(Model, View, Controller - <A href="http://pt.wikipedia.org/wiki/MVC"
target=_blank>http://pt.wikipedia.org/wiki/MVC</A> ). Ler isto pode iluminar
um pouco as idéias mais tarde. Tentarei explicar sem me preocupar muito com
detalhes de MVC.</DIV>
<DIV> </DIV>
<DIV>Respondendo mais diretamente a sua dúvida, a ligação entre o que se muda
no código e o que é mostrado na página ocorre através do processamento de
'templates'. Templates, no contexto de aplicações web, são basicamente
documentos HTML com 'marcadores especiais'. Esses marcadores são substituídos
posteriormente por HTML, após terem sido processados pelo servidor. Para
simplificar:</DIV>
<DIV> </DIV>
<DIV><div>Nome: [%nome%]</div></DIV>
<DIV> </DIV>
<DIV>Nesse exemplo, os marcadores que me referi são [%nome%]. Esse marcador
pode ser substituído por qualquer coisa que eu quiser. Obviamente nesse caso,
eu quero que seja substituído pela informação 'nome'. O importante é que você
entenda que tudo isso acontece do lado do servidor. O servidor está preparado
para ler a requisição de uma página qualquer do usuário, e chamar corretamente
o programa responsável por entender isso, recuperar a informação que esteja
numa base qualquer, ler o template, substituir todos esses marcadores por
dados, e/ou metadados e/ou quaisquer instruções que o meu processador de
templates suporte; para enfim cuspir HTML para o cliente. É claro que existem
outros tipos desses marcadores, porque os sistemas de templates variam no seu
funcionamento. Esse em especial é um exemplo de um marcador típico do Template
Toolkit - <A href="http://template-toolkit.org/"
target=_blank>http://template-toolkit.org/</A></DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV>Depois da introdução tosca acima, eu posso dizer de forma bem simples
que: tanto o Catalyst quanto o Mojolicious fazem a mesma coisa, ou seja,
esperam a requisição chegar até eles, e fazem diversas coisas como interpretar
e transformar urls, separar os dados de entrada(formulários, campos e tudo que
estava no HTML no momento da requisição), depois processa esses dados de
entrada de várias formas(logins, redirecionamentos, alteração de dados e o que
mais você quiser), e depois envia os dados de saída para o sistema de
templates. Esse sistema de templates é que abre o arquivo de templates, e
substituí todos os marcadores por dados.</DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV>Não sei se consegui ser muito claro. Tentei ser o mais genérico
possível.</DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV>Qualquer coisa pergunte!</DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV>Cheers!</DIV>
<DIV>
<DIV>
<DIV></DIV>
<DIV class=h5><BR><BR>
<DIV class=ecxgmail_quote>2011/5/24 Teddy Hammer <SPAN dir=ltr><<A
href="mailto:teddyhammer@hotmail.com">teddyhammer@hotmail.com</A>></SPAN><BR>
<BLOCKQUOTE style="BORDER-LEFT: #ccc 1px solid; PADDING-LEFT: 1ex"
class=ecxgmail_quote>
<DIV>Então cara, desculpe minha falta de conhecimento, mas como isto eh
feito?<BR>Por exemplo, supondo que vc queira fazer uma pagina onde o cara
vai abrir o navegador e fazer seu cadastro por esta pagina.<BR>Supondo que
nesta pagina tenha campos como Nome, Endereço, Cidade, etc.<BR>Como vc linka
estes campos com seu código? E como vc define qual a ação serah executada
qdo o cara clicar no botão CADASTRAR do formulário?<BR><BR>Vc num ia ter que
primeiro "desenhar" esta página com seus respectivos campos e depois ir
fazendo a lógica do sistema?<BR><BR>Tem isto pra Perl?<BR>Talvez pra deixar
mais claro, existe tipo de editor como o Delphi ou JBuilder?<BR><BR>
<HR>
From: <A
href="mailto:darkstrikerd@gmail.com">darkstrikerd@gmail.com</A><BR>Date:
Tue, 24 May 2011 13:34:49 -0300<BR>To: <A
href="mailto:saopaulo-pm@mail.pm.org">saopaulo-pm@mail.pm.org</A><BR>Subject:
Re: [SP-pm] Design de Aplicações Web, como é feito?
<DIV>
<DIV></DIV>
<DIV><BR><BR>Olá Teddy,
<DIV> </DIV>
<DIV>Eu particularmente faço toda a lógica do sistema, quando ele tá
funcionando, eu aplico um css usando firebug, uma extensão do firefox que
permite visualizar as alterações do css em tempo de execução.</DIV>
<DIV> </DIV>
<DIV>[]z</DIV>
<DIV>
<DIV> </DIV>
<DIV>2011/5/24 Teddy Hammer <SPAN dir=ltr><<A
href="mailto:teddyhammer@hotmail.com">teddyhammer@hotmail.com</A>></SPAN><BR>
<BLOCKQUOTE style="BORDER-LEFT: #ccc 1px solid; PADDING-LEFT: 1ex">
<DIV>Ae galera!<BR>Vcs comentaram sobre Mojolicious e o CatalystFramework.
Dei uma olhada por cima e não sei se entendi o que realmente eles
fazem.<BR>O código deles é embutido dentro do HTML ou eles fazem o
Designer da página, por exemplo, de um formulário de cadastro, como por
exemplo o DreamWeaver faz?<BR>Se não for, como vcs fazem o desenvolvimento
(tipo como faz um Web Design !) das páginas? Vcs usam qual ferramenta pra
isso?<BR><BR>Alguém pode me explicar como isto eh
feito?<BR></DIV><BR>=begin disclaimer<BR> Sao Paulo Perl Mongers: <A
href="http://sao-paulo.pm.org/"
target=_blank>http://sao-paulo.pm.org/</A><BR>SaoPaulo-pm mailing list: <A
href="mailto:SaoPaulo-pm@pm.org">SaoPaulo-pm@pm.org</A><BR>L<<A
href="http://mail.pm.org/mailman/listinfo/saopaulo-pm"
target=_blank>http://mail.pm.org/mailman/listinfo/saopaulo-pm</A>><BR>=end
disclaimer<BR><BR></BLOCKQUOTE></DIV><BR><BR clear=all><BR>-- <BR>Nilson
Morais<BR><BR><BR></DIV>
<DIV> </DIV></DIV></DIV>=begin disclaimer Sao Paulo Perl Mongers: <A
href="http://sao-paulo.pm.org/" target=_blank>http://sao-paulo.pm.org/</A>
SaoPaulo-pm mailing list: <A
href="mailto:SaoPaulo-pm@pm.org">SaoPaulo-pm@pm.org</A> L =end disclaimer
</DIV><BR>=begin disclaimer<BR> Sao Paulo Perl Mongers: <A
href="http://sao-paulo.pm.org/"
target=_blank>http://sao-paulo.pm.org/</A><BR>SaoPaulo-pm mailing list: <A
href="mailto:SaoPaulo-pm@pm.org">SaoPaulo-pm@pm.org</A><BR>L<<A
href="http://mail.pm.org/mailman/listinfo/saopaulo-pm"
target=_blank>http://mail.pm.org/mailman/listinfo/saopaulo-pm</A>><BR>=end
disclaimer<BR><BR></BLOCKQUOTE></DIV><BR><BR clear=all><BR>--
<BR></DIV></DIV>André Garcia Carneiro<BR>Analista/Desenvolvedor
Perl<BR>(11)82907780<BR></DIV><BR>=begin disclaimer<BR> Sao Paulo Perl
Mongers: <A href="http://sao-paulo.pm.org/"
target=_blank>http://sao-paulo.pm.org/</A><BR>SaoPaulo-pm mailing list: <A
href="mailto:SaoPaulo-pm@pm.org">SaoPaulo-pm@pm.org</A><BR>L<<A
href="http://mail.pm.org/mailman/listinfo/saopaulo-pm"
target=_blank>http://mail.pm.org/mailman/listinfo/saopaulo-pm</A>><BR>=end
disclaimer<BR><BR></BLOCKQUOTE></DIV><BR><BR clear=all><BR>-- <BR>Renato
Santos<BR><A href="http://www.renatocron.com/blog/"
target=_blank>http://www.renatocron.com/blog/</A><BR></DIV></DIV><BR>=begin
disclaimer Sao Paulo Perl Mongers: http://sao-paulo.pm.org/ SaoPaulo-pm mailing
list: SaoPaulo-pm@pm.org L =end disclaimer
<P>
<HR>
=begin disclaimer<BR> Sao Paulo Perl Mongers:
http://sao-paulo.pm.org/<BR>SaoPaulo-pm mailing list:
SaoPaulo-pm@pm.org<BR>L<http://mail.pm.org/mailman/listinfo/saopaulo-pm><BR>=end
disclaimer<BR></DIV></DIV></DIV></BODY></HTML>