Enoque Américo Chitsumba

Licenciatura em Engenharia Informática e Tecnologias

Programação Web

SISTEMA DE PARTILHA DE LIVROS ELECTRÓNICOS

Universidade Metodista unida de Moçambique

Cambine, Abril de 2023

 Enoque Américo Chitsumba

Licenciatura em Engenharia Informática e Tecnologias

SISTEMA DE PARTILHA DE LIVROS ELECTRÓNICOS

Projecto a ser apresentado no

Departamento de Informática para
efeitos avaliativos na unidade curricular
de Programação Web, orientado por
Eng João Cazança

Universidade Metodista unida de Moçambique

Cambine, Abril de 2023

Sumário
Introdução........................................................................................3

Objectivos........................................................................................4

Objectivo Geral..................................................................................4

Objectivos específicos..........................................................................4

Overview sobre tecnologias utilizada........................................................5

HTML5.............................................................................................5

CSS.................................................................................................5

AJAX...............................................................................................6

jQuery.............................................................................................6

PHP................................................................................................8

Modelagem do sistema.........................................................................9

Requisitos.........................................................................................9

Requisitos funcionais...........................................................................9

Requisitos não funcionais.....................................................................10

Diagrama de Caso de uso.....................................................................10

Diagrama de Classe............................................................................11

Diagrama de Sequência.......................................................................12

Base de Dados..................................................................................13

Funcionamento do sistema...................................................................15

Conclusão.......................................................................................18

Bibliografia......................................................................................19
 4

Introdução
Nas últimas décadas as mudanças e as inovações passaram a acontecer com mais
frequência e transformaram totalmente a indústria, o comércio, a sociedade e a
educação. 

O presente projecto surge no âmbito do projecto do final da unidade curricular de

Programação Web, que objectiva criar um projecto se um website, com vista a
consolidar na prática os conceitos que foram abordados no decorrer da mesma.
Assim este projecto intitulado – Sistema de partilha de livros electrónicos – tem
por objetivo desenvolvimento de um site de partilha de materiais de estudo laser e
mais em forma de livros.

Esta aplicação em alusão será de grande valia para os estudantes deste o ensino
secundário geral, ensino técnico assim como para os estudantes do ensino superior
na medida em que serão partilhados vários livros e diferentes seguimentos para que
estes sirvam-se destes recursos. Outra motivação que levou a este projeto é poder
fornecer a camada jovem, livros interessantes que os façam desenvolver o amor
pela leitura pois ela (a leitura) estimula o raciocínio, melhora o vocabulário,
aprimora a capacidade interpretativa, além de proporcionar ao leitor um
conhecimento amplo e diversificado sobre vários assuntos. Ler desenvolve a
criatividade, a imaginação, a comunicação, o senso crítico, e amplia a habilidade
na escrita. É desta forma que acreditamos que divulgar livros para a juventude será
de grande valia para o futuro do nosso pais em particular e para o mundo em geral,
pois muitos jovens não conseguem encontrar livros gratuitos na internet, olhando
para a dificuldade que este processo pode demostrar.

As bibliotecas escolares por outro lado têm ficado muito superlotadas, olhando
para o número de estudantes que procuram pelos serviços por estes oferecidos.
 5

Objectivos

Objectivo Geral
 Desenvolver um website de partilha de livros;

Objectivos específicos
 Fazer o levantamento das necessidades olhando para esta temática;
 Modelar o sistema de partilha de livros;
 Implementar o sistema de partilha de livros.
 6

Overview sobre tecnologias utilizada

HTML5
Segundo Silva (2011), a criação da linguagem de marcação HTML 5 teve seu início
em maio de 2007, onde a W3C reconsiderou sua decisão de encerrar o
desenvolvimento da HTML em favor da linguagem XHTML, que é padrão para todos
smartphones, e tornou pública sua decisão de retomar os estudos para o
desenvolvimento da HTML5, tomando como base o trabalho que já vinha sendo
desenvolvido pelo WHATWG.

Segundo Mendes (2011), a linguagem de marcação HTML5 veio da necessidade de

encapsulamento dos recursos oferecidos pela Web, tendo como meta centralizar
esses recursos em uma tecnologia, e com isso evitar que vários e vários plug-ins15
sejam instalados nos navegadores cada vez que um novo recurso de interação com
o usuário surja no navegador.

Mendes (2011) ainda afirma que o HTML5 é a primeira versão do HTML que fornece
ferramentas para o CSS e JavaScript funcionarem da melhor forma possível. O
HTML5 chega ao mercado com o objetivo de tornar mais fácil a manipulação de
alguns elementos, tratando os mesmos de forma mais transparente e
implementando estruturas diferenciadas da existentes anteriormente.

CSS
O CSS Cascading Style Sheet é uma tecnologia que auxilia o HTML na formatação de
suas tags ou outros conteúdos como imagem, texto, vídeo e áudio, esta formatação
e visual em muitos casos com excepção em por exemplo conteúdo de áudio.

Segundo Ferreira e Eis (2011), com o CSS que nós conhecemos podemos formatar
algumas características básicas: cores, background, características de font,
margins, paddings, posição e controlamos de uma maneira muito artesanal e
simples a estrutura do site com a propriedade float. Com as atualizações do CSS3 e
com os navegadores atualizando o suporte do CSS2.1, nós entramos em patamar
 7

onde sem dúvida o CSS é a arma mais poderosa para o designer web. A sintaxe de
utilização do CSS é composta por: selector e propriedade. O selector representa a
estrutura, determinando a formatação do elemento. Os selectores podem ser
encadeados, agrupados ou complexos. Já a propriedade, determina as
características dos selectores.

AJAX
Este termo AJAX é a sigla em inglês para Asynchronous Javascript And XML.
Segundo (Gonçalves, 2006) o termo surgiu em fevereiro de 2005, por Jesse James
Garrett da Adaptative Path LLC, em um artigo on-line (“Ajax: A New Approach to
Web Applications”). O AJAX não é uma nova tecnologia e sim faz uso de outras
tecnologias, principalmente, JavaScript e XML. A utilização da linguagem
supracitada possibilita que diversos recursos de uma página possam ser executados
sem que a mesma seja recarregada, tornando a interação melhor, sem que seja
necessário requisitar novamente todos os elementos que constituem o documento
(Gonçalves, 2006).

Gonçalves (2006) descreve a ideia de que o AJAX deve tornar o processo de

atualização das páginas mais simples, requisitando somente o necessário ao
servidor web, ou seja, se o usuário dispõe da página totalmente carregada e
solicita uma pequena atualização, deve-se prever carregar apenas os conteúdos
solicitados, com a intenção de reduzir o tráfego na rede, processamento do
servidor e resposta ao cliente. Vindo ao encontro deste conceito, segundo
Gonçalves (2008), “O AJAX contém um mecanismo que na realidade é um conjunto
de funções escritas em JavaScript que são chamadas sempre que uma informação
precisa ser pedida ou enviada ao servidor”. Avaliando o exposto por Gonçalves,
uma grande vantagem das aplicações AJAX é que as mesmas são rodadas no
navegador, estando presente em todos navegadores atuais.

jQuery
Segundo (Oliveira e Cervi, 2008), a JQuery é uma biblioteca feita em JavaScript,
que por sua vez visa simplificar o modo como trabalhar com documentos HTML,
tratar eventos, executar animações e adicionar interações em Ajax para páginas
 8

Web. Oferece ainda uma camada de abstração de finalidades gerais para scripts
comuns na internet. O seu lema é: “Escreva menos e faça mais” (JQuery, 2023).

PHP
PHP (Hypertext Processor originalmente Personal Home Page), e uma linguagem
server-side5 e interpretada, isto quer dizer que o script6 e executado no lado do
servidor web, desenvolvida por Rasmus Lerdorf em 1995. O PHP faz referência ao
conjunto de scripts onde, mais tarde, integraria com a ferramenta Forms
nterpreter (PHP/FI), que é uma ferramenta de análise sintática para consultas em
Structured Query Language (SQL) (SALLUM, 2012).

Como foi dito anteriormente o PHP é uma linguagem server-side utilizado em

páginas web por oferecer interactividade entre o usuário e a aplicação, tornando as
páginas mais dinâmicas. As requisições são submetidas através da Uniform
Resource Locator (URL) onde, vão para ao servidor que se encarrega de interpretar
o código em PHP que faz a montagem da página em HTML devolvendo para o
navegador. Através destas requisições também é possível fazer consultas em base
de dados (Amaral, 2015 p. 32).

Segundo Welling e Thomson (2005) apud Amaral (2015) o PHP tem muitas vantagens
das quais podemos citar algumas:

 Integração de banco de dados;

 Baixo custo;
 Suporte a orientação a objetos;
 Portabilidade
 Disponibilidade de código fonte;
 Disponibilidade de suporte.
 9

Modelagem do sistema

Requisitos

O primeiro passo para o desenvolvimento de um software é a análise de requisitos.

Para que um sistema satisfaça as necessidades dos usuários em potencial, deve
passar por um bom levantamento e a consequente análise de requisitos, só assim,
pode ser considerado bem desenvolvido.

Os requisitos de um sistema são as descrições do que o sistema deve fazer, os

serviços oferecem e as restrições do seu funcionamento. Esses requisitos refletem
as necessidades dos clientes para um sistema que serve a uma finalidade
determinada, como controlar um dispositivo, colocar um pedido ou encontrar
informações (SOMMERVILLE, 2011 p.57).

Requisitos funcionais
São declarações de serviços que o sistema deve fornecer, de como o sistema deve
reagir a entradas específicas e de como o sistema deve se comportar em
determinadas situações (Ibid, p. 59). Para o sistema proposto, temos como
requisitos funcionais os seguintes:

Cadastrar usuários;
Excluir usuários;
Actualizar dados dos clientes
Cadastrar obras literárias e científicas;
Actualizar dados de obras;
Pesquisar usuários;
Pesquisar livros e obras;
Permitir a realização de downloads de obras;
 10

Requisitos não funcionais

São restrições aos serviços ou funções oferecidas pelo sistema. Incluem restrições
de timing, restrições no processo de desenvolvimento e restrições impostas pelas
normas.

A seguir temos os requisitos não funcionais do sistema:

O sistema deve garantir a integridade dos dados;

O sistema deve apresentar interfaces intuitivas e claras;
O sistema deve ter compatibilidade com todos navegadores.

Diagrama de Caso de uso

Um diagrama de casos de utilização descreve a relação entre atores e casos de

utilização de um dado sistema. Este é um diagrama que permite dar uma visão
global e de alto nível do sistema, sendo fundamental a definição correcta da sua
fronteira (SILVA & VIDEIRA, 2001 p.124).
 11

Como sugere a figura acima, o sistema tem dois perfis de usuários representados
em usuário que tem a responsabilidade e cadastrar obras e fazer comentários,
actualizar dados das obras, apagar, pesquisar obras. O Administrador tem
privilégios maiores, ele além de poder fazer o que o usuário faz, pode também
criar cadastro de usuário, apagar, actualizar, pesquisar usuário, apagar obras
publicadas e pode também validar as publicações que são feitas pelos usuários
comuns.

Diagrama de Classe

O diagrama de classes é utilizado na construção do modelo de classes desde o nível

de análise até o nível de especificação.

Na perspectiva de Nunes e O’Neill (2003) diagrama de classes tem como objectivo

suportar os requisitos funcionais do sistema, que foram levantados previamente.
Este diagrama apresenta uma visão estática de como as classes estão organizadas,
 12

preocupando-se em como definir a estrutura lógica das mesmas. O diagrama de

classes serve ainda como base para a construção da maioria dos outros diagramas
UML (GUEDES, 2011). Este diagrama é composto basicamente por suas classes e
pelas associações existentes entre elas, ou seja, os relacionamentos entre as
classes. Alguns métodos de desenvolvimento de software, como o Processo
Unificado, recomendam que se utilize o diagrama de classes ainda durante a fase
de análise, produzindo-se um modelo conceptual a respeito das informações
necessárias ao software.

Diagrama de Sequência
Um diagrama de sequência descreve a maneira como os grupos de objectos
colaboram em algum comportamento ao longo do tempo. Ele registra o
comportamento de um único caso de uso e exibe os objectos e as mensagens
passadas entre esses objectos no caso de uso.
 13

O Diagrama de Sequência é uma das ferramentas UML usadas para representar

interacções entre objectos de um cenário, realizadas através de operações ou
métodos (procedimentos ou funções). Este diagrama é construído a partir do
diagrama de caso de uso. Primeiro, define-se qual o papel do sistema (Use Cases),
depois, é definido como o software realizará seu papel (Sequência de operações).

O Diagrama de Sequência diagrama dá ênfase a ordenação temporal em que as

mensagens são trocadas entre os objectos de um sistema. Entende-se por
mensagens os serviços solicitados de um objecto a outro, e as respostas
desenvolvidas para as solicitações.

Neste sistema de registo de ordens de serviços foram desenhados os diagramas a

seguir.

Base de Dados
Uma base de dados é um repositório da informação. Ferreira (2011) define base de
dados como uma ferramenta que possibilita a colecta e a organização das
informações. Podem ser armazenadas nela diferentes informações a serem
utilizadas por diferentes programas e usuários. A Base de Dados se torna ainda mais
útil em ambientes onde os dados informatizados são numerosos. Uma de suas
vantagens é a possibilidade dos dados terem acessos simultâneos. Pela natureza da
 14

aplicação em desenvolvimento, é fundamental a criação de uma base de dados que

vai servir de repositório dos dados referentes aos usuários bem como das obras
publicadas.
 15

Funcionamento do sistema
Nesta subsecção será apresentado o funcionamento do sistema.

A figura acima ilustrada mostra a primeira tela e interacção com o usuário, é daqui
onde o usuário decide o que fazer dentro do sistema. Importa referir que para
realizar a publicação de uma obra no sistema o usuário precisa ter uma sessão
iniciada no sistema para tal é importante que este faça o cadastro e o login, cujas
telas estão ilustradas nas figura a seguir.
 16

Quando o usuário tiver uma sessão iniciada no sistema pode fazer o cadastro de
obra, como livros didactivos, para lazer e artigos científicos como dissertações,
teses e monografias científicas bem como artigos de reflexão crítica.

A seguir temos ilustradas as imagens do menu e os formulários de cadastro de

livros.
 17

O administrador por outro lado após iniciar a sessão, interage com a seguinte tela:
 18

É a partir do menu ilustrado a esquerda que o administrador do sistema realiza as

suas atividades de gerencia do sistema, fazendo a verificação das obras enviadas
pelos outros usuários na maioria das vezes.
 19

Conclusão
Em virtude da pesquisa, percebeu-se que sistemas de informação automatizados
são indispensáveis no nosso dia-a-dia na medida em que facilitam nas diversas
acções que nas condições rudimentares nos causariam muito trabalho.
Os sistemas informatizados reduzem o esforço humano, este em particular vai
ajudar os estudantes no compartilhamento de livros e outros artigos na internet.

Este trabalho foi de grande importância pois para além de fazer dela uma forma
de expressar uma ideia construtiva ajudou no aperfeiçoamento de muitas
tecnologias como é o caso do HTML5, CSS, JavaScript, PHP e o SQL.
 20

Bibliografia
Richardson. (2017). Metodologias cientificas. Em Metodologias Cientifias (pp. 20
25). Turquia. Obtido em 28 de Maio de 2022

Silva, A. M. R. & Videira, C.A. E. (2001). UML, Metodologias e Ferramentas

CASE: Linguagem de Modelação UML, Metodologias e Ferramentas CASE na
Concepção e Desenvolvimento de Software. Portugal: Centro Atlântico Lda.

SOMMERVILLE, I.( 2011) Engenharia de Software-9 a Edição. [S.l.]: Pearson

Education.

ROGERS, Y.(2013). SHARP, H.; PREECE, J. Design de Interacção: além da interacção

homem-computador. Porto Alegre: Bookman.