Ter vários idiomas na mesma ferramenta<br><br><div class="gmail_quote">2011/5/25 Eduardo Almeida <span dir="ltr"><<a href="mailto:eduardo@web2solutions.com.br">eduardo@web2solutions.com.br</a>></span><br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
<div dir="ltr" bgcolor="#ffffff">
<div dir="ltr">
<div style="font-family:'Calibri';color:#000000;font-size:12pt">
<div>“<font face="Arial"><font style="font-size:10pt">internacionalização</font></font>” em qual sentido
Ulisses?</div><div><div></div><div class="h5">
<div> </div>
<div style="font-family:'Calibri';color:#000000;font-size:12pt">Eduardo
Almeida - Engenharia de Software<br><a href="mailto:eduardo@web2solutions.com.br" target="_blank">eduardo@web2solutions.com.br</a> - 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><b>From:</b> <a title="ulisses@ibiz.com.br" href="mailto:ulisses@ibiz.com.br" target="_blank">Ulisses-IBIZ</a> </div>
<div><b>Sent:</b> Wednesday, May 25, 2011 11:02 AM</div>
<div><b>To:</b> <a title="saopaulo-pm@mail.pm.org" href="mailto:saopaulo-pm@mail.pm.org" target="_blank">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></div><div style="font-style:normal;display:inline;font-family:'Calibri';color:#000000;font-size:small;font-weight:normal;text-decoration:none"><div><div></div><div class="h5">
<div><font size="2" face="Arial">Edu, sabe como DHTMLX é para
internacionalização?</font></div>
<div><font size="2" face="Arial"></font> </div>
<div><font size="2" face="Arial">Não vai demorar muito e teremos que fazer um portal
em PORT/ENG/ESP... (aplic Web 2.0).</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"><b>From:</b>
<a title="eduardo@web2solutions.com.br" href="mailto:eduardo@web2solutions.com.br" target="_blank">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" target="_blank">saopaulo-pm@mail.pm.org</a> </div>
<div style="font:10pt arial"><b>Sent:</b> Wednesday, May 25, 2011 10:37
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>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><a href="mailto:eduardo@web2solutions.com.br" target="_blank">eduardo@web2solutions.com.br</a> - 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><b>From:</b> <a title="ulisses@ibiz.com.br" href="mailto:ulisses@ibiz.com.br" target="_blank">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" target="_blank">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"><b>From:</b>
<a title="eduardo@web2solutions.com.br" href="mailto:eduardo@web2solutions.com.br" target="_blank">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" target="_blank">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><a href="mailto:eduardo@web2solutions.com.br" target="_blank">eduardo@web2solutions.com.br</a> - 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><b>From:</b> <a title="ulisses@ibiz.com.br" href="mailto:ulisses@ibiz.com.br" target="_blank">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" target="_blank">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/" target="_blank">http://www.sencha.com/</a><font size="2" face="Arial"> lib ext-js</font></div>
<div><a href="http://www.sencha.com/products/designer/" target="_blank">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"><b>From:</b>
<a title="hernanlopes@gmail.com" href="mailto:hernanlopes@gmail.com" target="_blank">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" target="_blank">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" target="_blank">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" 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> </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>
</p><hr>
=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><p></p></blockquote>
<p>
</p><hr>
=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><p></p></div></div></div>
<p>
</p><hr>
=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><p></p></blockquote>
<p>
</p><hr>
=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><p></p></div></div></div>
<p>
</p><hr>
=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><p></p></blockquote>
</div></div><p>
</p><hr><div class="im">
=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></div><p></p></div></div></div></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>