<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<META name=GENERATOR content="MSHTML 8.00.6001.19019">
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV><FONT size=2 face=Arial>entrando nessa salada...</FONT></DIV>
<DIV><FONT size=2 face=Arial></FONT> </DIV>
<DIV><FONT size=2 face=Arial>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 size=2 face=Arial></FONT> </DIV>
<DIV><FONT size=2 face=Arial>como sempre, temos várias opções (ext-js, jquery,
dojo, .....) <=== ai vai outra discussao: qual usar? e se
usar....</FONT></DIV>
<DIV><FONT size=2 face=Arial></FONT> </DIV>
<DIV><FONT size=2 face=Arial>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 size=2 face=Arial></FONT> </DIV>
<DIV><A href="http://www.sencha.com/">http://www.sencha.com/</A><FONT size=2
face=Arial> lib ext-js</FONT></DIV>
<DIV><A
href="http://www.sencha.com/products/designer/">http://www.sencha.com/products/designer/</A><FONT
size=2 face=Arial> designer para lib ext-js</FONT></DIV>
<DIV><FONT size=2 face=Arial></FONT> </DIV>
<DIV><FONT size=2 face=Arial></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 size=2 face=Arial></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">site.com.br/formulario</A></DIV>
<DIV><FONT size=2 face=Arial></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">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">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=gmail_quote>2011/5/24 Teddy Hammer <SPAN dir=ltr><<A
href="mailto:teddyhammer@hotmail.com"
target=_blank>teddyhammer@hotmail.com</A>></SPAN><BR>
<BLOCKQUOTE
style="BORDER-LEFT: #ccc 1px solid; MARGIN: 0px 0px 0px 0.8ex; PADDING-LEFT: 1ex"
class=gmail_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"
target=_blank>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>
<P>
<HR>
<P></P>=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></BODY></HTML>