Comments (10)
Considerando uma nova estrutura, independente de qual escolhamos, também acho que terríamos de rever o layout por não termos espaço na tela suficiente pra mostrar todas as novas informações e tal... Pensando nisso, fiz uns protótipos de como organizar a informação na tela (sem pensar em cores fontes e etc). Seguem abaixo dois exemplos:
Se considerarmos exibir os resultados um abaixo do outro não precisaremos pensar em responsividade para exibir os resultados.
Também considero que seja importante com os novos dados termos uma nova rota para mostrar os resultados, ela teria a barra de pesquisa no topo e os resultados embaixo.
O que acham?
from glossario-ufcg.
Para facilitar o entendimento estão aqui exemplos de aplicação da ideia de atributos extra
e da ideia da descrição
- Atributos extra:
CC: [{
acronym: 'CC',
meaning: 'Ciência da Computação',
type: 'Curso'
extra: [
{
name: "Link para o site",
value: "https://wwww.computacao.ufcg.edu.br",
},
{
name: "Data de criação",
value: "1968",
},
]
}]
- Descrição:
CC: [{
acronym: 'CC',
meaning: 'Ciência da Computação',
type: 'Curso'
description: "Curso criado em 1968. Para mais informações entre no link: https://wwww.computacao.ufcg.edu.br"
}],
from glossario-ufcg.
A inclusão de um campo atributos adicionais
no objeto resolveria isso. O valor dele seria um array de objetos que conteriam o nome do atributo adicional e o valor daquele atributo. Assim, o próprio card renderizaria todos os atributos adicionais específicos de cada objeto.
from glossario-ufcg.
A inclusão de um campo
atributos adicionais
no objeto resolveria isso. O valor dele seria um array de objetos que conteriam o nome do atributo adicional e o valor daquele atributo. Assim, o próprio card renderizaria todos os atributos adicionais específicos de cada objeto.
Isso não deixaria confuso caso a gente criasse muitos atributos pra outras coisas extras? tipo links ou slá
from glossario-ufcg.
A inclusão de um campo
atributos adicionais
no objeto resolveria isso. O valor dele seria um array de objetos que conteriam o nome do atributo adicional e o valor daquele atributo. Assim, o próprio card renderizaria todos os atributos adicionais específicos de cada objeto.Isso não deixaria confuso caso a gente criasse muitos atributos pra outras coisas extras? tipo links ou slá
Acredito que possa ficar um pouco confuso para a manutenção do data.js sim. Outra maneira de resolver isso é adicionando um atributo descrição em si contendo tudo.
from glossario-ufcg.
Nesse caso a gente incluiria as aplicações em frases também na descrição? A propósito, é uma boa discutir também se é útil ter as aplicações em frases nos termos ou se a definição já seria suficiente
from glossario-ufcg.
Nesse caso a gente incluiria as aplicações em frases também na descrição? A propósito, é uma boa discutir também se é útil ter as aplicações em frases nos termos ou se a definição já seria suficiente
Sou a favor de ter aplicações em frases sempre, até porque podemos incluir algumas frases engraçadas e irônicas. Mas mediria os esforços em mexer nesse Json, já que provavelmente depois da SdF iremos implementar um Banco e uma API
from glossario-ufcg.
Sou a favor da segunda estrutura mostrada por @pedroespindula , junto com o array de Aplicações de frases.
from glossario-ufcg.
Então fica assim a nova estrutura:
CC: [{
acronym: 'CC',
meaning: 'Ciência da Computação',
type: 'Curso'
description: "Curso criado em 1968. Para mais informações entre no link: https://wwww.computacao.ufcg.edu.br"
examples: ["Eu vou fazer CC", "Esse daí é ferinha de CC"]
}]
Todos de acordo?
from glossario-ufcg.
Considerando uma nova estrutura, independente de qual escolhamos, também acho que terríamos de rever o layout por não termos espaço na tela suficiente pra mostrar todas as novas informações e tal... Pensando nisso, fiz uns protótipos de como organizar a informação na tela (sem pensar em cores fontes e etc). Seguem abaixo dois exemplos:
Se considerarmos exibir os resultados um abaixo do outro não precisaremos pensar em responsividade para exibir os resultados.
Também considero que seja importante com os novos dados termos uma nova rota para mostrar os resultados, ela teria a barra de pesquisa no topo e os resultados embaixo.
O que acham?
Assim ficou bem show
from glossario-ufcg.
Related Issues (20)
- Reorganizar os componentes diferenciados por views HOT 1
- Refatoramento do componente TermCard
- Remover arquivo em branco HOT 1
- Incluir categoria estabelecimento para termos HOT 1
- Criaçao de componente para o header HOT 2
- Adicionar proptypes nos componentes HOT 2
- Atualizar componentes de classe para fazerem uso de hooks HOT 2
- Glossário não está mais responsivo em mobile. HOT 3
- Lint falhando e adição de proptypes HOT 2
- Links externos
- Redirecionamento de rota
- Adicionar o termo PRAC HOT 1
- Colocar link do site no README.
- Adicionar novos termos HOT 3
- Adicionar efeito de hover nos botões HOT 1
- Adicionar efeito ao passar o mouse no termo em "Você sabe..." HOT 1
- @paulo mandou eu criar isso pra testar o webhook do discord HOT 1
- Adicionar localizações de termos do tipo "local" HOT 4
- Nome de alguns laboratórios
- Retirar link do Gitter do README.md e adicionar o Discord
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from glossario-ufcg.