GithubHelp home page GithubHelp logo

guardians-dsc / horarios-ufcg Goto Github PK

View Code? Open in Web Editor NEW
33.0 33.0 14.0 2.34 MB

Visualização dos horários das disciplinas do curso de Ciência da Computação da UFCG

Home Page: https://horarios-ufcg.netlify.com/

License: MIT License

JavaScript 27.46% HTML 3.65% Vue 68.88%

horarios-ufcg's People

Contributors

antoniontv avatar arthurferrao avatar breno-pereira avatar carlan avatar danielmitre avatar dependabot[bot] avatar douglaslimaxx avatar felipemarinho97 avatar jadsonluan avatar jeron7 avatar jessescn avatar joaobb avatar joivo avatar lucaspontoexe avatar marcelowis avatar marianasn avatar mateusoliveira2 avatar raylamedeiros avatar thayannevls avatar tulioac avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

horarios-ufcg's Issues

Componente de info

Criar componente que mostrar mais detalhes sobre a disciplina selecionada

  • Nome da disciplina
  • Professor
  • Tipo(Obrigatória ou Optativa)
  • Turma
  • Sala
  • Horário

Destaque quando uma disciplina tem o foco

Uma coisa que acontece quando o usuario passa o mouse em cima de uma disciplina é o escurecimento do nível do cinza. Acho que isso ficaria mais destacado se uma cor distinta fosse escolhida, como por exemplo o próprio roxo de outras partes do site. O que acham?

Altera favicon e título da página

Adicionar favicon e modificar o título da página. Entretanto, ainda falta definir qual será o título e também criar a logo para usar como favicon

Componente para o horário

Criar um componente para o horário, onde esse componente se ajusta ao máximo de aulas que tiver naquele horário durante a semana.

Título da página

  • O nome deve Horários UFCG@Computação
  • Deve ser um header, parecido com o Cursos UFCG

Criar navbar

A navbar deve conter o nome do projeto, o curso e uma barra de pesquisa.

Implementar função de filtro por tipo de cadeira

Essa issue depende que a issue #81 seja implementada.

Ao clicar removendo a seleção de algum botão de tipo(optativa geral, optativa especifica, obrigatória) no filtro, é esperado que todas as cadeiras que pertencem a este tipo sejam removidas da tabela de horários. E ao selecionar novamente algum botão de tipo sem seleção, suas cadeiras voltem a aparecer na tabela de horários.

Adicionar Service Worker e Manifest.json

Um service worker é um script que seu navegador executa em segundo plano, separado da página da Web.

Podemos usar ele para inúmeras funcionalidades, e ainda sim ele é bem simples. Acho que das features que ele oferece, vocês poderiam utilizar:

  • Interceptar requisições e cachear essas requisições, assim o usuário vai carregar o conteúdo muito mais rápido depois da primeira visita
  • Permitir a pessoa ver o conteúdo offline, isso é muito útil pra quem tem a internet muito ruim ou tá usando algo como 3G
  • Melhoria de carregamento e perfomance
  • O site de vocês ser instalável pelo browser e ser acessado pela home screen, tanto desktop como mobile.

Primeiro passo seria criar um service worker simples, também aconselho adicionar um manifest.json e também workbox pra cachear imagens já, e ai é só implementando as coisas aos pouco.

Aqui um exemplo

Evidenciar os horários de disciplina

Ao encontrar uma disciplina no horário o usuário não sabe onde está o outro e com isso acaba tendo de fazer outra busca. A ideia é evidenciar os horários de uma disciplina ao passar o mouse nela. Eu só não sei como seria essa evidenciação e queria sugestões.

Colapsar e expandir linhas da tabela de horários

Ao clicar na hora, no canto esquerdo da tabela, seria interessante que toda a linha colapsasse sumindo todas as cadeiras dentro dela, e com outro clique se expandisse voltando a aparecer as cadeiras.

Inverter função dos cliques do mouse

Atualmente estamos selecionando a cadeira com o botão direito e abrindo o modal de detalhes com o botão esquerdo. Isso deve ser invertido de modo que o botão esquerdo do mouse marque a cadeira e o direito abra o modal de detalhes.

Colaboração entre aplicações

Olá pessoal, estou desenvolvendo uma visualização para a estrutura do curso (tem nome
de roadmap) e lembrei que vocês estão engajados em criar um sistema para ajudar a montar os horários (estou certo né? kkkk). Tava pensando em fazer uma colaboração entre aplicações: pensei em ter um arquivo simples que pudesse ser lido pelas duas aplicações e que retratasse a grade que a pessoa vem seguindo, podendo facilitar a filtragem tanto nos horários (horarios-cc) quanto na filtragem de cadeiras disponíveis (roadmap). Tive a ideia de ser um arquivo porque é simples de construir, podendo ser só um json mesmo mas se vocês quiserem colaborar a gente pode conversar melhor como poderia fazer essa colaboração.
PS.: Inclusive gostei da iniciativa de vocês também, acho que tem um colega meu que tem uns scripts que podem ajudar vocês na parte de tratar os dados dos horários.
Att Juan.

Criar um site no github pages

Oi pessoal, vi que estão usando Vue e que seria possível publicar a aplicação de vocês no github pages. Ficaria com uma URl assim https://guardians-dsc.github.io/horarios-cc

Seria mais fácil para as pessoas conhecerem a aplicação, darem feedbacks e começarem a utilizar. É melhor do que precisar clonar o repositório e ter que rodar local.

Vocês poderiam utilizar um CI como o travis para toda vez que alguém commita na master, automaticamente as alterações subam para o site, e tudo isso é feito adicionando apenas o arquivo .travis.yml no repositório, então não seria complicado.

Se gostarem da ideia e precisarem de ajuda, já configurei alguns projetos vue com github pages e posso passar alguns links

Salvar em cache as modificações do usuário

Deseja-se que todas as disciplinas marcadas pelo usuário sejam mantidas em cache, para quando a página for reaberta elas serem recuperadas e a página estará como o usuário deixou na última vez que acessou.

Loading dos horarios

Primeiramente, parabéns pessoal! Ficou íncrivel o trabalho de voces, apenas uma coisa que pensei que seria legal implementarem.

Durante o primeiro carregamento da pagina, os horarios levam um tempinho pra carregarem, acho que seria legal incluir um gif de carregamento, pro usuario n achar que é bug e esperar que algo ainda seja exibido.

Marcar disciplinas utilizando a barra de pesquisa

Essa issue depende que a issue #77 seja implementada.

Ao digitar o nome da disciplina na barra de pesquisa, é esperado que a primeira disciplina que aparece como sugestão seja marcada ao pressionar enter. Depois que a disciplina é marcada, espera-se que a barra de pesquisa fique em branco novamente.

Altura da linha de um horário

No momento a altura de uma linha no horário está sendo determinada pelo box da tabela inteira que ocupa mais espaço, mas o certo seria a altura de uma linha ser determinada pelo box que ocupa mais espaço nessa própria linha.

Ao passar o mouse em um card de discplina também marcar seu correspondente

Atualmente, quando passamos o mouse em uma disciplina, só o card em hover fica selecionado. Na figura abaixo, so-t1 esta com seleção de hover na segunda-feira de 8h, mas seu horário correspondente na quarta-feira de 10h não ficou marcado. O comportamento esperado é que, ao passar o mouse em um dos dois cards, ambos os horários da disciplina sejam selecionados.

image

Implementar função de filtro por período

Essa issue depende que a issue #81 seja implementada.

Ao clicar removendo a seleção de algum botão de período no filtro, é esperado que todas as cadeiras que pertencem a este período sejam removidas da tabela de horários. E ao selecionar novamente algum período sem seleção, suas cadeiras voltem a aparecer na tabela de horários.

Alterar tamanho da fonte

Fazer alterações em fonte para tamanho dos cards de disciplina se adequarem a tela do usuário.

Exportar pdf com horários marcados

A ideia é ter um botão abaixo do ícone de busca para exportar pdf. O usuário após marcar quais disciplinas quer, ele poderá clicar nesse botão e um pdf será gerado com essas disciplinas dispostas nos seus horários, como mostrado abaixo.

image

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.