UNIVERSIDADE CATOLICA DE MOÇAMBIQUE

FACULDADE DE DIREITO – NAMPULA

Desenvolvimento de um aplicativo Web para gestão de carga no

portador diário de Nampula

Beres Mussagi Sange

Nampula, fevereiro de 2023

 Beres Mussagi Sange

Desenvolvimento de uma aplicação Web para gestão de

carga no portador diário de Nampula

Pré-projecto de Trabalho de Conclusão de

Curso apresentado na Faculdade de Direito
da UCM como requisito básico para a
conclusão do Curso em Tecnologias de
Informação e Comunicação.

Orientador (a): Paulo Chipako

Nampula, fevereiro de 2023

Índice
1. INTRODUÇÃO.............................................................................................................1

1.1. PROBLEMATIZAÇÃO.............................................................................................2

1.2. JUSTIFICATIVA.......................................................................................................3

1.3. OBJETIVOS...............................................................................................................4

1.3.1. O objetivo geral.......................................................................................................4

1.3.2. Os objetivos específicos do trabalho são:................................................................4

2. MARCO TEÓRICA......................................................................................................4

Aplicação Web..................................................................................................................5

Definição do PHP..............................................................................................................5

HTML................................................................................................................................6

Os quatro conceitos fundamentais.....................................................................................6

Elementos..........................................................................................................................6

Etiquetas ou tags................................................................................................................6

Atributos e valores.............................................................................................................6

Aninhamento (Nesting).....................................................................................................6

CSS....................................................................................................................................7

Estrutura Básica do CSS....................................................................................................7

3. METODOLOGIA DE PESQUISA...............................................................................7

5. CRONOGRAMA..........................................................................................................9

QUADRO 1.......................................................................................................................9

Referências......................................................................................................................10
1. INTRODUÇÃO

A tecnologia tem evoluído rapidamente, atualmente a grande maioria das pessoas já está
(inter)conectada através da tecnologia da informação e comunicação, tornando-se assim,
uma grande ferramenta para as organizações, onde geram impactos na sociedade
moçambicana e estão ligados a cada um que procura a tecnologia e aproveitam o
máximo de seus recursos e serviços disponíveis.

É comum que uma empresa hoje em dia tenha uma pagina web, e que nele exista uma
área de relacionamento empresa versos cliente. Este relacionamento torna-se mais
estreito, à medida que a tecnologia se torna mais flexível e dinâmica

Este projeto de pesquisa final do curso debruça sobre o tema de Desenvolvimento duma
aplicação Web para gestão de cargas no portador diário de Nampula, que é uma
atividade de transporte de mercadorias e distribuição de cargas.

Segundo Bartoloti (2015) “Um problema científico é uma questão que justifica uma
pesquisa ou a investigação por meio de métodos comuns à ciência.” (p. 57)

1
1.1. PROBLEMATIZAÇÃO

Portador diário de Nampula possui um sistema de gestão de cargas, tal sistema

apresenta uma deficiência em gerar eficientemente um código para cada carga. Com um
sistema de gestão de cargas por mim apresentado, vai ajudar e com isso. Este poderá
garantir um controle eficiente de cargas, gerando um código aleatório para cada carga,
suprindo a demanda do problema em causa apresentado.

Além de oferecer um monitoramento preciso, das entradas e saídas de cada produto,

poderá facilitar na identificação de destino as mesmas serão entregues permitindo assim
uma boa gestão, de cargas usando um banco de dados dinâmico. O melhor de tudo é que
uma ferramenta desse tipo centralizar todos os dados em um único lugar, facilitando as
consultas e a emissão de relatórios confiáveis.

Mediante de varias tentativas de perceção surgi a seguinte questão de ponto de partida:

Portador diário de Nampula possui um sistema de gestão de cargas flexível, dinâmico e

eficiente?

2
1.2. JUSTIFICATIVA

Conforme Bortoloti (2008) “Justificativa – é um item do planeamento de um trabalho

científico, no qual o pesquisador faz uma abordagem pessoal sobre as razoes que o
levaram a pesquisar determinado assunto e, também, para quem os resultados obtidos
servirão ou com quem contribuição”. (p. 47)

A preposição em auxiliar a empresa e o cliente a estreitarem seus laços, permitindo

maior agilidade e segurança na execução de serviços prestados por esta empresa
(Portador diário), torna o assunto deste trabalho absolutamente relevante.

O tema a ser abordado tem por finalidade desenvolver um aplicativo Web para gestão
de cargas no portador diário de Nampula, visto que esta instituição o sistema de
computação para a sua gestão de transporte de mercadorias e distribuição de cargas,
possui uma deficiência em gerar eficientemente um código aleatório para cada carga. A
escolha do tema é de apresentar um aplicativo capaz de suprir a boa gestão da
instituição e permitindo que a carga chegue a tempo com segurança e em bom estado.
Além disso, o presente trabalho atinge uma questão que está em destaque na área de
desenvolvimento nos dias atuais: a dinamização e flexibilidade da interface em
aplicações Web.

3
1.3. OBJETIVOS

1.3.1. O objetivo geral

Desenvolver um aplicativo Web em PHP, HTML e CSS com um banco de dados em

MySQL para ser mediador entre o gestor de cargas e o cliente.

1.3.2. Os objetivos específicos do trabalho são:

 Implementar o aplicativo que possa fazer a gestão de cargas com segurança e

eficácia
 Classificar o tipo de carga e fazer o seu devido registo;
 Permitir que ambos possam acompanhar o andamento das cargas.
 Analisar os tipos e elementos da organização das cargas desde: as pequenas,
medias e grandes cargas.
 Descrever e organizar as cargas de acordo ao seu destino de partida e chegada.

4
2. MARCO TEÓRICA

Todo projeto de pesquisa deve conter as premissas ou pressuposto teóricos sobre os

quais o pesquisador (coordenador e os principais elementos de sua equipe)
fundamentara suas interpretações. Isso significa que a presente pesquisa busca reflexões
ou escritas dos autores da área de tecnologias de informação e comunicação,
especificamente, são conceituados alguns termos de referencias que merecem uma
explicação minuciosa. (Marconi & Lakatos, 2001).

Aplicação Web

Todo o conjunto de programas que implementa um qualquer Sistema de

Informação segundo o paradigma Cliente/Servidor suportado pelo protocolo de
comunicação HTTP e cuja camada interativa está escrita em HTML de modo a
que a interface com o utilizador seja assegurada pelos browsers
tradicionalmente criados para navegação na rede de hiperdocumentos World
Wide Web. (Oliveira & Varanda, p. 18)
Caracterizaremos com detalhe o que é uma aplicação Web, especificando qual o
paradigma que lhe está subjacente, quais as linguagens usadas e que tecnologias lhe
estão associadas. Acreditamos que, deste modo, se tornará evidente quais as
componentes cuja compreensão será necessária para que se entenda efetivamente uma
aplicação Web.

Uma Aplicação Web é formada por um conjunto de ficheiros de dois tipos:

1. Texto HTML, puro ou com código embebido;

2. Objetos diversos, tais como bases de dados, documentos anotados, código
executável, ou imagens.

O primeiro tipo de ficheiros é constituído por texto anotado numa linguagem de

estruturação, formatação e ligação, linguagem essa que é interpretada pelo browser
dando origem às chamadas páginas Web.

O segundo tipo, os objetos são ficheiros de texto normal ou binários (executáveis ou

não), que são chamados/consultados pelos primeiros e dão a sensação de que fazem
parte da página em que estão a ser chamados. Esta classificação assenta no papel, ativo
ou passivo, dos ficheiros em relação ao browser, determinando assim a sua
responsabilidade, ou contribuição direta/indireta, para a construção do site que é
apresentado e manipulável pelo utilizador final.
5
Definição do PHP

Almeida (2019) privilegia que O PHP é uma linguagem que permite criar sites WEB
dinâmicos, possibilitando uma interação com o usuário através de formulários,
parâmetros da URL e links. A diferença de PHP com relação a linguagens semelhantes
a JavaScript é que o código PHP é executado no servidor, sendo enviado para o cliente
apenas HTML puro.

Desta maneira é possível interagir com bancos de dados e aplicações existentes no

servidor, com a vantagem de não expor o código fonte para o cliente. Isso pode ser útil
quando o programa está lidando com senhas ou qualquer tipo de informação
confidencial.

HTML

O HTML (HyperText Markup Language) é um conjunto estruturado de

instruções, conhecidas por etiquetas ou tags (em inglês), que dizem a um
browser como publicar uma página web, ou seja, o browser interpreta essas
etiquetas e desenha a página no ecrã. Estes conjuntos de instruções estão
agrupados em ficheiros de tipo texto, i.e., sem qualquer tipo especial de
formatação (Caldeira, 2015, p. 5)
Os quatro conceitos fundamentais

Conforme Caldeira (2015) “O primeiro passo na aprendizagem do HTML é o estudo

dos termos básicos que descrevem a maior parte das funções desta linguagem.” (p. 8)

Elementos

Todas as páginas de HTML são compostas por elementos. Um elemento pode ser visto
com um contentor em que é colocada uma secção de uma página web. Tudo o que
estiver dentro desse contentor fica com as características desse mesmo elemento.

Etiquetas ou tags

Por vezes os termos elemento ou tag, de uma forma errada são usados indistintamente.
Um elemento é composto por duas etiquetas: uma a abrir e outra a fechar

Atributos e valores

Os atributos são outro elemento importante da linguagem HTML. Um atributo

é utilizado para definir as características de um elemento e é colocado no
interior da tag de abertura do elemento. Por exemplo, para atribuir a cor a uma

6
 palavra utiliza-se o elemento FONT em conjunto com o atributo COLOR: O
sinal de igual e as aspas são fundamentais pois atribuem um valor a um
atributo. (Cadeira, 2015, p. 9)
Aninhamento (Nesting)

Na perspetiva Cadeira (2015) “Numa página web existem quase sempre múltiplos
elementos que nunca se devem sobrepor. Os elementos devidamente aninhados são
sempre independentes uns dos outros.” (p. 9)

CSS

Estrutura Básica do CSS

Na perspetiva Barros & Santos (2008) “Primeiramente, é preciso ter em mente que
qualquer modelo CSS só será visto e aproveitado quando usado em um código HTML
ou semelhantes.” (p. 25)

O CSS possui sua própria sintaxe, com algumas de suas propriedades parecidas as do
HTML. Na sua forma mais simples, e composto por 3 partes:

 Seletor
 Propriedade
 valor

Seletor – tag em HTML que terá tal valor aplicado `aquela propriedade citada. Cada
seletor possui mais de uma propriedade que pode vir a ser modificada e pode ser
aplicado a uma classe. Ex: <p>, <body>, <h1>, <img>, …

Propriedade - atributo que será modificado ao receber tal valor. Ex: size, color, font, ...
Valor - característica que a propriedade irá assumir. Ex: 3, red, tahoma. Quando os
valores forem numéricos, há a opção de determiná-lo em pixels, centímetros ou
percentagem.

Ex:

estilo.css:
p.right {
text-align: right
}
p.left {
text-align: left
7
}
Em CSS, não utilizamos tags de iniciação e termino do documento.

3. METODOLOGIA DE PESQUISA

A metodologia a ser empregada segue um desenvolvimento tradicional e iterativo, com

etapas de especificação, implementação e validação. O trabalho será desenvolvido
observando as seguintes etapas, sendo que o cronograma para execução das mesmas é
demonstrado no Quadro 1:

a) Especificação: nesta etapa será elaborada a especificação do sistema proposto a

ser desenvolvido. Serão utilizados diagramas de casos de uso do Juddy
Comunication;
b) Implementação: nesta etapa será desenvolvido o sistema na linguagem PHP,
com banco de dados MySQL, através das seguintes subetapas:
 definição do layout: definir padrão de cores, esquemas de tela, menus e
tudo mais que possa ser visto pelo usuário;
 definição da estrutura do banco de dados: as tabelas do banco serão
definidas e montadas, criando assim o esqueleto do sistema;
 ligação estrutura e layout: fazer com que a estrutura de tabelas tenha sua
interface, permitindo assim, que o usuário interfira nos dados;

d) testes: esta etapa ocorrerá paralela às demais. A cada nova etapa concluída serão
realizados testes para verificar se ela atende aos requisitos;

e) elaborar volume final: consiste em descrever os métodos, técnicas e conceitos

abordados no Trabalho de Conclusão de Curso (Tecnologias de informação e
comunicação) bem como, documentar o sistema final.

8
5. CRONOGRAMA

Segundo Prodanov & Freitas (2013) “A elaboração do cronograma responde à pergunta

“quando?”. A pesquisa deve ser dividida em partes, e devemos fazer a previsão do
tempo necessário para passar de uma fase a outra.” (p. 139)

Não esquecer que determinadas partes podem ser executadas simultaneamente, mas
existem outras que dependem das anteriores, como é o caso da análise e interpretação,
cuja realização depende da codificação e da tabulação, só possíveis depois de colhidos
os dados.

No cronograma, você dimensiona cada uma das etapas do desenvolvimento da pesquisa,

no tempo disponível para sua execução. Geralmente os cronogramas são divididos em
meses.

QUADRO 1

Atividades Marco Abril Maio Junho Julho Agosto

Pesquisa do tema
Pesquisa bibliográfica
Coleta de Dados (se for o caso)

Apresentação e discussão dos dados

Elaboração do trabalho
Entrega do trabalho

9
Referências

Bortoloti, F. K. (2015). Metodologia de pesquisa. Rio de Janeiro, Brasil: Estacio.

Junior, M. J. (2008). Como escrever trabalhos de conclusao de curso. (7, Ed.) Sao
Paulo, Brasil: Editora Vozes.

Almeida J. H. M (2019). PHP com MySQL. Recuperado em

https://www.cin.ufpe.br/~ags/2464_php_com_mysql.pdf

Marconi, M. A. & Lakatos, E. M. (2001). Fundamentos de metodologia científica. (5,

Ed.) São Paulo, Brasil: Editora Atlas.

Barros, Isabelle. G. M. O. & Santos, C. F. A (2008). Introdução a CSS. São Paulo,

Brasil: Petele Editores.

Oliveira, E. & Varanda, M. J. (2015). Compreensão de Aplicações Web. Rio de Janeiro,

Brasil: ETG.

Prodanov, C. C. & Freitas, E. C. (2013). Metodologia do trabalho científico. (2, Ed.)

Rio grande do Sul: Brasil: Editora Feevale.

Caldeira, C. P. (2015). Introdução ao HTML. Lisboa: Portugal

10