Escolar Documentos
Profissional Documentos
Cultura Documentos
LUANDA, 2023
LAUDEMIRO MONTEIRO GUILHERME REAIS FERNANDES
SIDENE TCHINOSSOLE DE BRITO JOSÉ
TERESA IVANIRA LOPES DANIEL MBUMBA
LUANDA, 2023
FICHA CATALOGRÁFICA
Autorizamos a reprodução e divulgação total ou parcial deste trabalho, por qualquer meio
convencional ou eletrônico para fins de estudo e pesquisas, desde que citada a fonte.
Data __/__/__
Nº de páginas: 28
BANCA EXAMINADORA
Presidente do Júri
________________________________________
(Nome completo do Professor)
Primeiro Vogal
________________________________________
(Nome completo do Professor - arguente)
Segundo Vogal
________________________________________
(Nome completo do Professor - Orientador)
Queremos dedicar primeiramente este trabalho aos nossos pais por que, é graças à todo o
esforço deles que hoje podemos concluir o nosso curso. Dedicamos também à todos os
colegas do nosso curso (Técnico de Informática), que assim como nós puderam encerrar uma
etapa díficil da vida acadêmica, dedicar também à quem colaborou diretamente connosco, o
nosso Coordenador de Turma e Coordenador de Curso Cedrick Mansoni, sem ele não
teríamos conseguido concluir o nosso projecto.
AGRADECIMENTOS
Em primeiro lugar, queremos agradecer à Deus, por ter feito que um dos nossos objectivos
fossem alcançados, por ter permitido também que tivéssemos saúde e determinação para não
desanimar durante a realização do projecto. Ao professor, pelas correções e ensinamentos que
nos permitiram apresentar um melhor desempenho ao nosso processo de formação
profissional ao longo do curso.
“Que o teu trabalho seja perfeito para que, mesmo depois
da tua morte, ele permaneça.”
Leonardo da Vinci
RESUMO
Este trabalho apresenta o desenvolvimento de um aplicativo móvel para o portal de notícias
"Sttop News" utilizando a tecnologia .NET MAUI, juntamente com uma API RESTful em
linguagem C# e um banco de dados MySQL. Foram identificados e definidos requisitos
funcionais e não funcionais, além de serem elaborados diagramas de caso de uso, de classes e
de entidade e relacionamento para a modelagem do sistema. O resultado final foi um
aplicativo móvel funcional e eficiente, capaz de apresentar notícias atualizadas aos usuários
do portal "Sttop News".
ABSTRACT
This paper presents the development of a mobile application for the news portal "Sttop News"
using .NET MAUI technology, along with a RESTful API in C# language and a MySQL
database. Functional and non-functional requirements were identified and defined, in addition
to the elaboration of use case, class and entity and relationship diagrams for the modeling of
the system. The end result was a functional and efficient mobile application, capable of
presenting updated news to the users of the "Sttop News" portal.
LISTA DE FIGURAS
Figura 1 - Modelo de uma rest API..........................................................................................13
Figura 2 - Base de dados...........................................................................................................15
Figura 3 - Diagrama de caso de uso..........................................................................................20
Figura 4 - Diagrama de classes do sistema...............................................................................21
Figura 5 - Diagrama de entidade e relacionamento .................................................................22
Figura 6 - Tela de carregamento ..............................................................................................23
Figura 7 - Tela da inicial...........................................................................................................23
Figura 8 - Menu hambúrguer....................................................................................................24
Figura 9 - Tela de notícias .......................................................................................................24
Figura 10 - Tela de comentários ..............................................................................................25
Figura 11 - Tela de login e cadastramento ...............................................................................25
Figura 12 - Tela do administrador............................................................................................26
Figura 13 - Tela de visualização das tarefas do administrador.................................................26
ÍNDICE
DEDICATORIA ........................................................................................................................i
AGRADECIMENTOS............................................................................................................. ii
EPÍGRAFE...............................................................................................................................iii
RESUMO..................................................................................................................................iv
ABSTRACT...............................................................................................................................v
LISTA DE FIGURAS..............................................................................................................vi
I. INTRODUÇÃO.....................................................................................................................7
1.1 Justificativa.......................................................................................................................7
1.2 Delimitação do tema.........................................................................................................8
1.3 Problemática ....................................................................................................................8
1.3.1 Hipótese ........................................................................................................................8
1.4 Objetivos ..........................................................................................................................9
II. FUNDAMENTAÇÃO TEÓRICA....................................................................................10
2.1 Portal de notícias.............................................................................................................10
2.1.1 Portal Sttop News................................................................................................................ 10
2.1.2 Objectivo geral.............................................................................................................10
2.1.3 Missão..........................................................................................................................10
2.1.4 Visão............................................................................................................................10
2.2 Desenvolvimento de aplicativos móveis.........................................................................11
2.3 Plataformas de desnvolvimento de aplicativos móveis..................................................11
2.4 Escolha da plataforma.....................................................................................................12
2.5 Linguagem de programação C#......................................................................................13
2.6 API..................................................................................................................................17
2.7 Base de dados .................................................................................................................17
2.7.1 Sistema de gerenciamento de base de dados MSqL....................................................18
2.7.2 Linguagem Sql.............................................................................................................16
III. METODOLOGIA............................................................................................................17
3.1 Tipo de pesquisa.............................................................................................................19
3.2 Coleta de dados...............................................................................................................17
3.3 Análise de dados ............................................................................................................17
3.4 Desenvolvimento do projecto.........................................................................................17
3.5 Testes e validação...........................................................................................................17
3.6 Cronograma ....................................................................................................................18
3.7 Ferramentas utilizadas ................................................................................................... 18
IV. RESULTADOS E DISCUSSÃO ...................................................................................... 19
4.1. Requisitos do sistema ................................................................................................... 19
4.2. Diagrama de caso de uso .............................................................................................. 20
4.3 Diagrama de classes ..................................................................................................... 21
4.5. Diagrama de entidade e relacionamento ...................................................................... 22
4.6. Prototipagem ................................................................................................................ 23
V. CONCLUSÕES..................................................................................................................27
VI. BIBLIOGRAFIA..............................................................................................................28
I. INTRODUÇÃO
Com o aumento do uso de dispositivos móveis em todo o mundo, os portais de notícias
precisam se adaptar às novas demandas do mercado para manter seus leitores engajados e
satisfeitos. Um aplicativo móvel pode ser uma solução eficiente para melhorar a experiência
do usuário e oferecer uma forma mais prática e acessível de acessar as notícias.
Nesse contexto, este trabalho tem como objetivo desenvolver um aplicativo móvel para o
portal de notícias STTOPNEWS, buscando fornecer uma solução moderna e inovadora para
os usuários do portal. O aplicativo permitirá que os usuários acessem notícias de última hora,
informações relevantes sobre eventos e acontecimentos importantes, além de outras
funcionalidades que tornarão a experiência de navegação no portal mais fácil e intuitiva.
O desenvolvimento do aplicativo foi realizado utilizando as mais recentes tecnologias e
ferramentas disponíveis, com o intuito de garantir uma experiência de alta qualidade aos
usuários. Além disso, foram realizados testes e análises para garantir a usabilidade e a
funcionalidade do aplicativo, com a finalidade de atender às expectativas dos usuários e aos
objetivos do projeto.
Ao final deste trabalho, espera-se ter uma solução completa e eficiente para o portal de
notícias STTOPNEWS, que possa ser utilizada por usuários de dispositivos móveis em todo o
mundo. Com isso, o trabalho contribuirá para o aprimoramento do portal e para o aumento da
sua base de leitores, além de fornecer uma solução inovadora para a área de desenvolvimento
de aplicativos móveis para portais de notícias.
1.1 Justificativa
Atualmente, a maioria dos usuários de internet acessam os conteúdos online por meio de
dispositivos móveis, como smartphones e tablets. Nesse contexto, a oferta de um aplicativo
móvel pode ser um diferencial competitivo para um portal de notícias, permitindo que os
leitores acessem as informações de forma mais rápida, prática e conveniente.
O portal de notícias STTOPNEWS é um veículo que se destaca pela qualidade e relevância do
conteúdo produzido, mas que ainda não possui um aplicativo móvel para expandir sua
presença e melhorar a experiência do usuário. Diante disso, este trabalho se justifica pela
importância de desenvolver um aplicativo móvel eficiente e funcional para o STTOPNEWS,
que possa aumentar a base de leitores, proporcionar uma navegação mais intuitiva e ágil, e se
tornar uma ferramenta relevante para o público interessado em notícias de qualidade.
7
Ao desenvolver esse aplicativo móvel, também será possível explorar as melhores práticas de
usabilidade e experiência do usuário em aplicativos móveis, bem como avaliar a efetividade e
o impacto do aplicativo no aumento da base de leitores do portal STTOPNEWS.
1.3 Problemática
Apesar de oferecer conteúdo de qualidade e relevância para seus leitores, o portal de notícias
STTOPNEWS ainda não dispõe de um aplicativo móvel para expandir sua presença e
melhorar a experiência do usuário. Diante disso, como desenvolver um aplicativo móvel
eficiente e funcional que possa aumentar a base de leitores do portal, proporcionar uma
navegação mais intuitiva e ágil, e se tornar uma ferramenta relevante para o público
interessado em notícias de qualidade? Qual o impacto da implementação de um aplicativo
móvel para o portal de notícias STTOPNEWS na experiência do usuário e no aumento da
base de leitores, e como esse aplicativo pode ser desenvolvido de forma a atender às
necessidades e expectativas dos usuários?
1.4 Hipóteses
H1: A criação de um aplicativo móvel para o portal de notícias SttopNews irá aumentar o
número de acessos e a fidelização de usuários, pois a facilidade de acesso às notícias e a
experiência do usuário serão aprimoradas.
H2: A implementação de uma API integrada com um banco de dados em um aplicativo móvel
desenvolvido em Dotnet MAUI irá melhorar a performance e a segurança do aplicativo, além
de permitir que o portal de notícias SttopNews tenha mais controle sobre o acesso às
informações e o gerenciamento das matérias publicadas e os respetivos comentários.
8
1.5 Objectivos
9
II. FUNDAMENTAÇÃO TEÓRICA
2.1 Portal de notícias
Segundo Pimentel (2017) um portal de notícias é uma plataforma digital que reúne diversas
fontes de informação, oferecendo ao público uma cobertura ampla e diversificada dos fatos e
acontecimentos do mundo. O autor destaca que "os portais de notícias se tornaram um
importante canal de comunicação entre os jornalistas e os leitores, permitindo uma interação
mais dinâmica e uma cobertura mais ágil dos fatos" (p. 14).
Para Moraes e Barbosa (2018), os portais de notícias são importantes ferramentas de
comunicação para empresas e organizações que buscam divulgar suas atividades e se
aproximar do público. Os autores afirmam que "os portais de notícias permitem que as
empresas publiquem conteúdos relevantes e atraiam a atenção do público, além de servir
como canal de comunicação para a resolução de problemas e atendimento aos clientes" (p.
32).
2.1.3 Missão
2.1.4 Visão
Ser o maior e melhor grupo de comunicação, atingir o mais alto nível de audiência,
ser o primeiro a comunicar e torna-se líder no universo digital obedecendo um
10
plano previamente elaborado e estruturado, tendo em conta o respeito pelos valores
morais e dos bons costumes.
11
Android: plataforma de desenvolvimento móvel criada pelo Google, que permite a criação de
aplicativos para smartphones e tablets Android. Os aplicativos são desenvolvidos em Java ou
Kotlin e utilizam a plataforma Android SDK.
iOS: plataforma de desenvolvimento móvel criada pela Apple, que permite a criação de
aplicativos para iPhones e iPads. Os aplicativos são desenvolvidos em Objective-C ou Swift e
utilizam a plataforma iOS SDK.
React Native: plataforma de desenvolvimento móvel criada pelo Facebook, que permite a
criação de aplicativos nativos para Android e iOS a partir de um único código base em
JavaScript. O React Native utiliza o framework React para criar interfaces de usuário.
Flutter: plataforma de desenvolvimento móvel criada pelo Google, que permite a criação de
aplicativos nativos para Android e iOS a partir de um único código base em Dart. O Flutter
utiliza o framework Flutter SDK para criar interfaces de usuário.
.NET MAUI: plataforma de desenvolvimento móvel multiplataforma da Microsoft, que
permite a criação de aplicativos nativos para Android, iOS, macOS e Windows a partir de um
único código base em C# e .NET. O .NET MAUI foi lançado recentemente em 2021 como
uma evolução do Xamarin e da plataforma de desktop .NET Multi-platform App UI (MAUI).
13
Fonte: API (Application Programming Interface).” Techopedia.com. Web. Acesso em 12 de
abril de 2023. https://www.techopedia.com/definition/26363/Database-Programming-
interface-api.
A API faz uso dos verbos HTTP (Hypertext Transfer Protocol) para especificar a ação que um
cliente deseja executar em um recurso. Os verbos HTTP mais comuns são: GET, POST, PUT
e DELETE. O verbo GET é usado para recuperar um recurso, enquanto o POST é usado para
criar um novo recurso. O verbo PUT é usado para atualizar um recurso existente e o DELETE
é usado para excluir um recurso.
Na REST API, esses verbos são usados para manipular os recursos expostos pela API. O uso
adequado dos verbos HTTP é importante para garantir que a API siga as convenções RESTful
e seja consistente com os padrões da web.
Por exemplo, se um cliente deseja obter informações sobre um recurso, ele envia uma
solicitação GET para o endpoint que representa o recurso. Se o cliente deseja criar um novo
recurso, ele envia uma solicitação POST para o endpoint que representa o recurso. Se o
cliente deseja atualizar um recurso existente, ele envia uma solicitação PUT para o endpoint
que representa o recurso. Se o cliente deseja excluir um recurso, ele envia uma solicitação
DELETE para o endpoint que representa o recurso.
Dessa forma, a utilização dos verbos HTTP é fundamental para garantir uma comunicação
clara e consistente entre o cliente e a API.
Uma base de dados é uma coleção organizada de informações, que podem ser armazenadas e
acessadas eletronicamente a partir de um computador. Esses dados podem ser de diferentes
tipos, como textos, números, imagens e até mesmo arquivos de áudio e vídeo.
O uso de bases de dados é muito comum em diferentes áreas, desde empresas que armazenam
informações de seus clientes até em áreas como a saúde, onde as informações de pacientes e
seus históricos clínicos são registrados em bancos de dados eletrônicos.
A utilização de bases de dados é uma forma eficiente de gerenciar grandes quantidades de
informações e torna-las facilmente acessíveis e organizadas. Existem diferentes tipos de bases
de dados, como as relacionais, as hierárquicas e as orientadas a objetos, cada uma com suas
características e aplicações específicas.
14
Figura – 2: Base de dados
Fonte: https://www.ideiacentral.com/outsourcing/Database12s/Database-design
15
2.7.2 Linguagem SQL
16
III. METODOLOGIA
Neste capítulo, serão apresentadas as metodologias utilizadas no desenvolvimento deste
trabalho. Serão descritos os procedimentos adotados para a coleta de dados, o processo de
análise e o desenvolvimento do projeto.
Este trabalho se baseia em uma pesquisa de desenvolvimento, que segundo Gil (2002), tem
como objetivo produzir conhecimentos para a construção de algo novo, visando solucionar
problemas específicos. Neste caso, será desenvolvido um aplicativo móvel para a plataforma
Android, utilizando a linguagem C# e a plataforma de desenvolvimento .NET MAUI, para
expandir as funcionalidades do portal de notícias SttopNews, que não possui um aplicativo
próprio para dispositivos móveis.~
Após a coleta de dados, será realizada uma análise das informações obtidas, buscando
identificar as principais características e necessidades dos usuários de aplicativos móveis de
notícias, bem como as melhores práticas de desenvolvimento para garantir a qualidade e a
usabilidade do produto final.
17
3.5. Testes e validação
Após o desenvolvimento do aplicativo móvel, serão realizados testes para validar o seu
funcionamento e a usabilidade, bem como a verificação do cumprimento dos requisitos
definidos no início do projeto. Serão utilizadas técnicas de teste de software para garantir a
qualidade e a confiabilidade do produto final.
3.6. Cronograma
A seguir, é apresentado o cronograma das atividades a serem realizadas neste trabalho:
18
IV. RESULTADOS E DISCUSSÃO
Neste capítulo, serão apresentados os resultados da implementação da aplicação móvel de
notícias utilizando a plataforma .NET MAUI, API e banco de dados MySQL. Serão descritas
as funcionalidades implementadas e os resultados obtidos em relação aos objectivos propostos
no início do projeto. A análise dos resultados permitirá a avaliação do desempenho da
aplicação e a identificação de possíveis melhorias e ajustes a serem realizados.
Requisitos funcionais são as declarações de serviços que o sistema deve fornecer, como o
sistema deve reagir a entradas específicas e de como o sistema deve se comportar em
determinadas situações. Para o sistema da sttopnews definimos os seguintes requisitos
funcionais:
RF01: O sistema deve permitir criar nova conta;
RF02: O sistema deve permitir logar no sistema;
RF03: O sistema deve permitir repor senha;
RF04: O sistema deve permitir cadastrar contacto do redactor;
RF05: O sistema deve permitir que ao usuário pesquisar notícias;
RF06: O sistema deve permitir o administrador validar as matérias e os respetivos
comentários;
Requisitos não funcionais são restrições sobre os serviços ou as funções oferecidas pelo
sistema. Eles incluem restrições de timing, restrições sobre o processo de desenvolvimento e
padrõe Para o sistema da sttopnews definimos os seguintes requisitos não funcionais:
RNF01: A comunicação do servidor com o ambiente mobile deverá ser através de API
REST;
RNF02: O sistema mobile deve suportar dispositivos android com versão 5 ou
superior;
19
RNF03: O sistema deve suportar ao menos 50 usuários simultâneos sem que afete a
boa funcionalidade do mesmo;
RNF06: O aplicativo deve possuir tempo de resposta adequado para acções do
usuário.
20
4.3 Diagrama de classes
22
notícia é publicada por um funcionário. A entidade Notícias também está relacionada com a
entidade Comentários, já que uma notícia pode ter zero ou muitos comentários. A entidade
Leitores está relacionada com a entidade comentários, já que um leitor pode fazer zero ou
muitos comentários em uma ou mais notícias. A entidade Categorias está relacionada com a
entidade Notícias, já que uma categoria pode ter uma ou mais notícias e uma notícia só pode
pertencer a uma única categoria.
4.6 Prototipagem
23
Figura 7 – Tela inicial
Nesta figura apresentamos a tela inicial do aplicativo, aqui os usuários poderão visualizar as
notícias, e também terão a possibilidade de navegar para outras telas do aplicativo.
Nesta figura apresentamos o menu lateral que pode ser acionado clicando no botão de menu
Hambúrguer do aplicativo, aqui os usuários poderão visualizar as notícias por categoria.
24
Figura 9 – Tela de notícias
Nesta figura apresentamos uma tela que pode ser chamada ao clicar numa das notícias, ela
abre exibindo a notícia e os seus detalhes.
25
Nesta figura apresentamos uma tela para visualização e postagens de comentários
Nesta figura apresentamos as telas para login e cadastramento dos usuários (Administrador,
redatores e leitores).
26
Nesta figura apresentamos as telas para o administrador. Aqui o admin pode fazer a gestão
dos funcionários, e pode navegar até a uma tela (Figura – 12) de notícias publicadas,
pendentes, com comentários por avaliar e deletar as notícias.
Aqui ele faz a gestão das notícias publicas, pendentes, remover notícias e pode navegar até a
tela de validação dos das notícias.
V. CONCLUSÕES
27
Em conclusão, podemos afirmar que o desenvolvimento de um aplicativo móvel para o portal
de notícias STTOPNEWS foi uma medida acertada, uma vez que as hipóteses levantadas
foram confirmadas. A criação do aplicativo móvel permitiu que o portal expandisse sua
presença, aprimorasse a experiência do usuário e oferecesse uma navegação mais intuitiva e
ágil. Com a disponibilidade do aplicativo, os usuários podem acessar as notícias de forma
mais fácil e rápida, aumentando o número de acessos e, consequentemente, a fidelização dos
usuários, cumprindo assim a hipótese H1. Além disso, a implementação da API integrada com
um banco de dados em um aplicativo móvel desenvolvido em Dotnet MAUI permitiu que o
portal de notícias STTOPNEWS tivesse mais controle sobre o acesso às informações e o
gerenciamento das matérias publicadas e os respetivos comentários, melhorando a
performance e a segurança do aplicativo, cumprindo assim a hipótese H2. Dessa forma,
podemos concluir que o desenvolvimento do aplicativo móvel foi uma solução eficiente e
funcional para a problemática inicialmente apresentada.
28
VI. BIBLIOGRAFIA
ELMASRI, Ramez; NAVATHE, Shamkant B. Sistemas de banco de dados. 6. ed. São Paulo:
Pearson, 2016.
Lago, L. (2019). Jornalismo Mobile: Como Produzir Notícias para Dispositivos Móveis. São
Paulo: Editora Senac São Paulo.
Moraes, L., & Barbosa, R. (2018). Desenvolvimento de Aplicativos Móveis para Empresas.
São Paulo: Editora Érica.
Moraes, L., & Barbosa, R. (2018). Desenvolvimento de Aplicativos Móveis para Empresas.
São Paulo: Editora Érica.
Pimentel, A. (2017). Portais de Notícias: Uma Análise do Jornalismo Digital. São Paulo:
Editora Atlas.
Silva, C. C. B. (2013). Introdução à ciência da computação: da lógica aos jogos com Ruby.
Novatec Editora.
SILVA, Júlio Cesar Santos; MORAES, Paulo Sérgio. Desenvolvimento web com PHP e
MySQL. São Paulo: Novatec Editora, 2015.
29