Giter Club home page Giter Club logo

Comments (14)

williamespindola avatar williamespindola commented on July 18, 2024

A intenção principal é apresentar apenas o eventos por vir e em uma lista simples. Não é discartada a inclusão de um filtro sabendo que esta lista pode ficar um grande.
Precisamos apenas tomar cuidado para que a inclusão de um evento deixe de ser simples como é hoje, onde um simples pull request temos uma inclusão ou exclusão.

Você tem alguma idéia de como poderiamos fazer?

Inicialmente eu e o @rogeriopradoj pensamos em um json com os eventos e um js listando-os. A partir daqui aplicar um filtro quando necessário fica mais fácil.

from saiadecasa.github.io.

erikhenrique avatar erikhenrique commented on July 18, 2024

@williamespindola essa ideia do json deve ser a melhor forma mesmo.

Montei um modelo de como pode ser tratado o json para cada evento. Comento cada elemento na sequência

{
  'nome': 'YAPC 2013',
  'descricao': 'O YAPC é um evento social para integrar a comunidade de desenvolvedores em linguagem Perl.'
  'tipo': 'palestras',
  'inscricao': {
    'url': 'http://2013.yapcbrasil.org.br/',
  },
  'url': 'http://2013.yapcbrasil.org.br/',
  'tecnologia': ['perl'],
  'tags': 'O Universo Científico, bioinformática',
  'local': {
    'nome': 'Slaviero Full Jazz Hotel',
    'cidade': 'Santa Catarina',
    'estado': 'PR'
  },  
  'data': {
    'dia': '07/06/2013',
    'hora': '19:00'
  }   
}
  • nome: Nome do evento;
  • descricão: Pequena descrição para o evento, com limite de caracteres para deixar mais dinâmico a visualização na listagem de eventos;
  • inscricao: Caso o evento precise de inscrição colocar a url, senão deixar em branco este campo;
  • url: Link com mais detalhes do evento;
  • tecnologia: Este campo é necessário para informar de quais linguagens de programação o evento será focado. Dei o nome de 'tecnologia' porque pode ser um evento que fale sobre Arduino ou coisas do tipo e é um array pois pode ser mais de uma linguagem/tecnologia;
  • tags: Tags relacionadas ao evento para facilitar possível busca;
  • local: Informações com o local do evento;
    • nome: Nome do local;
    • cidade: Cidade onde acontecerá o evento, é necessário para que haja um filtro;
    • estado: Estado onde acontecerá o evento, é necessário para que haja um filtro;
  • data: Dia e hora que acontecerá o evento;

Não sei se deixei muito complexo.
Só estou com uma dúvida de como pode ser tratados eventos que acontecem regularmente, não consegui pensar em nada que deixasse o json para cada evento menor do que 20 linhas =(

Eu tinha visto a pouco tempo um plugin javascript que fazia o serviço de filtrar no dom. Mas infelizmente não lembro agora, acho que resolveria este problema.
Mas até que desenvolver um para que faça este filtro não é difícil.

from saiadecasa.github.io.

williamespindola avatar williamespindola commented on July 18, 2024

Opa muito bom, valeu mesmo!
Quanto a sua dúvida, ai esta um dos princípios que precisamos manter. Com o JS facilmente podemos mostrar somente os eventos maiores que a data de hoje. E a intenção é que os próprios pull requests do pessoal faça o trabalho de excluir um evento antigo. Assim qualquer um pode contribuir, mesmo se for para excluir eventos passados.

Tive uma idéa que seria uma boa. Utilizar Gelocation para identificar onde a pessoa esta e filtrar automaticamente os eventos, mostrando primeiro os do local que ele esta e depois o restante.
O que acham?

from saiadecasa.github.io.

rogeriopradoj avatar rogeriopradoj commented on July 18, 2024

O @hussani já tem alguma ideia para o JavaScript, certo?

from saiadecasa.github.io.

hussani avatar hussani commented on July 18, 2024

Caros comecei a fazer o carregamento dos eventos via JSON.

Até amanhã eu termino.
Vejam a prévia.

https://github.com/hussani/saiadecasa.github.io

from saiadecasa.github.io.

williamespindola avatar williamespindola commented on July 18, 2024

+1 @hussani @erikhenrique

from saiadecasa.github.io.

hussani avatar hussani commented on July 18, 2024

Bem galera,

aqui vai a prévia de como fica carregando os eventos com JS + JSON

http://hussani.github.io/saiadecasa.github.io/

Considero que ainda esteja em beta porque ainda não tem implementação para mostrar datas de eventos com 2 ou mais dias, ou o horário de término de um evento. Isto já temos na versão em HTML puro, então, na minha opinião, só podemos colocar esta versão no ar quando tivermos implementado esta questão da data.
Após isso vou fazer os métodos de ordenação.

O que acham?

from saiadecasa.github.io.

rogeriopradoj avatar rogeriopradoj commented on July 18, 2024

Pessoal, acho que a feature de listar na página inicial todos os eventos em ordem de data crescente, independente de filtros e outras ordenações, nunca deveria ser retirada (o @alganet já tinha citado isso no Facebook, e acho que mesmo nossos "concorrentes" #5 sendo mais completos, podemos ter essa simplicidade como diferencial positivo).

Essa mudança para JSON acho que não influencia (acho que é uma ótima ideia na verdade, e o que o @hussani já começou a implementar está ótimo), mas a opção de filtro por data e outros filtros eu acho que tem que ser opcionais/secundárias.

Um ótimo exemplo de filtro que acho é o http://moneylog-cloud.aurelio.net/, vocês conhecem? O código está aqui https://github.com/xupisco/MoneyLog-Cloud, e o mais legal nele para mim é isso:

  • lista completa logo na tela inicial
  • opção de filtros e ordenações disponível facilmente a partir daí

O que dizem @williamespindola @erikhenrique e @hussani ?

from saiadecasa.github.io.

hussani avatar hussani commented on July 18, 2024

+1 @rogeriopradoj

A ideia é esta mesmo, garantir que a lista sempre seja ordenada em data crescente e posteriormente que possa ser filtrada, reordenada, etc. Porém sempre simples e principalmente clara.

from saiadecasa.github.io.

williamespindola avatar williamespindola commented on July 18, 2024

Acima tem uma idéia que dei para utilizar o geolocation para filtrar os eventos da cidade onde a pessoa esta abrindo o site. Isto pode ajudar para a pessoa não ter que fazer filtros.
Lista primeiro as da cidade e abaixo o restante conforme dada.

from saiadecasa.github.io.

williamespindola avatar williamespindola commented on July 18, 2024

E ai Rapa?! Vamo coda? Deem uma olahda no branch develop.

from saiadecasa.github.io.

rogeriopradoj avatar rogeriopradoj commented on July 18, 2024

Poxa, ficou bacana!

Mustache, certo?

from saiadecasa.github.io.

williamespindola avatar williamespindola commented on July 18, 2024

Isto é engraçado, é um plugin do hogan que foi baseado no mustache hehehe

from saiadecasa.github.io.

rogeriopradoj avatar rogeriopradoj commented on July 18, 2024

Issue sem movimentação há mais de um mês, fechando.

from saiadecasa.github.io.

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.