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

Wed May 25 05:30:50 PDT 2011

Não cara. Não desenvolvo nada.
Só comentei sobre algum tipo de IDE, porque num outro lugar que trabalhei os caras usavam Java com a IDE JBuilder e outros Delphi

From: eduardo em web2solutions.com.br
To: saopaulo-pm em mail.pm.org
Date: Tue, 24 May 2011 18:09:43 -0300
Subject: Re: [SP-pm]	Design de Aplicações Web, como é feito?

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

Eduardo 
Almeida - Engenharia de Software
eduardo em web2solutions.com.br - 27 3021-1530 
/ 27 9600-0395

WEB2 Solutions - Inovando, sempre!

From: Teddy Hammer 
Sent: Tuesday, May 24, 2011 5:50 PM
To: saopaulo-pm em mail.pm.org 
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: renato.cron em gmail.com
Date: Tue, 24 May 2011 16:02:50 -0300
To: 
saopaulo-pm em mail.pm.org
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 <andregarciacarneiro em gmail.com>

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<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: 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

=begin disclaimer
   Sao Paulo Perl Mongers: http://sao-paulo.pm.org/
 SaoPaulo-pm mailing list: SaoPaulo-pm em pm.org
 L
=end disclaimer 		 	   		  
-------------- Pr?xima Parte ----------
Um anexo em HTML foi limpo...
URL: <http://mail.pm.org/pipermail/saopaulo-pm/attachments/20110525/38fb98f0/attachment-0001.html>