DEDICATÓRIA

Dedicamos esse trabalho à Deus, causa primordial de todas as coisas,

influenciador e motivador na trilha certa para a conclusão satisfatória deste projecto,
maior incetivador das realizações dos nossos sonhos.

1
 AGRADECIMENTO

. Agradecemos primeiramente aos nossos pais pelo apoio financeiro e mental,

para a concretização do Projecto sem esquecer aos nossos amigos e colegas pelo
incentivo dado, em especial aos do curso de Informática de Gestão pelo conhecimento
transmitido e esforços incansáveis. E sem esquecer ao nosso orientador Fernandes
Manuel pela sabedoria transmitida e com a qual elaborou-se o Projecto.
Ao conselho de júri que minuciosamente avaliará a nossa defesa e a toda a
plateia que irá testemunhar a mesma.
À todos o nosso muito obrigado!

2
 EPÍGRAFE

“ Escreva algo que valha a pena ler ou faça algo que valha a pena escrever ”.

«Benjamin Franklin»

3
 RESUMO

Este trabalho apresenta o resultado de um estudo científico feito sobre a

Implementação de um Web Site no Complexo Escolar Nossa Senhora da Anuciação
como um factor de sucesso na Sociedade, Mostraremos como melhorar a comunicação
entre a instituição e os encarregados de educação, facilitando o acesso dos encarregados
as informações dos seus educando. Vamos criar um site que inclui o encarregado no
ensino e aprendizagem.
Palavras-chaves: Inclusão , Encarregado, Ensino , Aprendizagem, Web.

4
 INTRODUÇÃO

O desenvolvimento crescente de tecnologias traz a necessidade de realizar

tarefas de maneiras cada vez mais simples e informatizada, ou seja, de modo que seja
exigido o menor esforço possível por parte das pessoas.

O aplicativo web está relacionado com o armazenamento na nuvem. Toda  informação é

guardada de forma permanente em grandes servidores da internet que enviam aos
nossos dispositivos ou computadores os dados requeridos no momento, deixando uma
cópia temporária dentro dele.Em qualquer momento, lugar e usando qualquer
dispositivo podemos acessar este serviço, precisamos apenas de uma conexão com a
internet e nossas informações de acesso, que geralmente são nome de usuário e
senha.Estes grandes servidores da internet que prestam o serviço de armazenamento
estão localizados ao redor do mundo, fazendo com que o serviço prestado não seja tão
caro e na maioria dos casos gratuitos e extremamente seguros.

A evolução das tecnologias e da informática tem possibilitado diversos

segmentos, além do próprio computador, como: controles eletrônicos de acesso,
automação comercial, sistemas de gestão empresarial e de negócios, redes de
computadores, comércio eletrônico, controle ambiental, sistemas de comunicação,
gerenciamento de documentos, e até mesmo brinquedos. O setor de Tecnologia da
Informação (TI) se estabeleceu completa e definitivamente em todos os segmentos, não
importando tamanho ou finalidade das empresas. As grandes empresas, devido ao
grande volume de dados, não podem ignorar os movimentos da tecnologia.

5
 PROBLEMÁTICA

Um Web App é um site na internet que se comporta como um aplicativo. É

acessado como qualquer outro site pelo navegador e tem comportamento
responsivo (layout adaptado para smartphones) .
Como a criação de um aplicativo web ajudará na inclusão do encarregado
no ensino e aprendizagem ?

HIPÓTESE

Os encarregados de educação estão cada vez mais afastados do ensino

e aprendizagem dos seus eduncando .
H.1:Implementação de um aplicativo web para o complexo escolar privado
Nossa Senhora da Anuciação .
H.2: Fazer relatórios semanais com o desenvolvimento do comportamento dos
educando para os seus encarregados.

6
 JUSTIFICATIVA

A oportunidade de oferecer uma solução tecnológica, a fim de facilitar na

comunicação entre a instituição e os encarregados, podendo também ter bons
profissionais neste departamento que assumam a grande responsabilidade de levar
adiante e prestar esclarecimentos sobre demais informações e garantir que o
departamento(departamento de avaliação da inclusão do encarregado no ensino e
aprendizagem). Evolua conforme os objectivos da instituição.

7
 OBJECTIVOS

Segundo SANTOS (1999, p.60) tudo aquilo que o pesquisador pretende

conseguir como resultado final de uma investigação é denominado objectivo.

 Geral
• Criação de um aplicativo web para facilitar a comunicação entre o
encarregado de educação e a instituição;
Específicos
• Fazer a coleta de informações sobre a instituição em causa;
• Definir o aplicativo web
• Iniciar a criação, aplicando conhecimentos sobre as linguagens e
ferramentas de programação web;
• Realizar testes para verificação do seu funcionamento e possível correção
de erros emergidos;
• Apresentar o aplicativo web.

8
 METODOLOGIA

No presente estudo optou-se por uma investigação predominantemente

qualitativa, uma vez que este incide sobre aspectos da vida educativa e por se considerar
o procedimento mas consistente em função das carateristicas do estudo.
Tipo de pesquisa, População, Amostra,Analise de dados, Coletas de dados.

Pesquisa qualitativa; Alunos ,Funcionarios e encarregados; Funcionários

do complexo escolar NSA; Analise qualitativa; Para obtenção de dados para
aplicação no projecto utilizamos diversas tecnicas de pesquisa;

DELIMITAÇÃO

Na elaboração desse trabalho de prova de aptidão profissional, nos

delimitamos a fazer a pesquisa na província de Luanda, na Cidade do Sequele, depois
9
do bloco 13, propriamente no Complexo Escolar Privado Nossa Senhora da
Anunciação.

10
 CAPÍTULO I - FUNDAMENTAÇÃO TEÓRICA

1.1-Aplicativo

O aplicativo(app) é um software para dispositivos eletrônicos que auxiliam os

usuários a realizar determinadas tarefas. Eles podem ser facilmente identificados, pois
são aqueles quadradinhos espalhados pela tela do celular. Existem duas categorias de
aplicativos no mercado: Os nativos e os híbridos. O aplicativo nativo é o mais
conhecido por todos os usuários. É instalado e armazenado diretamente no smartphone e
geralmente é encontrado em lojas para download, como Play Store e App Store. Esse
aplicativos tem acesso a todos os recursos do smartphone.
Esses aplicativos tem o maior aproveitamento do usuário. Na maioria dos casos
esses aplicativos também funcionam offline e como são oferecidos pelas lojas onde são
baixados, têm a garantia da segurança.
Já os híbridos, são os aplicativos que tem um código muito parecido para
diversas plataformas diferentes. Isso significa que o programador escreve apenas um
código para funcionar em aparelhos Apple e aparelhos Android. É necessário alterar
apenas algumas partes do código que contém particularidades para pode acessar
recursos, como localização.
Programadores afirmam que a principal diferença entre os híbridos e nativos é
que os nativos oferecem uma experiência melhor ao usuário por causa do fluxo. Nos
nativos existe uma maior fluidez devido aos recursos disponíveis para uso e por causa
do uso da linguagem específica  de cada sistema operacional.
1.1.2-APLICATIVO WEB
Um aplicativo web é um site na internet que se comporta como um aplicativo.
É acessado como qualquer outro site pelo navegador e tem comportamento responsivo
(layout adaptado para smartphones), o Facebook é um exemplo. Pode-se criar um ícone
do site na tela inicial do smartphone para que o Web App seja diretamente acessado.
O aplicativo web não consegue utilizar todas as funções do smartphone, o que
impossibilita algumas ações. Ele não ocupa espaço na memória do aparelho, mas só
funciona se tiver acesso à internet. É uma ótima opção se o seu objetivo é ter presença
online no mundo mobile, pois possui simplicidade de programação e se adapta a
diversas plataformas.
Para definir um aplicativo , podemos destacar as seguintes definições:
11
 Progressivo – Funciona para qualquer usuário, independentemente do
navegador escolhido, pois é criado com aprimoramento progressivo como
princípio fundamental.
 Responsivo – Se adequa a qualquer formato: desktop, celular, tablet ou o que
for inventado a seguir.
 Independente de conectividade – Aprimorado com service workers para
trabalhar off-line ou em redes de baixa qualidade.
 Semelhante a aplicativos – Parece com aplicativos para os usuários, com
interações e navegação de estilo de aplicativos, pois é compilado no modelo de
shell de aplicativo.
 Atual – Sempre atualizado graças ao processo de atualização do service worker.
 Seguro – Fornecido via HTTPS para evitar invasões e garantir que o conteúdo
não seja adulterado.
 Descobrível – Pode ser identificado como “aplicativo” graças aos manifestos
W3C e ao escopo de registro do service worker, que permitem que os
mecanismos de pesquisa os encontrem.
 Reenvolvente – Facilita o reengajamento com recursos como notificações push.
 Instalável – Permite que os usuários “guardem” os aplicativos mais úteis em
suas telas iniciais sem precisar acessar uma loja de aplicativos.
 Linkável – Compartilha facilmente por URL, não requer instalação complexa.

12
 1.1.3-Como funcionam as aplicações web
A web é uma rede mundial de computadores interligados por internet. É um conjunto de
protocolos que usa uma tecnologia padrão chamada TCP/IP (Transmission Control
Protocol / Internet Protocol). A web permite que qualquer pessoa acesse informações ou
aplicativos em qualquer parte do mundo.

Sendo assim, as aplicações web são programas, sistemas informatizados, que atendem a
determinada necessidade do usuário. O acesso a elas pode ser feito de qualquer lugar, de
qualquer dispositivo, desde que seja conectado à internet.

Por isso, um aplicativo web é um programa que você pode acessar diretamente através
da internet, sem precisar baixá-lo em seu computador. Os aplicativos web são utilizados
para atender a demandas específicas, como fazer uma pesquisa, comprar um produto ou
serviço, entre outros.

As aplicações web, também chamadas de aplicativos web ou aplicações web, são

programas desenvolvidos especialmente para ser acessados através de um navegador
web ou de um aplicativo, como o Google Chrome, o Firefox, o Internet Explorer, o
Safari, o Opera e o Maxthon.

Você pode usar as aplicações do seu dispositivo móvel para fazer diversas coisas: baixar
músicas e vídeos, acessar redes sociais, fazer ligações, enviar mensagens, tirar fotos, ler
e-mails, ver vídeos, ler livros, navegar na Internet entre outras coisas.

13
 1.2-Diferença entre aplicativo web e aplicativo

Qual a diferença entre o app Mobile e Web?

O aplicativo mobile funciona através de um software instalado no smartphone que roda
sem interrupções no sistema operacional, desenvolvido exclusivamente para
dispositivos portáteis. No caso do aplicativo web, ao invés do smartphone, ele pode ser
baixado no notebook, computador e até smart tv.

14
 1.3-Tipos aplicativos web mais populares

1- Apps de página única

Este tipo de aplicação web é indicado para serviço de e-mail e o setor de comunicação,
pois permite roteamento otimizado e experiência de navegação. Além disso, ajuda a
manter a estrutura visual consistente do aplicativo da web usando lógica de
apresentação.

Exemplo: gmail,google,google maps,twitter

2- Sistema de gerenciamento de conteúdo

Este tipo de aplicação web é indicado para plataformas de blogging, plataforma de
Marketing e Vendas, portais de notícias. Com esta aplicação é possível

organizar o conteúdo do site facilmente, oferece funcionalidade de usuário e grupo,

obter as funcionalidades de grupo e usuário. Além disso, é de fácil integração e suporte
de linguagem. Ex:drupal,jommla,wordpress

3- Aplicativos de comércio eletrônico

Este tipo de aplicação web é indicado para empresas de comércio eletrônico. Com esta
aplicação é possível que as empresas vendam produtos usando uma única plataforma e
expandam seus negócios globalmente alcançando o público máximo.

Ex: Amazon: Com 197 milhão de visitantes mensaisA Amazon está no topo da lista ao
fornecer a melhor experiência de compra para seus usuários. ...

Sephora

Lenskart

Walmart

Nike

Nykaa

H&M

15
 1.4-História da Internet.

A Internet é a maior rede de computadores do Mundo, abrangendo

praticamente todos os países;  Escrevemos Internet com um «I» maiúsculo por esta ser
considerada, precisamente, a «rede das redes».
A Internet surge em 1969, nos Estados Unidos da América; Com objectivo de
desenvolver uma rede de comunicações para interligar os supercomputadores da defesa
americana e de algumas grandes universidades, de forma a que, no caso de haver um
ataque nuclear, as comunicações não fossem interrompidas; Em 1972, a DARPA
(Defense Advanced Research Projects Agency) apresenta a ARPANET garantindo que
as ligações existiam entre todas as bases de defesa e, em caso de destruição de uma
delas, a comunicação estabelecer-se-ia automaticamente, através de uma outra base;
Início dos anos 80: a ARPANET adopta um conjunto de protocolos – TCP/IP
– que permitem que universidades, centros de investigação e outros departamentos
militares e governamentais americanos criem as suas próprias redes e se liguem também
à ARPANET!

16
1.5-Navegadores(Browser)
Browser é um termo recorrente na internet e serve como sinônimo, em inglês,
para “navegador de internet”. O termo define apps como google chrome, safari, opera,
firerox e Edge que, em comum, permitem que o usuário acesse sites de internet e
também interaja com essas páginas de diversas formas.
Os 8 melhores navegadores de internet em 2020:
Mozilla Firefox.
Google Chrome.
Opera.
Microsoft Edge.
Safari.
Vivaldi.
Maxthon.
Brave.
Um navegador, também conhecido pelos termos em inglês Web browser, é um
programa de computador que habilita seus usuários a interagirem com documentos
virtuais da internet,também conhecidos como páginas da web, que podem ser escritas
em linguagens como HTML, XHTML ou HTML5 com ou sem linguagens como o CSS
e que estão hospedadas num servidor web.
1.5.1-Características dos Navegadores
Os principais navegadores possuem características em comum na interface tais
como:
Voltar para a página anterior, ir para página posterior, recarregar(refresh) a
URL, estratégias para escolher sites favoritos e o conceito de abas( entre outros). Uma
outra características comum entre eles é apresentar um histórico dos sites navegadores
ao longo do tempo.
Diferentes navegadores podem ser distinguidos entre si pelas características
que apresentam.
Navegadores modernos e páginas Web criadas mais recentemente tendem a
utilizar muitas técnicas que não existiam nos primóridos da web. Como notado

17
anteriormente, as disputas entre os navegadores causaram uma rápida e caótica
expansão dos própios navegadores e padrões da World Wide Web.

Exemplos de navegadores WorldWideWeb - por Tim Berners-Lee em 1990

para NeXTSTEP. Viola, por Pei Wei, para Unix em 1992. Midas - por Tony Johnson
em 1992 para Unix. Samba - por Robert Cailliau para Macintosh. Mosaic - por Marc
Andreessen e Eric Bina em 1993 para Unix. Aleks Totic desenvolveu uma versão para
Macintosh alguns meses depois. Arena - por Dave Raggett em 1993. Lynx - o Lynx
surgiu na Universidade de Kansas como um navegador hypertexto independente da
Web. O estudante Lou Montulli adicionou a o recurso de acesso via TCP-IP na versão
2.0 lançada em março de 1993. Cello - por Tom Bruce em 1993 para PC. Opera - por
pesquisadores da empresa de telecomunicações norueguesa Telenor em 1994. No ano
seguinte, dois pesquisadores, Jon Stephenson von Tetzchner e Geir Ivarsøy, deixaram a
empresa e fundaram a Opera Software. Netscape - pela Netscape em outubro de 1994.
Internet Explorer - pela Microsoft em 23 de agosto de 1995. Safari - pela Apple Inc. em
23 de Junho de 2003. Mozilla Firefox - pela Mozilla Foundation com ajuda de centenas
de colaboradores em 9 de Novembro de 2004.

SeaMonkey - pelo Mozilla Foundation - Baseado no Gecko (Mozilla) - Site:

http://www.seamonkey-project.org/releases/seamonkey2.0.5/. Flock - pela Flock Inc.
baseado no Firefox em 22 de Junho de 2006. Google Chrome - pela Google em
Setembro de 2008. Baidu Spark Browser pela Baidu. Konqueror - pelo Time de
Desenvolvedores do KDE. Dooble - por... - Um navegador Open Source para
Linux/Unix, MAC OS e Windows - Site: http://dooble.sourceforge.net/. Midori - por
Christian Dywan - Um navegador leve baseado no WebKitGTK+ e o navegador official
do XFCE - Site: http://www.twotoasts.de/. Safari - pela Apple

18
1.6-Protocolo de Internet
(em inglês: Internet Protocol, ou o acrónimo IP) é um protocolo de comunicação usado
entre todas as máquinas em rede para encaminhamento dos dados. Tanto no Modelo
TCP/IP, quanto no Modelo OSI, o importante protocolo da internet IP está na camada
intitulada camada de rede.
Funcionamento Os dados numa rede IP que são enviados em blocos referidos
como ficheiros (os termos são basicamente sinónimos no IP, sendo usados para os
dados em diferentes locais nas camadas IP). Em particular, no IP nenhuma definição é
necessária antes do nó tentar enviar ficheiros para um nó com o qual não comunicou
previamente. O IP oferece um serviço de datagramas (pacotes) não confiável (também
chamado de melhor esforço); ou seja, o pacote vem quase sem garantias. O pacote pode
chegar desordenado (comparado com outros pacotes enviados entre os mesmos nós),
também podem chegar duplicados, ou podem ser perdidos por inteiro. Se a aplicação
requer maior confiabilidade, esta é adicionada na camada de transporte. Os roteadores
são usados para reencaminhar datagramas IP através das redes interconectadas na
segunda camada. A falta de qualquer garantia de entrega significa que o desenho da
troca de pacotes é feito de forma mais simplificada. (Note que se a rede cai, reordena ou
de outra forma danifica um grande número de pacotes, o desempenho observado pelo
utilizador será pobre, logo a maioria dos elementos de rede tentam arduamente não fazer
este tipo de coisas - melhor esforço. Contudo, um erro ocasional não irá produzir
nenhum efeito notável.) O IP é o elemento comum encontrado na Internet pública dos
dias de hoje. É descrito no RFC 791 da IETF, que foi pela primeira vez publicado em
Setembro de 1981. Este documento descreve o protocolo da camada de rede mais
popular e atualmente em uso. Esta versão do protocolo é designada de versão 4, ou
IPv4. O IPv6 tem endereçamento de origem e destino de 128 bits, oferecendo mais
endereçamentos que os 32 bits do IPv4.

19
1.7-HTML
As páginas da web são estruturadas através do Hypertext Markup Language
(Linguagem de Marcação de Hypertexto). A criação da página ocorre através de
etiquetas que informam ao navegador como ele deve apresentar o conteúdo. Essas
etiquetas são conhecidas como tags, através das quais é informado se aquela estrutura é
um parágrafo, tag ou uma tabela tag table. O número de etiquetas é grande, existindo
cerca de 116 representações de estruturas na versão 5. As recomendações da linguagem
são desenvolvidas pela W3C e suas licenças são gratuitas. Atualmente está em sua
quinta versão, e trouxe importantes tags como nav e navbar, ambas para informar
estrutura de navegação. O benefício dessas novas tags são a acessibilidade para os sites,
uma vez que leitores de site, crawlers(robôs que coletam informações de páginas da
web) ou até mesmo ferramentas de acessibilidade identificam com maior precisão o que
aquela estrutura representa. A utilização do HTML em algumas situações, como o uso
de suas novas tags, pode ser um problema para os desenvolvedores. A linguagem
HTML é desenvolvida a partir das recomendações da W3C, e cabe às empresas como
Mozilla, Google e Microsoft implementarem as características em seus navegadores.
Dessa forma, algumas tags funcionam em alguns navegadores e em outros não.

Um exemplo da sintaxe do HTML :

20
1.8-PHP

PHP (Hypertext Preprocessor) é uma linguagem de programação para web de

script open-source, trabalha mesclado ao HTML (Hypertext Markup Language) e é
executado no lado servidor, o que possibilita que o site seja dinâmico, e garante mais
segurança nas informações, já que o código PHP é todo processado no lado servidor e o
lado cliente fica responsável apenas de apresentar os dados a tela do usuário.

O PHP era uma solução para utilização em suas páginas pessoais, contudo
necessidades foram surgindo e novas versões foram lançadas, contendo novos recursos,
como, interpretador de comandos SQL (Linguagem de consulta estruturada), orientação
a objetos, herança, polimorfismo, apontadores de memória e outros (PHP.NET,
2014) ,Sendo esta utilizada por aplicações referências como MediaWiki, Facebook,
Drupal, Joomla, WordPress, Magento e o Oscommerce. Essa linguagem também
disponibiliza suporte a um grande número de bases de dados, inclusive MySQL o qual
será utilizado no contexto desse trabalho. Segundo Bento (2014) alguns motivos de usar
o PHP e o MySQL são: PHP nasceu para a web e sua integração com servidores web é
simples, tem uma curva de aprendizado suave, comparada a outras linguagens, PHP e
MySQL são tecnologias livres, é fácil de encontrar serviços de hospedagem que
oferecem PHP e MySQL. Serviços de hospedagem que as oferecem são mais baratos
que serviços semelhantes para outras tecnologias e MySQL é leve e rápido, mesmo para
quantidades razoavelmente grandes de dados.

1.8.1-Banco de dados MYSQL

Banco de dados é um local no qual é possível armazenar informações, para

consulta ou utilização, quando necessário. Todos os bancos de dados são constituídos
por três elementos básicos: campos, registros e tabelas. Cada banco de dados possui
complexas estruturas internas de funcionamento, uma diferente da 36 outra, a fim de
facilitar o acesso aos elementos do banco de dados foi criada e distribuída pela IBM em
1981 uma linguagem de consulta, o SQL, que se tornou uma linguagem de acesso aos
bancos de dados muito articulada e funcional que pode ser empregada em computadores
de arquiteturas totalmente diferentes e é a linguagem utilizada pelo MySQL (FERRARI,
2007) MySQL é o banco de dados de código aberto mais popular do mundo, que
possibilita a entrega econômica de aplicações de banco de dados confiáveis, de alto
desempenho e escaláveis, com base na Web e incorporadas (ORACLE, 2014) Nele
ficam armazenadas todas as informações dos usuários, documentos e caminhos de
imagens mantidos pelo sistema proposto. As operações suportadas por esse banco são
inclusão, exclusão, atualização de registros, alterações de estrutura e outras. O banco de
dados MySQL além de ter um excelente desempenho, possui compatibilidade e fácil
integração com a linguagem de programação PHP, um dos motivos da escolha desse kit,
PHP + MySQL, para o desenvolvimento deste trabalho.

21
1.9-CSS(Cascading Style Sheets)

Uma página HTML não tem detalhes, cor ou estilo. Essa transformação pode
ser obtida através do uso do CSS que é a abreviação para o termo em inglês Cascading
Style Sheet, traduzido para o português como Folhas de Estilo em Cascata. Essa
tecnologia tem a função de descrever como é o elemento, ou seja, define o estilo, como
a cor ou tamanho de letra de um elemento numa página web.

A tecnologia CSS tem a única e exclusiva função de estilizar a página. Através

da estilização pode-se atribuir algum efeito. Um exemplo é uso de atributos, como ao
passar o mouse em alguma estrutura realizar a troca de cor da letra. A especificação do
CSS é desenvolvida pela W3C e pode ser encontrada na página oficial da especificação
no site W31 .

Atualmente ele está em sua terceira versão. O CSS funciona através de

seletores. Cada tag do HTML ou ID utilizado na construção da página são seletores.
Além disso, a tecnologia possui artifícios que permitem criar classes que são conjuntos
de estilos para atribuir a elementos. Assim adiciona-se um efeito especifico às estruturas
que possuem a classe.

1.10-JavaScript

JavaScript (JS) é uma linguagem de programação interpretada, criada em 1995

por Brendan Eich e atualmente segue o padrão encontrado em ECMAScript 5.1.

Por padrão ela funciona somente no navegador e não interage com outras
partes do computador do usuário, por exemplo criando arquivos ou executando
comandos. A linguagem foi desenvolvida para fornecer interatividade nas páginas da
web, pois antes eram estáticas, compostas somente por HTML e CSS.

O JS conta com um interpretador que executa operações em tempo real sem a

necessidade de enviar dados para o servidor, executando no próprio navegador. Assim,
através do JavaScript podemos fazer operações como validações de dados. Essa
possibilidade de tratar informação no próprio navegador permite que servidor não se
sobrecarregue. Um exemplo é o caso dos formulários, que através do uso da linguagem
é possível validar se todos os campos estão preenchidos e com dados corretos, antes de
enviar para o servidor.

22
1.11-Framework

Os sistemas computacionais oferecem soluções para problemas que

normalmente são parecidos e recorrentes, o que torna a reutilização do código algo
bastante útil. Assim surgiram os frameworks.

Estes são códigos interligados e comuns a determinados problemas. Existem

vários frameworks usados em diferentes situações, como: Ionic Framework, usado para
desenvolvimento móvel; XUnit Framework, usado em teste de código automatizados ou
para games, como o Phaser. Segundo (MATTSSON, 1996), um framework é uma
arquitetura desenvolvida com o objetivo de atingir a máxima reutilização, representada
como um conjunto de classes abstratas e concretas, com grande potencial de
especialização.

A utilização de frameworks no desenvolvimento de aplicações traz benefícios

originados de suas características principais: são modulares, reusáveis, extensíveis e
eventualmente assumem o controle da execução invocando métodos da aplicação
quando necessário (inversão de controle). A diferença entre bibliotecas e frameworks é
que as funções do framework são interligadas e nas bibliotecas não há interligação.

1.111.1-Frameworks e Desenvolvimento Web

A utilização de frameworks no desenvolvimento web é imensa e se faz

essencial para o sucesso da aplicação. A maioria dos frameworks para desenvolvimento
web se baseiam no padrão de projeto Model-View-Controller (MVC) visto que websites
são extremamente dependentes de como é realizada a interação com os dados e o modo
que os mesmos são apresentados nas páginas web. “O MVC foi proposto em 1980 como
uma abordagem para design de GUI2 , permitindo múltiplas representações de um
objeto e diferentes interações com estas representações” (SOMMERVILLE, 2011, p.
432, tradução nossa). Considerando o domínio dos websites, cada componente lógico
do MVC pode ser definidos da seguinte maneira:

• Model: responsável por gerenciar os dados do sistema.

• View: responsável por definir como os dados serão representados e exibidos

ao usuários. É a partir da view que o usuários faz a interação com o sistema.

• Controller: responde às interações do usuário, definindo quais operações

serão realizadas, quais dados serão manipulados e quais views serão utilizadas para
representálos. Sommerville (2011) também afirma que, apesar das diferenças, todos os
frameworks para aplicações web geralmente oferecem as seguintes funcionalidades:

23
 • Segurança: inclusão de classes para auxiliar o processo de autenticação de
usuários e gerenciamento de permissões.

• Páginas web dinâmicas: capacidade de criação de templates, onde somente

determinadas partes dos mesmos são alteradas.

• Suporte a Banco de Dados: Permitem a interação da aplicação com um banco

de dados externo, facilitando a execução de consultas e CRUD (Create, Read, Update,
Delete) de registros.

• Gerenciamento de sessões: possuem classes para definir e gerenciar sessões

dos usuários.

• Interações de Usuário: suporte à AJAX para criação de páginas mais

interativas. 2.2.2 Laravel O framework utilizado para o desenvolvimento deste trabalho
foi o Laravel3 . A primeira versão dele foi lançada em 2011 e nos últimos anos o
framework evoluiu rapidamente, se tornando bastante popular entre os desenvolvedores
PHP. Assim como grande maioria dos frameworks para aplicações web, o Laravel
também segue o padrão MVC. Ele é open-source e, embora seja extremamente
poderoso, possui uma curva de aprendizado bem pequena. Isso se dá pelo fato dele
possuir uma linguagem bastante expressiva, além de simplificar a execução de diversas
tarefas necessárias durante o desenvolvimento de aplicações web. Uma das grandes
vantagens do Laravel é a criação de migrations, que basicamente são um controle de
versão para o banco de dados da aplicação. Deste modo, fazer modificações na estrutura
do banco de dados e compartilhamento do mesmo entre desenvolvedores se torna algo
extremamente simples de ser feito.

24
1.12.1-O que é Front End?
Podemos classificar como a parte visual de um site, aquilo que conseguimos interagir.
Quem trabalha com Front End é responsável por desenvolver por meio de código uma
interface gráfica, normalmente com as tecnologias base da Web (HTML, CSS e
JavaScript). Algumas pessoas podem confundir um pouco esse trabalho com o que um
designer faz (no passado existia uma entidade chamda Webmaster que fazia tudo isso e
mais um pouco), mas a diferença aqui é que o designer vai utilizar alguma ferramenta
visual para desenhar a interface, do Photoshop ao Sketch, e quem faz front-end estará
mais próxima do código em si, que irá rodar em um navegador Web como Chrome,
Firefox ou Safari. (Confira também nossa webserie sobre as Fronteiras do Front-end).

25
1-12-1 -O que é Back End?
Back End, como o próprio nome sugere, vem da ideia do que tem por trás de uma
aplicação. Pode ficar meio abstrato em um primeiro momento, mas pense que para
conseguir usar o Facebook no dia a dia, os dados do seu perfil, amigos e publicações
precisam estar salvos em algum lugar, sendo esse lugar um banco de dados e
processados a partir de lá. Não basta apenas o front-end em HTML e CSS! O Back End
trabalha em boa partes dos casos fazendo a ponte entre os dados que vem do navegador
rumo ao banco de dados e vice-versa, sempre aplicando as devidas regras de negócio,
validações e garantias em um ambiente onde o usuário final não tenha acesso e possa
manipular algo. Um desenvolvedor front-end normalmente trabalha criando toda a parte
visual dos sites por meio de linguagens de marcação e programação — que
detalharemos no tópico seguinte —, além de bibliotecas e frameworks como Angular,
ReactJS, Vue.js, entre outras. Apesar de esses profissionais não precisarem saber
desenvolver o back-end dos projetos — sobre os quais falaremos melhor daqui a pouco
—, é importante ter noção de como um sistema desse tipo funciona, uma vez que o
código produzido será conectado diretamente aos sistemas desenvolvidos por alguém da
área de back-end. As atribuições, nesse caso, ficam por conta da criação de páginas com
boa navegação, adaptáveis para qualquer tipo de tela, que contem com carregamento
otimizado e que funcionem corretamente nos principais navegadores utilizados e na
integração com o restante do projeto. É importante frisar que, embora o
desenvolvimento de front-end trate do lado visual e interativo de um site, ele não é o
mesmo que web design. As atribuições de um desenvolvedor back-end não incluem a
criação de páginas bonitas ou responsivas, como acontece com profissionais front-end.
Em vez disso, eles são responsáveis por implementar arquiteturas robustas, que se
comuniquem com o banco de dados e que garantam a segurança dos dados enviados
pelo usuário. Desenvolvedores dessa área utilizam linguagens como C#, Java, Ruby ou
até mesmo JavaScript — por meio do Node.js. Além disso, também são mais próximos
de ramos como a análise de dados, machine learning e big data.

- Fases de desenvolvimento de um site :

Fase 1 - Análise das Necessidades do Cliente

Fase 2 - Layout / Conceito Gráfico
Fase 3 - Produção / Desenvolvimento Front-end
Fase 5 - Inclusão de Conteúdo
Fase 4 - Programação de Formulários e Implantação de CMS
Fase 6 - Publicação

26
 CONCLUSÃO

SUGESTÕES

Recomendamos ao Complexo Escolar Privado Nossa Senhora da Anunciação

atendendo a preocupação de uma sociedade melhor, a melhorar a comunicação com os
encarregados de educação, para melhor colaboração na educação e formação dos
educando.
Recomendamos que se crie um departamento responsável pela avaliação da
inclusão do encarregado no ensino e aprendizagem.

27
 BIBLIOGRÁFIA

•Bernardo Gomes de Abreu TRABALHO DE CONCLUSÃO DE CURSO.

•TRABALHO DE CONCLUSÃO DE CURSO(Desenvolvimento de um Sistema Web

para Avaliação de Classes da Universidade Federal de Ouro Preto).

•DESENVOLVIMENTO DE UM SOFTWARE WEB PARA GERENCIAMENTO DE

REQUISITOS DE SOFTWARE (MONOGRAFIA DE ESPECIALIZAÇÃO).

•Forouzan,Behrouz(2008).Comunicação de dados e Redes de computador 4ª ed. São

Paulo:McGraw-Hill. Pp. 582-596 kurose . James F, Ross, Keith W(2013).

•Computadores e a internet: uma abordagem top-down 6ª ed.são Paulo:Pearson

Education do Brasil. Pp. 245-247.

28
29