guardians-dsc / horarios-ufcg Goto Github PK
View Code? Open in Web Editor NEWVisualizaçã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
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
Criar componente que mostrar mais detalhes sobre a disciplina selecionada
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?
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
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.
Desenvolvimento de um design para aplicação no mobile.
A navbar deve conter o nome do projeto, o curso e uma barra de pesquisa.
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.
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:
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
Como será possível clicar em uma disciplina e ver as suas informações em um box, seria legal mudar o estilo do cursor quando ele estivesse em cima de uma disciplina
A resolução do ícone de busca está ficando ruim quando colocado em uma tela muito grande.
As disciplinas dentro do box de horário não estão seguindo nenhuma sequência. O ideal seria organizá-las por ordem alfabética.
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.
Escolher cores que deixem o site mais harmônico e que façam mais sentido
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.
Nos detalhes da disciplina está sendo mostrado o horário dela.
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.
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.
As cores usadas não seguem um bom padrão de design, logo precisamos repensá-las.
Criar um componente para a disciplina, quando selecionado alterar a cor
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
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.
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.
Seria interessante se quando clicarmos numa disciplina e os detalhes aparecerem, invés de fechá-la apenas clicando no "X" também ser possível fechar clicando fora da janela.
Criar uma logo
Atualmente a navbar possui um elemento h1 que está agrupando várias div's. Seria interessante corrigir isso para que o h1 possua somente texto e não seja um container.
Isso ajuda a melhorar o aproveitamento da tela, já que temos muitos elementos
Criar um componente para o dia da semana
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.
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.
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.
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.
Fazer alterações em fonte para tamanho dos cards de disciplina se adequarem a tela do usuário.
Descrição semelhante a da issue #63
Ao clicar com o botão direito no card de disciplina não deve abrir o menu de contexto do browser.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.