<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 dir=ltr bgColor=#ffffff>
<DIV dir=ltr>
<DIV style="FONT-FAMILY: 'Calibri'; COLOR: #000000; FONT-SIZE: 12pt">
<DIV>Completando que a DHTMLX também tem lib exclusiva pra mobile, e o visual
designer deles tb ja está ai, ta em versão beta.</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=eduardo@web2solutions.com.br
href="mailto:eduardo@web2solutions.com.br">Eduardo Almeida</A> </DIV>
<DIV><B>Sent:</B> Wednesday, May 25, 2011 10:08 AM</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">
<DIV dir=ltr>
<DIV style="FONT-FAMILY: 'Calibri'; COLOR: #000000; FONT-SIZE: 12pt">
<DIV>Frameworks Javascript++</DIV>
<DIV> </DIV>
<DIV>Opa, deixa eu expressar meu humilde ponto de vista:</DIV>
<DIV> </DIV>
<DIV>Trabalho ativamente com DHTMLX , EXT e JQUERY a 4 anos. Vou tentar explanar
algumas diferenças entre elas e algumas vantagens.</DIV>
<DIV> </DIV>
<DIV>1 – Primeiro fator muito importante: JQUERY é ideal para compor sites com
animações e recursos visuais, ajuda bastante na validação e formulários, ótima
para “xpath” no cliente, mas por ter nível de abstração diferente da EXT e
DHTMLX, eu não aconselharia usar JQUERY para “mimificar” interfaces “desktop”,
pois quando você começa a trabalhar com muito dado no aplicativo, “o negócio
começa a agarrar”.</DIV>
<DIV> </DIV>
<DIV>Quer um exemplo disto? Faça uma grid e alimente-a com 10 mil registros por
exemplo, tente implementar um smartrendering e ainda assim perderá muito em
rendimento pros componentes EXT e DHTMLX.</DIV>
<DIV> </DIV>
<DIV>2 – A EXT é uma lib muito madura e com muitos componentes bacanas já
pronto. É ótima para aplicativos de grande porte. Possui uma comunidade grande e
ativa (ainda que internacional). Possui muitos conectors (lado server do
componente) já pronto em PHP.</DIV>
<DIV> </DIV>
<DIV>Peca muito em retrocompatibilidade. Possui todo uma cultura JAVA por traz
da lib e até mesmo na forma em que os códigos são desenvolvidos. Não é nem um
pouco flexível quanto a programar OO e procedural no mesmo aplicativo.<BR></DIV>
<DIV>Possui um “visual designer”, mas que ao meu ponto de vista e de muitos devs
EXT, ainda está muito prematuro, e além de não ajudar tanto assim em aplicativos
complexos, ele acaba “viciando” programadores preguiçosos.<BR><BR>Possui lib
própria pra mobiles.</DIV>
<DIV> </DIV>
<DIV>3 – A DHTMLX não é tão madura quanto a EXT, nem possui uma comunidade muito
ativa e é bem mais nova que a EXT. Possui excelentes componentes que não perdem
em nada para os componentes EXT, pelo contrário, possui componentes tão poderoso
quanto e ainda mais flexíveis, lhe permitindo fazer persistência com JSON, XML e
outros, diferentemente da EXT que é focada no JSON.</DIV>
<DIV><BR>A DHTMLX é bastante flexível, lhe permite trabalhar facilmente com OO
ou procedural no mesmo aplicativo. Não é “apegada” a nenhuma cultura “lado
server” e desenvolve seus conectors em diversas linguagens, inclusive
Perl.</DIV>
<DIV> </DIV>
<DIV>Pra aprender DHTMLX, o “cabra” precisa ter como requisito somente
conhecimentos em Javascript. Lógico que saber xhtml “na ponta do dedo” faz toda
diferença.</DIV>
<DIV> </DIV>
<DIV>Apostei na DHTMLX porque ao meu ver, ensiná-la para um team inteiro, é bem
mais barato e bem mais rápido.</DIV>
<DIV> </DIV>
<DIV>A DHTMLX é tão felxível que me permitiu, de maneira rápida e fácil,
desenvolver ferramentas CASE que constroem módulos inteiros , como CRUDs, em
minutos. Alguns módulos chegam a ter 5 mil linhas (ja contendo o model, view e
controller)</DIV>
<DIV> </DIV>
<DIV>Bom resumido é isso, se alguem tiver mais interesse sobre o assunto,
poderemos discutir isso em outro tópico.</DIV>
<DIV> </DIV>
<DIV>Att</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=ulisses@ibiz.com.br
href="mailto:ulisses@ibiz.com.br">Ulisses-IBIZ</A> </DIV>
<DIV><B>Sent:</B> Wednesday, May 25, 2011 9:28 AM</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">
<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> </DIV>
<DIV>espero que vc entenda </DIV>
<DIV> </DIV>
<DIV> </DIV>
<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>
=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>
<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>
<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>