Estado: Terminado

Formulário de contratação de serviço

Detalles del proyecto:
Presupuesto: Abierto
Publicado: Hace un año
Plazo: 2 días
Propuestas: 6
Freelancers interesados: 8
Descripción:
- - - - -

Um formulário de auto-contratação de serviços que ficará disponível em um ponto de atendimento de uma cooperativa de proteção veícular (um tablet).

A "auto-contratação" é um form de etapas HTML/CSS/jQuery com dados completados via consultas jSON.

Toda aplicação se resume:
- 1 arquivo (HTML) com o formulário por etapas (50 campos distribuídos em 8 etapas)
- 1 arquivo (HTML) com o formulário de upload de arquivos (3 campos)
- 1 arquivo (PHP) para processmento e envio dos 2 formulários.

Totalmente independente do site, necessitando apenas da formatação de CSS padrão (que já vem nos forms) do Bootstrap.

- - - - -

PRIMEIRA ETAPA (Identificando UF, Veículo e Valor a Pagar)

* API da consulta de endereços: http://avisobrasil.com.br/correio-control/api-de-consulta-de-cep/
* API de consulta da tabela fipe: http://fipeapi.appspot.com/
* Json da tabela de preços para fazer a comparação e calculo: http://azevedo.media/clients/protecao-veicular/tabela.json

- CATEGORIA (Lista: Taxi, Veículos Leves, Pick-up, Van Utilitário)
- MARCA: (Lista importada da Tabela Fipe)
- MODELO: (Lista importada da Tabela Fipe) > depende do selecionado acima
- VALOR TABELA FIPE (tabela fip) *texto (apenas leitura, retornado da API)
- CÓDIGO FIPE (tabela fip) *texto (apenas leitura, retornado da API)

* se o carro for mais caro que o limite da tabela (de preços da cooperativa), desabilita campo de avançar e alerta: "proposta indisponível para seu veículo"
* se o carro for dentro da faixa de preços, exibe os campos abaixo:

- CEP DO CLIENTE (numero)

* ao informar o CEP calcula (se carro é da categoria X, valor até Y = preenche os 3 campos abaixo)
* se o CEP for do ES (Espírito Santo) soma mais R$13 em cada parcela
* se o CEP for inválido alertar "cep inválido"

- VALOR DA ADESAO (jSON preços) * texto (apenas leitura, retornado do jSON)
- ANUAL (jSON preços) * texto (apenas leitura, retornado do jSON)
- ANUAL PARCELADA (jSON preços) * texto (apenas leitura, retornado do jSON)
-
- ESTADO (api CEP) * numero (apenas leitura)
- CIDADE (api CEP) * texto (apenas leitura)
- BAIRRO (texto)
- ENDEREÇO (texto)
- NÚMERO (numero)
- COMPLEMENTO (texto)

- - - - -

SEGUNDA ETAPA (DADOS DO VEíCULO)

- COMBUSTÍVEL (checkbox: gnv, etanol, gasolina, flex, diesel)
- PORTAS (radio: 5)
-
- VEÍCULO ALIENADO? (radio: sim, não)
- VEÍCULO ZERO KM? (radio: sim, não)
- VEÍCULO PROVENIENTE DE LEILÃO? (radio: sim, não)
-
- DATA DA EMISSÃO DA NOTA FISCAL: (data)
- DATA DE SAÍDA DA NOTA FISCAL (data)
- CODIGO RENAVAN (texto)
- NOME COMPLETO / RAZÃO SOCIAL DO DUT: (texto)
- CPF/CNPJ (numero)
- RG/IE (numero)
- PLACA (texto)
- CHASSI (texto)

- - - - -

TERCEIRA ETAPA (DADOS PESSOAIS)

- NOME COMPLETO / RAZÃO SOCIAL (texto)
- NACIONALIDADE (texto)
- NATURALIDADE (texto)
- UF NASCIMENTO (Lista)
- DATA DE NASCIMENTO / ABERTURA DA EMPRESA (data)
- CNH (texto)
- CPF/CNPJ (numero)
- RG (texto)
- DATA DE EMISSÃO DO RG (data)
- ORGÃO EXPEDITOR DO RG (texto)
- - - - -

QUINTA ETAPA (DADOS PARA CONTATO)

- TELEFONE FIXO COM DDD (numero)
- TELEFONE CELULAR COM DDD (numero)
- TELEFONE OPCIONAL COM DDD (numero)
- EMAIL PESSOAL (email)
- EMAIL PROFISSIONAL (email)

- DESEJA ASSINAR NEWSLETTER? (sim, não)
- DESEJA RECEBER SEU MANUAL DO ASSOCIADO POR EMAIL? (sim, não)
- DESEJA RECEBER NOSSO FORM DE INDICAÇÃO (GANHE R$50 POR INDICADO ASSOCIADO) (sim, não)

- - - - -

SEXTA ETAPA (LEITURA DE REGULAMENTO E ASSINATURA)

Exibe um campo do tipo select já preenchido com todo regulamento (ele precisa rolar para marcar que concorda)

- ASSINAR (FUNDAMENTAL O FUNCIONAMENTO DISSO PARA O CLIENTE)

* jQuery que gera campo tipo "assinatura" com validação (HTML5/CANVAS): http://www.jqueryscript.net/demo/Smooth-Signature-Pad-Plugin-with-jQuery-Html5-Canvas/examples/

- - - - -

OITAVA ETAPA (IDENTIFICAÇÃO DO CONSULTOR QUE ASSISTIU O CLIENTE)

Alerta: Por favor, entregue o tablet ao consultor.

- NOME DO CONSULTOR (texto) (buscar de cookie a partir da segunda vez que usar, pois será sempre o mesmo consultor)
- EMAIL DO CONSULTOR (email) (buscar de cookie a partir da segunda vez que usar, pois será sempre o mesmo consultor)
- CELULAR DO CONSULTOR (numero) (buscar de cookie a partir da segunda vez que usar, pois será sempre o mesmo consultor)
- COMPROVANTES: (enviar comprovantes do cliente na próxima, prefiro ser lembrado disso por email) (radio) (sim/não)

- - - - -

SÉTIMA ETAPA (SUBMIT: PHP DE ENVIO 1)

1 - Enviar para email para cooperativa (azevedomedia@gmail.com) e consultor (informado no form):

ASSUNTO: ADESAO - #PLACAVEÍCULO - (DADOS)

Os campos vão listados por agrupamento:
DADOS CORRETOR
DADOS TABELA FIPE
DADOS VEÍCULO
DADOS ENDEREÇO
DADOS PESSOAIS
DADOS CONTATO
* a assinatura vai como anexo

2 - Enviar para mailchimp (se marcou que deseja assinar newsletter):

Nome, Email

3 - Enviar manual para o cliente (se tiver marcado que deseja receber)

Olá. Seja bem vindo a Cooperativa.
Você solicitou nosso manual: http://azevedo.media/clients/protecao-veicular/manual.rtf

4 - Enviar link do form de indicação para o cliente (se tiver marcado que deseja receber)

Você solicitou nosso form de indicação: http://azevedo.media/clients/protecao-veicular/form

5 - Validar o que o consultor decidiu sobre os comprovantes

SE CONSULTOR VAI ENVIAR DEPOIS:

Disparar este terceiro email ao consultor:

ASSUNTO: ADESAO - #PLACAVEÍCULO - (COMPROVANTES)
- Você precisa enviar os comprovantes do cliente na ADESÃO para a cooperativa (responda este e-mail com os anexos

Exibir no HTML a mensagem de confirmação: A proposta foi enviada (retornar a tela inicial?)

- - - - -

OITAVA ETAPA - OPCIONAL - (FORM/SUBMIT: PHP DE ENVIO 2)

SE CONSULTOR FOR ENVIAR EM SEGUIDA, exibir este novo formulário:

Envie no form abaixo uma foto dos comprovantes do cliente:

O SEGUNDO FORMULÁRIO (3 campos de upload ou foto)

(apenas foto)
- documento do veículo
- documento do cliente
- comprovante de endereço

SUBMIT (ENVIAR) > valida os 3 campos obrigatórios

5 - Enviar para email para cooperativa:

ASSUNTO: ADESAO - #PLACAVEÍCULO - (COMPROVANTES)

Exibir no HTML a mensagem de confirmação: Comprovantes enviados (retornar a tela inicial?)

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Dicas:

Para a criação dos campos dos forms bem rápido:
http://bootsnipp.com/forms?version=3 (para ver o código basta copiar de "rendered")

Para as etapas no mesmo form:
http://demos.thesoftwareguy.in/form-wizard-jquery-bootstrap/

Para a barra de progresso do form:
http://www.w3schools.com/bootstrap/bootstrap_progressbars.asp

Consulta jSON com jQuery:
‪http://api.jquery.com/jQuery.getJSON/‬

Exemplos de autocompletar:
http://cep.correiocontrol.com.br/example/
http://jsfiddle.net/T45rQ/8/
http://jsfiddle.net/handtrix/32Bck/
http://blog.zeion.net/2011/12/15/ejemplo-practico-de-autocompletar-con-jquery/

Form PHP com send HTML estilizado:
https://css-tricks.com/sending-nice-html-email-with-php/

Categoria: IT & Programação
Subcategoria: Desenvolvimento web
Isso é um projeto ou uma posição de trabalho?: Um projeto
Tenho, atualmente: Eu tenho especificações
Experiência nesse tipo de projeto: Sim (Eu já gerenciei esse tipo de projeto)
Disponibilidade requerida: Conforme necessário
Funções necessárias: Desenvolvedor
Integrações de API: Outros (Outras APIs)

Crea tu propio proyecto

¿Buscas un freelancer para realizar un proyecto similar? Crea tu propio proyecto y recibirás ofertas de los mejores freelancers.

Crear un proyecto similar

Cliente:

Azeved.
(Promedio 4.90 de 5)
Ubicación: Brasil
Método de pago: Verificado
Para ver más detalles del cliente, ingresa a Workana.
Cargando...