Como ele é
À esquerda fica a lista de tarefas, agrupadas em fases que abrem e fecham, com a duração de cada uma; à direita, a linha do tempo com uma barra por tarefa. As barras são claras, com contorno na cor de destaque, e se preenchem conforme o progresso, com a porcentagem dentro e o responsável ao lado. Setas ligam o fim de uma tarefa ao começo da seguinte; se uma regra é quebrada, a seta fica vermelha e tracejada. Tarefas do caminho crítico ficam em vermelho, marcos aparecem como losangos e uma linha tracejada azul marca o dia de hoje.
Você pode estar procurando isto se pediu algo assim
- cronograma de projeto com barras que eu arrasto para mudar a data
- gráfico de Gantt no navegador, tipo MS Project, dentro do meu sistema
- mostrar as etapas da implantação com prazos e dependências
- quando uma tarefa atrasa, as seguintes andam junto sozinhas
- ver o caminho crítico do projeto destacado na tela
- linha do tempo de obra com fases, marcos e a data de hoje
- cronograma que pula o fim de semana quando arrasto a tarefa
Também chamado de
- gráfico de Gantt
- Gantt chart
- cronograma de projeto
- project timeline
- caminho crítico
- critical path
- linha do tempo de projeto
Quando usar
- Implantações de sistemas, com fases, marcos e dependências entre equipes
- Obras e projetos públicos que precisam mostrar prazos e caminho crítico
- Planos de ação em ERPs e em painéis de gestão de projetos
- Propostas e relatórios em que o cliente precisa ver o cronograma e mexer nele
Quando evitar
- Calendários com feriados ou jornadas fora de segunda a sexta, que o encaixe por dia útil não considera
- Listas de tarefas sem datas, em que um quadro kanban resolve melhor
- Celular como tela principal, já que o cronograma precisa de largura para as barras
Como pedir para a sua IA
Adicione um gráfico de Gantt ao módulo de projetos do meu sistema: barras arrastáveis com encaixe em dias úteis, dependências fim-início em setas, reprogramação automática das tarefas seguintes, caminho crítico destacado, fases recolhíveis, desfazer e edição completa pelo teclado.
Com o THM Componentes, você cola o prompt completo do catálogo, que já traz o código-fonte deste componente, e a IA reproduz este efeito exato em vez de improvisar.
Perguntas sobre Canteiro
Canteiro recalcula as datas quando uma tarefa atrasa?
Sim. Com autoSchedule ligado, mover ou esticar uma tarefa em Canteiro empurra todas as sucessoras e impede que alguma comece antes do fim das predecessoras. O caminho crítico é recalculado nas datas novas, e o evento taskChange informa a tarefa alterada e a lista das que foram empurradas.
Dá para usar Canteiro só pelo teclado?
Dá. Em Canteiro, as setas percorrem a lista de tarefas e abrem ou fecham fases, Alt com as setas move a tarefa um dia útil, Alt e Shift com as setas mudam a duração, mais e menos trocam a escala e Ctrl+Z desfaz. Cada mudança é anunciada a leitores de tela.
Como ligo Canteiro às tarefas do meu sistema?
Pelo v-model: cada tarefa tem id, nome, início, fim, progresso, fase, marco, dependências e responsável. Canteiro corrige ids repetidos e datas inválidas, emite taskChange, taskClick, taskOpen e toggle, e expõe métodos como scrollToToday, getCriticalPath e getSlack para o seu código.





