1 / 10
← Voltar ao Login
⏱️

Timeout System

Manual Didático do Sistema

📚 O que você vai aprender:

🎯 O que é o Timeout System

Sistema de gestão de férias e ausências

🔐 Como acessar

Login seguro via Google

📅 Como usar

Calendário e funcionalidades

👥 Permissões

Níveis de acesso do sistema

Sistema de Gerenciamento de Férias e Ausências Corporativas

🚨 O Problema que Resolvemos

❌ PROCESSO ANTIGO

💬

Solicitação por Slack

Colaborador envia mensagem para gestor

📄

Planilha Manual

Gestor atualiza planilha online do time

Dados não compartilhados

Dados não são compartilhados entre os times

✅ PROCESSO TIMEOUT SYSTEM

🖥️

Interface Web

Acesso direto pelo navegador

Automático

Dados salvos no banco

🌐

Dados compartilhados

Pode ser usado por todos os times

🎯 Resultado: Transformação Digital

Velocidade

Segundos vs Minutos

🎯
Precisão

Zero Erros

👀
Transparência

Visibilidade Total

💻
Acesso Web

Interface responsiva

🏗️ Como o Sistema Foi Construído

📐 Arquitetura MVC em 3 Camadas

🎨 FRONTEND - Interface do Usuário

O que o usuário vê e interage

HTML/Blade
Tailwind CSS
JavaScript
↕️

⚙️ BACKEND - Lógica de Negócio (MVC)

Models, Views e Controllers organizam o código

Models (M)
Views (V)
Controllers (C)
↕️

🗄️ DATABASE - Armazenamento

Guarda dados com segurança

MySQL
Eloquent ORM
Migrations

🔧 Por que Essas Tecnologias?

🐘

Laravel

Framework PHP maduro, seguro e bem documentado

🎨

Tailwind CSS

Design system rápido e consistente

🔐

Google OAuth

Segurança corporativa integrada

🗄️

MySQL

Banco confiável para dados críticos

🐳

Docker

Ambiente isolado e portável

📊

PhpSpreadsheet

Manipulação nativa de Excel

🔐 Como Acessar o Sistema

🖥️ Tela de Login

⏱️

Timeout System

Sistema de Gerenciamento de Férias

Login com Google

🔄 Processo de Acesso

1

Clique "Login com Google"

Sistema redireciona para autenticação

2

Autorize o Acesso

Google solicita permissão (primeira vez)

3

Sistema Verifica

Timeout System busca ou cria sua conta

4

Acesso Liberado!

Redirecionamento para dashboard

5

Solicitar Perfil (se necessário)

Usuários novos vêm como Analista. Se precisar de outro perfil, peça ao gestor

🛡️ Por que Google OAuth é Seguro?

🔒
Zero Senhas

Sistema não armazena credenciais

🎯
Single Sign-On

Uma conta para todos os sistemas

🏢
Controle Corporativo

Administrador gerencia acessos

🏠 Navegando na Interface

📊 Dashboard Principal

🏠 Home / Dashboard

Bem-vindo ao Timeout System

Use o menu lateral para navegar

📌
Ausentes Hoje

No meu time

👤 João Silva
📅
Próximas do Time

Férias e ausências

🌴 Maria - 15/10
🏝️
Minhas Férias

Próximas férias

📅 20 dias disponíveis
🎉
Próximos Feriados

Datas comemorativas

🎊 Natal - 25/12

👤 Dashboard do Colaborador

📌
Ausentes Hoje no Meu Time

Quem do meu time está ausente hoje

📅
Próximas do Time

Férias e ausências futuras do time

🏝️
Minhas Férias

Suas férias futuras + saldo do período aquisitivo

🎉
Próximos Feriados

Feriados cadastrados da empresa

📅 Calendário Visual

📅 Calendário / Outubro 2025

8

Férias

3

Ausências

2

Feriados

D
S
T
Q
Q
S
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
Hoje
Férias
Ausências

📅 Calendário Inteligente

📊
Estatísticas do Período

Resumo visual de férias, ausências e feriados

🎨
Visualização por Cores

Cada tipo de evento tem sua cor para fácil identificação

🔍
Filtros Avançados

Oculte usuários ou times específicos para visualização personalizada

📱
Navegação Fácil

Navegue entre meses e visualize múltiplos meses simultaneamente

🌴 Como Gerenciar Férias e Calendário

➕ Cadastrando Férias

1. Selecione o Colaborador 👤

Gestores podem cadastrar para qualquer membro do time

2. Escolha o Período Aquisitivo 📋

Sistema mostra apenas períodos com dias disponíveis

3. Defina as Datas 📅

Dias tirados e saldo calculados automaticamente

4. Detecção de Conflitos 🔍

Sistema verifica conflitos com colegas do time

5. Sugestão Inteligente 💡

IA sugere datas alternativas sem conflitos

📅 Calendário Inteligente

🔍 Filtros Avançados

2 ativos

👤 Ocultar Usuários

João Silva

👥 Ocultar Times

Marketing

🎭 Ocultar outros times

OUTUBRO 2025

D
S
T
Q
Q
S
S
1
2
3
4
5
6
7
8
9
10
14
12
13
14
15
16
17
Hoje
Férias
Ausências

✨ Recursos Inteligentes

🔍 Detecção de Conflitos

Sistema identifica automaticamente conflitos de férias com colegas do mesmo time

💡 Sugestão de Datas

IA sugere datas alternativas mantendo a mesma quantidade de dias sem conflitos

🎯 Filtros Inteligentes

Oculte usuários ou times específicos para visualização personalizada do calendário

⏰ Gerenciando Ausências

🌴 Férias

📅 Períodos longos (semanas)
🎯 Planejadas com antecedência
⚖️ Direito trabalhista garantido
📊 Período aquisitivo específico
💰 Reduzem saldo de dias

⏰ Ausências

⏱️ Períodos curtos (dias)
Podem ser pontuais
🎭 Motivos específicos
Fluxo de aprovação
🔒 Não afetam saldo de férias

🏷️ Tipos de Ausência

🎂

Day Off

Direito do colaborador no mês de seu aniversário para celebrar a data especial

👤

Pessoal

Assuntos familiares, particulares, eventos pessoais importantes

🏥

Licenças Médicas

Licenças médicas conhecidas previamente podem ser cadastradas no sistema para planejamento

✅ Fluxo de Aprovação

Pendente

Aguardando análise do gestor

Aprovado

Autorizado e confirmado

ou

Rejeitado

Não autorizado pelo gestor

🔍 Filtros Avançados

🎛️ Painel de Filtros Inteligentes

🔽Filtros Avançados

3 ativos
👤Filtrar por Usuários
👥Filtrar por Times

💡 Como Usar os Filtros

1. Expandir Painel

Clique na seta para abrir filtros

2. Buscar em Tempo Real

Digite para filtrar usuários/times

3. Selecionar Itens

Marque/desmarque conforme necessário

4. Aplicação Automática

Calendário atualiza instantaneamente

🎯 Exemplos Práticos

📋 Planejamento de Sprint

Filtre apenas o time de Desenvolvimento para ver disponibilidade nas próximas 2 semanas

🎤 Reunião Específica

Selecione apenas os participantes da reunião para verificar conflitos

👤 Análise Individual

Desmarque todos e foque em uma pessoa para análise detalhada

🔐 Sistema de Permissões

📊 Matriz de Permissões

Funcionalidade 👤
Analista
🎯
Especialista
👥
Coordenador
👨‍💼
Gerente
🏠 Ver Dashboard ✅ Próprio ✅ Próprio ✅ Equipe ✅ Equipe
🌴 Gerenciar Férias ✅ Próprias ✅ Próprias ✅ Equipe ✅ Equipe
⏰ Gerenciar Ausências ✅ Próprias ✅ Próprias ✅ Equipe ✅ Equipe
👥 Gerenciar Usuários ✅ Equipe ✅ Equipe
🎉 Gerenciar Feriados
📊 Import/Export

🛡️ Segurança Automática

  • Sistema verifica permissões automaticamente
  • 🚫Tentativas não autorizadas são bloqueadas
  • 🔒Dados sensíveis protegidos por role
  • 📋Log de acesso para auditoria

⚙️ Atribuição Automática

  • 🎯Perfil atribuído no primeiro login
  • 👥Gestores podem alterar perfis
  • 🔄Mudanças aplicadas instantaneamente
  • 📧Baseado em conta Google corporativa

🎯 Resumo e Próximos Passos

✅ O que Você Aprendeu

O que é o Timeout System e que problemas resolve
Como foi construído tecnicamente
Como fazer login seguro com Google
Como navegar pela interface
Como gerenciar férias e ausências
Como usar filtros avançados
Como funcionam as permissões

🚀 Próximos Passos

1. 🖱️ Explore o Sistema

Faça login e navegue pelas diferentes telas para se familiarizar

2. 📝 Cadastre suas Informações

Adicione suas férias e ausências futuras no sistema

3. 👥 Ajude Colegas

Compartilhe conhecimento e ajude outros a usar o sistema

4. 💡 Dê Feedback

Reporte problemas e sugestões para melhorias

🎉 Transformação Digital Completa

Agilidade

Processos em segundos

🎯

Precisão

Zero erros manuais

👀

Transparência

Visibilidade total

💻

Acesso Web

Interface responsiva

💼 Timeout System transformou a gestão de tempo da empresa

De processos manuais para uma plataforma digital moderna e eficiente

🚀 Pronto para usar o Timeout System?

Faça login agora e comece a gerenciar seu tempo de forma inteligente!

Desenvolvido com Inteligência Artificial ✨ por Cursor
Dúvidas/Sugestões: matheus.carvalho@tray.net.br