UNIVERSIDADE METODISTA DE ANGOLA

FACULDADE DE ENGENHARIA
Engenharia Informática

“Sistema de Gestão de Paineis Publicitario BigMedia ”

Desenvolvimento de um Sistema web para Gestão de Paineis Publicitario para
Empresa BigMedia

José Moisés Cutala Kimuanga

Orientador:
Professor Engº Hugo Dias Dos Santos

Luanda, Maio de 2020

 José Moisés Cutala Kimuanga

“Sistema de Gestão de Paineis Publicitario BigMedia ”

Desenvolvimento de um Sistema web para Gestão de Paineis Publicitario para
Empresa BigMedia

Trabalho de Fim de Curso

apresentado a Faculdade de
Engenharia da Universidade
Metodista de Angola, como
requisito parcial para obtenção
do grau de Licenciatura em
Engenharia Informática.

Luanda, Maio de 2020.

 José Moisés Cutala Kimuanga

“Sistema de Gestão de Paineis Publicitario BigMedia ”

Desenvolvimento de um Sistema web para Gestão de Paineis Publicitario para
Empresa BigMedia

Esta Monografia foi julgada e aprovada para obtenção do grau

___________________________, no curso de
_____________________________________, da faculdade de Engenharia da Universidade
Metodista de Angola.

Luanda, aos ____ de _____________ de _______.

BANCA EXAMINADORA

_________________________________________
Presidente

_________________________________________
1º Vogal

_________________________________________
2º Vogal
Agradecimentos

Agradeço a Deus, por ter me permitido ter saúde e motivação durante estes 5 anos de
formação, que não foi facil mas que foi muito trabalhosos, mas com ele nada é imposivel
simplemesnte valeu apena tudo o meu esforço e dedicação para poder chegar ao meu objetivo
final .

A minha querida irma agradeço bastante por ela ter financiado todos os meses ao longo dos
cincos anos em que frequentava as aulas e tambem casa para morar ao longo desses anos.

Um agradecimento tambem sem esquecer a todos os professores da universidade metodista

que directa ou indirectamente tornaram possível a conclusão deste projecto. Principalmente,
o meu orientador Professor Engº Hugo Dias Dos Santos, pela dedicação e paciência.

Agradeco tambem a empresa BigMedia por ter me oferecido um estagio profissional durante
quatro meses que me proporcionou diversas capacidades tecnicas para minha futura carreira
fruto disso este projeto de conclusão será utilizado por eles

Aos meus colegas, aos funcionarios da universidade, e a todos taxistas que sempre me
levaram para poder assistir as aulas, o meu muito obrigado.

A todos que directa ou indirectamente fizeram parte da minha formação, о meu muito
obrigado.

i
Epígrafe

“A vida é uma peça de teatro

que não permite ensaio. Por isso
estude, cante, dance, ria,chore, e
viva intensamente antes que a
cortina se feche e a peça
termina sem aplausos ”
Charles Chaplin.

ii
Resumo
Com o avanço da tecnologia, novas tendências vêm surgindo a cada momento.
Pensando nisto, foi focado o desenvolvimento do sistema em plataforma web para
que tenha fácil acesso, viabilizando ser acessado de qualquer lugar a qualquer
momento sem exigir muito do desempenho da máquina do usuário. O software tem
como característica principal organizar uma empresa em seu cotidiano, ao realizar
seus serviços, criando requisições das tarefas que devem ser executados pelos
funcionarios,registos de paineis campanhas,funcionarios e clientes emissão de comprovativos.
O sistema contará com a linguagem de desenvolvimento PHP (PHP Hipertext Processor),
utilizando Mysql como banco de dados para armazenar todas as informações
registradas no sistema. O mesmo sistema tera comunicação directa com um dispositivo
android que sera responsavel pela recepção e visualisação das terafas a serem executadadas e
tambem vai permitir outra operações como autenticação e consulta dos dados pelo dispositivo
movel android

Palavras-Chave: painel, campanha, tarefa e fotocheks

iii
Abstract

Key words: .

iv
Lista de Figuras

Figura 2.1 – Tela de contratação de publicidade ……………………...

………….....................7

Figura 2.2 – Tela principal, lista de todas as requisições de tarefas

…………………………....9

Figura 2.3 – Tela principal do sistema mostrando os diferentes módulos na barra de

menu ....10

Figura 2.4 – Tela do planetooh no modo administrador exibindo os dados de uma

campanha.11

Figura 3.1 – Arquitectura Mysql. Fonte: (ALEXANDRE SAVARIS, 2014)……..............

….10

Figura 3.2 – Estrutura básica de um documento html fonte(Manual de html da

K19,2013).....16

Figura 4.1 – Diagrama de caso de geral do

sistema...................................................................25

Figura 4.2 – Diagrama de caso de do sistema

Web..................................................................26

Figura 4.3 – Diagrama de actividade do caso de consultar painel ....……….......

……………..29

Figura 4.4 – Diagrama de actividade do caso de atribuir uma tarefa…………………………30

Figura 4.5 – Diagrama de sequencia do caso de uso consultar painel.……………………...…

32

v
Figura 4.6 – Diagrama de sequencia do caso de uso atribuir uma tarefa…………….
………...33

Figura 4.7 – Diagrama de Entidade e Relacionamento..................……….…………………..35

Figura 4.8 – Modelo lógico do Sistema de Gestão de Paineis Publicitário

BigMedia..............36

Figura 4.9 – Diagrama de classe do Sistema de Gestão de Paineis Publicitário BigMedia......37

Figura 4.10 – Arquitetura de software do Sistema de Gestão de Paineis Publicitario

BigMedia ......................................................................................................................................
.............38

Figura 4.11 – Arquitetura de hardware do Sistema de Gestão de Paineis Publicitário

BigMedia...................................................................................................................................39

Figura 4.12 – Diagrama Hierárquico de Funções do Sistema de Gestão de Paineis Publicitario

BigMedia ..................................................................................................................................39

Figura A.1 – Tela de inicio do sistema de gestão de paineis publicitário bigmedia.................44

Figura A.2 – Tela Principal do Administrador do Sistema Gestão de Paineis Publicitarios

BigMedia...................................................................................................................................45

Figura A.3 –Tela de visualização de todos os dados de um painel…………………….......

….46

Figura A.4 – Tela de visualisação do dados de perfil de um usuario

……………………..........46

Figura B.1 – Exemplar de um fotocheck emitido pelo sistema com a capa

inicial...................47

Figura B.2 – Exemplar de um fotocheck emitido pelo sistema do mesmo cliente da figura
anterior ………….....................................................................................................................48

vi
Lista de Tabelas

Tabela 2.1 – Tabela comparactiva do estado da

arte…………………………………………..11

Tabela 4.1 Requisitos Funcionais do sistema ……………………………..

….........................23

Tabela 4.2 – Requisitos não Funcionais do sistema……………………………………...……

24

Tabela 4.3 – Descrição do caso de uso Consultar painel….………………………………….27

vii
Tabela 4.4 – Descrição do caso de uso Atribuir tarefa……………………….
….......................28

Tabela C.1 – Trecho de código Consultar Uma campanha ........................................……..…58

Tabela C.2 – Trecho de código SQL para criaação das tabelas da base de dado......................59

Lista de Abreviações e Siglas

PHP Php Hipertext Preprocessor

API Application Programming Interfaces

Web World Wide Web (WWW)

viii
CSS Cascading Style Sheets

DHF Diagrama Hierárquico de Funções

HTML HyperText Markup Language

SQL Structured Query Language

RF Requisitos Funcionais

RNF Requisitos Não Funcionais

FRAMEWORK Conjunto de classes

ix
Índice

Agradecimentos......................................................................................................................................i
Epígrafe..................................................................................................................................................ii
Resumo.................................................................................................................................................iii
Abstract................................................................................................................................................iv
Lista de Figuras.......................................................................................................................................v
Lista de Tabelas....................................................................................................................................vii
Lista de Abreviações e Siglas...............................................................................................................viii
Capítulo 1...............................................................................................................................................1
1. Considerações Iniciais.....................................................................................................................1
1.1. Introdução..................................................................................................................................1
1.2. Identificação do problema..........................................................................................................2
1.3. Delimitação do problema...........................................................................................................2
1.4. Justificativa.................................................................................................................................3
1.5. Objectivos...................................................................................................................................3
 Objectivo Geral...........................................................................................................................3
 Objectivo Específico....................................................................................................................3
1.6. Metodologia...............................................................................................................................4
1.7. Resultados Esperados.................................................................................................................4
1.8. Organização do projecto............................................................................................................5
Capítulo 2...............................................................................................................................................6
Estado da arte........................................................................................................................................6
2.1. Considerações Iniciais.................................................................................................................6
2.6. Conclusão do capítulo..............................................................................................................12
Capítulo 3.............................................................................................................................................13
Estudo das Tecnológias........................................................................................................................13
3.1. Considerações Iniciais...............................................................................................................13
3.2. Tecnologias...............................................................................................................................13
3.4. Conclusão do capítulo..............................................................................................................19
Capítulo 4.............................................................................................................................................20
Sistema de Gestão de Paineis Publicitarios Bigmedia..........................................................................20
4.1. Considerações Iniciais...............................................................................................................20
4.2. Descrição do Sistema................................................................................................................20
4.3. Módulos do Sistema.................................................................................................................20
4.4. Análise de requisitos.................................................................................................................22
4.5. Protótipo do sistema................................................................................................................33
4.6. Conclusão do Capítulo..............................................................................................................39
Capítulo 5.............................................................................................................................................40
Considerações Finais............................................................................................................................40
5.1. Conclusões................................................................................................................................40
5.2. Dificuldades..............................................................................................................................40
5.3. Trabalhos Futuros.....................................................................................................................41
5.4. Recomendações.......................................................................................................................41
Referências Bibliográficas.....................................................................................................................42
Anexos..................................................................................................................................................44
Capítulo 1

1. Considerações Iniciais

Este capítulo trata de abordar a importância do tema, os objectivos que se pretendem

atingir, bem como o problema encontrado, a metodologia do processo de desenvolvimento e a
justificação do trabalho a ser realizado

1.1. Introdução

Informática é o termo usado para designar um grande conjunto de conhecimentos

relativos ao armazenamento, processamento, coleta e transmissão de informação digital[1].

Em uma sociedade que está baseada em acesso à informação, como a em que hoje
vivemos, aliada ao conhecimento proporcionado das mais variadas formas, volumes e com
uma instantâneidade impressionantes, surge a necessidade de se ter em mãos, principalmente
dos gestores, ferramentas e o domínio das mais variadas técnicas de pesquisa, processamento,
análise e utilização de dados que são gerados, objetivando uma tomada de decisão gerencial
mais precisa e correta[2].

Este projeto trata do desenvolvimento de um Sistema de Gestão de Painéis Publicitários da

empresa Bigmedia. Que contará com duas plataformas: Android (Parte Operacional) e Web
(Parte Administrativa). O mesmo vai permitir a Gestão de Painéis Publicitários, focalizando
na gestão de tarefas, Emissão de Fotochecks(Comprovativo) para os seus clientes e tambem
recepção de reportes.Onde a plataforma Web (Parte Administrativa) vai auxiliar os comercias
nas atividades diárias como de registo de painéis, campanhas bem como o envio de tarefas
para parte operacional e emissão de fotochecks para os clientes.

1
1.2. Identificação do problema

Dentro das situações críticas a ponderar destacamos a seguir:

 Durante o processo de Emissão de Fotochecks (Comprovativo) para enviar aos

Clientes, detectou-se que trata-se de um processo bastante cansativo e demorado,
porque o mesmo é realizado manualmente.
 A utilização de planilhas Excel como uma das principais formas de armazenar as
informações dos Painéis, Clientes, Funcionários, etc.
 A distribuição de Lista de Tarefas (Montagem de Paneis, Manutenção, Remoção e
Alteração da Publicidade) para as Equipes de Trabalho é feito verbalmente.
Carecendo de um sistema para gerenciar a distribuição das tarefas.
 A falta de comunicão da área comercial com área operacional quando uma tarefa
tem que ser executada.

Questão de partida?

Que mecanismo deve ser utilizado pela empresa Bigmedia de formas a melhorar o seu
atual processo de gestão?

1.3. Delimitação do problema

Com o desenvolvimento deste projeto a empresa não vai mais ter que usar planilhas do Excel
para armazenar as informações referentes aos painéis clientes e funcionário, a distribuição e
coordenação das tarefas aos técnicos será de forma automática através dos smartsfones que
possuem aplicação desenvolvida em conjunto com este projeto. A emissão de fotochecks
deixará de ser feito manualmente o sistema vai possuir um modulo que vai fazer a emissão
dos fotocheks para os clientes que terem as suas campanhas publicadas. A atualizações das
campanhas por foto será enviado diretamente do local onde se encontra fixada para o sistema
através da aplicação nos smartsfones dos técnicos
2
1.4. Justificativa

Toda e Qualquer Empresa de publicidade que pretende atrair um grande volume do

cliente e prestar os melhores serviços, personalizados e que oferecem segurança e confiança,
necessita de um sistema automatizado que faça a gestão dos Painéis, gestão das Tarefas, de
modo a proporcionar maior aproveitamento do tempo, melhorar o fator usabilidade.

Este produto vai melhorar gestão dos painéis Publicitários, gerenciamento das tarefas,
bem como a emissão de Fotochecks para os clientes, proporcionando à instituição, segurança,
mobilidade de maneiras a permitir uma gestão eficiente das informações e maior interação
com os seus clientes.

O sistema aumentará o desempenho dos funcionários na realização das suas tarefas

diárias, visto que facilitará na visualização das tarefas a serem executas bem como o estado e
a localização dos painéis publicados.

Este sistema vai ajudar a dinamizar o processo de emissão e envio mensal de

Fotochecks aos seus clientes, confirmando o estado da sua publicidade.

1.5. Objectivos

 Objectivo Geral

O principal objetivo é o desenvolvimento de um Sistema de Gestão de Painéis

Publicitários para a Empresa BIGMEDIA.

 Objectivo Específico
 Criar uma aplicação Web que vai permitir o cadastramento dos painéis e a
administração de tarefas de manutenção, colocação alteração e remoção de
publicidades.
 Fazer o levantamento de requisitos na empresa bigmedia;
 Elaborar os diferentes diagramas descritivos do sistema;
 Estudar sistemas similares existentes no mercado;
 Usar uma biblioteca para formatar documentos em pdf para gerar fotochecks

 Criar de um modulo responsável pela gestão de tarefas para os técnicos da área

Operacional
 Emitir, Fotochecks (Comprovativos) aos seus Clientes.
 Criar um modulo de recepção de reports
3
1.6. Metodologia

A metodologia de desenvolvimento de software pode ser considerada um marco para iniciar

as melhorias no sistema, estabelecer uma linguagem comum para todos, definir metas de
melhoria contínua, trazer facilidade na manutenção de sistemas e facilitar o processo de testes.

O sistema foi desenvolvido baseando-se nas seguintes fases:

 Análise de requisitos: Nesta fase de levantamento e especificação de requisitos foi

definido os requisitos do software, necessários para a documentação do mesmo, através
de questões feitas ao diretor comercial da empresa e aos comercias

 Desenho do projecto: Nesta fase desenvolveu-se uma estrutura modular do software

para representar as relações de controlo entre os módulos.

 Implementação: Para esta fase foi feita a concepção do sistema, utilizando a linguagem
de programação PHP com conexao com Mysql foi feita a recolha e leitura dos dados da
base de dados.

 Validação e Verificação: Nesta fase será realizado os testes e optimizações em termos

de qualidade e adequação aos objectivos do sistema.

1.7. Resultados Esperados

Os principais objectivos esperados com a concepção deste protótipo destacam-se a seguir:

 Facilitar o processo de comunicação da parte comercial com a parte tecnica no que diz
respeito a troca de informação entre a duas partes importantes sobre os paines .
 Agilisar o processo de emissão de fotocheck que anteriormente o funcionarios levavam
horas para emitir um unico fotocheck agora pode-se emitir muitos fotocheks em poucos
minutos .
 Ajudar os clientes a saberem o local exato onde as suas campanhas se encontram
publicadas atraveis do mapa e tambem pesquisas de outras informações como as
disponibilidades.

4
1.8. Organização do projecto

Este relatório encontra-se dividido em cinco capítulos, como se segue:

 Capítulo 1: apresentamos o enquadramento do problema, os principais objectivos a

serem alcançados e as metodologias utilizadas para atingir as metas desejadas.

 Capítulo 2: apresentamos o estado da arte e a contextualização do trabalho, com

investigações relacionadas aos trabalhos realizados com enquadramento fundamental
para o desenvolvimento do sistema.

 Capítulo 3: apresenta um estudo das tecnologias empregadas no desenvolvimento do

Sistema, descreve tambem as ferramentas que foram utilizadas para criação do mesmo
sistema.

 Capítulo 4: apresenta uma visão global do sistema, as principais funções

implementadas e de qualidade, o desenho do sistema e a arquitetura de hardware.

 Capítulo 5: são apresentadas as considerações finais, perspectivas de evolução de

projecto, assim como referências bibliográficas, alguns anexos e apêndices, onde se
encontram as imagens de telas, documentos, código do programa e outros que
contribuem para esclarecer ou ilustrar determinados pontos do trabalho.

5
Capítulo 2

Estado da arte

2.1. Considerações Iniciais

Nesta fase é a parte que tem como objetivo fazer referências de alguns projetos que possuem
algumas semelhanças com o projeto que está a apresentar graças a algumas pesquisas feitas
pois estes abordam alguns assuntos ou características relacionadas com este projeto.

2.2. Sistema de publicação de anúncios publicitário na

Ad8biz [GESTPUB]

[Roberto André Ferraz de Jesus] desenvolveu um sistema que permite fazer gestão de
campanhas publicitaria de uma rede de empresas nos diferentes sites tais como rede sócias e
portais da web e ainda oferece ferramentas administrativas disponível aos utilizadores
permitindo assim a gestão das campanhas publicitarias de toda as empresas que fazem parte
da rede ou que se encontram no domínio.

Metodologias

No desenvolvimento deste projeto utilizou-se as metodologias ágeis onde se elaborou-se uma

planificação do projeto favorecendo os seguintes pontos:

 Intergeração de ciclos de desenvolvimento

 Resultado através de versões executáveis
 Reuniões de progresso(diárias) avaliação de tarefas anteriores e delineação de
tarefas para esse dia

Tecnologias utilizadas para o desenvolvimento

6
  Php
 Html5
 Css3
 Mysql
 Yui framework
 Javascript
 Jquery
 NivoSlider
Algumas funcionalidades a destacar do sistema

 Fazer upload de conteúdos publicitários do tipo imagens, animações adobes ou vídeo

 Permite ao usuário selecionar áreas de atuação da sua campanha
 Sistema gere as campanha dando maior destaques aquela que possuem descrição mais
favorável
 O sistema faz o cálculo do valor associado ao tempo de uma campanha bem como
também mediante ao local de atuação
 Gerir publicidade de micro-sites (sites independentes com categorias
distintas de publicidade)

Figura 2.1 Tela de contratação de publicidade

2.3. Sistema de gerenciamento de tarefas[zoty]

[Fernando Garcia Azevedo] é um sistema que foi desenvolvido para auxiliar o processo de
comunicação interna entre os funcionários de uma empresa com objetivo fazer o
gerenciamento e distribuição de processos e tarefas aos diferentes setores da empresa bem
como também requisições de tarefas de forma que possam ser acessados em detalhes para
cada parte interessada e também auxiliar nas comunicações externas da empresa isto é com os
seus clientes e parceiros
7
Este sistema também faz o monitoramento e acompanhamento de todas as tarefas desde a
solicitação de um determinado setor até a entrega/finalização da mesma sendo uma venda,
troca, ou até mesmo um serviço prestado.

Metodologia

Este projeto utiliza como metodologia a Análise Orientada a Objetos (AOO), que é uma
forma de abstrair e organizar informações que estão no mundo real. A
abstração do mundo real é realizada por meio de representações, e para tanto, são
utilizados os conceitos de classes, os métodos, os atributos, e outras definições
importantes do assunto.

Tecnologias utilizadas para o desenvolvimento

 Asp
 Html5
 Css3
 Sqlselver
 Javascript
 Jquery
 Ajax
Algumas funcionalidades do sistemas

 O sistema faz cadastros de todo tipo de tarefas a realizar para os funcionários

executarem
 O sistema também faz o registro de todos funcionários clientes e parceiros da empresa
 O sistema permite aos o supervisor saber o estado de realização de uma tarefa e
também obter uma notificação após realização da mesma para posterior validação da
mesma
 O sistema ainda permite após um funcionário realizar sua tarefa e obter confirmação
de tarefa realizada pode solicitar uma nova tarefa.

8
Figura 2.2 Tela principal, lista de todas as requisições de tarefas.

2.4. Planetooh
O sistema planetooh é um sistema administrativo que foi desenvolvido para atuar em diversas
áreas ou departamento da empresa com informações que podem ser acessadas de qualquer
lugar atraveis da internet. Este sistema foi desenvolvido no sentido de melhorar os processos
de compra de matérias faturamento relacionamento entre os clientes e os fornecedores
operações internas e externas.

Para controlar todas as operações o Planetooh integra os módulos administrador, financeiro,

contabilidade, comercial e operacional. Além disso integrado com o google maps oferece para
a área comercial a possibilidade de enviar direitamente do sistema campanhas para os seus
clientes com estruturas geo-localizadas e fotos seja qual for o veiculo de comunicação em que
se trabalha.

Metodologia

No desenvolvimento do Planetooh foi utilizada à orientação a objectos para abstrair elementos

do mundo real para uma modelo computacional através de classes e objectos

9
Tecnologias utilizadas para o desenvolvimento

 C#
 WPF
 Sql server
 Google maps
Algumas funcionalidades do sistema

 Para a áreas comercial o sistema permite fazer o envio de fotos de campanhas

publicitaris aos seus clientes através das estruturas de localização no mapa.
 A áreas comercias também permite fazer agendamento de visitas, relatórios ,cadastro
de cliente, gráficos de desempenho orçamentos de pedido que estejam próximos a
vencer.
 Para área operacional o sistema permite gerar ordens de serviço receber relatórios das
compra efetuadas receber matéria de veiculação de clientes, veicular medias, e enviar
relatórios fotográficos para os clientes e solicitação de compra aos fornecedores
 Na área operacional o sistema também permite fazer o cadastro de fornecedores para
posterior receberem solicitação de compra de novos matérias

Figura 2.3 Tela principal do sistema mostrando os diferentes módulos na barra de menu

10
Figura 2.4 Tela do planetooh no modo administrador exibindo os dados de uma campanha

2.5. Tabelas comparativa dos sistemas

Nas secções anteriores demonstramos alguns sistemas que possuem carracteristicas ou
funcionalidades semelhantes com o sistema que esta aqui a ser apresentado,onde vimos as
principias funcionalidades dos mesmos tecnologias ou ferrementas que foram utilizadas, e
deu para constatar que os sistemas utilizam os navegadores para poderem funcionar.

Nesta seccção vamos mostrar atraveis de uma tabela, comparando as tecnologias,

funcionalidades principais, e plataformas que os sistemas utilizam para funcionarem.

11
Aplicações web GestPub Zoty Planetooh
Ferramentas
Html e Css Sim Sim Não
Banco Mysql Sim Não Não
Banco SqlServer Não Sim Não
Javascript e Jquery Sim Sim Não
Php Sim Não Não
Asp Não Sim Não
Serviços
Autenticação do usuário Sim Sim Sim
Envio de campanhas publicitarias Sim Não Sim
Atribuição de tarefas Não Sim Sim
Pesquisa de funcionários Sim Sim Sim

Envio e recepção de fotos Não Não Sim

Consulta em mapas Não Não Sim
Navegadores
Microsoft Internet Explorer Sim Sim Não
Google Chrome Sim Sim Não
Mozila FireFox Sim Sim Não
Plataformas
Web Sim Sim Não
Desktop Não Não Sim

Tabela 2.1 – Tabela comparactiva do estado da arte.

2.6. Conclusão do capítulo

O estado da arte demonstrou de forma resumida projetos semelhantes ao que esta a ser
desenvolvido neste projeto ou seja caracteristicas semelhantes ou funcionalidades sem
esquecer de abordar as teclogias que foram utilizadas e tambem a metodologia. Porem aqui os
projetos focaram-se na gestão de tarefas dentro de uma empresa, exibição de campanhas e
partilhas de informação com clientes e envio de fotos comprovativas

12
Capítulo 3

Estudo das Tecnológias

3.1. Considerações Iniciais

Esse capítulo aborda um pouco sobre as tecnologias e ferramentas que foram utilizadas para o
desenvolvimento desse projeto, sua história e finalidades.

3.2. Tecnologias
Nesta parte vamos abordar uma por uma das tecnologias que foram utilizadas para o
desenvolvimento do Sistema de Gestão de Paineis Publicitarios BigMedia.

3.2.1. PHP

PHP (PHP Hypertext Preprocessor) é uma linguagem de programação open source

interpretada de uso geral projetada originalmente para o desenvolvimento web. Foi crida por
Rasmus Lerdof em 1994.

Atualmente é a linguagem mais utilizada no mundo para se criar sistemas e aplicativos que
funcionam na web, pois o PHP e uma tecnologia server side ou e uma tecnologia que
funciona no lado do servidor com base na arquitetura cliente servidor fazendo o
processamento de conteúdo web de forma dinâmica.

Uma outra razão do PHP ser umas das linguagens mais utilizada na web é através da fácil
iteração que ela possui com um outro elemento que falarei já a seguir o Mysql visto que é um
servidor onde os sistemas ou aplicativos da web acessam as suas informações que se encontra
armazenadas nas suas base de dados.

3.2.2. Mysql

O MySQL foi originalmente desenvolvido pela empresa sueca TCX, que necessitava de um
servidor de banco de dados que operasse com grandes escalas de dados rapidamente sem
exigir caríssimas plataformas de hardware. No início eles utilizavam o mSQL, mas depois de
alguns testes chegaram à conclusão que o mSQL não era rápido nem flexível o suficiente para
as necessidades existentes.
13
O Programa de Banco de Dados MySQL é um sistema cliente/ servidor que consiste de um
servidor SQL multi-tarefa que suporta acessos diferentes, diversos programas clientes e
bibliotecas, ferramentas administrativas e diversas interfaces de programação (API's).

As principais características do MySQL

 O servidor de banco de dados MySQL é extremamente rápido, confiável, e fácil de usar.

O Servidor MySQL também tem um conjunto de recursos muito práticos desenvolvidos
com a cooperação dos próprios usuários.

 O Servidor MySQL foi desenvolvido originalmente para lidar com bancos de dados muito
grandes de maneira muito mais rápida que as soluções existentes, e tem sido usado em
ambientes de produção de alta demanda por vários anos de maneira bem-sucedida. Apesar
de estar em constante desenvolvimento, o Servidor MySQL oferece hoje um rico e
proveitoso conjunto de funções. A conectividade, velocidade, e segurança fazem com que
o MySQL seja altamente adaptável para acessar bancos de dados na Internet.

 MySQL é um Sistema de Gerenciamento de Bancos de Dados relacional. Um banco de

dados relacional armazena dados em tabelas separadas em vez de colocar todos os dados
em um só local. Isso proporciona velocidade e flexibilidade. SQL é a linguagem padrão
mais comum usada para acessar bancos de dados e é definida pelo Padrão ANSI/ISO
SQL. (O padrão SQL vem evoluindo desde 1986 e existem diversas versões
disponibilizadas).

 MySQL é um software cujo código fonte é aberto. Código fonte aberto significa dizer que
é possível para qualquer um usar e modificar o programa.

 O MySQL suporta diferentes plataformas, tais como: Windows, Linux, FreeBSD, Unix,
entre outros.

 O MySQL possuí suporte a múltiplos processadores.

14
 Figura 3.1- Arquitectura Mysql. Fonte: (ALEXANDRE SAVARIS, 2014)

3.2.3. HTML5

O HTML 5 (Hypertext Markup Language) é a versão número 5 da linguagem HTML ao papel

do HTML no mundo da web, trazendo novas funcionalidades como semântica e
acessibilidade, com novos recursos antes só possíveis por meio de outras tecnologias, e
trazendo uma importante disseminação dentre todos os novos navegadores de internet,
tornando-o dessa forma mais universal.

Praticamente toda aparências de um documento web deve ser feita utilizando HTML porque é
a linguagem padronizada da world wide web e é a chave da internet através da sua semântica
e acessibilidade.HTML5 incorporou novos recursos que anteriormente só era possível com
outras tecnologias como vídeo e áudio.

Estrutura básica do html

Basicamente um documento HTML é composto por elementos hierarquicamente organizados

onde para inserir um elemento em um documento HTML devomos utilizar tags
correspondentes a essa elemento. As tags são definidas com parêntesis angulares ( < e >) os
elementos podem possuir atribuitos e conteúdos, os atributos são formado por nome e valor,

15
normalmente os valores dos atributos são definidos dentro de aspas duplas e o conteúdo dos
elementos é um texto ou outros elementos.

Figura 3.2 Estrutura básica de um documento html fonte(Manual de html da K19,2013)

3.2.4. Boostrap

O boostrap é mais popular framework HTML Javascript e CSS criado por Mark Otto em 2011
destinado o para desenvolvimento de sites e aplicações web responsivas e alinhadas com a
filosofia mobile e torna o desenvolvimento front end muito mais rápido e fácil indicado para
todo o desenvolvimento a todos os níveis de conhecimento, dispositivos de todos os tipos e
projetos de todos os tamanhos.

Além de oferecer um melhor design e responsividade possui também componentes e plug-ins

Componentes do boostrap

O componentes do boostrap são os elementos de interface gráfica que melhora que auxiliam
aos usuários a term uma melhor forma de interação com o documento que podem ser:

 Glifos
 Dropdowns
 Agrupamento de botões
16
  Dropdown com botões
 Agrupamentos de inputs
 Barras de navegação
 Paginação
 Alertas
 Outros
Plug-ins do boostrap

Os plug-ins são os responsáveis pela integração entre o boostrap com linguagens como
javascript e angular para manipulação direta dos componentes citados a cima. Os plug-ins
trazem dinamismo e alguns recurso como:

 Visão geral
 Transições
 Janelas modais
 Abas
 Tooltip
 Popover
 Collapse
 Carousel
 Affix

3.2.5. Google Maps

Google Maps é um serviço do Google que oferece uma poderosa tecnologia de mapas
amigáveis e informações de locais, incluindo a localização, informações de contatos e
direções de condução.

Google Maps é serviço opem source e tecnologia para mapeamento

web fornecido pela empresa Google. Antes do Google Maps, era difícil de pesquisar
ou planejar uma viajem por meio de a pé, carro ou ônibus. Mas o Google Maps torna
mais fácil, oferecendo os mapas de ruas para viajar a pé, de carro ou transporte
público, fornece três visualizações diferentes. Existe uma visualização do mapa
normal, uma vista de imagem por satélite e uma vista terra (Google Earth) para
visualizar imagens e terrenos em 3D para poder obter uma vista panorâmica dessas
imagens e incliná-las, dependendo da necessidade do utilizador. Ela não só fornece altamente
receptivo, interface de mapeamento intuitiva com dados detalhados de rua

17
incorporados, mas além disso, oferece aos usuários mapas controles embutidos nos
produtos, para ter total controle sobre a exibição de rua e mapa de navegação.

3.3. ferramentas
Nesta secção falarei um pouco sobre as ferramentas que foram utilizadas para o
desenvolvimento deste projeto mencionando principalmente sua finalidade de uso.

3.3.1. Notepad++

Notepad++ é um editor de texto de código fonte aberto sob a licença GPL que suporta varias
linguagens de programação rodando sob o sistema Microsoft Windows.

No Notepad++ os usuários podem definir suas próprias linguagens usando um sistema de

definição de linguagem integrado que faz do notepad++ extensível para ter realce de sintaxe e
compactação de treços de código.

O Notepad++ suporta auto complemento, busca, substituição com integração de expressões

regulares, divisão de tela, zoom, favoritos, etc. Tem suporte para macros e plug-ins,

3.3.2. Xamp

Xamp é um pacote com os principais os principais servidores de código aberto do mercado

incluindo FTP servidor de arquivos, servidor de dados MYSQL e servidor web APACHE
com suporte para as linguagens PHP e Perl, que serve maioritariamente para teste locais de
sistemas ou aplicativos webs.

Atualmente o Xamp esta disponível para quatro sistemas operacionais: Windows, Linux, Mac
Os e Solaris. Para executar os servidores do Xamp é muito simples, ele possui um painel de
controle com a lista de todos os servidores e botões para iniciar os seus serviços

3.3.3. Star UML

Star UML é um modelador de software sofisticado e umas das ferramentas da UML mais
populares do mundo. Ele é compatível com UML 2.x, actualmente com esta ferramenta de
modelagem podemos criar 11 tipos de diferentes diagramas.

18
3.4. Conclusão do capítulo
Neste capitulo abordou-se das tecnologias e ferrementas que foram utilizadas para o
desenvolvimento do SGPPBigmedia, e é de destacar que todas estas tecnologias e ferramentas
são de código fonte aberto e algumas a licença de utilização são grátis.

19
Capítulo 4

Sistema de Gestão de Paineis Publicitarios Bigmedia

4.1. Considerações Iniciais

Neste capítulo ilustraremos os módulos do sistema, requisitos funcionais e não funcionais,
diagrama de caso de uso, hierárquico de funções, diagrama de actividade, diagrama de
sequência, diagrama colaboração, tal como os modelos de interface do mesmo

4.2. Descrição do Sistema

O Sistema de Gestão de Painéis Publicitários Bigmedia é um sistema criado com objetivo de
auxiliar a área comercial da empresa Bigmedia na gestão dos seus painéis, bem como também
na comunicação dos comercias(funcionários do escritório) com os técnicos (funcionários
Operacionais) para a gestão de tarefas a serem feitas nos locais onde se encontrão os painéis e
para envio de fotos de atualização, na emissão de fotochecks para os clientes que precisam
para saber que suas campanhas

4.3. Módulos do Sistema

Este sistema possui na sua estruturação três módulos que são: administrativo, comercial

tecnico e cliente.

4.3.1 Modulo Administrativo

Este modulo é alberga todas as funcionalidades que o sistema possui, vamos destacar
algumas:

Gestão de funcionário: responsável pelo registo, atualização, consulta e eliminação de todos

funcionários (comercias e técnicos gestor tarefas)

Gestão de painéis: área de registo atualização e consulta dos painéis.

20
Gestão de campanhas: responsável pelo registro, consulta, atualização, eliminação das
campanhas bem como também o controle das campanhas quando o prazo de retirada das
campanhas nos painéis.

Gestão de cliente: cuida do registro consulta atualização e eliminação dos clientes da

empresa

Gestão de reportes: responsável pela recepção dos reports feitos pelos funcionários nos
painéis que se encontram nas ruas.

Emissão de fotockes: responsável pela emisão dos fotochecks para os clientes.

4.3.2 Modulo Comercial

Este módulos possui as funcionalidades citadas acima excepto a gestão de funcionários que é
a única que não vamos encontrar nesse modulo, mas podemos destacar algumas
funcionalidade não citados acima como:

Gestão de perfil: área onde todos os usuários que acessam podem trocar os dados da conta
como: nome de usuário, senha e foto.

4.3.2 Modulo Tecnico

Este módulos possui a principal funcionalidade de:

Gestão de tarefas: área onde o gestor de tarefas envia as terafas que as equipas tecnicas
devem executar num painel que se encomtra na rua

4.3.4 Modulo Cliente

Este modulo é o que possui as seguintes funcionalidades

Verificar disponibilidade: aqui é onde o cliente verifica todos os painéis que a empresa tem
disponível através de um mapa ou na lista uma lista.

Consultar painéis: aqui o cliente verifica no mapa e na lista os paines em que as suas
campanhas se encontram publicadas.

21
4.4. Análise de requisitos

Requisitos são as acções que um software deve executar possuindo características e condições
próprias de forma à automatizar uma tarefa ou processo de negócio. Nesta secção vamos
apresentar os requisitos funcionais e não funcionais que este sistema vai possuir.

4.4.1. Requisitos funcionais

Os requisitos funcionais são as funcionalidades que um software deve possuir para realizar as
suas funções.

Na tabela 4.1, são apresentados os requisitos funcionais do sistema.

Identificador Usuario Descrição

RF01 Administrador O sistema deve permitir o registro
edição e eliminação de funcionário
RF02 Comercial, Administrador O sistema deve permitir o registro,
edição e eliminação de clientes
RF03 Comercial, Administrador O sistema deve permitir o registro,
edição de painéis publicitários
RF04 Comercial, Administrador O sistema deve permitir o registro,
edição e eliminação de campanha
RF05 Comercial, Administrador,gestor O sistema deve permitir verificar a
de tarefas,Cliente
disponibilidade dos painéis
RF06 Comercial, Administrador,gestor O sistema deve permitir a
de tarefas,Cliente
visualização das campanhas
publicadas
RF07 Administrador gestor de tarefas O sistema deve permitir à atribuição,
edição e eliminação de tarefas aos
funcionários
RF08 Comercial, Administrador O sistema deve permitir à emissão,
armazenamento e impressão de
22
 fotocheck
RF09 Comercial, Administrador,gestor O sistema deve permitir a
de tarefas,Cliente
visualização das notificações
RF10 Comercial, O sistema deve permitir a
Administrador,Tecnico
visualização das tarefas a serem
executadas
RF11 Tecnico O Sistema deve permitir a alteração
do Estado das Tarefas
RF12 Comercial, Administrador,gestor O Sistema deve permitir a consultar e
de tarefas,Cliente
Visualização dos painéis no mapa
RF13 Comercial, Administrador O sistema deve permitir o envio de
fotochecks ao cliente
RF14 Comercial, Administrador,gestor O Sistema deve permitir ao usuário
de tarefas,Cliente visualizar o seu perfil.
RF15 Comercial, Administrador,gestor O Sistema deve permitir o usuário a
de tarefas,Cliente trocar a sua senha.
RF16 Administrador, Gestor de O Sistema deve permitir ao usuario
Tarefas visualisar e eliminar um report

Tabela 4.1 - Requisitos Funcionais do sistema.

4.4.2. Requisitos não funcionais

23
Os requisitos não funcionais descrevem as algumas carecteristicas e qualidades necessários
para que o software funcione bem e seja amigavel

Na tabela 4.2, são apresentados alguns requisitos não funcionais do sistema.

Identificador Descrição Classificação

dos requisitos
RNF01 O acesso as principais funcionalidades do sistema Segurança
serão restritas por nome e senha.
RNF02 Compatibilidade com sistemas operacionais Compatibilidade
Windows. A aplicação deverá ser compatível e
acessível através de um Smartphone com o
sistema operativo móvel Android. A versão
mínima suportada para o sistema operativo
Android será 5.1
RFN03 A aplicação deverá funcionar em qualquer Portabilidade
navegador web compatível com HTML 5 .

RFN04 O sistema deve possuir uma interface gráfica Usabilidade

simples e intuitiva.

RNF02 O Sistema terá um tempo de resposta muito curto Desempenho

dependendo da especificação do Smartphone a ser
utilizado e estar acessível 24h
RNF03 O Sistema deve comunicar-se com o banco de Interoperabilidade
dados interno e online

RNF06 O Sistema deverá ter Conexão a Internet. Disponibilidade

Tabela 4.2 – Requisitos não Funcionais do sistema.

4.4.3. Diagrama Casos de Uso

24
Segundo Ivar Jacobson, podemos dizer que um caso de uso é um "documento narrativo que
descreve a sequência de eventos de um ator que usa um sistema para completar um processo",
sendo que, o caso de uso representa uma unidade discreta da interação entre um usuário
(humano ou máquina) e o sistema.

Ele tem como objectivo ilustrar em um nível alto de abstração quais elementos externos
interagem com que funcionalidades do sistema, ou seja, a finalidade de um diagrama de caso
de uso é apresentar um tipo de diagrama de contexto que apresenta os elementos externos de
um sistema e as maneiras segundo as quais eles as utilizam.

Figura 4.2 – Diagrama de caso de uso do sistema Web.

4.4.3.1. Narração de casos de uso

25
Método extensivo do diagrama de caso de uso que tem como finalidade explicar o mesmo, de
modo que cite as trajectórias percorridas e as possibilidades do sistema. Através da narração
de caso de uso é possível ilustrar de forma detalhada o objectivo do sistema, os actores, os
dados envolvidos, os fluxos principais e alternativos.

A tabela 4.3 descreve o caso de uso consultar os dados de um determinado painel

26
Descrição: Consultar Painel.

Actor: Administrador Comercial

Objectivo: Este caso de uso permite ao administrador e comercial consultar os dados

de um determinado painel.
Pre-condição: O ator deve estar autenticado

Pós-Condições: Os dados do painel são apresentados.

Fluxo Principal

Acção do Actor Resposta do sistema

1: O caso de uso começa quando o
Usuário clica no menu consulta
2: O sistema lista os itens do menu de
consulta

3: O actor clica no item consulta de painel

4: O sistema inicialmente lista todos os

painel registrados
5: O actor insere o código do painel na
barra de pesquisa e clica em
pesquisar[A1] 6: O sistema mostra todos os dados do
painel pesquisado
.
Fluxo Alternativo

3A Painel não encontrado:

1. O sistema informa ao ator para voltar a inserir um código do painel que se
encontra registado

Tabela 4.3 – Descrição do caso de uso Consultar painel.

27
A tabela 4.4 descreve o caso de uso atribuir tarefa para um funcionario atraveis de uma lista
dos funcionarios.

Descrição: Processo de atribuição de uma tarefa

Actor: Gestor de tarefas

Objectivo: Este caso de uso permite ao gestor de tarefas atribuir uma tarefa a um
funcionario

Pré-Condições: O ator deve estar autenticado

Pós-Condições: A tarefa deve ser atribuída

Fluxo Principal

Acção do Actor Resposta do sistema

1: O caso de uso começa quando o ator
informa os seus dados para autenticação.

2: Validar Autenticação.
3: O ator acede a tela principal

4: O ator clica no menu de operações

5: O sistema lista os itens do menu
operações.
6: O actor clica no item atribuir tarefa
7: O sistema exibe um formulário de
atribuição de tarefa
8: O ator seleciona a tarefa a ser
executada e a prioridade, bem como o
numero do funcionário
9: O sistema regista a tarefa a ser
executado pelo usuario introduzido

Tabela 4.4 – Descrição do caso de uso Atribuir tarefa.

28
4.4.4. Diagrama de Actividade

Nesta sessão são parte vamos apresentar os diagrama de actividades que são variações de uma
maquina des estados, na qual os estados são as actividades que representam a execucão de
operações e as transições sao disparadas pela conclusao destas operações.

Figura 4.3 – Diagrama de actividade do caso de consultar painel.

A figura 4.2 representa o diagrama de actividade do caso de uso consultar um painel

executado pelo usuário comercial. A actividade começa quando o usuário introduz o nome do
sistema na url , em seguida o sistema abre a tela de Login, quando o usuário autentica os seus
dados o sistema abre a tela principal caso os dados corretos se nao continua nessa mesma tela.
Na tela principal o usuario clica no menu painel, e o sistema exibe os itens deste menu o
usuario clica em consultar painel e os sistema lista todos os paineis que se encontra na base de

29
dados. O usuario deve inserir um numero do painel que ele quer consultar caso nao o sistema
alerta caso nao encontrar o numero de painel introduzido.

Figura 4.4 – Diagrama de actividade do caso atribuir tarefa.

30
A figura 4.3 representa o diagrama de actividade do atribuir tarefa. O caso de uso começa
quando o usuario introduz o nome do sistema na url do navegador, e de sequida o sistema
apresenta a tela de Login. O usuario inserre os seus dados de autenticação caso estiverem
errados o sistema permanece nesta tela caso contrario redireciona para pagina principal. O
usurio clica no menu de operações, o sistema exibe os itens do menu o usuario clica no item
atribuir uma terafa e o sistema redireciona para a pagina com formulario de atribuição de uma
tarefa o usuario prienche o formulario e seleciona o funcionario e de sequida clica em atribuir,
os sistema valida e inserre os respectivos dados da tarefa.

4.4.5. Diagrama de Sequência

Um diagrama de sequencia representa os atores e objetos envolvidos num cenario e a

sequencia de troca de mensagens ao longo do tempo para realização de um caso de uso.

A figura 4.5 representa o diagrama de sequência do caso de uso consultar painel estado esta
caso de uso pode ser exercidos por todos os usuarios excepto o cliente que so pode ver o
painel que esta associada a sua campanha. Para realizar este caso de uso o usuario deve estar
autenticado.

31
 Figura 4.5 – Diagrama de sequencia do caso de uso consultar painel

A figura 4.6 representa o diagrama de sequência do caso de uso atribuir tarefas aos
funcionarios que so pode ser realizada pelo administrador e principalmente pelo gestor de
tarefas, e estes primeiramente devem estar auntenticadoa para poder realizar este caso de uso

32
 Figura 4.6 – Diagrama de sequencia do caso de uso atribuir tarefa

4.5. Protótipo do sistema

Nesta sessão apresenta-se o protótipo do sistema que visa ajudar o usuário a ter uma ideia de
como o sistema irá parecer, e facilita a tomada de decisões no projeto sem esperar que o
sistema seja construído. Será ilustrado a constituição da base de dados do sistema a partir do
desenho de dados, diagrama de classes, desenho de software, desenho de hardware e o DHF.

33
4.5.1. Modelo de dados

Neste secção irei demonstrar o modelo conceitual da base de dados para esta aplicação que vai
descrever as entidades ou estruturas de dados e tambem a forma como as estao relacionadas
entre si atraveis dos diagramas de entidade e relacionamento(MER) e tambem o modelo
logico

4.5.1.1 MER

Modelo entidade e relacionamento como o nome indica representam as entidades, ou seja uma
colecção de dados compostas por atributos e ralações os relacionamnetos entre as entidades
ou o numero de ocorrencias entre as entidades

34
 Figura 4.7 – Diagrama de Entidade e Relacionamento do sistema.

4.5.1.2 Modelo lógico

Modelo fisico resulta de um maior detalhe do diagrama elaborada acima (MER) tendo já em
vista ao que o sistema de gerenciamento de base de dados vai adoptar isso implica que devem
ser explicitos todos os atributos de cada entidade bem como o atributo que vai funcionar como
chave primaria.

Figura 4.8 – Modelo lógico do Sistema de Gestão de Paineis Publicitário BigMedia.

35
4.5.2. Diagrama de classe

Os diagrama de classe é uma evolução dos diagramas de ER, usado para representar os
modelos conceituas e logico da base de dados atraveis dos conceitos provenientes da
programação orientada a objetos

Figura 4.9 – Diagrama de classe do Sistema de Gestão de Paineis Publicitário BigMedia.

A figura 4.11 ilustra o diagrama de classes do sistema, procurando estabelecer, de forma

sintética, as classes e seus relacionamentos.

36
4.5.3. Desenho de software

Nesta sessão apresenta-se o desenho do software do sistema ilustrado através da arquitetura de

software que mostra como esta configurado o hardware e o software dentro do sistema. É
importante saber desta configuração porque permite visualizar a estrutura ou o
comportamento de um sistema.

Figura 4.10 – Arquitetura de software do Sistema de Gestão de Paineis Publicitario BigMedia.

Para o Desenvolvimento do sistema foi adoptada a arquitectura em 3 camadas como mostra a

figura 4.10, onde utilizamos respectivamente a camada de apresentação, a camada de
aplicação e a camada de acesso a dados.

 A camada de apresentação (interface do usuário ou apresentação), é a camada

responsável pela exibição das informações, e é utilizada pelo usuário para acessar a
aplicação.
 A camada de aplicação é a camada média entre o utilizador e o servidor de aplicação.
São as intruções que definem a maneira como os dados serão acessados e processados,
desde funções simples de validação da entrada de dados, até as funções mais complexas.
 A camada de dados é conhecida como camada responsável pela comunicação directa
da aplicação com o servidor de dados realizando transações, como inclusão e consulta a
dados atraveis das querys.

37
4.5.4. Desenho de Hardware

Nesta sessão será apresentada a infraestrutura tecnológica de suporte ao software bem como
os equipamentos de hardware que a compõem.

Figura 4.15 – Arquitetura de hardware do Sistema de Gestão de Paineis Publicitário BigMedia.

A figura 4.15 apresenta as principais dispositivos de hardweres que esta estão divididos em
dois lados nos clientes que sao os dispositivos que vao aceder ao servidor web atraveis de suas
conexões com a internet ao no lado do servidor temos o servidor com o apache rodando, e
este por sua vez tem comunicação direta com o servidor de base de dados mysql

4.5.5. Modelo Arquitectural

Nesta parte será apresentado o DHF que define a arquitetura global sistema, mostrando os
módulos e suas inter-relações. É importante lembrar que um DHF demonstra de forma clara
as funções que estarão presente em cada modulo do sistema.

38
 Figura 4.16 – Diagrama Hierárquico de Funções do Sistema de Gestão de Paineis Publicitario BigMedia.

4.6. Conclusão do Capítulo

Neste capítulo foram demonstrados aspectos muitos inportantes sobre o Sistema de Gestao de
Paineis Publicitario BigMedia a forma como os casos de uso operam os modelos de dados as
funcionalidades que cada modulo do sistema possue bem como tambem aspectos ligados as
arquiteturas tanto de hardwere como de softwere .

39
Capítulo 5

Considerações Finais

5.1. Conclusões
Este trabalho apresentou uma aplicação que teve como objectivo solucionar algumas
dificuldades nas actividades diarias da empresa BigMedia principalmente na comunicação da
parte comercial da empresa com a parte tecnica para uma processamento e disponibilização de
informaçao e fruto o processo de elaboraçao de tarefas e emissaos dos compravativos que
anteriormente era um processo muito longo aparti de agora ficou simplificado

O Sistema Gestão de Paineis Publicitario BigMedia foi projectado de modo a auxiliar nao so a
comunicação da parte comercial com a parte tecnica como tambem de ajudar a todos os
clientes que tem as suas campanhas publicadas estes podem visualisar de atraveis dos croquis
a localização exatas atraveis do mapa onde se encomtra publicadas as suas campanhas

Esse trabalho permitiu implementar um sistema com comunicação directa com um

dispositivo android com uma aplicação especifica para tal, onde os tecnicos vao conectar-se
apartir do local em que se encomtrarem para o acesso de informação ou ate para fazer um
determinado report se algums dos paineis que a empresa possui não estiver em boas condições
de uso necessitando entao de uma manuntenção.

A realização deste trabalho permitiu a reunir um leque de conhecimentos adquirido durante o

curso de Engenharia Informática, permitiu obter experiências na área de desenvolvimento de
software principalmente voltado para a plataforma web, e mostrar que é possível a integração
de múltiplas tecnologias em ambientes e plataformas diferentes para o desenvolvimento de
um mesmo sistema.

5.2. Dificuldades
Durante o desenvolvimento do Sistema de Gestão de Paineis Publicitarios a maior dificuldade
que encontrei foi na escolha implementação das APIs para que o dispositivo android pode-se
comunicar com o servidor web e tambem no desenvolvemntos das interfaces graficas para que
fossem de facil compreesão.

40
5.3. Trabalhos Futuros
Para o trabalho futuro pretende-se dar continuidade no desenvolvimento do projecto de
maneiras a contribuir para a melhoria do mesmo. Para tal, sugere-se as seguintes melhorias:

 Cria um design responsivo para que a pagina possa ser acessada independentemente do
tamanho da tela do usuário;
 Melhorar a interação entre os utilizadores da aplicação atraveis de conversações entre
eles (o chat);
 Facilitar o envio do fotocheck apartir da aplicação direitamente ao cliente;
 Fazer o armazenamento de videos de campanhas para paineis eletronicos.

5.4. Recomendações
Para o usuário obter a melhor experiência possível com a aplicação é importante ter em conta
algumas recomendações:

 Para o melhor desempenho de sistema recomenda-se que o usuário tenha acesso a

internet;
 É indispensável garantir que o seu navegador de Internet tenha como linguagem
predefinida o Português, devido as informações do caminho da rota que o Google map
mostra;
.

41
Referências Bibliográficas

AZEVEDO. Fernando. Sistema de gerenciamento de processos e tarefas – GESTPUB.

2012.50 f. In: Dissertação para a obtenção do título de Licenciatura no Curso Superior de
Engenharia Informatica, do Instituto Municipal de Ensino Superior de Assis. ASSIS. 2012.

Ferraz,Roberto. Desenvolvimento de um Sistema de Serviços de Publicação Anúncios

publicitarios – AD8biz .2015.107f. In: Monografia apresentada como requisito parcial para
a obtenção de titulo de Mestre em Engenharia Informatica. UNIVERSIDADE DA
MADEIRA. Funchal, 2014.

SCHMIT,Maier. Aplicação Web Utilizando api Google Maps.2018.49 f. In: Monografia

apresentada como requisito parcial para a obtenção de titulo de Tecnologo.
UNIVERSIDADE TECNOLOGICA FEDERAL DO PARANÁ. Paraná, 2013.

[Grupo Impacta].Posicionamento,Dimensões e Outros Elementos de HTML e CSS.2015

[K19 Treinamentos].Desenvolvimento Web com HTMl, CSS, e Javascript.2013

[David Flanagan].Javascript o Guia Definitivo.2013

[Alberto Silva,Carlos Videira].UML,Metodologias e Ferramentas CASES:”Linguagem de

Modelação UML, Metodologias e ferramentas Case na Concepção e Desenvolvimento de
Softwere”.Portugal:CentroAtlantico.pt Editora,2001.

[Rodrigo Yoshima].Projeto de Softwere com UML.2013

[Rildo F. Santos].Linguagem de Modelagem Unificada.2009

[Evaldo Junior Bento].Desenvolvimento Web com PHP e Mysql.2012

GOOGLE. Google Maps Api. Disponível em

<http://code.google.com/intl/ptBR/apis/maps/documentation/>. [Online: Acessado 22 de
Janeiro de 2020].

GOOGLE. Google Maps Api Places. Disponível em

<https://developers.google.com/maps/documentation/javascript/places#place_searches>
[Online: Acessado 24 de Janeiro de 2020].

BOOTSTRAP. About Bootstrap. Disponível em: <http://getbootstrap.com/about/>. [Online:

acessado 24 de Janeiro de 2020].
42
W3SCHOOLS. HTML5 Tutorial. Disponível em:
<https://www.w3schools.com/html/default.asp>. [Online: acessado 24 de Janeiro de 2020].

W3SCHOOLS. CSS Tutorial. Disponível em:

< https://www.w3schools.com/css/default.asp>. [Online: acessado 22 de Dezembro de 2019].

W3SCHOOLS. Bootstrap 3 Tutorial. Disponível em:

< https://www.w3schools.com/bootstrap/default.asp>. [Online: acessado 22 de Dezembro de
2019].

43
Anexos
Anexo A – Interfaces do Sistema de Gestão de Paineis Publicitario BigMedia

Nesta parte sera apresentada algumas das principais interfaces desse sistema

A.1 – Tela de login do sistema para autenticação dos usuarios.

Figura A.1 – Tela de inicio do sistema de gestão de paineis publicitário bigmedia.

44
 A.2 Tela Principal do administrador apos ter feito a devida autenticação

Figura A.2 – Tela Principal do Administrador do Sistema Gestão de Paineis Publicitarios BigMedia.

45
A.3 Tela de exibição dos dados de um painel apos uma consulta

Figura A.3 – Tela de visualização de todos os dados de um painel.

A.4 Tela de visualização dos dados de um perfil

Figura A.4 – Tela de visualisação do dados de perfil de um usuario.

46
Anexo B – Exemplares de fotocheck emitidos

Figura B.1 – Exemplar de um fotocheck emitido pelo sistema com a capa inicial.

47
Figura B.2 – Exemplar de um fotocheck emitido pelo sistema do mesmo cliente da figura anterior.

48
Anexo C – Trechos de códigos da Aplicação

Nesta secção irei mostrar algumas partes do codigo fonte da aplicação e tambem querys usadas para a criação
das tabelas da base de dados

<?php
session_start();
include_once("conexao.php");
//$numerofuncionario = $_POST['numFuncio'];
$duracao = $_POST['duraCamp'];
$dataPub = $_POST['dataPubCamp'];
$imagem = $_POST['imagemCamp'];
$numFuncio = $_POST['numFuncio'];
$numCliente = $_POST['numClieCamp'];
$idCamp=0;
$face = 2;
$status = "Desatualizado";
$str = "select count(id_Campanha) as contagem from campanha";
$hope = mysqli_query($cone,$str);
$li = mysqli_fetch_array($hope);
$idCamp = $li['contagem'];
$idCamp = $idCamp + 1;
$inserir = "insert into campanha
values('$idCamp','$dataPub','$duracao','$status','$imagem','$face','$numCliente','$numFunci
o')";
$resultado = mysqli_query($cone,$inserir);
if($resultado){
$_SESSION['msg'] = "<script type ='text/javascript'> swal('Registo de Campanha','Dados
inserridos corretamente','success')</script>";
header("Location:addCampanha.php");
}else{
$_SESSION['msg'] = "<script type = 'text/javascript'>alert('Dados nao inseridos
corretamente')</script>";
header("Location:principal.php");
}
49
 Tabela C.1 – Trecho de código Consultar Uma campanha.

CREATE TABLE `campanha` ( `id_Campanha` int(10) NOT NULL, `dataPublic` date DEFAULT
NULL,`duracao` varchar(40) DEFAULT NULL, `status` varchar(40) DEFAULT NULL,`imagCamp_url`
varchar(200) DEFAULT NULL,`idfaces` int(10) DEFAULT NULL,`idCliente` int(10) DEFAULT
NULL,`idFunc` int(10) DEFAULT NULL);
CREATE TABLE `cliente` ( `id_Cliente` int(10) NOT NULL,`nomeCliente` varchar(40) DEFAULT
NULL,`emailCliente` varchar(40) DEFAULT NULL,`tipoCliente` varchar(40) DEFAULT
NULL,`moradaCliente` varchar(50) DEFAULT NULL,`nif` varchar(50) DEFAULT NULL,`imagCli_url`
varchar(60) DEFAULT NULL,`id_ContaCli` int(10) DEFAULT NULL);
CREATE TABLE `conta` (`id_Conta` int(10) NOT NULL, `nomeUsuario` varchar(40) DEFAULT
NULL,`senha` varchar(40) DEFAULT NULL,`perfil` varchar(40) DEFAULT NULL);
CREATE TABLE `funcionario` (`id_Func` int(10) NOT NULL,`nome` varchar(40) DEFAULT NULL,
`morada` varchar(50) DEFAULT NULL, `email` varchar(40) DEFAULT NULL,`funcao` varchar(40)
DEFAULT NULL,`bi` varchar(14) DEFAULT NULL,`foto_url` varchar(50) DEFAULT NULL,`idConta`
int(10) DEFAULT NULL);
CREATE TABLE `painel` (`id_Painel` int(10) NOT NULL,`codigoPainel` varchar(40) DEFAULT NULL,
`tipoPainel` varchar(40) DEFAULT NULL,`largura` varchar(40) DEFAULT NULL,`altura` varchar(40)
DEFAULT NULL,`cb` varchar(40) DEFAULT NULL,`descricaoLoc` varchar(40) DEFAULT NULL,
`latitude` double DEFAULT NULL,
`longitude` double DEFAULT NULL,`imagLoc_url` varchar(50) DEFAULT NULL);
CREATE TABLE `tarefas` ( `idTarefa` int(10) NOT NULL,`data` date DEFAULT NULL,`estado`
varchar(40) DEFAULT NULL,`descricao` varchar(50) DEFAULT NULL,`titulo` varchar(40) DEFAULT
NULL,
`prioridade` varchar(40) DEFAULT NULL, `idFunc` int(10) DEFAULT NULL);

Tabela C.2 – Trecho de código SQL para criaação das tabelas da base de dados.

50
.

51
52