[SP-pm] Design de Aplicações Web, como é feito?

Solli Honorio shonorio at gmail.com
Tue May 24 18:23:39 PDT 2011


Dê uma olhada nos vídeos http://vimeo.com/channels/sppm

2011/5/24 Teddy Hammer <teddyhammer em hotmail.com>

>  Ae André!
> Cara, desculpe minha ignorancia e me corrija se tô errado.
> Quando vc fala de marcadores, me lembrar aqueles esquemas usados em tipo de
> "Mala Direta" do Word. Seria mais ou menos isso?
> Vc quer dizer que então faço uma página HTML com todos os campos que eu
> quero e depois faço tipo de uma indexação com estes marcadores?
>
> É que como só vi até hoje o pessoal desenvolver até hoje aplicativos
> Desktop fico com esta idéia na cabeça atrapalhando!! Tipo assim, pra mim,
> até então, eu tinha que ir contruindo as "telas" (ou páginas) tipo com um
> Editor (por exemplo o Delphi) e ir depois pegar os dados digitados dentro
> dos respectivos campos e jogá-los numa cláusula de INSERT de uma instrução
> SQL pra salvar do Banco. Algo mais ou menos assim.
>
> Se não for muito complicado, vc poderia me mostrar um exemplo mais prático
> de como isso funciona?...Inclusive este esquema de gerar um HTML para quem
> requisita?
>
> Agora esse lance de REQUISIÇÃO do lado do servidor ainda não entendi
> direito a bagaça.
> O Daniel Mantovani me passou um link e num entendi direito
>
>
> ------------------------------
> Date: Tue, 24 May 2011 15:54:12 -0300
> From: andregarciacarneiro em gmail.com
>
> To: saopaulo-pm em mail.pm.org
> Subject: Re: [SP-pm] Design de Aplicações Web, como é feito?
>
> Oi Teddy!
>
>
> Tanto o Catalyst quanto o Mojolicious utilizam uma metodologia conhecida
> como MVC(Model, View, Controller - http://pt.wikipedia.org/wiki/MVC ). Ler
> isto pode iluminar um pouco as idéias mais tarde. Tentarei explicar sem me
> preocupar muito com detalhes de MVC.
>
> Respondendo mais diretamente a sua dúvida, a ligação entre o que se muda no
> código e o que é mostrado na página ocorre através do processamento de
> 'templates'. Templates, no contexto de aplicações web, são basicamente
> documentos HTML com 'marcadores especiais'. Esses marcadores são
> substituídos posteriormente por HTML, após terem sido processados pelo
> servidor. Para simplificar:
>
> <div>Nome: [%nome%]</div>
>
> Nesse exemplo, os marcadores que me referi são [%nome%]. Esse marcador pode
> ser substituído por qualquer coisa que eu quiser. Obviamente nesse caso, eu
> quero que seja substituído pela informação 'nome'. O importante é que você
> entenda que tudo isso acontece do lado do servidor. O servidor está
> preparado para ler a requisição de uma página qualquer do usuário, e chamar
> corretamente o programa responsável por entender isso, recuperar a
> informação que esteja numa base qualquer, ler o template, substituir todos
> esses marcadores por dados, e/ou metadados e/ou quaisquer instruções que o
> meu processador de templates suporte; para enfim cuspir HTML para o cliente.
> É claro que existem outros tipos desses marcadores, porque os sistemas de
> templates variam no seu funcionamento. Esse em especial é um exemplo de um
> marcador típico do Template Toolkit - http://template-toolkit.org/
>
>
> Depois da introdução tosca acima, eu posso dizer de forma bem simples que:
> tanto o Catalyst quanto o Mojolicious fazem a mesma coisa, ou seja, esperam
> a requisição chegar até eles, e fazem diversas coisas como interpretar e
> transformar urls, separar os dados de entrada(formulários, campos e tudo que
> estava no HTML no momento da requisição), depois processa esses dados de
> entrada de várias formas(logins, redirecionamentos, alteração de dados e o
> que mais você quiser), e depois envia os dados de saída para o sistema de
> templates. Esse sistema de templates é que abre o arquivo de templates, e
> substituí todos os marcadores por dados.
>
>
>
> Não sei se consegui ser muito claro. Tentei ser o mais genérico possível.
>
>
> Qualquer coisa pergunte!
>
>
> Cheers!
>
>
> 2011/5/24 Teddy Hammer <teddyhammer em hotmail.com>
>
>  Então cara, desculpe minha falta de conhecimento, mas como isto eh feito?
> Por exemplo, supondo que vc queira fazer uma pagina onde o cara vai abrir o
> navegador e fazer seu cadastro por esta pagina.
> Supondo que nesta pagina tenha campos como Nome, Endereço, Cidade, etc.
> Como vc linka estes campos com seu código? E como vc define qual a ação
> serah executada qdo o cara clicar no botão CADASTRAR do formulário?
>
> Vc num ia ter que primeiro "desenhar" esta página com seus respectivos
> campos e depois ir fazendo a lógica do sistema?
>
> Tem isto pra Perl?
> Talvez pra deixar mais claro, existe tipo de editor como o Delphi ou
> JBuilder?
>
> ------------------------------
> From: darkstrikerd em gmail.com
> Date: Tue, 24 May 2011 13:34:49 -0300
> To: saopaulo-pm em mail.pm.org
> Subject: Re: [SP-pm] Design de Aplicações Web, como é feito?
>
>
> Olá Teddy,
>
> Eu particularmente faço toda a lógica do sistema, quando ele tá
> funcionando, eu aplico um css usando firebug, uma extensão do firefox que
> permite visualizar as alterações do css em tempo de execução.
>
> []z
>
> 2011/5/24 Teddy Hammer <teddyhammer em hotmail.com>
>
>  Ae galera!
> Vcs comentaram sobre Mojolicious e o CatalystFramework. Dei uma olhada por
> cima e não sei se entendi o que realmente eles fazem.
> 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?
> Se não for, como vcs fazem o desenvolvimento (tipo como faz um Web Design
> !) das páginas? Vcs usam qual ferramenta pra isso?
>
> Alguém pode me explicar como isto eh feito?
>
> =begin disclaimer
>   Sao Paulo Perl Mongers: http://sao-paulo.pm.org/
>  SaoPaulo-pm mailing list: SaoPaulo-pm em pm.org
>  L<http://mail.pm.org/mailman/listinfo/saopaulo-pm>
> =end disclaimer
>
>
>
>
> --
> Nilson Morais
>
>
>
> =begin disclaimer Sao Paulo Perl Mongers: http://sao-paulo.pm.org/SaoPaulo-pm mailing list:
> SaoPaulo-pm em pm.org L =end disclaimer
>
> =begin disclaimer
>   Sao Paulo Perl Mongers: http://sao-paulo.pm.org/
>  SaoPaulo-pm mailing list: SaoPaulo-pm em pm.org
>  L<http://mail.pm.org/mailman/listinfo/saopaulo-pm>
> =end disclaimer
>
>
>
>
> --
> André Garcia Carneiro
> Analista/Desenvolvedor Perl
> (11)82907780
>
> =begin disclaimer Sao Paulo Perl Mongers: http://sao-paulo.pm.org/SaoPaulo-pm mailing list:
> SaoPaulo-pm em pm.org L =end disclaimer
>
> =begin disclaimer
>   Sao Paulo Perl Mongers: http://sao-paulo.pm.org/
>  SaoPaulo-pm mailing list: SaoPaulo-pm em pm.org
>  L<http://mail.pm.org/mailman/listinfo/saopaulo-pm>
> =end disclaimer
>
>


-- 
"o animal satisfeito dorme". - Guimarães Rosa
-------------- Pr?xima Parte ----------
Um anexo em HTML foi limpo...
URL: <http://mail.pm.org/pipermail/saopaulo-pm/attachments/20110524/637f4736/attachment-0001.html>


More information about the SaoPaulo-pm mailing list