Testem, por favor. [RESOLVIDO]

1. Testem, por favor. [RESOLVIDO]

Marcelo Oliver
msoliver

(usa Debian)

Enviado em 25/10/2020 - 02:41h

Bom dia pessoal.
Montei uma aplicação em JavaScript, uma Lista de Compras...
Antes de postar em 'scripts', gostaria que alguns voluntários, fizessem o favor de testar,
afim de detectar eventuais erros,.
Testei no Chrome, Edge, chromium, Opera e Firefox.
Sugestões são bem vindas....
Link: https://drive.google.com/drive/folders/1FwzwthSPLo8iDfUUfQlUROOUHHBw6ds7?usp=sharing 


Att.:
Marcelo Oliver



  


2. MELHOR RESPOSTA

Samuel Leonardo
SamL

(usa XUbuntu)

Enviado em 13/11/2020 - 22:25h

msoliver escreveu:

Com mais algumas alterações......
Segue link: https://drive.google.com/file/d/1p_y93z3iX3QSogHwyzeFaACRErtsQmDW/view?usp=sharing


______________________________________________________________________
Att.: Marcelo Oliver
______________________________________________________________________


Como diria uma mina que conheci: tua lista tá chiquerrerrerrima
msoliver, eu acho que agora tá no ponto pra lançar até na play store.
Eu achei bem bacana o esquema de cores.

____________________________________________
https://nerdki.blogspot.com/ acessa aí vai lá, é grátis!
Capeta (demo) do meu trabalho:
https://cpusam.github.io/
"A morte é o comunismo que deu certo!"

3. Re: Testem, por favor. [RESOLVIDO]

Samuel Leonardo
SamL

(usa XUbuntu)

Enviado em 25/10/2020 - 17:41h

Vou dizer algumas coisas que observei:
1-eu li as instruções mas não entendi muito que desse pra me autoorientar no uso da lista
2-[sugestão]seria interessante ao lado das unidades colocar um "select" para escolher a unidade de medida daquele produto.
3-não sei se falta implementar, mas não consegui marcar como "checado". [sugestão]Ali seria interessante colocar um componente que pudesse, ao clique, ele mudar de estado para V ou X, indicando que está como marcado ou não.
4-não descobri onde adicionar mais produtos, mas creio que tenha a ver com o enter.

A usabilidade precisa melhorar, como diria onde trabalho: tem que ser feito para 1diotas e ser a prova de id1otas.
Eu sei que existe as instruções na primeira parte,mas segue naquela história: uma pesquisa foi feita pra saber quantas pessoas leem manuais de instruções, e chagaram ao incrível número que 90% delas NÃO leem manuais de instrução. Ou seja, se tanta gente não vai ler, é justamente no uso prático que se deve focar pra ensinar como se usa.

____________________________________________
https://nerdki.blogspot.com/ acessa aí vai lá, é grátis!
Acesse meu GitHub:
https://github.com/cpusam
Capeta (demo) do meu trabalho:
https://cpusam.github.io/


4. Re: Testem, por favor. [RESOLVIDO]

Marcelo Oliver
msoliver

(usa Debian)

Enviado em 25/10/2020 - 18:33h


SamL escreveu:

Vou dizer algumas coisas que observei:
1-eu li as instruções mas não entendi muito que desse pra me autoorientar no uso da lista
2-[sugestão]seria interessante ao lado das unidades colocar um "select" para escolher a unidade de medida daquele produto.
3-não sei se falta implementar, mas não consegui marcar como "checado". [sugestão]Ali seria interessante colocar um componente que pudesse, ao clique, ele mudar de estado para V ou X, indicando que está como marcado ou não.
4-não descobri onde adicionar mais produtos, mas creio que tenha a ver com o enter.

A usabilidade precisa melhorar, como diria onde trabalho: tem que ser feito para 1diotas e ser a prova de id1otas.
Eu sei que existe as instruções na primeira parte,mas segue naquela história: uma pesquisa foi feita pra saber quantas pessoas leem manuais de instruções, e chagaram ao incrível número que 90% delas NÃO leem manuais de instrução. Ou seja, se tanta gente não vai ler, é justamente no uso prático que se deve focar pra ensinar como se usa.

____________________________________________
https://nerdki.blogspot.com/ acessa aí vai lá, é grátis!
Acesse meu GitHub:
https://github.com/cpusam
Capeta (demo) do meu trabalho:
https://cpusam.github.io/

Boa noite samL.
Obrigado pelas dicas....
Vamos aos esclarecimentos:

Item 1
Realmente o "Modo de Uso:", não ajuda muito, fiz na correria para postar, tem que melhorar....

Item 2
Sinceramente, há muito tempo pensei nisso, e não implementei, por questão de espaço na tabela,
tendo em vista que utilizo no Celular, durante as Compras no Supermercado,
Vou verificar a possibilidade.....

Item 3
Marca somente se a linha estiver completa.
Se "Branco", marca em Verde.
Se "Verde", marca em "Vermelho"
Se Vermelho, marca em Branco.
Seguindo esse ciclo...
Somente "marca" em amarelo se valor="0".

Item 4
Só pressionar 'enter'....
A medida que é digitado o "Vl. Un.", o Valor do Item é calculado,
ao pressionar "enter", os dados são atualizados/incluídos em "localStorage",
e se a linha for a ultima, e gerada uma nova linha.
O Código postado, esta "meio compacto", caso tenha interesse, disponibilizo o cod formatado, de "fácil leitura".

Qual navegador você usa?


______________________________________________________________________
Att.: Marcelo Oliver
______________________________________________________________________




5. Re: Testem, por favor.

Samuel Leonardo
SamL

(usa XUbuntu)

Enviado em 25/10/2020 - 19:22h

msoliver escreveu:

Qual navegador você usa?


Eu usei no chrome. Eu vi aqui parte do código, mesmo compactado. Tem uns detalhes que ele usa que eu também usei num programa que fiz as pressas, digo, referente ao innerHTML. É perigoso de mais usar tal atributo diretamente, pode dar o famoso XSS:
https://labs.detectify.com/2012/11/07/how-to-exploit-an-xss/
Já que é javascript, seria interessante pra ti usar uma lib como reactjs, ou mesmo vuejs, para criar interfaces mais bacanas. Dá uma olhada no reactjs depois, tem muito tutorial e é facilzinho de aprender.

____________________________________________
https://nerdki.blogspot.com/ acessa aí vai lá, é grátis!
Acesse meu GitHub:
https://github.com/cpusam
Capeta (demo) do meu trabalho:
https://cpusam.github.io/


6. Re: Testem, por favor. [RESOLVIDO]

Marcelo Oliver
msoliver

(usa Debian)

Enviado em 27/10/2020 - 17:15h


SamL escreveu:

msoliver escreveu:

Qual navegador você usa?


Eu usei no chrome. Eu vi aqui parte do código, mesmo compactado.
Tem uns detalhes que ele usa que eu também usei num programa que fiz as pressas, digo, referente ao innerHTML.
É perigoso de mais usar tal atributo diretamente, pode dar o famoso XSS:
https://labs.detectify.com/2012/11/07/how-to-exploit-an-xss/
Já que é javascript, seria interessante pra ti usar uma lib como reactjs, ou mesmo vuejs, para criar interfaces mais bacanas. Dá uma olhada no reactjs depois, tem muito tutorial e é facilzinho de aprender.

____________________________________________
https://nerdki.blogspot.com/ acessa aí vai lá, é grátis!
Acesse meu GitHub:
https://github.com/cpusam
Capeta (demo) do meu trabalho:
https://cpusam.github.io/


Boa tarde SamL.
Quanto ao "Cross Site Scripting" (XSS), não vejo problema, visto que a página "Lista de Compras", ficara armazenada localmente.
Bem interessante o "Reactjs", já conhecia, meu filho que me indicou...
Qquer hora vou dar uma 'estudada'.
Qto a "Lista_De_Compras", estou fazendo alterações...
Coloquei a coluna unidade "Gramas ou Unidade",
eliminei a coluna com o nº da linha,
Não marca mais com "Cor",
marca com "✗" ou "✓"
Logo mais, postarei....
______________________________________________________________________
Att.: Marcelo Oliver
______________________________________________________________________




7. Re: Testem, por favor. [RESOLVIDO]

Samuel Leonardo
SamL

(usa XUbuntu)

Enviado em 27/10/2020 - 19:49h

Opa, olhai, que bom que conseguiu melhorar. Só pela imagem já vejo uma baita melhora. E to ligado nisso do site ser local, só tenha cuidado de avisar no script postado para não colocar o seu programa num site online, uso somente loca, eu também postei meu programa que fiz usando o innnerHTML e to esperando aprovação ainda, pretendo fazer em reactjs depois de um tempo.
Valeu.

____________________________________________
https://nerdki.blogspot.com/ acessa aí vai lá, é grátis!
Acesse meu GitHub:
https://github.com/cpusam
Capeta (demo) do meu trabalho:
https://cpusam.github.io/


8. Re: Testem, por favor. [RESOLVIDO]

Marcelo Oliver
msoliver

(usa Debian)

Enviado em 29/10/2020 - 21:04h


SamL escreveu:

Opa, olhai, que bom que conseguiu melhorar.
Só pela imagem já vejo uma baita melhora. E to ligado nisso do site ser local, só tenha cuidado de avisar no script postado para não colocar o seu programa num site online, uso somente loca, eu também postei meu programa que fiz usando o innnerHTML e to esperando aprovação ainda, pretendo fazer em reactjs depois de um tempo.
Valeu.

____________________________________________
https://nerdki.blogspot.com/ acessa aí vai lá, é grátis!
Acesse meu GitHub:
https://github.com/cpusam
Capeta (demo) do meu trabalho:
https://cpusam.github.io/

Boa noite SamL,
Segue o link da nova versão:
https://drive.google.com/file/d/1G7_iQlRstkFPjk19UzykwjReb0ZiriZw/view?usp=sharing
Obs: Ainda não alterei a "ajuda".......

______________________________________________________________________
Att.: Marcelo Oliver
______________________________________________________________________



9. Re: Testem, por favor. [RESOLVIDO]

Samuel Leonardo
SamL

(usa XUbuntu)

Enviado em 30/10/2020 - 21:10h

msoliver escreveu:


SamL escreveu:

Opa, olhai, que bom que conseguiu melhorar.
Só pela imagem já vejo uma baita melhora. E to ligado nisso do site ser local, só tenha cuidado de avisar no script postado para não colocar o seu programa num site online, uso somente loca, eu também postei meu programa que fiz usando o innnerHTML e to esperando aprovação ainda, pretendo fazer em reactjs depois de um tempo.
Valeu.

____________________________________________
https://nerdki.blogspot.com/ acessa aí vai lá, é grátis!
Acesse meu GitHub:
https://github.com/cpusam
Capeta (demo) do meu trabalho:
https://cpusam.github.io/

Boa noite SamL,
Segue o link da nova versão:
https://drive.google.com/file/d/1G7_iQlRstkFPjk19UzykwjReb0ZiriZw/view?usp=sharing
Obs: Ainda não alterei a "ajuda".......

______________________________________________________________________
Att.: Marcelo Oliver
______________________________________________________________________


Amanhã pela noite eu dou uma olhada, não faço isso agora devido estar bem ansioso no momento.

____________________________________________
https://nerdki.blogspot.com/ acessa aí vai lá, é grátis!
Acesse meu GitHub:
https://github.com/cpusam
Capeta (demo) do meu trabalho:
https://cpusam.github.io/


10. Re: Testem, por favor. [RESOLVIDO]

Marcelo Oliver
msoliver

(usa Debian)

Enviado em 30/10/2020 - 21:50h

Sem problemas, SamL.....
Já fiz mais algumas alterações,
segue o link:
https://drive.google.com/file/d/1caYCoQtqTP4k9NM17DKW_l-8IIjOMmrK/view?usp=sharing

Att.: Marcelo Oliver



11. Re: Testem, por favor. [RESOLVIDO]

Samuel Leonardo
SamL

(usa XUbuntu)

Enviado em 31/10/2020 - 18:10h

msoliver escreveu:

Sem problemas, SamL.....
Já fiz mais algumas alterações,
segue o link:
https://drive.google.com/file/d/1caYCoQtqTP4k9NM17DKW_l-8IIjOMmrK/view?usp=sharing

Att.: Marcelo Oliver

Eu testei aqui e tenho algumas observações (de novo):
1-seria interessante que, quando preenchesse a maioria dos campos e apertasse enter, ele já criasse a linha.
Por exemplo, eu digitei aqui em todas colunas mas só na coluna do "Vl. Un." é que o enter pega. Eu passei o curso pro Vlr (por meio do tab) e apertei enter e nada aconteceu, nem criou nova linha, nem deu update no Vlr sozinho, só quando voltei pro Vl Un e apertei enter que foi.

2-eu sinto que seria bom também desacomplar a função backup de dentro do título "Lista de compras". Porque não me parece nada intuitivo clicar no título com nome lista de compras e executar uma função backup. Tu poderia colocar algo como um botão abaixo do título, ou uma "aba" que quando clicada colocaria os elementos da tela de backup. Também sugiro trocar a palavra backup (que é muito técnica) por "Salvar dados", que me parece mais próximo da realidade de um user comum que nada manja de informática. O botão de backup assim que visto a pessoa já saberia por experiência que se trata de um elemento de clicar.

3-gostei daquela coluna de 3 estados que marca os produtos.

Por enquanto é o que pude observar, mas a lista está ficando boa. Se melhorasse o visual dela com CSS talvez ficaria mais apelativa pra usuários comuns.
Tenta procurar aqui no tutorial do w3school alguma coisa que tu possa usar pra melhorar o look and feel da litsa:
https://www.w3schools.com/css/


____________________________________________
https://nerdki.blogspot.com/ acessa aí vai lá, é grátis!
Acesse meu GitHub:
https://github.com/cpusam
Capeta (demo) do meu trabalho:
https://cpusam.github.io/


12. Re: Testem, por favor.

Marcelo Oliver
msoliver

(usa Debian)

Enviado em 31/10/2020 - 19:28h

SamL escreveu:

msoliver escreveu:

Sem problemas, SamL.....
Já fiz mais algumas alterações,
segue o link:
https://drive.google.com/file/d/1caYCoQtqTP4k9NM17DKW_l-8IIjOMmrK/view?usp=sharing

Att.: Marcelo Oliver

Eu testei aqui e tenho algumas observações (de novo):
1-seria interessante que, quando preenchesse a maioria dos campos e apertasse enter, ele já criasse a linha.
Por exemplo, eu digitei aqui em todas colunas mas só na coluna do "Vl. Un." é que o enter pega. Eu passei o curso pro Vlr (por meio do tab) e apertei enter e nada aconteceu, nem criou nova linha, nem deu update no Vlr sozinho, só quando voltei pro Vl Un e apertei enter que foi.

2-eu sinto que seria bom também desacomplar a função backup de dentro do título "Lista de compras".
Porque não me parece nada intuitivo clicar no título com nome lista de compras e executar uma função backup.
Tu poderia colocar algo como um botão abaixo do título, ou uma "aba" que quando clicada colocaria os elementos da tela de backup.
Também sugiro trocar a palavra backup (que é muito técnica) por "Salvar dados", que me parece mais próximo da realidade de um user comum que nada manja de informática. O botão de backup assim que visto a pessoa já saberia por experiência que se trata de um elemento de clicar.

3-gostei daquela coluna de 3 estados que marca os produtos.

Por enquanto é o que pude observar, mas a lista está ficando boa.
Se melhorasse o visual dela com CSS talvez ficaria mais apelativa pra usuários comuns.
Tenta procurar aqui no tutorial do w3school alguma coisa que tu possa usar pra melhorar o look and feel da lista:
https://www.w3schools.com/css/">https://www.w3schools.com/css/


____________________________________________
https://nerdki.blogspot.com/ acessa aí vai lá, é grátis!
Acesse meu GitHub:
https://github.com/cpusam
Capeta (demo) do meu trabalho:
https://cpusam.github.io/

Boa noite SamL, o objetivo é esse mesmo..... que voce coloque observações.... :)
Vamos aos pontos.
1 - Ao "preencher" o campo produto, e precionar "enter", se a "palavra" tem 3 ou mais caracteres,
passa para o campo "U/G", já preenchido com "Un" (deixei "Un" como default, por ser o mais usado).
Clicando nesse campo, ele alterna entre "Gr" e "Un", e muda para "Qtdd".
Ao digitar a quantidade, "+enter", muda para o próximo campo,
No campo "Vl. Un.", a cada Nº digitado, o valor é calculado, ao pressionar "enter",
Joga os dados para a memória (localStorage), calcula o Valor Total, Volumes, "Gera uma nova linha" (somente se estiver na ultima linha) e muda para o campo "Vlr", que, ao receber o "foco", muda para o 1ª campo da próxima linha.
Concluindo: só cria uma nova linha, se a atual for preenchida na totalidade e ou concluída.
Eu passei o curso pro Vlr (por meio do ta
Tab não funciona..... Consta no Modo de Uso: Para mudar de Campo: Pressione "Enter" ou, fale.... kkkkkk

2 - Nas Versões anteriores, tinha um "Menu", para dar acesso ao Backup....
Estava vendo aqui, já teve ate um Relógio, que tirei por consumir muitos recursos.....
Acabei mudando, para otimizar o "espaço"....
De qquer forma, as observações são baste úteis.... vou ver se "bolo" algo.....

3 - Tbem achei que ficou bem legal, e bem melhor que a marca com cor, que estava anteriormente....
Utilizo constantemente o https://www.w3schools.com/, foi onde "aprendi" JS.
Realmente a tabela está bem simples, não vejo o que poderia incluir/alterar, para melhorar...
Na realidade, eu a classificaria como "Clean".

Sempre que faço compras, utilizo a lista.....
Acho bem "útil", quando vai para o caixa, já tem o valor da compra....

Valeu Samuel.
Editado em 02-11-2020 -0 01:30h
Imagem com as ultimas alterações.
Tirei o backup do título.... É esse botão sup esq.





01 02