Teddy, uma pergunta, você ja desenvolve pra web? Se sim, desenvolve utilizando 
o que? Qual linguagem, qual IDE?

Eduardo Almeida - Engenharia de Software
[email protected] - 27 3021-1530 / 27 9600-0395

WEB2 Solutions - Inovando, sempre!

From: Teddy Hammer 
Sent: Tuesday, May 24, 2011 5:50 PM
To: [email protected] 
Subject: Re: [SP-pm] Design de Aplicações Web, como é feito?

Cara, seria muito pedir pra vc me mostrar algo mais concreto para eu vizualizar 
o esquema? Sei lá...como usar estes marcadores que o André Garcia falou?
Ou algum site, Docs....



--------------------------------------------------------------------------------
From: [email protected]
Date: Tue, 24 May 2011 16:02:50 -0300
To: [email protected]
Subject: Re: [SP-pm] Design de Aplicações Web, como é feito?

Lembrando que você pode continuar a usar o Dreamweaver (embora eu recomende 
você usar linux, por facilidade) para montar seu HTML usando um wysiwyg e 
depois editar o .html colocando os marcadores, como por exemplo [% $nome %]. 

No Linux, você tem um editor [gratis!] chamado NVU, mas tem vários:
Quanta
Mozilla Composer


2011/5/24 Andre Carneiro <[email protected]>

  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 <[email protected]>

    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: [email protected]
    Date: Tue, 24 May 2011 13:34:49 -0300
    To: [email protected]
    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 <[email protected]>

      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: [email protected]
      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: [email protected] L =end disclaimer 

    =begin disclaimer
      Sao Paulo Perl Mongers: http://sao-paulo.pm.org/
    SaoPaulo-pm mailing list: [email protected]
    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: [email protected]
  L<http://mail.pm.org/mailman/listinfo/saopaulo-pm>
  =end disclaimer





-- 
Renato Santos
http://www.renatocron.com/blog/


=begin disclaimer Sao Paulo Perl Mongers: http://sao-paulo.pm.org/ SaoPaulo-pm 
mailing list: [email protected] L =end disclaimer 


--------------------------------------------------------------------------------
=begin disclaimer
   Sao Paulo Perl Mongers: http://sao-paulo.pm.org/
SaoPaulo-pm mailing list: [email protected]
L<http://mail.pm.org/mailman/listinfo/saopaulo-pm>
=end disclaimer
=begin disclaimer
   Sao Paulo Perl Mongers: http://sao-paulo.pm.org/
 SaoPaulo-pm mailing list: [email protected]
 L<http://mail.pm.org/mailman/listinfo/saopaulo-pm>
=end disclaimer

Responder a