Hostool Signature Form "Blue Water" (beta)

watch_later
comment 3 Comments

E ai pessoal, certinho?
Estou caindo de sono, foi a madrugada toda fazendo alguns ajustes no formulário de assinatura do Hostool.
O formulário funciona basicamente como um carrinho de compras de loja virtual, por "passos".
A minha intenção é fazer com que esses passos sejam definidas pelo administrador da ferramenta, ou seja, se eu quiser que o primeiro passo seja os Dados Pessoais, eu simplesmente altero a configuração de ordem pelo painel administrativo; Interessante, não?

Os passos que ja desenvolvi são:
  • Domínios
    Aqui é onde a pessoa irá cadastrar de forma rápida e em uma tacada só todos os domínios que deseja hospedar e registrar.
    Os dados são todos validados no User Agent (leia-se navegador) com javascript (utilizando jQuery e plugins) e após confirmação da validação, é enviado ao servidor pelo método Ajax, que por então também faz uma validação e retorna um pequeno campo (usando o efeito slideDown) com os dominios ja adicionados. Estes por sua vez possuem dois botões, editar e excluir, no qual a edição ocorre diretamente no User Agent, e a exclusão é enviada para o servidor, que por então deleta o domínio, que optei por salvar na sessão.
    Após a escolha dos domínios, o usuário pode prosseguir para um próximo passo.

  • Dados pessoais
    O usuário nessa área irá inserir seus dados pessoais, como Nome, CPF, Endereço, Telefone e etc... também contanto com uma excelente validação com jQuery e via servidor.

  • Opções de pagamento
    Ainda não defini ao certo, mas provavelmente esta será a parte onde a pessoa escolhe o melhor modo de pagamento, data e opção de convergir faturas (no caso de vários domínios).

  • Dados de acesso ao Painel do Cliente
    Onde a pessoa irá criar um login para acessar o Painel do Cliente, que possibilitará a administração financeira e técnica de todos os domínios e serviços que a pessoa possuir.
O "Blue Water" é um pequeno skin que fiz só para ver como se sai junto aos efeitos de slideUp/Down do jQuery, com um gradiente azul, e alguns botões customizados, que ficou bem mais bonito que a primeira versão, que até o Didiguinho achou feia.

Provavelmente muita coisa irá mudar nesse formulário, tanto na parte da programação (cliente / servidor) quando o skin, lembrando que ele será totalmente customizável, ou seja, o usuário que tiver acesso aos arquios *.css poderão customizar à vontade e até criar skins personalizados para o fomulário, tornando-o assim uma ferramenta maleável.
avatar
Anónimo

Legal o projeto , Vou dar uma idéia: Poe um log de clientes atrasados, e boa sorte com o projeto!

delete 8:10 p.m.
avatar
Anónimo

Didiguinho é foda hein! xD
Mas agora ficou style e com um degradê de gente! :D

delete 12:25 a.m.
avatar
Anónimo

bom comeco

delete 7:20 a.m.