MINISTÉRIO DA EDUCAÇÃO

INSTITUTO MÉDIO COMERCIAL DE LUANDA

CRIAÇÃO DE UMA PÁGINA WEB DE MARKETING

PARA EMPRESA ACVADEMIA HELVSAT

ANGELINA SICATO
Nº 2
12ª CLASSE
TURMA DTI

LUANDA,2025
CRIAÇÃO DE UMA PÁGINA WEB PARA ACADEMIA
TECNOLÓGICA HELVSAT

Projecto de Aptidão Profissional apresentado á

Coordenação do Curso Técnico de Informática de
Gestão do Instituto Médio Comercial de Luanda,
como um dos requisitos para a aprovação da Prova
de Aptidão Profissional, sob a orientaçõ MRC:
Eugénio Monteiro.

LUANDA, 2025
LUANDA, 2025
 SUMÁRIO

DEDICATÓRIA________________________________________________
AGRADECIMENTOS___________________________________________
RESUMO_____________________________________________________
ABSTRACT___________________________________________________
INTRODUÇÃO________________________________________________
PROBLEMÁTICA______________________________________________
HIPÓTESE____________________________________________________
JUSTIFICATIVA______________________________________________
OBJETIVOS__________________________________________________
DELIMITAÇÃO______________________________________________
CAPÍTULO I - FUNDAMENTAÇÃO TEÓRICA___________________
- 11.1 Sistema Web____________________________________________
- 11.2 Tipos de Sistemas Web___________________________________
- 11.3 Front-end_____________________________________________
- 11.4 Back-end______________________________________________
- 11.5 Hospedagem e Domínio__________________________________
- 11.6 Tecnologias Utilizadas___________________________________
- 11.7 Desenvolvedor Web______________________________________
- 11.8 Front-end_______________________________________________
- 11.9 Diferença entre Desenvolvedor Web e Front-end_______________
- 11.10 Página Web____________________________________________
- 11.11 Funções de uma Página Web______________________________
- 11.12 Benefícios de uma Página Web para a Academia Tecnológica
Helvsat______________________________________________________
12. CAPÍTULO II - METODOLOGIA DE PESQUISA
- 12.1 Métodos Utilizados no Projeto
- 12.2 Técnicas Utilizadas no Projeto______________________________
- 12.3 Aplicação dos Métodos e Técnicas no Projeto__________________
13. CONCLUSÃO____________________________________________
 LISTA DE FÍGURAS

- Figura 1: Front-end______________________________________
- Figura 2: Back-end_______________________________________
- Figura 3: Hospedagem____________________________________
- Figura 4: Marketing_____________________________________
 LISTA DE ABREVIATURAS

- HTML: HyperText Markup Language

- CSS: Cascading Style Sheets
- PHP: Hypertext Preprocessor
- MySQL: My Structured Query Language
- HELVSAT: Academia Tecnológica Helvsat
- LMS: Learning Management System
- CRM: Customer Relationship Management
- CMS: Content Management System
 DEDICATÓRIA

Dedicamos este trabalho aos nossos familiares e mentores, cujo apoio e incentivo foram
fundamentais para a concretização deste projeto. Àqueles que acreditam no poder da
educação tecnológica como ferramenta de transformação social.
 AGRADECIMENTOS

Agradecemos primeiramente a Deus pela força e orientação em cada etapa desta

jornada.

Aos docentes da área de Informática e Tecnologia da Informação, pelo

acompanhamento técnico e metodológico.

Aos colegas de turma e parceiros de estudo, pelo companheirismo e partilha de saberes.

À Academia Tecnológica HELVSAT, pela visão inovadora na educação tecnológica e

pela oportunidade de desenvolver este projeto.
 RESUMO

O presente trabalho apresenta o desenvolvimento de uma página web institucional para

a Academia Tecnológica HELVSAT, com o objetivo de modernizar sua presença
digital, facilitar o acesso à informação e melhorar a comunicação com estudantes e
potenciais candidatos.

O sistema web foi desenvolvido utilizando HTML5, CSS3, JavaScript, PHP e MySQL,
garantindo responsividade, segurança e facilidade de navegação. O projeto contempla
módulos como apresentação institucional, cursos, inscrição online, blog informativo,
área administrativa e gestão de conteúdos.

A implementação deste sistema permitirá à HELVSAT fortalecer sua identidade digital,

alcançar novos públicos e oferecer uma experiência mais intuitiva e profissional aos
utilizadores.

Palavras-chave: Sistema Web, Academia Tecnológica, HELVSAT, Educação, PHP,

MySQL.
 ABSTRACT

This project presents the development of an institutional website for HELVSAT

Technological Academy, aiming to modernize its digital presence, improve
communication with students and prospects, and provide an intuitive online platform.

The web system was built using HTML5, CSS3, JavaScript, PHP, and MySQL,
ensuring responsiveness, security, and usability. The structure includes modules such as
institutional presentation, courses, online registration, blog, administrative area, and
content management.

The platform enhances HELVSAT’s digital visibility and strengthens its technological
education ecosystem.

Keywords: Web System, HELVSAT Technological Academy, Education, PHP,

MySQL.
 INTRODUÇÃO

A educação tecnológica desempenha um papel cada vez mais relevante na formação de

profissionais competentes para o mercado digital. A Academia Tecnológica HELVSAT,
reconhecida pela qualidade de seus cursos e pela formação prática, enfrenta o desafio de
expandir sua presença digital para alcançar novos públicos e facilitar o acesso às suas
informações e serviços.

O presente projeto surge com o objetivo de desenvolver um sistema web institucional

moderno, interativo e responsivo para a HELVSAT. A plataforma permite divulgar
cursos, apresentar a missão da academia, disponibilizar inscrição online, publicar
conteúdos educativos e facilitar o contacto com os estudantes.
 PROBLEMÁTICA

Atualmente, a Academia Tecnológica HELVSAT enfrenta dificuldades como:

Falta de centralização das informações institucionais.

Ausência de uma plataforma web moderna e responsiva.

Divulgação limitada de cursos e formações.

Dificuldade na inscrição online e comunicação com candidatos.

Necessidade de afirmação digital no sector tecnológico.

Questão norteadora:

De que forma a criação de um sistema web institucional pode melhorar a visibilidade,

organização e interação da Academia Tecnológica HELVSAT com seus usuários?
 HIPÓTESE

H1: A criação de uma página web interativa, responsiva e moderna aumentará o alcance
digital da HELVSAT, facilitará o acesso às informações e permitirá uma gestão mais
eficiente dos candidatos e estudantes.
 JUSTIFICATIVA

A presença digital é indispensável para instituições de ensino, especialmente na área

tecnológica. A implementação desse sistema permitirá:

Maior visibilidade dos cursos oferecidos.

Facilitação das inscrições e contato.

Organização de informações institucionais.

Melhoria da imagem profissional da HELVSAT.

Ampliação da captação de estudantes.

 OBJETIVOS

OBJECTIVO GERAL
 Desenvolver um sistema web institucional para a Academia Tecnológica
HELVSAT.

OBJECTIVOS ESPECÍFICOS
 Criar um layout moderno e responsivo.
 Desenvolver páginas para apresentação institucional e cursos.
 Implementar formulários de inscrição e contacto.
 Criar um painel administrativo para gestão de conteúdos.
 Desenvolver banco de dados para armazenamento de informações.
 DELIMITAÇÃO

 Objeto de Estudo: Desenvolvimento de página web institucional.

 Espaço geográfico: Luanda – Angola.
 Âmbito: Educação tecnológica.
 Período:Novembro á Dezembro
 Ferramentas: HTML5, CSS3, JavaScript, PHP e MySQL.
CAPÍTULO I — FUNDAMENTAÇÃO TEÓRICA
-SISTEMA WEB

Um sistema web é um conjunto de páginas e funcionalidades acessadas via navegador,

hospedadas em um servidor. Segundo Tanenbaum (2011, p. 123), "os sistemas web são
aplicações distribuídas que utilizam a arquitetura cliente-servidor". Os sistemas web são
projetados para fornecer informações, serviços ou funcionalidades aos usuários, que
podem acessá-los de qualquer lugar, a qualquer hora, desde que tenham conexão com a
internet.
Existem vários tipos de sistemas web, cada um com suas próprias características e
funcionalidades. Aqui estão alguns dos principais tipos de sistemas web:

1. Sistema de Gestão de Conteúdo (CMS): Um CMS é um sistema que permite aos

usuários criar, editar e gerenciar conteúdo em um site web. Exemplos: WordPress,
Joomla, Drupal.
2. Sistema de Comércio Eletrônico (E-commerce): Um sistema de comércio
eletrônico é um sistema que permite aos usuários comprar e vender produtos online.
Exemplos: Magento, Shopify, OpenCart.
3. Sistema de Gestão de Relacionamento com o Cliente (CRM): Um CRM é um
sistema que ajuda as empresas a gerenciar suas relações com os clientes. Exemplos:
Salesforce, HubSpot, Zoho CRM.
4. Sistema de Gestão de Projetos: Um sistema de gestão de projetos é um sistema que
ajuda as equipes a gerenciar projetos e tarefas. Exemplos: Trello, Asana, Basecamp.
5. Sistema de Aprendizado Online (LMS): Um LMS é um sistema que permite aos
usuários aprender online. Exemplos: Moodle, Blackboard, Canvas.
6. Sistema de Rede Social: Um sistema de rede social é um sistema que permite aos
usuários se conectar e compartilhar informações. Exemplos: Facebook, Twitter,
LinkedIn.
7. Sistema de Blog: Um sistema de blog é um sistema que permite aos usuários criar e
publicar conteúdo em um blog. Exemplos: WordPress, Blogger, Medium.
8. Sistema de Fórum: Um sistema de fórum é um sistema que permite aos usuários
discutir e compartilhar informações. Exemplos: phpBB, MyBB, SMF.
9. Sistema de Wiki: Um sistema de wiki é um sistema que permite aos usuários criar e
editar conteúdo em um wiki. Exemplos: Wikipedia, MediaWiki, DokuWiki.
10. Sistema de Aplicativo Web: Um sistema de aplicativo web é um sistema que
permite aos usuários acessar e utilizar aplicativos online. Exemplos: Google Docs,
Microsoft Office Online, Zoho Office.

Esses são apenas alguns exemplos de tipos de sistemas web. Existem muitos outros
tipos de sistemas web, cada um com suas próprias características e funcionalidades.

Os sistemas web são compostos por várias camadas, incluindo:

- Camada de apresentação: responsável pela interface do usuário, ou seja, a parte

visual do site.
- Camada de lógica: responsável pelo processamento de dados e lógica de negócios.
- Camada de dados: responsável pelo armazenamento e gerenciamento de dados.

Front-end
O front-end é a parte visual do site, responsável pela experiência do usuário. As
tecnologias utilizadas no front-end incluem HTML, CSS e JavaScript. De acordo com
Meyer (2018, p. 45), "o CSS é fundamental para o design e layout de páginas web". O
front-end é responsável por criar uma interface atraente e fácil de usar, permitindo que
os usuários naveguem e interajam com o site de forma eficiente.
Fígura 1: front end

Fonte: Banco de dados de imagens Google 2018

- HTML5: linguagem de marcação para estruturação de conteúdo web.

- Elementos HTML: tags, atributos, valores, etc.
- Estrutura HTML: cabeçalho, corpo, rodapé, etc.
- CSS3: linguagem de estilo para design e layout.
- Seletores CSS: classes, ids, tags, etc.
- Propriedades CSS: cores, fontes, tamanhos, etc.
- JavaScript: linguagem de programação para interatividade no front-end.
- Variáveis JavaScript: tipos de dados, escopo, etc.
- Funções JavaScript: declarações, expressões, etc.
- Bootstrap: framework front-end que facilita o desenvolvimento de sites responsivos e
mobile-first.
- Componentes Bootstrap: botões, formulários, tabelas, etc.
- Grid Bootstrap: sistema de grid para layout responsivo.

Back-end
O back-end é a parte lógica e funcional do sistema, responsável pelo processamento de
dados e lógica de negócios. As tecnologias comuns no back-end incluem PHP e
MySQL. Segundo Welling e Thomson (2016, p. 78), "o PHP é uma linguagem de
programação popular para desenvolvimento web". O back-end é responsável por
processar requisições do front-end, executar lógica de negócios e retornar respostas ao
front-end.
Fígura 2: Back end

Fonte: Banco de dados de imagens Google 2018

- PHP: linguagem de programação para desenvolvimento web.
- Sintaxe PHP: variáveis, operadores, estruturas de controle, etc.
- Funções PHP: declarações, expressões, etc.
- MySQL: sistema de gerenciamento de banco de dados para armazenar e gerenciar
dados.
- Modelagem de dados: entidades, atributos, relacionamentos, etc.
- Consultas MySQL: SELECT, INSERT, UPDATE, DELETE, etc.

Hospedagem e Domínio
A hospedagem é o serviço que armazena os arquivos do site, enquanto o domínio é o
endereço que identifica o site. Conforme Kauffman (2015, p. 90), "a escolha de um bom
provedor de hospedagem é crucial para a performance e segurança do site". A
hospedagem pode ser compartilhada, dedicada ou em nuvem, e o domínio é registrado
em um registro de domínios.

Fígura 3: Hospedagem

Fonte: Banco de dados google 2007

- Tipos de hospedagem: compartilhada, dedicada, nuvem, etc.

- Provedores de hospedagem: HostGator, Bluehost, SiteGround, etc.
- Registro de domínios: GoDaddy, Namecheap, [Link], etc.
Tecnologias utilizadas
As tecnologias mencionadas incluem:
- HTML5: linguagem de marcação para estruturação de conteúdo web.
- CSS3: linguagem de estilo para design e layout.
- JavaScript: linguagem de programação para interatividade no front-end.
- Bootstrap: framework front-end que facilita o desenvolvimento de sites responsivos e
mobile-first.
- PHP: linguagem de programação para desenvolvimento web.
- MySQL: sistema de gerenciamento de banco de dados para armazenar e gerenciar
dados.

Desenvolvedor Web
Um desenvolvedor web é um profissional que trabalha no desenvolvimento de sites e
aplicações web, criando a estrutura, o design e a funcionalidade de um site ou aplicação.
Eles são responsáveis por criar a lógica de negócios, a integração com bancos de dados
e a implementação de funcionalidades.

As habilidades de um desenvolvedor web incluem:

 Conhecimento de linguagens de programação como PHP, Python, Ruby, etc.

 Conhecimento de frameworks e bibliotecas como Laravel, Django, Ruby on
Rails, etc.

 Conhecimento de bancos de dados como MySQL, PostgreSQL, MongoDB, etc.

 Conhecimento de tecnologias de front-end como HTML, CSS, JavaScript, etc.

Front-end

Um front-end é um profissional que trabalha no desenvolvimento da interface do

usuário de um site ou aplicação web, criando a aparência e a experiência do usuário.
Eles são responsáveis por criar a estrutura, o design e a interatividade da interface do
usuário.
As habilidades de um front-end incluem:

 Conhecimento de linguagens de marcação como HTML e CSS.

 Conhecimento de linguagens de programação como JavaScript.
 Conhecimento de frameworks e bibliotecas como React, Angular, [Link], etc.
 Conhecimento de design de interface do usuário e experiência do usuário.

Diferença entre Desenvolvedor Web e Front-end

A principal diferença entre um desenvolvedor web e um front-end é a área de foco. Um
desenvolvedor web se concentra em criar a lógica de negócios e a funcionalidade de um
site ou aplicação, enquanto um front-end se concentra em criar a interface do usuário e a
experiência do usuário.

Aqui estão algumas das principais diferenças:

- Foco: Desenvolvedor web: lógica de negócios e funcionalidade. Front-end: interface

do usuário e experiência do usuário.
- Habilidades: Desenvolvedor web: linguagens de programação, frameworks, bancos
de dados. Front-end: linguagens de marcação, linguagens de programação, frameworks
de front-end.
- Responsabilidades: Desenvolvedor web: criar a estrutura e a funcionalidade de um
site ou aplicação. Front-end: criar a interface do usuário e a experiência do usuário.

Em resumo, um desenvolvedor web é responsável por criar a estrutura e a

funcionalidade de um site ou aplicação, enquanto um front-end é responsável por criar a
interface do usuário e a experiência do usuário
Uma página web é uma ferramenta fundamental para qualquer empresa, incluindo a
Academia Tecnológica Helvsat, pois serve como uma vitrine online para apresentar os
serviços, produtos e informações da instituição. Aqui estão algumas das principais
funções e benefícios de uma página web:

Funções de uma página web:

 Apresentação da instituição: Uma página web permite que a Academia

Tecnológica Helvsat apresente sua missão, visão e valores, além de fornecer
informações sobre sua história e equipe.
 Divulgação de cursos e serviços: A página web pode ser usada para divulgar os
cursos, workshops e serviços oferecidos pela instituição, incluindo descrições,
preços e horários.
 Inscrições online: A página web pode permitir que os estudantes se inscrevam
online, facilitando o processo de admissão e reduzindo a burocracia.
 Comunicação com estudantes: A página web pode ser usada para comunicar
com os estudantes, fornecendo informações importantes, notícias e atualizações
sobre a instituição.
 Marketing e publicidade: A página web pode ser usada para promover a marca
da instituição e atrair novos estudantes.

Benefícios de uma página web para a Academia Tecnológica Helvsat:

 Aumento da visibilidade: Uma página web pode aumentar a visibilidade da
instituição e atrair mais estudantes.
 Melhoria da comunicação: A página web pode melhorar a comunicação com os
estudantes e fornecer informações importantes de forma rápida e eficiente.
 Redução de custos: A página web pode reduzir os custos de marketing e
publicidade, pois pode ser usada para promover a instituição de forma online.
 Aumento da credibilidade: Uma página web profissional pode aumentar a
credibilidade da instituição e melhorar sua imagem.
 Acesso a novos mercados: A página web pode permitir que a instituição atinja
novos mercados e públicos, incluindo estudantes internacionais.
 Aumento do rendimento do sistema de mareting já existente na accademia.
O sistema de marketing da Academia Tecnológica Helvsat é um conjunto de estratégias
e ações que visam promover a instituição e seus cursos, atrair novos estudantes e manter
os atuais. Aqui estão algumas das principais estratégias de marketing que podem ser
implementadas:

Estratégias de Marketing:
Fígura 4: Marketing

Fonte: Banco de dados de imagens google 2019

1. Marketing Digital:

- Criação de uma página web atraente e funcional para apresentar a instituição e seus
cursos.
- Utilização de redes sociais (Facebook, Instagram, Twitter, etc.) para promover a
instituição e interagir com os estudantes.
- Criação de conteúdo de qualidade (blog, vídeos, etc.) para atrair e engajar os
estudantes.
2. Publicidade:
- Anúncios em redes sociais e Google Ads para atingir o público-alvo.
- Parcerias com empresas e instituições para promover a instituição.
- Criação de materiais de marketing (folhetos, cartazes, etc.) para distribuir em eventos e
locais públicos.

3. Relações Públicas:
- Criação de press releases e comunicados de imprensa para divulgar notícias e eventos
da instituição.
- Organização de eventos e workshops para promover a instituição e seus cursos.
- Parcerias com empresas e instituições para promover a instituição.
4. Email Marketing:
- Criação de uma lista de emails de estudantes e potenciais estudantes.
- Envio de newsletters e emails promocionais para promover a instituição e seus curso.

Táticas de Marketing:

1. Oferta de descontos e promoções: Ofrecer descontos e promoções para atrair novos

estudantes.
2. Criação de conteúdo de qualidade: Criar conteúdo de qualidade para atrair e
engajar os estudantes.
3. Utilização de influenciadores: Utilizar influenciadores para promover a instituição e
seus cursos.
4. Criação de uma comunidade: Criar uma comunidade de estudantes e ex-estudantes
para promover a instituição e seus cursos.
Métricas de Marketing:

 Taxa de conversão: Medir a taxa de conversão de visitantes em estudantes.

 Taxa de retenção: Medir a taxa de retenção de estudantes.
 Retorno sobre investimento (ROI): Medir o retorno sobre investimento em
marketing.
 Engajamento nas redes sociais: Medir o engajamento nas redes sociais.
CAPÍTULO II — METODOLOGIA DE PESQUISA
Métodos Utilizados no Projeto

1. Pesquisa bibliográfica sobre sistemas web:

- Realização de uma revisão da literatura sobre sistemas web, incluindo tecnologias,
frameworks e boas práticas de desenvolvimento.
- Estudo de casos de sucesso de páginas web de academias tecnológicas e instituições de
ensino.
- Análise de artigos e livros sobre design de interfaces, experiência do usuário (UX) e
desenvolvimento web.

2. Análise de sites de academias tecnológicas:

- Avaliação de sites de outras academias tecnológicas para identificar tendências,
funcionalidades e design.
- Análise da usabilidade e acessibilidade dos sites estudados.
- Identificação de melhores práticas e oportunidades de melhoria para o site da Helvsat.

3. Levantamento das necessidades da HELVSAT:

- Identificação das necessidades específicas da Academia Tecnológica Helvsat em
termos de conteúdo, funcionalidades e design.
- Análise das expectativas dos estudantes e coordenadores em relação ao site.
- Definição dos objetivos e requisitos do projeto de criação da página web.
Técnicas Utilizadas no Projeto

1. Entrevistas com estudantes e coordenadores:

- Realização de entrevistas com estudantes e coordenadores da Helvsat para entender
suas necessidades e expectativas.
- Análise das respostas para identificar padrões e prioridades.
- Utilização das informações coletadas para informar o design e as funcionalidades do
site.

2. Análise documental interna:

- Revisão de documentos internos da Helvsat, como materiais de marketing e
informações institucionais.
- Análise da identidade visual e da marca da instituição.
- Utilização das informações para criar um site coerente com a imagem da Helvsat.

3. Questionários qualitativos:
- Criação de questionários para coletar feedback de estudantes e coordenadores sobre o
site.
- Análise das respostas para identificar áreas de melhoria e oportunidades de
desenvolvimento.
- Utilização das informações para refinar o design e as funcionalidades do site.

Aplicação dos Métodos e Técnicas no Projeto

Os métodos e técnicas mencionados foram utilizados para desenvolver uma página web
para a Academia Tecnológica Helvsat que atenda às necessidades da instituição e de
seus estudantes. O objetivo é criar um site moderno, funcional e acessível que promova
a imagem da Helvsat e facilite o acesso às informações sobre cursos e serviços.
 CONCLUSÃO

A criação do sistema web institucional para a Academia Tecnológica HELVSAT

representa um passo significativo rumo à modernização, profissionalismo e expansão
digital. O site melhora a comunicação, facilita o acesso às formações e fortalece a
relação com estudantes e novos candidatos.