Giter VIP home page Giter VIP logo

Comments (10)

JoseRenan avatar JoseRenan commented on July 22, 2024 2

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:

image

image

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.

pedroespindula avatar pedroespindula commented on July 22, 2024 1

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.

pedroespindula avatar pedroespindula commented on July 22, 2024

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.

JoseRenan avatar JoseRenan commented on July 22, 2024

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.

pedroespindula avatar pedroespindula commented on July 22, 2024

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.

JoseRenan avatar JoseRenan commented on July 22, 2024

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.

thayannevls avatar thayannevls commented on July 22, 2024

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.

thayannevls avatar thayannevls commented on July 22, 2024

Sou a favor da segunda estrutura mostrada por @pedroespindula , junto com o array de Aplicações de frases.

from glossario-ufcg.

JoseRenan avatar JoseRenan commented on July 22, 2024

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.

juliobguedes avatar juliobguedes commented on July 22, 2024

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:

image

image

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.