Melhoramento de Plataforma para concurso de fotografia.
Preciso melhorar um site que foi criado para um concurso de fotografias.
Este é o site com as informações do campeonato – fase de apresentação: http://gabrielcrisma2.lwsite.com.br/
Este é o site que foi criado por outro programador para viabilizar o campeonato: http://melhoresvidreirosdobrasil.com.br/
(Está funcionando parcialmente), todo escrito em php!
1º fase do campeonato – inscrição dos trabalhos (envidraçamentos)
1º etapa.
Passo a passo para inscrever o participante:
• Nome completo: (texto)
• Digite aqui o nome ou site da vidraçaria que você quer que apareça em suas imagens.
• Telefone que você quer que apareça em suas imagens: (DDD + número).
• E-mail: (texto)
Botão avançar
Importante: como o processo de inscrição pode levar algum tempo, e para evitar que o participante perca os dados inscritos caso o sistema caia, não conclua toda a inscrição ou coisa parecida, é importante que cada vez que ele clicar em avançar o sistema salve as informações preenchidas.
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
Cadastrar um trabalho (envidraçamento):
Aqui o participante digita o nome do envidraçamento, exemplo: Spider Glass, Fachada Cortina,
Pele de Vidro, etc..
E recebe um número de inscrição criado pelo sistema
Botão avançar
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
2º Etapa: (escolha uma categoria).
categorias populares - são 21 opções de categorias (que aparecem em forma de lista)
1. FACHADAS:
2. JANELAS:
3.
Portas:
4. box de vidro para banheiros:
5. escada ou guarda-corpos:
6.
Coberturas:
7. revestimentos (vidro colorido e espelho):
8. BANHEIROS:
9.
COZINHAS:
10. QUARTOS:
11. Salas:
12.
áreas externas e sacadas:
13. LOJAS:
14. MÓVeis:
15.
vidro estrutural:
16. COMUNICAÇÃO, lousas, letreiros:
17. SEGURANÇA
18.
Esportivo:
19. decorações:
20. utilitários:
21.
LIVRE
Cada participante tem a possibilidade de inscrever até 5 trabalhos (sendo um trabalho diferente em uma categoria diferente).
Quando ele clica em uma das opções de categorias abre a página especifica e personalizada da categoria.
Obs: cada uma dessas 21 categorias terão uma página específica, o que preciso é que em cada uma dessas 21 páginas eu possa personalizar com imagens (logo marcas) textos e cores.
Gostaria de poder personalizar sempre que precisar, pois no decorrer do campeonato quero inserir ou alterar imagens e mensagens! Isso pelo fato de que para cada categoria existem um grupo específico de imagens e textos específicos.
(Lembrando que não sou programador, não sei escrever uma linha de código, então a personalização dessas páginas precisa ser tipo CtrlC CtrlV).
- A partir do momento que o participante define a categoria do trabalho, os próximos formulário de inscrição até completar o cadastro desse trabalho especificamente ele visualize todas as imagens dos patrocinadores e textos pertinentes aquela categoria.
Botão avançar
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
3º Etapa: Carregue as fotos dos seus trabalhos
Para cada categoria precisaremos que os participantes realizem o upload de 5 fotos em campos diferentes, pois cada foto tem a função de comprovar um requisito, conforme abaixo:
1. . Insira aqui a foto de um documento que comprove a autoria (posição retrato).
‘’Existe uma página que fala quais são esses documentos’’ é só linkar para que o participante saiba quais são esses documentos.
2. Foto panorâmica do trabalho (posição paisagem).
3. Foto do detalhe do trabalho (posição paisagem).
4. Foto do processo construtivo do trabalho (posição paisagem).
5. Foto do interior do trabalho (posição paisagem).
Botão avançar
Segurança das imagens expostas
Fotos com Marca D’agua
Preciso que a ferramenta insira automaticamente uma marca d’agua bem discreta nas fotos com o nome e contato do participante que as inscreveu:
Primeiro para que ninguém tenha a possibilidade de tomar posse dessa imagem, inclusive não gostaria que o cara conseguisse baixar ou copiar essas imagens direto do site, porém se ele der um print, a imagem estará marcada com o respectivo dono.
E o segundo é que algum interessado em contratar aquele trabalho identifique rapidamente o contato do profissional.
O que o antigo programador sugeriu:
Quanto à segurança eu vou usar 2 métodos que vão garantir que as fotos não sejam roubadas, vou colocar uma película invisível sobre as foto, com isso o usuario não conseguirá clicar com o botão direito do mouse para realizar um "salvar imagem como" e vou um método de after load, com ajax, então quando o site for carregado no lugar da foto haverá apenas um quadrado (uma div vazia), assim que o site for carregado, o ajax realiza um input com a imagem dentro dessa div, dessa forma de algum expert em html tentar entrar no código fonte pra pegar o endereço da foto pra acessar via browser depois não vai conseguir encontrar o endereço, somente uma div vazia, e em termos de performance não vai dar nem pra perceber essa transição entre a div vazia e a foto carregada depois. Além disso as fotos ficarão em uma pasta oculta, com um nome anormal. As fotos serão armazenadas da forma original, a pelicula e marca d'gua serão acrescentadas na exibição das msm.
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
4º Etapa:
Além das fotos os participantes precisam preencher algumas perguntas, sendo que algumas serão preenchidas com texto, outras com caixas de seleção.
Equipe que realizou o trabalho:
• Vendedor do envidraçamento (texto)
• Projetista específico do envidraçamento (texto)
• Equipe de montagem do envidraçamento com nome e sobrenome (exemplo: João Carlos e Paulo Cesar) (texto)
Componentes do envidraçamento:
Tipo do(s) vidro(s) (esse é o principal e obrigatório) e só pode ter uma alternativa: (Nessa opção eu preciso de um filtro).
O Vidro temperado
o Vidro laminado
o Vidro laminado de temperados
o Vidro aramado
o Vidro Float (comum).
O Espelho
Obs: Como é um campeonato nós precisamos de filtros para identificarmos as porcentagens que o item teve de votação, exemplo: se eu tiver 100 trabalhos inscritos, quantos desse 100 foram vidro temperados, quantos foram em vidro laminado... Isso nos apelidamos de filtro
Cor do(s) vidro(s): (texto e obrigatório):
Outros beneficiamentos existentes nos vidros: (aqui é um complemento da opção acima) e pode ter duas ou mais alternativas: (Nessa opção eu preciso de um filtro).
Por exemplo: Esse tipo de filtro, se eu digitar a palavra Vidro Acidado aparecem todos os trabalhos inscritos que foram marcadas como Vidro Acidado.
O Vidro Acidado
o Vidro Antibacteriano
o Vidro Autoiluminado
o Vidro Antirreflexo
o Vidro Antirrisco
o Vidro Antivandalismo
o Vidro Aramado
o Vidro Autolimpante
o Vidro Baixo-emissivo (Low-e)
o Vidro com película de segurança
o Vidro com película decorativa
o Vidro para Box Espelhado
o Vidro Craquelado
o Vidro Curvo
o Vidro Estrutural
o Vidro Fotoenergético
o Vidro Fusing
o Vidro Impresso (ou Fantasia)
o Vidro Impresso em U
o Vidro Impresso Espelhado
o Vidro Insulado ou Duplo
o Vidro Insulado com Persiana Integrada
o Vidro Jateado
o Vidro Laminado
o Vidro Laminado Acústico
o Vidro Opacado Eletronicamente
o Vidro Pirolítico
o Vidro para Piscina e Aquário
o Vidro Pintado Temperável
o Vidro Refletivo
o Vidro à Prova de balas ou Blindado
o Vidro Resistente ao Fogo
o Vidro Serigrafados (pintados)
o Vidro Supertransparentes ou Extra-Clear
o Vidro Temperado
o Vidro Termoendurecido
o Vidro Vitrocerâmico
o Nenhum
o Outro (opção de digitar um texto)
Espessuras dos vidros em (mm):
o 2
o 3
o 4
o 5
o 6
o 8
o 10
o 12
o 15
o 19
o Outra espessura (opção de digitar um texto)
Fabricante do vidro: (Nessa opção eu preciso de um filtro).
O AGC
o Cebrace
o Guardian
o Saint-Gobain
o UBV
o Vivix
o Importado
o Não sei
Fornecedor do vidro (texto facultativo) (Nessa opção eu preciso de um filtro).
Marca ou modelo das Ferragens: (texto facultativo)
Linha ou modelo dos Perfis: (texto facultativo)
Selantes ou colas utilizadas: (texto facultativo)
Acessórios: (texto facultativo)
(CATEGORIAS TÉCNICAS) -Qual foi o objetivo desse envidraçamento?
(Nessa opção eu preciso de um filtro).
Por exemplo: Esse tipo de filtro, se eu digitar a palavra ILUMINAÇÃO aparecem todos os trabalhos inscritos que foram marcadas como iluminação.
Isso por que o Júri Técnico também premiará essas 8 categorias, e cada jurado ficará responsável por analisar uma categoria dessas, para isso, bastará o jurado acionar ILUMINAÇÃO e todos os trabalhos com essa categoria aparecem para ele analisar.
O ILUMINAÇÃO
o HIGIENE E COMBATE A bactérias e fungos
o conforto térmico
o conforto acústico
o proteção solar
o segurança
o decoração
o estética
o inovação
o nenhum desses
apresentação de dados completos da localização do envidraçamento:
• endereço da obra: (não será divulgado publicamente);
• cidade do envidraçamento (divulgação);
• estado do envidraçamento (divulgação);
• ambiente, cômodo (divulgação);
• contato do contratante da vidraçaria (não será divulgado publicamente);
inserir esse texto:
atenção:
existem duas modalidades de envidraçamentos, o primeiro caso é quando o envidraçamento é fruto da criação própria do vidraceiro, exemplo: um aquário, onde não existe um projeto de um arquiteto, engenheiro ou decorador.
Porém, a maioria dos envidraçamentos são partes de uma edificação projetada por um arquiteto ou engenheiro e por isso esses profissionais tem direitos autorais também sobre os envidraçamentos.
Direitos autorais morais: os direitos morais são inalienáveis. Toda peça de publicidade, placa ou meio de comunicação produzidos por arquiteto ou por outra pessoa física ou jurídica, seja da área de Arquitetura e Urbanismo ou não, que utilizarem um projeto ou obra devem especificar o nome do autor original, protegendo seus direitos morais.
Texto na integra: http://www.caubr.gov.br/?p=17890
Sendo assim, o vidraceiro fica ''obrigado'' a especificar o nome do projetista da obra, seja ele arquiteto, engenheiro ou decorador, exceto quando o envidraçamento é uma criação própria.
Caso contrário, a divulgação desses envidraçamentos sem especificar o nome do profissional Arquiteto, Engenheiro ou Decorados será considerado plágio e desclassificado.
Cabendo indenização de no mínimo quatro vezes o valor dos honorários profissionais a título de violação de direitos autoras morais.
Neste caso, o profissional que projetou o ambiente onde o envidraçamento está inserido além de ser especificado também será homenageado com um prêmio.
Especificadores:
Engenheiro(a) civil da obra: campo para nome, sobrenome e contato
Arquiteto(a) da obra: campo para nome, sobrenome e contato
Decorador da obra: campo para nome, sobrenome e contato
O envidraçamento é fruto da criação própria
Obs: é obrigado preencher pelo menos uma dessas opções
Aqui, deve existir 3 botões:
Salvar e cadastrar outro envidraçamento (caso ele ainda não tenha excedido os 5 cadastramentos)
Salvar e realizar o pagamento
Salvar e sair: para quem precisar deixar para concluir outro dia. E quando ele sair ele será direcionado ao formulário com o restante das informações pessoais dele telefone, endereço e etc, e haverá um aviso dizendo que se o cadastro não estiver completo até a data limite a participação dele no concurso será cancelada.
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
5º etapa - Pagamento
O botão de pagamento Traychekout já está funcionando!
Por não ser produto um físico a TrayChekout exige uma garantia de entrega (log sistêmico), pois o cliente tem até 12 meses para pedir o dinheiro de volta alegando desacordo comercial.
Então o programador sugeriu isso:
Gabriel, pelo que vi é bem simples, só vou precisar do seu token da sua conta no traychekout, e o número do pedido será o ID do participante, desse forma saberemos quem pagou ou não.
Sobre o log sistêmico, vou criar uma tabela exclusiva para transação de pagamento, na qual antes do botão de pagar haverá um aviso dizendo "Ao clicar em aceito você confirma que aceita participar do campeonato de vidreiros, e que você está ciente de que a taxa de inscrição não poderá ser devolvida ou revogada.". E em baixo eu vou colocar algum sistema de garantia anti robô, exemplo uma imagem de ponta cabeça, a pessoa precisará coloca-la na posição correta para prosseguir.
Botão avançar
Obs: deixar claro que ele tem a opção de inscrever até 5 trabalhos, porém pode acontecer dele ir inscrevendo aos poucos, exemplo: ele pode inscrever um trabalho hoje, outro depois.
Enquanto as inscrições estiverem abertas ele pode realizar as 5 inscrições.
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
6º Etapa – Baixar as informações em PDF
Após o pagamento a pessoa cadastrada precisará da opção de baixar as informações geradas em PDF.
Criar um botão de salvar em PDF, tanto para o participante, como para nós também.
- As inscrições terão um prazo máximo, porém até o encerramento das inscrições a pessoa pode realizar alterações de informações com o login e senha.
2º fase do campeonato – triagem
antes de expor os trabalhos e iniciar as votações precisamos ter a possibilidade de gerenciar os trabalhos inscritos:
exemplo:
• mudar um trabalho de categoria com todos os dados de inscrição intactos.
• Mudar um trabalho de categoria podendo adequar algum dado de inscrição mediante as regras do Campeonato.
• Adequar algum dado de inscrição mediante as regras do Campeonato.
• Desclassificar um trabalho inadequado
3º fase do campeonato – votações
após o encerramento das inscrições, todos os trabalhos são expostos dentro das categorias na qual foram inscritas e com um botão para que possam ser votados.
Algumas informações de inscrição serão expostas junto com as fotos, outras serão para controle da organização do campeonato.
Obs: o ideal seria que cada ID pudesse votar uma única vez em cada uma das 21 categorias.
Vitrine:
Preciso que o sistema tenha a opção de filtro também para os votantes, por exemplo: um arquiteto querendo conhecer os trabalhos pertinentes a região que ele está, ele pode procurar os vidraceiros por região.
7º Etapa – contabilização dos votos
Após o prazo de votação é preciso contabilizar os votos, o ideal é que o sistema seja fácil de auditar uma vez que se trata de um campeonato que precisará comprovar sua idoneidade.
Auditoria dos resultados:
Um grupo de 10 ou 15 pessoas (JÚRI TÉCNICO) terão acesso mediante login aos dados para que consigam acompanhar as votações e possam ter acesso a informações da votação, tipo nome de quem votou, ip, etc...
Então eu quero fazer de tudo para que nessa parte das votações pela internet, o sistema seja seguro e fácil de ser comprovado seja por leigos ou quem sabe por um auditor profissional ou até por algum mal perdedor que queira contestar os resultados e queira nos acionar na justiça (neste caso eu estou pensando no pior dos casos, mas vai que...)
O antigo programador sugeriu isso:
para isso, quem for votar precisará se cadastrar! (tipo pelo menos e-mail e senha)
normalmente nesse tipo de votação é exigido que a data seja registrada através de um comando sql chamado current_time, o que garante o registro real de data do voto (isso já será assim). Outro item auditado é que cada linha da tabela de votação tenha um id, e que todos os vínculos com outras tabelas, por exemplo, as tabelas de registro do projeto sejam interligadas por primary key (isso também já vai ser assim). Outro item a ser auditado é o script onde se faz a interface do registro de voto.
E normalmente se pede para que na tabela de voto seja registrado o IP utilizado (O que eu particularmente não vejo como um item seguro visto que a grande maioria dos usuários de internet no brasil, acessam via IP dinâmico, que pode mudar conforme o tempo.
Perfeito, Gabriel! Compreendi! Então vamos fazer o seguinte, vou conceder a você no seu painel de controle ceder acesso a quem você quiser a uma área que chamaremos de auditoria, nesse local haverá uma tabela dinâmica contendo ID do voto (Sequencial, com auto increment do próprio sql), nome, e-mail, telefone, ip, data e hora do voto (com o current_time), id do concorrente, nome do concorrente, id do projeto e nome do projeto. Além disso no script vou fazer registros ocultos em sessão e em cookie com um token, que irá identificar se o usuário já realizou um voto, antes.
8º Etapa
A divulgação pública será realizada apenas dos 3 finalistas de cada categoria, porém é importante que os participantes mediante ao login e senha possam identificar em qual posição ficaram.
Obs: em geral o público que irá inscrever os trabalhos não tem muita intimidade com internet, então a inscrição precisa ser a mais intuitiva e dinâmica possível!
Categoria: IT & Programação
Subcategoria: Desenvolvimento web
Qual é o alcance do projeto?: Alteração média
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: Payment Processor (Paypal, Stripe, etc)