Familias visuais e componentes recorrentes do nucleo
As telas centrais do legado nao usam uma unica casca visual. O nucleo circula entre familias diferentes de header e entre blocos internos que se repetem na associacao, no registro, na cobranca e nos servicos autenticados.
Familias visuais do nucleo
| Familia |
Arquivos-base e assets |
Telas |
Papel na cadeia principal |
header.asp |
css/newSidebar.css, css/newHeader.css, css/newTopContainer.css ou css/newTopContainer_new.css, css/pagamentoUnificado.css, css/salaVip.css |
supergeral_sv.asp, supergeral_central_de_pagamentos_1.asp, loja/supergeral_envia_foto_carteira_1.asp, loja/troca_senha_1.asp |
familia principal do portal, com navegacao publica, login e parte dos servicos do associado |
headerISO.asp |
a mesma base de CSS moderno do portal, com casca de pagina de servico |
LOJA/supergeral_matricula_cep.asp, LOJA/supergeral_matricula2uni_cep.asp, LOJA/supergeral_matricula3uni_cep.asp, registro_flash/altera_deleta_registro_percy.asp, registro_flash/central_de_pagamentos_registros_2.asp, registro_flash/emite_certificado_andre/registro_andre_certificado.asp, loja/supergeral_alteracadastro.asp, loja/supergeral_alteracadastro1_new.asp |
formulario e consulta de servicos do nucleo, com menos peso de home e mais foco em operacao |
headerISO_paralelo.asp |
css/newSidebar.css, css/newHeader.css, css/newTopContainer.css, css/pagamentoUnificado.css, css/salaVip.css |
registro_flash/n_registro2.asp |
variacao usada no cadastro do lote de registro, mantendo a familia moderna e trocando partes da navegacao e da busca para a trilha paralela do modulo |
supergeral_menutop.asp |
stylemenu.css, stylegeral.css |
loja/supergeral_alterarelease.asp, fotos_ccb/supergeral_envia_xfoto1_unica_perfil.asp |
familia mais antiga, ainda presente em servicos autenticados da Sala VIP e em trilhas classicas do portal |
Encadeamento entre familias
- A associacao entra por
headerISO.asp, passa pela conferencia cadastral e converge para a cobranca unificada.
- O registro comeca em
header.asp, entra no lote em headerISO_paralelo.asp e volta para headerISO.asp nas telas de consulta, pagamento por titulo e certificado.
- A central publica de pagamentos parte de
header.asp, enquanto o pagamento de registro reaproveita headerISO.asp.
- A Sala VIP nasce em
header.asp e distribui o associado entre paginas que continuam em header.asp, migram para headerISO.asp ou caem na familia antiga supergeral_menutop.asp.
Componentes recorrentes do topo e da navegacao
| Componente |
Familia onde aparece |
Onde aparece |
Comportamento |
| barra superior fixa |
header.asp, headerISO.asp, headerISO_paralelo.asp |
home, pagamentos, registro, Sala VIP e servicos internos |
mantem o topo do portal e segura a navegacao principal durante a descida da pagina |
| dropdowns desktop |
header.asp, headerISO.asp, headerISO_paralelo.asp |
menus Associar, Registrar Musica, Servicos, Beneficios, Festival e Ajuda |
repetem os grupos principais do portal com entradas diretas para os fluxos centrais |
| sidebar mobile |
header.asp, headerISO.asp, headerISO_paralelo.asp |
header moderno do portal |
replica os grupos do menu desktop em estrutura lateral expansivel |
| formulario de busca |
header.asp, headerISO.asp, headerISO_paralelo.asp |
topo do portal e paginas de servico com header moderno |
reaproveita a busca publica do portal; na variante paralela aponta para a trilha de busca especifica desse conjunto |
| modal da Sala VIP |
header.asp |
portal publico e paginas que reaproveitam esse header |
concentra a autenticacao, a validacao de campos e o envio para supergeral_login.asp |
| login inline antigo |
supergeral_menutop.asp |
paginas classicas abertas a partir da Sala VIP |
mantem a barra superior antiga, com layout anterior ao header moderno |
Componentes recorrentes das telas internas
| Componente |
Onde aparece |
Comportamento |
| resumo da conta do associado |
supergeral_sv.asp |
bloco superior com nome artistico, tempo de associacao, creditos, pontos e situacao financeira |
| grade de cards de servicos |
supergeral_sv.asp |
conjunto interno de atalhos autenticados, liberado conforme o estado da conta |
| formularios centrais de servico |
loja/supergeral_envia_foto_carteira_1.asp, loja/troca_senha_1.asp, loja/supergeral_alteracadastro.asp |
paginas de operacao com CTA principal, validacoes por alerta e retorno para o proprio fluxo do associado |
| blocos de conferencia antes da gravacao |
loja/supergeral_alteracadastro1_new.asp, registro_flash/central_de_pagamentos_registros_2.asp, LOJA/supergeral_matricula3uni_cep.asp |
reapresentam dados recebidos antes da escrita final ou da cobranca |
| tabelas classicas de edicao |
loja/supergeral_alterarelease.asp, fotos_ccb/supergeral_envia_xfoto1_unica_perfil.asp |
mantem layout antigo, com secoes empilhadas, formularios longos e comandos de acao dentro do proprio corpo da pagina |
| upload e recorte de imagem |
fotos_ccb/supergeral_envia_xfoto1_unica_perfil.asp |
combina envio de arquivo, legenda, marcacao de foto de perfil, corte e exclusao na mesma area autenticada |
Variacoes internas mais recorrentes
- A familia moderna reaproveita Bootstrap, modal, menu lateral e formulacao centralizada.
- A familia ISO preserva o mesmo header moderno, mas troca o foco da tela para o conteudo do servico.
- A familia antiga
supergeral_menutop.asp ainda segura servicos relevantes da Sala VIP com outra hierarquia visual, outra folha de estilos e outro padrao de formulario.
- A troca de familia nao significa troca de fluxo de negocio: associacao, registro e servicos autenticados continuam ligados ao mesmo conjunto de tabelas e estados do nucleo.
Referencias cruzadas
- Entradas e encadeamento das telas ficam em Inventario de Telas do Nucleo.
- Campos, mensagens e bloqueios ficam em Campos, Validacoes e Bloqueios do Nucleo.
- Os servicos autenticados abertos da Sala VIP ficam em Servicos Internos da Sala VIP.
- Arquivos CSS e JS ficam em Assets CSS e JS de Interface.