Usuário preenche formulário para criar nova campanha

[danielhmarinho]

Objetivo: Facilitar a criação de novas campanhas

Métrica: Taxa de conclusão do formulário

História(s) de usuário: Preenche formulário com dados para avaliação da campanha pelo partido e criação de página de campanha.

DADOS DO CANDIDATO Nome CPF Número de filiação Biografia

DADOS DA CAMPANHA Cargo que pretende disputar Slogan Vídeo de apresentação

PROPOSTAS Título da proposta Texto de apresentação da proposta

Tarefas:

• [x] Criação do formulário
• [x] Categorias das propostas
• [x] Criação das telas
• [x] Validação das telas
• [ ] Programação

[onest-work]

Amigos estou colocando as telas para criação da campanha aqui. Vou atualizar o arquivo sketch lá no repositório de interface também.

[danielhmarinho]

@onest-work os textos em preto nos campos são todos placeholders ne?

[danielhmarinho]

@onest-work na parte de links externos como é feita a interação?

[onest-work]

@danielhmarinho 1) Sim os textos em preto são placeholders. 2) Os links externos são aqueles pré-determinados, pq teremos os espaços fixados la na tela da campanha. Dai ao clicar no box do instagram por exemplo abre um modal com o campo pra inserir a URL, quer que eu preveja esse modal?

[danielhmarinho]

@onest-work pode ser só um desenho simples dela mesmo, pra eu ter dimensão do tamanho e se só vai ter um label e o campo pra inserir a URL.

Eu vi que nessa tela você projetou algo como um multi-step form pra preencher as informações da campanha. Quando comecei a implementação percebi que poderia ficar meio ruim a forma como isso é feito na parte do código. O Polymer disponibiliza um componente que cuida dessa parte de steps mas tem algumas particularidades. Se você puder dar uma olhada e talvez adequar a proposta visual a ele poderia ajudar bastante. Se achar que não cabe a gente tenta lidar com isso na parte do código.

https://www.webcomponents.org/element/Collaborne/paper-stepper/demo/demo/index.html

A ideia seria utilizar o componente escondendo os botoes de próximo e anterior e fazendo esse processo acontecer no botão que continuar que fica ao final de cada parte e no ícone de voltar no header da página.

[onest-work]

@danielhmarinho Vou fazer a tela sim, e te mando. Sobre o lance do polymer, não vejo problema fazermos essa adaptacao. Tive uns contratempos esses dias e por isso estou atrasado com vocês, mas pretendo enviar um novo pacote de telas ate o final dessa semana, ok?

[danielhmarinho]

@onest-work Vou ficar no aguardo então. Ontem conversamos com o andré sobre a validação dessas telas junto ao pessoal do Rede. Validando com eles também pra que a gente já lide com as mudanças mais cedo ajuda. Enquanto não acontece essa adaptação das vou fazendo tudo como um só formulário e trabalhando no backend.

Conversamos também sobre esse botão de ação e ficar junto com o continuar ficou um pouco confuso, pensamos em colocar um adicionar ao lado do heading ou coisa assim, mas também não tem problema se continuar dessa forma.

E sobre a seleção de cidade, vimos que dessa forma de dropdown com list fica bastante complicado, já que podem ser muitas opções de cidade. Pensamos em algo como um input com autocomplete para conforme o usuário digite a gente vá sugerindo cidades, o que acha?

[danielhmarinho]

@onest-work Gabriel, na parte do stepper está implementado agora desta forma. Algum problema em relação a esta proposta ou acha que ficaria melhor conforme a sua sugestão. Eu usei essa implementação porque é o padrão do material para mobile.

[onest-work]

Pelo que vi na documentação do material tem esse modelo que coloquei no layout, mas não é nada impositivo não, podemos usar esse modelo aí e só fazer os acabamentos de layout.

[eloysoares]

Categorias das propostas:

• Gestão Pública e Economia (estou na dúvida se não seriam duas)

• Democracia de Alta Intensidade

• Infraestrutura

• Segurança Pública

• Pacto Federativo e Municipalismo (estou na dúvida se seriam duas)

• Utilização dos recursos naturais

• Trabalho no campo a na cidade

• Esportes e cidades (estou na dúvida se não seriam duas)

• Educação.