Proposta para desenvolver novo layout para o SEI
-
15 de Dezembro de 2015 às 12:45?Pessoal,
Criei nova issue [1] para desenvolvimento de um novo layout para o SEI. Segue em anexo um exemplo para exemplificar como poderia ser. Se puderem dar sugestão na issue eu agradeço.
Atenciosamente,
Carlos Vieira
[1] https://processoeletronico.gov.br/issues/196
? -
Jonatas Evaristo Rodrigues dos Santos15 de Dezembro de 2015 às 16:16Olá Carlos,
Gostei da sugestão, principalmente o resumo com os quantitativos do lado esquerdo.
Aproveitando, tenho algumas sugestões para o layout:
a) Possibilidade de aproveitar mais a tela nos desktops, a maioria do monitores atuais são do tipo wide, assim pode sobrar áreas que poderiam ser mais bem aproveitadas, com a inclusão de mais informações dos processos listados na tela, como ponto de controle atual, entre outros.
b) Possibilidade de mudar a forma da listagem, por exemplo, listagem da forma antiga, da forma nova, e outras se tiver. Essa dica pode suprir a anterior.
c) Colocar um tema preto, tipo alto contraste, pois cansa menos as vista de quem trata processo o dia inteiro. Com essa tela branca do SEI cansa bastante as vistas.
Fica então essas dicas,
Segue em anexo um exemplo de como a interface atual ficaria com um tema preto.
Abraços,
Jonatas Evaristo
Agência Nacional de Telecomunicações – Anatel
GR07OR – Processo de Outorga e Recursos à Prestação – Goiás
(62) 3236-9050
De: sei-negocio [mailto:sei-negocio-bounces@listas.softwarepublico.gov.br] Em nome de Carlos Eduardo Araujo Vieira
Enviada em: terça-feira, 15 de dezembro de 2015 10:46
Para: sei-tecnico@listas.softwarepublico.gov.br; 'sei-negocio@listas.softwarepublico.gov.br'
Assunto: [sei-negocio] Proposta para desenvolver novo layout para o SEI
Pessoal,Criei nova issue [1] para desenvolvimento de um novo layout para o SEI. Segue em anexo um exemplo para exemplificar como poderia ser. Se puderem dar sugestão na issue eu agradeço.
Atenciosamente,
Carlos Vieira
[1] https://processoeletronico.gov.br/issues/196 -
15 de Dezembro de 2015 às 17:01Obrigado pelas sugestões Jonatas,
As informações a serem mostradas na tela podem ser melhoradas e adicionadas sempre tomando cuidado para não poluir demais a tela.
A questão do alto contraste é uma necessidade informada inclusive pelo eMAG [1] e é um tema de acessibilidade, entre outros, que deve se tratado por todos sistemas do governo.
Carlos Vieira?
[1] http://emag.governoeletronico.gov.br/#s4
________________________________
De: Jonatas Evaristo Rodrigues dos Santos
Enviado: terça-feira, 15 de dezembro de 2015 14:16
Para: Carlos Eduardo Araujo Vieira; 'sei-tecnico@listas.softwarepublico.gov.br'; 'sei-negocio@listas.softwarepublico.gov.br'
Assunto: RES: Proposta para desenvolver novo layout para o SEIOlá Carlos,
Gostei da sugestão, principalmente o resumo com os quantitativos do lado esquerdo.
Aproveitando, tenho algumas sugestões para o layout:
a) Possibilidade de aproveitar mais a tela nos desktops, a maioria do monitores atuais são do tipo wide, assim pode sobrar áreas que poderiam ser mais bem aproveitadas, com a inclusão de mais informações dos processos listados na tela, como ponto de controle atual, entre outros.
b) Possibilidade de mudar a forma da listagem, por exemplo, listagem da forma antiga, da forma nova, e outras se tiver. Essa dica pode suprir a anterior.
c) Colocar um tema preto, tipo alto contraste, pois cansa menos as vista de quem trata processo o dia inteiro. Com essa tela branca do SEI cansa bastante as vistas.
Fica então essas dicas,
Segue em anexo um exemplo de como a interface atual ficaria com um tema preto.
Abraços,
Jonatas EvaristoAgência Nacional de Telecomunicações - Anatel
GR07OR - Processo de Outorga e Recursos à Prestação - Goiás(62) 3236-9050
De: sei-negocio [mailto:sei-negocio-bounces@listas.softwarepublico.gov.br] Em nome de Carlos Eduardo Araujo Vieira
Enviada em: terça-feira, 15 de dezembro de 2015 10:46
Para: sei-tecnico@listas.softwarepublico.gov.br; 'sei-negocio@listas.softwarepublico.gov.br'
Assunto: [sei-negocio] Proposta para desenvolver novo layout para o SEI
?Pessoal,
Criei nova issue [1] para desenvolvimento de um novo layout para o SEI. Segue em anexo um exemplo para exemplificar como poderia ser. Se puderem dar sugestão na issue eu agradeço.
Atenciosamente,
Carlos Vieira
[1] https://processoeletronico.gov.br/issues/196
? -
Manoel Gomes Marciape Neto15 de Dezembro de 2015 às 19:13Prezados, boa tarde.
Comecei a acessar a documentação do SEI há poucos dias e não identifiquei mecanismos que permitam avaliar a eficiência do fluxo processual pela alta direção do órgão. Se possuímos uma carteira de processos sob nossa responsabilidade, que se encontram distribuídos por diferentes áreas, existe alguma maneira de identificar quais os setores/servidores mais eficientes para analisar e eventualmente replicar seu procedimento a outros setores/servidores?
Também sobre controle de prazos, considerando que gerenciamos centenas de determinações e recomendações dos Órgãos de Controle, cada uma das quais podendo se constituir num processo específico, consulto se já existe algum mecanismo capaz de consolidar este quantitativo de processos em função das áreas as quais foram distribuídos, assuntos e em relação ao cumprimento de prazos.
Cordialmente,
Manoel Gomes Marciape Neto
Assessor Especial de Controle Interno
Gabinete do Ministro
Ministério da Educação
(61) 2022.7911 – 9944.0005
[cid:image001.jpg@01D1375B.DAFE5E30] -
16 de Dezembro de 2015 às 16:48Carlos, estou copiando o sei-tecnico . Do pouco que olhei por cima sobre a camada de apresentação do SEI, eu imagino que mudar o layout seria praticamente um incremento de versão maior! Mas apoio completamente.
Não sei o que você usou para prototipar, mas acho que a melhor prática hoje em dia é o Bootstrap (http://getbootstrap.com/css/) :
1. Existem diversos templates, o que pode atender o alto contraste sem dificuldades
a. Com paciência é possível até editar os templates do Bootstrap, mas isso é uma tarefa e tanto, precisa fazer conversão de arquivos e tal
2. Além do Bootstrap CSS ele tem outros pacotinhos interessantes, como o Javascript Bootstrap, que anda junto com o JQuery (eu vi que alguns forms do SEI usam o jQuery, provavelmente os modificados mais recentemente)
3. Ele é mobile friendly. Com apenas UMA linha (uma tag no header) a aplicação se adapta ao smartphone ou tablet.
Sem contar inúmeros outros componentes dos quais o SEI se beneficiaria de ser fortemente acoplado ao jQuery. Por exemplo, gosto de usar o SELECT2 para substituir o do HTML: http://select2.github.io/select2/ dá uma enriquecida e tanto. E funciona 100% no mobile.
Por exemplo, fazer um ensaio de substituir os pelo SELECT2 seria uma das modificações de layout que eu listaria como de baixo custo.
Mas até lá, quem sabe a gente consegue editar um template (baseado nos existentes) para o alto contraste? Se tiver um tempo essa semana eu tento fazer, se não largo a bola – vou entrar em férias.
Ate,
--
[cid:image001.gif@01D1380F.C4098C40]
Marcel Bonnet
Agência Nacional de Telecomunicações no Paraná
Fiscalização Técnica - GR03-FI2
(41) 3219-7072
Rua Vicente Machado, 720 - Batel, Curitiba/PR. CEP 80420-011De: sei-negocio [mailto:sei-negocio-bounces@listas.softwarepublico.gov.br] Em nome de Carlos Eduardo Araujo VieiraEnviada em: terça-feira, 15 de dezembro de 2015 15:01
Para: Jonatas Evaristo Rodrigues dos Santos; 'sei-tecnico@listas.softwarepublico.gov.br'; 'sei-negocio@listas.softwarepublico.gov.br'
Assunto: Re: [sei-negocio] Proposta para desenvolver novo layout para o SEIObrigado pelas sugestões Jonatas,
As informações a serem mostradas na tela podem ser melhoradas e adicionadas sempre tomando cuidado para não poluir demais a tela.
A questão do alto contraste é uma necessidade informada inclusive pelo eMAG [1] e é um tema de acessibilidade, entre outros, que deve se tratado por todos sistemas do governo.Carlos Vieira[1] http://emag.governoeletronico.gov.br/#s4
________________________________
De: Jonatas Evaristo Rodrigues dos Santos
Enviado: terça-feira, 15 de dezembro de 2015 14:16
Para: Carlos Eduardo Araujo Vieira; 'sei-tecnico@listas.softwarepublico.gov.br'; 'sei-negocio@listas.softwarepublico.gov.br'
Assunto: RES: Proposta para desenvolver novo layout para o SEI
Olá Carlos,
Gostei da sugestão, principalmente o resumo com os quantitativos do lado esquerdo.
Aproveitando, tenho algumas sugestões para o layout:
a) Possibilidade de aproveitar mais a tela nos desktops, a maioria do monitores atuais são do tipo wide, assim pode sobrar áreas que poderiam ser mais bem aproveitadas, com a inclusão de mais informações dos processos listados na tela, como ponto de controle atual, entre outros.
b) Possibilidade de mudar a forma da listagem, por exemplo, listagem da forma antiga, da forma nova, e outras se tiver. Essa dica pode suprir a anterior.
c) Colocar um tema preto, tipo alto contraste, pois cansa menos as vista de quem trata processo o dia inteiro. Com essa tela branca do SEI cansa bastante as vistas.
Fica então essas dicas,
Segue em anexo um exemplo de como a interface atual ficaria com um tema preto.
Abraços,
Jonatas Evaristo
Agência Nacional de Telecomunicações – Anatel
GR07OR – Processo de Outorga e Recursos à Prestação – Goiás
(62) 3236-9050
De: sei-negocio [mailto:sei-negocio-bounces@listas.softwarepublico.gov.br] Em nome de Carlos Eduardo Araujo Vieira
Enviada em: terça-feira, 15 de dezembro de 2015 10:46
Para: sei-tecnico@listas.softwarepublico.gov.br; 'sei-negocio@listas.softwarepublico.gov.br'
Assunto: [sei-negocio] Proposta para desenvolver novo layout para o SEI
Pessoal,
Criei nova issue [1] para desenvolvimento de um novo layout para o SEI. Segue em anexo um exemplo para exemplificar como poderia ser. Se puderem dar sugestão na issue eu agradeço.
Atenciosamente,
Carlos Vieira
[1] https://processoeletronico.gov.br/issues/196
-
17 de Dezembro de 2015 às 17:45O que eu usei foi o Bootstrap mesmo. Tentei com o Semantic UI mas não gostei muito não.Carlos Vieira
________________________________De: Marcel Bonnet
Enviado: quarta-feira, 16 de dezembro de 2015 14:47
Para: Carlos Eduardo Araujo Vieira; Jonatas Evaristo Rodrigues dos Santos; 'sei-tecnico@listas.softwarepublico.gov.br'; 'sei-negocio@listas.softwarepublico.gov.br'
Cc: sei-tecnico@listas.softwarepublico.gov.brAssunto: RES: Proposta para desenvolver novo layout para o SEI
Carlos, estou copiando o sei-tecnico . Do pouco que olhei por cima sobre a camada de apresentação do SEI, eu imagino que mudar o layout seria praticamente um incremento de versão maior! Mas apoio completamente.
Não sei o que você usou para prototipar, mas acho que a melhor prática hoje em dia é o Bootstrap (http://getbootstrap.com/css/) :
1. Existem diversos templates, o que pode atender o alto contraste sem dificuldades
a. Com paciência é possível até editar os templates do Bootstrap, mas isso é uma tarefa e tanto, precisa fazer conversão de arquivos e tal
2. Além do Bootstrap CSS ele tem outros pacotinhos interessantes, como o Javascript Bootstrap, que anda junto com o JQuery (eu vi que alguns forms do SEI usam o jQuery, provavelmente os modificados mais recentemente)
3. Ele é mobile friendly. Com apenas UMA linha (uma tag no header) a aplicação se adapta ao smartphone ou tablet.
Sem contar inúmeros outros componentes dos quais o SEI se beneficiaria de ser fortemente acoplado ao jQuery. Por exemplo, gosto de usar o SELECT2 para substituir o do HTML: http://select2.github.io/select2/ dá uma enriquecida e tanto. E funciona 100% no mobile.
Por exemplo, fazer um ensaio de substituir os pelo SELECT2 seria uma das modificações de layout que eu listaria como de baixo custo.
Mas até lá, quem sabe a gente consegue editar um template (baseado nos existentes) para o alto contraste? Se tiver um tempo essa semana eu tento fazer, se não largo a bola – vou entrar em férias.
Ate,
--[Descrição: Descrição: Descrição: cid:part1.00050009.09020402@anatel.gov.br]Marcel Bonnet
Agência Nacional de Telecomunicações no Paraná
Fiscalização Técnica - GR03-FI2
(41) 3219-7072
Rua Vicente Machado, 720 - Batel, Curitiba/PR. CEP 80420-011
De: sei-negocio [mailto:sei-negocio-bounces@listas.softwarepublico.gov.br] Em nome de Carlos Eduardo Araujo Vieira
Enviada em: terça-feira, 15 de dezembro de 2015 15:01
Para: Jonatas Evaristo Rodrigues dos Santos; 'sei-tecnico@listas.softwarepublico.gov.br'; 'sei-negocio@listas.softwarepublico.gov.br'
Assunto: Re: [sei-negocio] Proposta para desenvolver novo layout para o SEI
Obrigado pelas sugestões Jonatas,
As informações a serem mostradas na tela podem ser melhoradas e adicionadas sempre tomando cuidado para não poluir demais a tela.
A questão do alto contraste é uma necessidade informada inclusive pelo eMAG [1] e é um tema de acessibilidade, entre outros, que deve se tratado por todos sistemas do governo.
Carlos Vieira
[1] http://emag.governoeletronico.gov.br/#s4
________________________________
De: Jonatas Evaristo Rodrigues dos Santos
Enviado: terça-feira, 15 de dezembro de 2015 14:16
Para: Carlos Eduardo Araujo Vieira; 'sei-tecnico@listas.softwarepublico.gov.br'; 'sei-negocio@listas.softwarepublico.gov.br'
Assunto: RES: Proposta para desenvolver novo layout para o SEI
Olá Carlos,
Gostei da sugestão, principalmente o resumo com os quantitativos do lado esquerdo.
Aproveitando, tenho algumas sugestões para o layout:
a) Possibilidade de aproveitar mais a tela nos desktops, a maioria do monitores atuais são do tipo wide, assim pode sobrar áreas que poderiam ser mais bem aproveitadas, com a inclusão de mais informações dos processos listados na tela, como ponto de controle atual, entre outros.
b) Possibilidade de mudar a forma da listagem, por exemplo, listagem da forma antiga, da forma nova, e outras se tiver. Essa dica pode suprir a anterior.
c) Colocar um tema preto, tipo alto contraste, pois cansa menos as vista de quem trata processo o dia inteiro. Com essa tela branca do SEI cansa bastante as vistas.
Fica então essas dicas,
Segue em anexo um exemplo de como a interface atual ficaria com um tema preto.
Abraços,
Jonatas Evaristo
Agência Nacional de Telecomunicações – Anatel
GR07OR – Processo de Outorga e Recursos à Prestação – Goiás
(62) 3236-9050
De: sei-negocio [mailto:sei-negocio-bounces@listas.softwarepublico.gov.br] Em nome de Carlos Eduardo Araujo Vieira
Enviada em: terça-feira, 15 de dezembro de 2015 10:46
Para: sei-tecnico@listas.softwarepublico.gov.br; 'sei-negocio@listas.softwarepublico.gov.br'
Assunto: [sei-negocio] Proposta para desenvolver novo layout para o SEI
Pessoal,
Criei nova issue [1] para desenvolvimento de um novo layout para o SEI. Segue em anexo um exemplo para exemplificar como poderia ser. Se puderem dar sugestão na issue eu agradeço.
Atenciosamente,
Carlos Vieira
[1] https://processoeletronico.gov.br/issues/196
-
21 de Dezembro de 2015 às 12:12Prezado Manoel,
O que é ser eficiente em um setor? Se o setor recebe centenas de processos semanais e o que eles tem que fazer e dar o aval e seguir para a próxima área e fazem isso em um dia é eficiente? E se fazem em três dias? Agora se outro setor recebe um processo para fazer uma grande análise que geralmente leva três meses e fazem isso em um eles foram eficientes? e se levaram 2 meses e meio?
IMHO sugiro fazer os processos com retorno programado e verificar quais retornaram e quais não com um critério mínimo de eficiência.
Concordo com você que o SEI poderia ter mais Dashboards para visualizar de maneira gerencial os processos no órgão. Se não me engano existe algo já implementado mas não tenho certeza.
E uma questão sobre funcionalidade das listas. Acho melhor você mudar o 'Assunto' se for responder a esse email pois pode ser que as pessoas não tenham lido seu email por ter um assunto bem diferente do conteúdo do mesmo.Atenciosamente,
Carlos Vieira
________________________________De: sei-negocioem nome de Manoel Gomes Marciape Neto
Enviado: terça-feira, 15 de dezembro de 2015 17:13Para: sei-tecnico@listas.softwarepublico.gov.br; 'sei-negocio@listas.softwarepublico.gov.br'Cc: Assessoria Especial de Controle Interno - MEC
Assunto: [sei-negocio] RES: Proposta para desenvolver novo layout para o SEIPrezados, boa tarde.
Comecei a acessar a documentação do SEI há poucos dias e não identifiquei mecanismos que permitam avaliar a eficiência do fluxo processual pela alta direção do órgão. Se possuímos uma carteira de processos sob nossa responsabilidade, que se encontram distribuídos por diferentes áreas, existe alguma maneira de identificar quais os setores/servidores mais eficientes para analisar e eventualmente replicar seu procedimento a outros setores/servidores?
Também sobre controle de prazos, considerando que gerenciamos centenas de determinações e recomendações dos Órgãos de Controle, cada uma das quais podendo se constituir num processo específico, consulto se já existe algum mecanismo capaz de consolidar este quantitativo de processos em função das áreas as quais foram distribuídos, assuntos e em relação ao cumprimento de prazos.
Cordialmente,
Manoel Gomes Marciape Neto
Assessor Especial de Controle Interno
Gabinete do Ministro
Ministério da Educação(61) 2022.7911 - 9944.0005[cid:image001.jpg@01D1375B.DAFE5E30] -
Manoel Gomes Marciape Neto22 de Dezembro de 2015 às 16:42Prezado Carlos, boa tarde.
Creio que não há dúvidas quanto ao conceito de eficiência. É justamente para ter parâmetros de sua aferição que necessitamos de instrumentos, e considerando que o SEI registra tempos, movimentos e responsáveis por processos.
Diversas ações possuem prazos legalmente estabelecidos, outros podem ser regulados pelo próprio Ministério ou setor, justamente em função da complexidade dos processos. Contudo, sem instrumentos para sua medição estabelecer tais parâmetros se torna inviável. Num ambiente físico é facilmente detectável quando há acúmulo de processos com um determinado colega ou setor, e promover redistribuição de equipes de trabalho. O mesmo não ocorre quando a virtualização de processos vem desacompanhadas de instrumentos gerenciais que permitam comparar demanda x capacidade operacional.
O retorno programado está muito longe de suprir esta lacuna.
Sobre ajustar o assunto, obrigado pelo conselho.Cordialmente,
Manoel Gomes Marciape Neto
Assessor Especial de Controle Interno
Gabinete do Ministro
Ministério da Educação
(61) 2022.7911 - 9944.0005[cid:image002.jpg@01D13CC6.F4695530]
De: Carlos Eduardo Araujo Vieira [mailto:carlos.vieira@planejamento.gov.br]
Enviada em: segunda-feira, 21 de dezembro de 2015 10:12
Para: Manoel Gomes Marciape Neto; sei-tecnico@listas.softwarepublico.gov.br; 'sei-negocio@listas.softwarepublico.gov.br'Cc: Assessoria Especial de Controle Interno - MECAssunto: RE: Proposta para desenvolver novo layout para o SEIPrezado Manoel,
O que é ser eficiente em um setor? Se o setor recebe centenas de processos semanais e o que eles tem que fazer e dar o aval e seguir para a próxima área e fazem isso em um dia é eficiente? E se fazem em três dias? Agora se outro setor recebe um processo para fazer uma grande análise que geralmente leva três meses e fazem isso em um eles foram eficientes? e se levaram 2 meses e meio?
IMHO sugiro fazer os processos com retorno programado e verificar quais retornaram e quais não com um critério mínimo de eficiência.
Concordo com você que o SEI poderia ter mais Dashboards para visualizar de maneira gerencial os processos no órgão. Se não me engano existe algo já implementado mas não tenho certeza.
E uma questão sobre funcionalidade das listas. Acho melhor você mudar o 'Assunto' se for responder a esse email pois pode ser que as pessoas não tenham lido seu email por ter um assunto bem diferente do conteúdo do mesmo.
Atenciosamente,
Carlos Vieira
________________________________
De: sei-negocioem nome de Manoel Gomes Marciape Neto
Enviado: terça-feira, 15 de dezembro de 2015 17:13
Para: sei-tecnico@listas.softwarepublico.gov.br; 'sei-negocio@listas.softwarepublico.gov.br'
Cc: Assessoria Especial de Controle Interno - MEC
Assunto: [sei-negocio] RES: Proposta para desenvolver novo layout para o SEI
Prezados, boa tarde.
Comecei a acessar a documentação do SEI há poucos dias e não identifiquei mecanismos que permitam avaliar a eficiência do fluxo processual pela alta direção do órgão. Se possuímos uma carteira de processos sob nossa responsabilidade, que se encontram distribuídos por diferentes áreas, existe alguma maneira de identificar quais os setores/servidores mais eficientes para analisar e eventualmente replicar seu procedimento a outros setores/servidores?
Também sobre controle de prazos, considerando que gerenciamos centenas de determinações e recomendações dos Órgãos de Controle, cada uma das quais podendo se constituir num processo específico, consulto se já existe algum mecanismo capaz de consolidar este quantitativo de processos em função das áreas as quais foram distribuídos, assuntos e em relação ao cumprimento de prazos.
Cordialmente,
Manoel Gomes Marciape Neto
Assessor Especial de Controle Interno
Gabinete do Ministro
Ministério da Educação
(61) 2022.7911 - 9944.0005[cid:image003.jpg@01D13CC6.F4695530]
Ordenar por:
Relacionado:
- sei-tecnico Proposta para desenvolver novo layout para o SEI
- sei-negocio Novos instrumentos gerenciais para o SEI
- e-cidade Erros na instalação do E-Cidade
- spb-dev esboços da página de comunidade
Estatísticas:
-
iniciada em
8 anos, 10 meses atrás
-
vizualizada
1671 vezes
-
respondida
8 vezes
-
votada
0 vezes