...

ACESSAR O SISTEMA 23.png
BALLAMINUT PRODUCTIVITY.png

Adicionar Tarefas:

Como é feito?

     As tarefas são adicionadas por meio de um formulário que coleta as informações necessárias (nome, tag, número, etc.). O código cria um novo elemento HTML para cada tarefa, incluindo todos os campos de entrada e opções configuradas pelo usuário. Esses dados são então salvos no localStorage para persistência, garantindo que as tarefas permaneçam disponíveis mesmo após a página ser recarregada.

 

adicionar tarefas.png

O sistema permite que o usuário adicione novas tarefas com diversos campos, como nome, tag, número, pessoa responsável, data de realização, data de término, horário, valor, razão, localização e método. (Saiba mais)

 

 accept, check, success, tick Adicionar Tarefas

      accept, check, success, tick  Permite ao usuário adicionar novas tarefas com vários atributos, como nome, tag, número, pessoa atribuída, datas (início e término), horário, quantidade, razão, local e método de execução.
      accept, check, success, tick  Possibilidade de adicionar subtarefas a uma tarefa principal.
     close, x, round, denied  Permite que eu aumente ou diminua a caixinha do títulodo checklist para pacilitar a leitura

 

 

Personalização das tarefas

Como é feito?

Inclusão de sub taredas.png


 

 

accept, check, success, tick Personalização de Tarefas:

      accept, check, success, tick Cada tarefa e subtarefa pode ser personalizada com campos adicionais criados pelo usuário.

Estas funcionalidades permitem ao usuário gerenciar eficientemente suas tarefas, subtarefas e eventos, oferecendo flexibilidade e personalização para adaptar o sistema às suas necessidades específicas.

       accept, check, success, tick  Adição de campos personalizados a cada tarefa para maior flexibilidade na descrição de tarefas.

 


 

accept, check, success, tick Campos Personalizados:

    accept, check, success, tick Possibilidade de adicionar campos personalizados a cada tarefa, permitindo a customização conforme as necessidades do usuário. 
  accept, check, success, tick Usuário pode adicionar novos campos personalizados a uma tarefa ou subtarefa

 

Gerenciamento de Subtarefas:

Como é feito?

 

Edição de tarefas.png
Campos personalizados.png
Movimentação de subtarefas.png

Para cada tarefa, é possível adicionar subtarefas, que também podem ter seus próprios campos personalizados e serem manipuladas de forma independente.
(saiba mais)

 

 

accept, check, success, tick Adicionar Subtarefas:

 

     accept, check, success, tick Cada tarefa pode ter subtarefas aninhadas e desaninhadas, permitindo uma estrutura hierárquica de tarefas.

     accept, check, success, tick  Possibilidade de adicionar  e retirar subtarefas a cada tarefa, com a mesma funcionalidade de detalhamento e edição.
     accept, check, success, tick Permite adicionar e retirar subtarefas aninhadas dentro de uma tarefa.

     accept, check, success, tick Permite mover tarefas e subtarefas de maneira livre entre todas as tarefas e subtarefas

     accept, check, success, tick Permite mover subtarefas para que elas virem tarefas também

     accept, check, success, tick Cada tarefa pode ter subtarefas aninhadas.

     accept, check, success, tick Subtarefas podem ser adicionadas, editadas e removidas. 

    accept, check, success, tick As subtarefas possuem os mesmos campos personalizados das tarefas principais.


 

accept, check, success, tick Movimentação de Tarefas e Subtarefas:

    accept, check, success, tick Tarefas e subtarefas podem ser movidas livremente entre listas, permitindo a criação de hierarquias flexíveis. 

    accept, check, success, tick Subtarefas podem ser movidas para se tornarem tarefas principais e vice-versa.
     close, x, round, denied  Poder marcar diversas tarefas para mover várias de uma vez para ser sub tarefa se necessário.

 

Manipulação de Tarefas e Subtarefas:

 

accept, check, success, tick Drag and Drop
    accept, check, success, tick Implementação de arrastar e soltar para reordenar tarefas e subtarefas usando a biblioteca Sortable.

O código acima implementa um sistema de produtividade com várias funcionalidades organizadas em torno de um checklist e um calendário mensal. Aqui estão as principais funcionalidades presentes:

    accept, check, success, tick Expansão e contração de listas de tarefas e subtarefas. (Permite expandir e contrair subtarefas para melhor organização visual.)



Com a integração do Sortable.js, o código permite arrastar e soltar tarefas e subtarefas para reorganizá-las dentro da interface. (saiba mais)
 

​​​​​​​

Salvar e Restaurar Estado:

Armazenamento local.png

accept, check, success, tick Armazenamento Local:

    accept, check, success, tick Uso do localStorage para salvar e restaurar o estado das tarefas, mantendo a persistência de dados mesmo após recarregar a página.

    close, x, round, denied  Banco de dados próprio
    close, x, round, denied  Banco de dados no servidor


O estado da checklist (tarefas, subtarefas e seus detalhes) é salvo no localStorage, permitindo que as tarefas sejam restauradas após recarregar a página. (saiba mais)

 

Como é feito?

 

Marcar Tarefas como Concluídas:

Marcar tarefas concluídas.png


 

 

accept, check, success, tick Marcar como Concluída:   
     accept, check, success, tick Tarefas podem ser marcadas como concluídas, sendo movidas para a seção de atividades concluídas e exibidas com um estilo diferente (riscadas).
     accept, check, success, tick  Você tem certeza que deseja concluir essa tarefa?
     accept, check, success, tick Marcação de tarefas como concluídas com a opção de mover para o histórico de atividades concluídas.

     close, x, round, denied  Criar um botão de concluir a atividade no final da atividade o checklist apenas para riscar

 

 


As tarefas podem ser marcadas como concluídas, e são movidas para uma seção específica de "Tarefas Concluídas". (saiba mais)



 

Histórico de Tarefas Concluídas

 

accept, check, success, tick Histórico de Tarefas Concluídas:

    accept, check, success, tick Registro de tarefas concluídas com possibilidade de visualização de um histórico.

 


 

accept, check, success, tick Interação com o Usuário:

    accept, check, success, tick Confirmar ao concluir tarefas: "Você tem certeza que deseja concluir essa tarefa?

 

​​​​​​​

Filtro de Tarefas:

filtros.png

Como é feito?

 

Filtro por tag.png
Filtro por pessoa .png
Filtro por campos e funcionalidades.png

accept, check, success, tick Edição de Tarefas

  accept, check, success, tick Tarefas podem ser editadas diretamente na interface, incluindo a alteração de atributos como tag, número, pessoa, datas, horário, etc.
    accept, check, success, tick  Editar o nome da tarefa e subtarefas ( O nome das tarefas e subtarefas também podem ser editadas (Permite a edição do nome das tarefas e subtarefas.)
    close, x, round, denied  Tarefas do calendário podem ser editadas e sincronizadas com o checklist.



O usuário pode adicionar campos personalizados a cada tarefa ou subtarefa, aumentando a flexibilidade do sistema.

 (saiba mais)

Filtro por palavra chave.png
Filtro por tarefa bloqueante.png


accept, check, success, tick Filtros

     accept, check, success, tick Filtro por tag,

     accept, check, success, tick Pessoa atribuída

     accept, check, success, tick  Campos personalizados, permitindo ao usuário visualizar tarefas específicas com base nesses critérios.

     accept, check, success, tick Palavras-chave e destaque (Inclua a funcionalidade de filtrar por Palavras-chave, mesmo que as tarefas e subtarefas estejam minizadas)
     close, x, round, denied  Filtro para mostrar apenas tarefas bloqueantes. (Filtragem de tarefas bloqueantes) 
   accept, check, success, tick Filtrar por títulos de projetos (Destaque (tarefas destacadas)..)

 


O código permite filtrar tarefas por tag, pessoa atribuída, palavras-chave e campos personalizados. (saiba mais)

   

Como é feito?

Relatórios:

relatórios.png

Como é feito?

 

Relatório de bloqueantes.png

Como é feito?

 

Relatórios de títulos de projetos.png

Como é feito?

 

Relatório de tarefas ordenadas por números.png

 

accept, check, success, tick Relatório de Bloqueantes e tarefas destacadas (Títulos de Projeto) e Relatório de Tarefas Ordenadas por Número: :

      accept, check, success, tick Geração de um relatório detalhado das tarefas bloqueantes agrupadas por pessoa atribuída. (Gera um relatório de todas as tarefas e subtarefas bloqueantes.)
      accept, check, success, tick Criação de relatórios detalhados de atividades bloqueantes, incluindo informações sobre subtarefas e campos personalizados. (Gera um relatório de todas as tarefas e subtarefas marcadas como títulos de projeto.)
      accept, check, success, tick Geração de relatórios de tarefas bloqueantes e títulos de projeto, agrupados por pessoa atribuída.
       close, x, round, denied  Impressão do relatório de bloqueantes
       close, x, round, denied Geração de um relatório detalhado das tarefas destacadas agrupadas por pessoa atribuída..

      accept, check, success, tick Gera um relatório de todas as tarefas e subtarefas ordenadas por número, da maior para a menor.


Existem funcionalidades para gerar relatórios de tarefas bloqueadas (blockers) e títulos de projetos, ambos agrupados por pessoa. (saiba mais)

Como é feito?

Ordenação e Relatórios por Número:

Ordenação por números.png


     

accept, check, success, tick Ordenação:

     accept, check, success, tick Função para ordenar tarefas pelo número associado a elas. 

     accept, check, success, tick  (Ordenar da maior para a menor independente de ser tarefa ou subtarefas


As tarefas podem ser ordenadas pelo campo "número", e relatórios baseados nessa ordenação podem ser gerados. (saiba mais)

 

 

 

Interatividade com o Calendário:

Como é feito?

 

Agenda com calendário integrado.png
agenda com calendário integrado 2.png

Como é feito?


accept, check, success, tick Agenda com Calendário Integrado:

    accept, check, success, tick Exibição de um calendário mensal que mostra os eventos/tarefas agendadas. O calendário destaca os dias com tarefas e exibe detalhes dos eventos ao clicar.
    accept, check, success, tick Integração com tarefas para mostrar eventos no calendário.

    accept, check, success, tick Eventos são exibidos nos dias correspondentes, incluindo eventos de início e término.

    accept, check, success, tick  Adicionar Tarefas Direto no Calendário: Permite adicionar tarefas diretamente clicando em um dia específico no calendário, com os mesmos campos das tarefas principais. (Posso clicar no calendário para adicionar uma tarefa e a mesma tarefa será adicionada no checklist lá em cima. ( tarefas podem ser adicionados diretamente tanto no checklist como no calendário.) Como se ao clicar o calendário eu estivesse clicando no botão Sub tarefa, quero que tenha a função exatada desse botão no checklist lá em cima.)

    close, x, round, denied  Posso editar no calendário que a mesma tarefa será editada lá em cima no calendário (Integração dos eventos das tarefas com o calendário espelhados, permitindo edição simultanea de todas as edições dos campos mudando automaticamente tanto no checklist da tarefa como no calendário.)
    close, x, round, denied Permitir concluir a atividade a partir do click da tarefa também através do calendário.

    close, x, round, denied Permitir excluir a atividade a partir do click da tarefa também através do calendário.
    close, x, round, denied Permitir que eu arraste a terafa do calendário para outro dia do calendário e que a tarefa acima lá no checklist se atualize sozinha
     close, x, round, denied  Funcionalidade para excluir ou marcar como concluída uma tarefa diretamente do calendário.

 



O código inclui um calendário que exibe as tarefas para datas específicas. Clicar em um dia permite adicionar uma tarefa diretamente para aquela data. (saiba mais)

 

Como é feito?

Exportação e Importação de Dados:

Funcionalidades de bkp.png

 

accept, check, success, tick Funcionalidades de Backup e Restauração:

     accept, check, success, tick Download do Checklist em Excel: Permite fazer o download do checklist de tarefas e subtarefas em formato Excel

     accept, check, success, tick Upload de Checklist em Excel: Permite fazer o upload de um arquivo Excel para restaurar o checklist de tarefas e subtarefas.

 

É possível exportar a checklist para um arquivo Excel ou JSON, bem como importar tarefas a partir desses formatos. (saiba mais)

Como é feito?

Modal de Adição de Tarefa:

Modal de edição de tarefas.png


close, x, round, denied  Funções para Atualizar o Calendário: Funções para atualizar o calendário com base nas tarefas adicionadas e modificadas.

close, x, round, denied  Funcionalidade para excluir ou marcar como concluída uma tarefa diretamente do calendário.

close, x, round, denied Tarefas podem ser marcadas como concluídas, sendo movidas para a seção de atividades concluídas e exibidas com um estilo diferente (riscadas).
     close, x, round, denied Tarefas podem ser editadas diretamente na interface, incluindo a alteração de atributos como tag, número, pessoa, datas, horário, etc.
    close, x, round, denied  Editar o nome da tarefa e subtarefas ( O nome das tarefas e subtarefas também podem ser editadas (Permite a edição do nome das tarefas e subtarefas.)
    close, x, round, denied  Tarefas do calendário podem ser editadas e sincronizadas com o checklist.

 

    close, x, round, denied Modal para adicionar tarefas específicas para datas selecionadas no calendário.

    close, x, round, denied  Funções para Atualizar o Calendário: Funções para atualizar o calendário com base nas tarefas adicionadas e modificadas.

 

close, x, round, denied Manipulação de Elementos DOM:
    close, x, round, denied Utilização de eventos DOM para adicionar, remover, editar e marcar tarefas diretamente na interface do usuário.


O código inclui um modal para adicionar tarefas diretamente a partir do calendário, facilitando a entrada de dados de forma contextual. (saiba mais)



 

Bloqueio e Título de Projeto:

Como é feito?

marcar como bloqueante.png
Marcar como bloqueante 2.png
Marcar como título de projetos.png

 

accept, check, success, tick Gerenciamento de Bloqueantes e títulos de projetos

    accept, check, success, tick Tarefas podem ser marcadas como bloqueantes. (borda fica vermelha)  Há uma funcionalidade para filtrar e gerar relatórios de tarefas bloqueantes.

    accept, check, success, tick Tarefas podem ser marcadas como título de projeto. (borda fica verde) Há uma funcionalidade para filtrar e gerar relatórios de títulos de projetos, (Objetivo de  se destacar para facilitar a visualização e diferenciação das tarefas que representam inicio de etapas mais importantes.) (Permite marcar tarefas e subtarefas como títulos de projeto (borda verde).)
 


Tarefas podem ser marcadas como bloqueadores ou títulos de projetos, o que influencia como elas são exibidas e filtradas. (saiba mais)
 

Como é feito?

Excluir Todas as Tarefas:

excluir todas as tarefas.png

 

accept, check, success, tick Exclusão de Tarefas:

     accept, check, success, tick Tarefas e subtarefas podem ser removidas da lista.

     accept, check, success, tick Todas as tarefas e subtarefas podem ser excluidas de uma vez.
     accept, check, success, tick  Você tem certeza que você deseja excluir essa tarefa?


O código permite excluir todas as tarefas de uma vez, após uma confirmação do usuário. (saiba mais)
 

accept, check, success, tick Interação com o Usuário:

    accept, check, success, tick Confirmar ao excluir tarefas: "Você tem certeza que deseja excluir essa tarefa?

Como é feito?