<html>
<head>
<style><!--
.hmmessage P
{
margin:0px;
padding:0px
}
body.hmmessage
{
font-size: 10pt;
font-family:Tahoma
}
--></style>
</head>
<body class='hmmessage'>
Ok galera, obrigado pelas respostas.<br>Recebi uma enxurrada de informações!!...Vou demorar um pouco pra digerir tudo isso!<br>Agora vou ter ver tudo isso com calma e na medida do possível vou postanto minhas dúvidas aqui.<br><br>Obrigado novamente!<br><br><hr id="stopSpelling">From: ulisses@ibiz.com.br<br>To: saopaulo-pm@mail.pm.org<br>Date: Wed, 25 May 2011 09:28:05 -0300<br>Subject: Re: [SP-pm] Design de Aplicações Web, como é feito?<br><br>
<meta http-equiv="Content-Type" content="text/html; charset=unicode">
<meta name="Generator" content="Microsoft SafeHTML">
<style>
</style>
<div><font face="Arial" size="2">entrando nessa salada...</font></div>
<div><font face="Arial" size="2"></font> </div>
<div><font face="Arial" size="2">tem tb frameworks para Javascript (libs) que te
ajudam a desenhar em JS (no browser/client) telinhas bonitinhas e com
construções (dialogs, layout, listas, grids, .....) pré-prontas; as aplics web
ficam com a cara das aplics desktop.</font></div>
<div><font face="Arial" size="2"></font> </div>
<div><font face="Arial" size="2">como sempre, temos várias opções (ext-js, jquery,
dojo, .....) <=== ai vai outra discussao: qual usar? e se
usar....</font></div>
<div><font face="Arial" size="2"></font> </div>
<div><font face="Arial" size="2">como é um saco (eu acho) configurar e usar essas
libs, o pessoal da ext-js criou um Designer para facilitar a nossa
vida:</font></div>
<div><font face="Arial" size="2"></font> </div>
<div><a href="http://www.sencha.com/" target="_blank">http://www.sencha.com/</a><font face="Arial" size="2"> lib ext-js</font></div>
<div><a href="http://www.sencha.com/products/designer/" target="_blank">http://www.sencha.com/products/designer/</a><font face="Arial" size="2"> designer para lib ext-js</font></div>
<div><font face="Arial" size="2"></font> </div>
<div><font face="Arial" size="2"></font> </div>
<blockquote style="border-left:#000000 2px solid;padding-left:5px;padding-right:0px;margin-left:5px;margin-right:0px">
<div style="font:10pt arial;background:#e4e4e4;font-color:black"><b>From:</b>
<a title="hernanlopes@gmail.com" href="mailto:hernanlopes@gmail.com">Hernan
Lopes</a> </div>
<div style="font:10pt arial"><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 style="font:10pt arial"><b>Sent:</b> Wednesday, May 25, 2011 2:14
AM</div>
<div style="font:10pt arial"><b>Subject:</b> Re: [SP-pm]Design de Aplicações
Web, como é feito?</div>
<div><font face="Arial" size="2"></font><br></div>
<div>Mojolicious e o CatalystFramework não tem nada a ver com layout. Estes
apenas te oferecem meios facilitadores para gerenciar os protocolos
web.<br></div>
<div>Para fazer layout vc precisa:</div>
<div>- Inkscape</div>
<div>- Photoshop</div>
<div>E depois vc precisa transformar isso em html.. vc pode usar o Aptana ou o
Notepad...</div>
<div>Então, digamos que vc faça um formulário tipo o que vc vê por ai, </div>
<div>esse formulário tem que enviar a informação para algum lugar ex:</div>
<div><a href="http://site.com.br/formulario" target="_blank">site.com.br/formulario</a></div>
<div><font face="Arial" size="2"></font><br></div>
<div>esse /formulário pode ser um método na sua programação/framework.</div>
<div>E, de acordo com o protocolo web vc pode ter métodos http GET e
POST</div>
<div>então digamos que vc clica no link "<a href="http://site.com.br/formulario" target="_blank">site.com.br/formulario</a>" isso seria um
GET e </div>
<div>por sua vez deve apenas apresentar o formulário vazio para vc preencher.
E </div>
<div>quando esse formulario é apresentado vc pode ver o fonte e vai ver que
existe uma tag </div>
<div><form method="POST" action="<a href="http://site.com.br/formulario" target="_blank">site.com.br/formulario</a>">...</form></div>
<div>essa tag indica que esse formulario deve utilizar o methodo POST então,
quando vc </div>
<div>preencher e clicar 'Enviar', o formulario vai ser enviado. Nesse momento
o framework</div>
<div>apresenta a você que o método é POST e assim vc pode tomar a decisão que
quiser.. ou seja</div>
<div>pode validar os dados e aceitar e mostrar uma mensagem de successo!</div>
<div><br></div>
<div>espero que vc entenda </div>
<div><br></div><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>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><hr>
<BR>=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></blockquote>
<br>=begin disclaimer
Sao Paulo Perl Mongers: http://sao-paulo.pm.org/
SaoPaulo-pm mailing list: SaoPaulo-pm@pm.org
L
=end disclaimer </body>
</html>