README
Documentação de Suporte

Relatório Técnico do Projeto Portfólio

Introdução

Este relatório documenta o processo de desenvolvimento de um portfólio digital interativo, abordando a implementação técnica, os desafios encontrados e as soluções aplicadas. O objetivo do projeto é criar um website profissional que sirva como ferramenta de apresentação pessoal e profissional, proporcionando simultaneamente uma experiência prática na utilização de editores visuais, repositórios GitHub e web.

Estrutura do Projeto

O projeto foi concebido para garantir flexibilidade na edição e controlo de versão, recorrendo a múltiplas ferramentas. Após testes iniciais com diferentes abordagens, foi escolhida a solução de hospedagem premium na Hostinger com domínio próprio nunosalvacao.pro e instalação de WordPress com acesso total aos ficheiros e código-fonte. A estrutura principal está organizada da seguinte forma:

Hospedagem e Diretório Base:

  • Plataforma de Hospedagem: Hostinger (Plano Premium)
  • Domínio: nunosalvacao.pro
  • CMS Utilizado: WordPress (Instalação própria, sem construtores limitadores)
  • Acesso Total: Gestão de ficheiros via File Manager, FTP e SSH

Processo de Desenvolvimento

1. Planeamento e Prototipagem

1.1. Teste de Diferentes Soluções

Ao longo do processo de desenvolvimento, foram testadas várias abordagens antes da decisão final:

  • Dreamweaver + Servidor Web Local → Primeira tentativa para desenvolver o site manualmente, utilizando um servidor local para testes e desenvolvimento do código HTML e CSS. Permitiu um alto nível de personalização, mas revelou-se demasiado moroso para a implementação de um blog dinâmico.
  • GrapesJS → Experiência inicial com um editor visual . Embora tenha facilitado a prototipagem, não oferecia flexibilidade suficiente para a estruturação completa do portfólio.
  • Website Builder da Hostinger → Solução rápida, mas com limitações no acesso a ficheiros e personalização avançada.
  • HTML/CSS Manual + Hospedagem no Hostinger → Opção testada para máximo controlo sobre o código, mas a ausência de um sistema de gestão de conteúdos (CMS) tornava a manutenção e atualização do site menos eficiente.
  • WordPress Self-Hosted na Hostinger → Após avaliar todas as alternativas, esta solução foi escolhida por oferecer um equilíbrio entre personalização, controlo e escalabilidade.

1.2. Escolha Final do WordPress na Hostinger

Após os testes mencionados, decidiu-se pela utilização de WordPress na Hostinger com total acesso aos ficheiros, garantindo:

  • Facilidade na criação e manutenção de conteúdo blog, portfólio, páginas institucionais;
  • Gestão eficiente de design e funcionalidades através de temas e plugins;
  • Acesso direto ao código-fonte para personalizações avançadas e otimizações;
  • Integração com GitHub para rastreamento de versões e segurança dos dados.

2. Desenvolvimento e Implementação

  • Instalação do WordPress e configuração inicial de segurança e otimização
  • Personalização do tema e estruturação do conteúdo
  • Implementação de páginas essenciais e integração com SEO e plugins

3. Testes e Depuração

  • Configuração de backups automáticos no hPanel
  • Testes de compatibilidade, velocidade e segurança
  • Ajustes finos na navegação e design

4. Implantação e Publicação

  • Publicação do site na Hostinger com configuração de caching e otimizações
  • Configuração de SSL para garantir conexões seguras

5. Limpeza de Código e Consolidação

  • Remoção de elementos utilizados apenas na fase de testes
  • Estruturação do código para futuras expansões

Aprendizagens e Reflexões

Durante o desenvolvimento do projeto, identifiquei diversas oportunidades de otimização:

Escolha da Hospedagem e CMS – A migração para Hostinger + WordPress proporcionou maior controlo e flexibilidade.

Gestão de Ficheiros e Segurança – Acesso total ao código permitiu customizações avançadas e configurações otimizadas.

SEO e Desempenho – Utilização de ferramentas para otimizar velocidade e indexação nos motores de busca.

Primeira Experiência Completa com Hospedagem Profissional – Compreensão aprofundada da e WordPress self-hosted.

Próximos Passos (já em desenvolvimento)

Na próxima revisão do website portfólio, serão implementadas melhorias focadas na experiência do utilizador, na otimização de desempenho e na integração de novas funcionalidades interativas.

  • Entre as prioridades está a integração do Botpress, que permitirá um agente de IA interativo para responder a dúvidas dos visitantes, orientá-los sobre os conteúdos do site e facilitar a navegação.
  • Além disso, serão otimizadas as páginas do portfólio, garantindo uma apresentação mais dinâmica dos projetos, bem como aprimorada a responsividade do site para assegurar uma navegação fluida em diferentes dispositivos.
  • Ajustes no SEO e no carregamento das páginas também serão considerados para aumentar a visibilidade e eficiência da plataforma.

A próxima versão estará publicada no espaço de 1 mês.

Ferramentas Utilizadas na Elaboração do Website

A construção do website portfólio envolveu uma seleção estratégica de ferramentas para desenvolvimento, otimização, automação e gestão de conteúdo.

Desenvolvimento e Infraestrutura

  • WordPress (Twenty Twenty-Five) – Plataforma base para a estrutura e gestão do conteúdo.
  • Gutenberg Editor – Construção e personalização de páginas através de blocos.
  • Plataforma Hostinger – Alojamento web e gestão de domínio.
  • GitHub – Controlo de versão e armazenamento de código.
  • Visual Studio Code – Edição avançada de ficheiros e personalizações no código.
  • Code Snippets – Inserção e gestão de código PHP sem necessidade de editar ficheiros principais do tema.

SEO, Gestão de Taxonomias e Analytics

  • Rank Math – Otimização SEO para melhorar a indexação do site.
  • TaxoPress – Gestão de taxonomias e organização de conteúdos.
  • Google Site Kit – Integração com Google Analytics, Search Console e outras ferramentas para análise de desempenho.

Automação e Interatividade

  • Botpress – Agente de IA para interação dinâmica com os visitantes.
  • Microsoft Forms – Implementação do formulário de contacto integrado.

Design e Conteúdo Multimédia

  • DALL·E & Microsoft Designer – Geração de imagens assistida por IA.
  • Canvas – Criação e edição avançada de imagens para o site.
  • Lumen5 – Produção de vídeos para dinamização do conteúdo.
  • Lucidchart & Visio – Modelação de fluxos e estruturas organizacionais.

Organização e Documentação

  • Obsidian – Gestão de notas e estruturação de documentação do projeto.

A sinergia entre estas ferramentas garantiu um processo de desenvolvimento eficiente, um site bem estruturado e uma experiência de navegação otimizada para os utilizadores.

Conclusão

A criação deste portfólio digital representou um desafio significativo, exigindo e adaptação a novas metodologias. A migração para WordPress na Hostinger revelou-se a escolha mais eficaz, permitindo um equilíbrio entre flexibilidade, controlo total e facilidade de manutenção.

A experiência adquirida será essencial para futuras implementações, consolidando a base técnica necessária para aplicações tanto no contexto académico como profissional.