<HTML><HEAD>
<META content="text/html; charset=utf-8" 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>Ulisses, essas ferramentas CASES partem de uma ideia bem simples:</DIV>
<DIV> </DIV>
<DIV>1 – Cria-se protótipos genéricos. Um protótipo genérico seria um módulo,
como uma CRUD por exemplo, que você possa poderia usar pra diversas aplicacoes
ou módulos com funções distintas.</DIV>
<DIV>2 – Cria-se uma ferramenta CASE, com base em hashs por exemplo, onde esses
hash conterão informações sobre o aplicativo, por exemplo:</DIV>
<DIV> </DIV>
<DIV># dhxCalendar, ro, ed, txt, ch, coro</DIV>
<DIV> my %fieldstipo = (</DIV>
<DIV> id => "ro",</DIV>
<DIV> anotacao => "ed",</DIV>
<DIV> );</DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> # 0, texto, bol_sn, coro, coro_cliente, coro_usuario,
coro_estado</DIV>
<DIV> my %fieldsitensformtipos = (</DIV>
<DIV> id => 0,</DIV>
<DIV> anotacao => "texto",</DIV>
<DIV> );</DIV>
<DIV> </DIV>
<DIV>#p ou g</DIV>
<DIV> my %fieldstamanhoform = (</DIV>
<DIV> id => "p",</DIV>
<DIV> anotacao => "g",</DIV>
<DIV> );</DIV>
<DIV> </DIV>
<DIV> # 0, email, telefone, cpf, cep, inteiro, dinheiroperl,
dataperl</DIV>
<DIV> my %fieldsmascaraform = (</DIV>
<DIV> id => 0,</DIV>
<DIV> anotacao => 0,</DIV>
<DIV> );</DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> # 0, simples, hidden</DIV>
<DIV> my %fieldscamposobrigatorios = (</DIV>
<DIV> id => 0,</DIV>
<DIV> anotacao => "simples",</DIV>
<DIV> );</DIV>
<DIV> </DIV>
<DIV>Cada item desses HASHs é correspondente á um coluna na tabela do DB. Tabela
essa “responsável” por esse módulo que está sendo desenvolvido.</DIV>
<DIV>A ferramenta CASE, ja tem a lógica do protótipo antes implementado, dai,
percorrendo os itens dos hashs, a tool vai “escrevendo” o código, por exemplo,
</DIV>
<DIV> </DIV>
<DIV>esse hash:</DIV>
<DIV> </DIV>
<DIV>my %fieldsnome = (</DIV>
<DIV> id => "ID",</DIV>
<DIV> anotacao => "Anotação",</DIV>
<DIV> )</DIV>
<DIV> </DIV>
<DIV>serve para “montar” os cabeçalhos da grid, dando nomes as colunas, bem como
dando nomes aos labels dos formularios de cadastro e edicao que tb ja sao
gerados juntos.</DIV>
<DIV> </DIV>
<DIV>Entao por exemplo, pra criar um novo modulo, o dev cria a tabela no DB,
pega os nomes das colunas, alimentas os hashs da CASE tool, e bingo! ta na mão o
novo módulo.</DIV>
<DIV> </DIV>
<DIV>Hash para um crud de clientes:</DIV>
<DIV> </DIV>
<DIV>my %fieldsnome = (</DIV>
<DIV> id => "ID",</DIV>
<DIV> nome => "Nome",</DIV>
<DIV> sexo => "sexo",</DIV>
<DIV> estadocivil => "estado
civil",</DIV>
<DIV> id_conjuge =>
"cônjuge",</DIV>
<DIV> nacionalidade =>
"nacionalidade",</DIV>
<DIV> profissao =>
"profissão",</DIV>
<DIV> cpf => "CPF",</DIV>
<DIV> rg => "RG",</DIV>
<DIV> orgaoexpedidordorg =>
"expedidor RG",</DIV>
<DIV> endereco => "endereço",</DIV>
<DIV> bairro => "bairro",</DIV>
<DIV> complemento =>
"complemento",</DIV>
<DIV> cep => "CEP",</DIV>
<DIV> estado => "UF",</DIV>
<DIV> pais => "país",</DIV>
<DIV> tipodepessoa =>
"pessoa",</DIV>
<DIV> cnpj => "CNPJ",</DIV>
<DIV> inscricaoestadual =>
"IE",</DIV>
<DIV> nomefantasia => "nome
fantasia",</DIV>
<DIV> );</DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV>Att</DIV>
<DIV> </DIV>
<DIV> </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 10:21 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>
<DIV><EM>[eduardo] "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)"</EM></DIV>
<DIV><EM></EM> </DIV>
<DIV>Eduardo, gostei;</DIV>
<DIV> </DIV>
<DIV>poderia falar mais sobre?</DIV>
<DIV><FONT size=2 face=Arial></FONT> </DIV></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">----- Original Message ----- </DIV>
<DIV
style="FONT: 10pt arial; BACKGROUND: #e4e4e4; font-color: black"><B>From:</B>
<A title=eduardo@web2solutions.com.br
href="mailto:eduardo@web2solutions.com.br">Eduardo Almeida</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 10:08
AM</DIV>
<DIV style="FONT: 10pt arial"><B>Subject:</B> Re: [SP-pm] Design de Aplicações
Web, como é feito?</DIV>
<DIV> </DIV>
<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></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></BODY></HTML>