Plano de Orientação de Estágio
Duração: 2 semanas
Dias da semana: Segunda a sexta
Horário: 8h às 12h
Ferramentas: HTML5, CSS3, JavaScript, PHP
Projeto: Sistema de armazenamento de documentos
Objetivo Geral:
Desenvolver um sistema web completo para armazenamento de documentos,
com funcionalidades de inserção, listagem e visualização de documentos. O
projeto será feito em HTML5, CSS3, JavaScript (frontend) e PHP (backend), com
operações CRUD.
Cronograma:
Semana 1: Fundamentos e Estrutura Inicial
Dia 1: Introdução e Planejamento
• Apresentação do projeto e divisão de tarefas;
• Explicação da estrutura de um sistema web (frontend/backend);
• Configuração do ambiente de desenvolvimento (XAMPP/VS Code);
• Início do esqueleto HTML do projeto (páginas principais: inserção e listagem);
Dia 2: Estilização com CSS
• Introdução ao CSS3 e layout responsivo;
• Aplicação de estilos à página de inserção de documentos e listagem;
• Ajustes de layout e testes de responsividade;
Dia 3: Criando interfaces do sistema
• Tela do admin
• Tela de salvar arquivo.
• Tela cadastro de usuarios
Dia 4: Estruturação do Backend
• Introdução ao PHP e à conexão com banco de dados (MySQL);
• Criação da base de dados e tabelas para armazenar documentos;
• Implementação do formulário de inserção de documentos com PHP;
Dia 5: Operações de CRUD (Create e Read)
• Desenvolvimento do sistema de inserção de documentos (Create) com
validação de entrada;
• Implementação da funcionalidade de listagem de documentos (Read);
• Testes para verificar a funcionalidade de inserção e listagem;
Semana 2: Funcionalidades Avançadas e Finalização
Dia 6: Funcionalidade de Visualização de Documentos
• Criação da página de visualização individual de documentos
• Integração da funcionalidade de visualização com PHP e banco de dados
Dia 7: Segurança e Upload de Arquivos
• Implementação de upload de arquivos de documentos (ex: PDF, Word);
• Validação e segurança no upload de arquivos (verificação de tamanho e tipo);
Dia 8: Refatoração e Otimização
• Revisão e refatoração do código;
• Otimização da interação frontend e backend;
• Preparação para testes e ajustes finais;
Dia 9: Testes Finais e Documentação
• Testes completos do sistema (inserção, listagem, visualização);
• Escrever a documentação técnica do projeto (configurações, funções
principais);
• Feedback e correções;
Dia 10: Apresentação Final
• Preparação e organização da apresentação do projeto;
• Apresentação do sistema funcional para a turma e feedback final
Funcionalidades Principais:
1. Inserção de Documentos: O usuário pode adicionar um documento com
título, descrição e upload do arquivo.
2. Listagem de Documentos: Todos os documentos inseridos são listados,
exibindo nome e data de inserção.
3. Visualização de Documentos: O usuário pode clicar em um documento da
lista para visualizar seu conteúdo e informações detalhadas.
4. Upload Seguro de Arquivos: Permite o upload de arquivos PDF e Word com
validações de segurança.
Conclusão: Ao final do estágio, os alunos terão desenvolvido um sistema
funcional, aplicando os conhecimentos adquiridos em HTML, CSS, JavaScript e
PHP. O projeto será uma excelente base para aprofundar o aprendizado sobre
sistemas CRUD e interação frontend-backend.