📍 Angola Turismo

Relatório do Trabalho

Sobre este projeto

Finalidade do site

O site "Angola Turismo" foi desenvolvido no âmbito da unidade curricular de Laboratório de Sistemas e Serviços Web (E-fólio A), com o objetivo de promover os principais pontos turísticos de Angola, destacando as belezas naturais, culturais e históricas do país.

Organização lógica

O site é composto por 6 páginas HTML interligadas:

  • index.php - Página inicial com menu principal e destinos em destaque
  • luanda.html - Pontos turísticos da capital, Luanda
  • huila.html - Serra da Leba e Fenda da Tundavala
  • benguela.html - Praias e Baía Azul
  • kalandula.html - Quedas de Kalandula
  • about.html - Relatório do projeto (esta página)

A navegação é feita através de um menu fixo no topo, presente em todas as páginas, garantindo uma experiência consistente ao utilizador.

Separação de conteúdo e apresentação

Foi utilizada uma folha de estilo externa (css/estilo.css) para toda a formatação visual do site. O HTML contém apenas a estrutura e o conteúdo, enquanto o CSS define cores, tamanhos, posicionamentos e efeitos visuais. Esta separação permite:

  • Manutenção mais fácil do código
  • Alteração global da aparência com poucas mudanças
  • Código mais limpo e organizado

Funcionalidades dinâmicas (JavaScript)

O site inclui 3 elementos dinâmicos implementados em JavaScript:

  1. Modo Dia/Noite - Botão no cabeçalho que alterna entre tema claro e escuro, com persistência da preferência usando localStorage.
  2. Ampliar Imagens - Ao clicar nas imagens dos destinos, estas são ampliadas; um segundo clique restaura o tamanho original.
  3. Destaque de Links - Ao passar o rato sobre os links do menu, estes mudam de cor e aumentam ligeiramente de tamanho (CSS + JavaScript para log no console).

Tecnologias utilizadas

  • HTML5 - Estrutura das páginas
  • CSS3 - Estilos e layout responsivo
  • JavaScript - Funcionalidades dinâmicas
  • localStorage - Armazenamento da preferência de tema

Browsers testados

O site foi testado nos seguintes navegadores: Google Chrome, Mozilla Firefox e Microsoft Edge, apresentando funcionamento correto em todos.

Server-side info (E-fólio B)

Base de Dados

Nome da BD: 2500691_turismo (MySQL/MariaDB)

Utilizador: lei

Password: Issweb#26

Estrutura da tabela destinos:

  • id - INT (auto-incremento, chave primária)
  • nome - VARCHAR(100) - nome do destino turístico
  • provincia - VARCHAR(100) - província onde se localiza
  • descricao - TEXT - descrição do destino
  • imagem - VARCHAR(255) - caminho da imagem (opcional)
  • criado_em - TIMESTAMP - data de criação do registo

Back Office

URL: backoffice.php

Página com formulário que permite inserir novos destinos turísticos na base de dados.

API REST

A API está disponível no endpoint /api/ e suporta os seguintes métodos:

  • GET /api/destinos - Listar todos os destinos
    curl -X GET http://localhost/2500691_efolioB/api/destinos
  • GET /api/destinos/{id} - Obter um destino específico
    curl -X GET http://localhost/2500691_efolioB/api/destinos/1
  • PUT /api/destinos/{id} - Atualizar a descrição de um destino
    curl -X PUT http://localhost/2500691_efolioB/api/destinos/1 -H "Content-Type: application/json" -d '{"descricao":"Nova descrição"}'

Data de desenvolvimento

E-fólio A: Abril de 2026

E-fólio B: Maio de 2026