Projeto de Pesquisa – Trabalho de Conclusão de Curso

Projeto de Pesquisa e Planejamento de Atividades para o Trabalho de

Conclusão de Curso
Engenharia de Computação

Aluno: Douglas Jose Carvalho Oliveira Data de início do

PCC1:21/03/2023_______

Orientador: Prof. MSc Milton Miranda Neto Provável data de defesa:

_____ / _____ /
__________
Curso: ENGENHARIA DE COMPUTAÇÃO

1 Tema

Caderno de anotações
Utlizando a Internet para criação de agendamento de atividades

Sumário

1Introdução ................................................................................................................ 1
2 Fundamentação teórica ......................................................................................... 1
3 Estado da arte………………………………………………………………………. …...2
4 Objetivo geral ......................................................................................................... 3
4.1 Objetivos específicos………………………………………………………………….4
Referências ................................................................................................................ 5
Projeto de Pesquisa – Trabalho de Conclusão de Curso

1- Introdução

O projeto consiste em criar um caderno de anotações, utilizando as ferramentas

React.js que faz a função front end, que é a parte que o cliente, ou seja, uma pessoa
vê, Node.Js, que é a parte de programação que o cliente não irá ter acesso, Json que
que é a api utilizada para fazer a comunicação entre o Front end e o Back end.
O mesmo faz a interatividade entre ambos (React.js front end e Node.js back
end), e retorna as informações as quais foram solicitadas pelo React.js ao Node.js
posteriormente ao Mongo db(Banco de dados) onde essa comunicação possibilitará
a satisfação do cliente, no caso o Front end que irá transferir as informações através
da comunicação feita pelo Json que informará para o Node.js e será retornado ao
Front end após a informação recebida pelo Back.end recebida pelo Mongodb, que é
um banco de dados, informações.

O caderno de anotações facilitará o agendamento de atividades do cliente, uma

pessoa que irá digitar no site, que é uma página da internet as suas atividades, como
por exemplo ir ao supermercado, uma vez que é preciso ser feito o roteiro ir ao
supermercado duas ou três vezes no mesmo dia por exemplo.

2- Fundamentação teórica
Nesse trabalho será utilizada a linguagem Java Script(Zakas, Nicholas
C. JavaScript de Alto Desempenho. Editora Novatec. 2010), (OLIVEIRA, Andressa
Cruz) que possiblitará criar um caderno de anotações. Além da linguagem Java Script
para criar o mesmo, serão utilizadas as seguintes Frameworks: React.js, Node.js,
Json, Mongodb. O React.js faz a função de front end, que o cliente(pessoa) visualiza
a tela do computador. 1
Projeto de Pesquisa – Trabalho de Conclusão de Curso

O Node.js receberá requisições do React.js através da api Json que faz a

transmissão das mesmas ao Mongodb que é o banco de dados(banco de
informações) e as informações requisitadas serão retornadas para o Node.js. e
repassadas ao React.js pela api Json que realiza a interligação entre React.js, Node.js
e Mogodb.

Atualmente a internet constitui-se de uma fonte inesgotável de informação,

disponibilizando uma quantidade enorme de tecnologias que não podem ser
ignoradas, e utilizando do recurso da mesma o trabalho caderno de anotações
proporcinará um agendamento de atividades diárias.

3- Estado da arte

Criar produtos digitais vem sendo um tópico extremamente relevante nos últimos
anos, principalmente por conta da popularização da área User
experience (ou Experiência do usuário em português), que visa olhar para um
produto de uma empresa, e por meio de análises, pesquisas e testes, fornecer a
melhor experiência durante o uso desse sistema, reduzindo pontos
negativos e solucionando os problemas do público-alvo.
Em paralelo à área de experiência, temos a User interface (ou Interface do
usuário em português), que atua em conjunto com a pessoa que realiza pesquisas
e testes, mas convertendo esses resultados em, muitas vezes, interfaces digitais,
fornecendo um meio dessas pessoas interagirem com o produto, sendo meio pelo
qual irão completar seus objetivos. Para que isso aconteça, das diversas opções
pelas quais isso pode ser produzido, o Figma é um dos caminhos para criação de
telas para produtos como aplicativos, sites ou softwares, permitindo que a pessoa
designer, crie todo o fluxo, estrutura e composição do projeto, e é sobre essa
ferramenta que iremos falar neste artigo.
O que é Figma?
O Figma é uma plataforma colaborativa para construção de design de
interfaces e protótipos, pertencente a empresa Fima, Inc., lançada em 2016 por
Dylan Field e Evan Wallace, com o objetivo de criar uma ferramenta gratuita que
trouxesse colaboração entre pessoas e times, permitindo criar um produto para
as mais diversas plataformas, mantendo a acessibilidade do sistema.

4 Objetivo geral
Projeto de Pesquisa – Trabalho de Conclusão de Curso

O objetivo do trabalho será a utilização das ferramentas, Node.js(back end,

onde o usuário não tem acesso), React.js(front end, o qual o usuário tem acesso),
Insômnia(para realização de tedted), Figma(aplocativo om line onde funcionatá o
caderno de anotações) e Mongo db(banco de dados), para agendamentos.

4.1 Objetivos específicos

Possibilitar o cliente criar uma agenda utilizando o caderno de anotações

criado, como por exemplo ir ao supermercado, Universidade, trabalho, consulta
médica, compras, dentre outras atividades

5 Histórico do Java Script

5.1 O que é o java script

JavaScript é uma linguagem de programação destinada a soluções web.

Ela é fácil de ser executada e roda em navegadores de internet. Atualmente, é uma
das linguagens mais importantes do mundo, fazendo parte do cotidiano dos
desenvolvedores.
Vale destacar que ela consegue interagir com as páginas da web de diferentes
maneiras. Assim, permite criar softwares(programas de computador) que simplificam
a vida dos consumidores e reduz bugs(problemas-sistema fora do ar), por exemplo.
Mais do que isso, o JavaScript é um aliado na criação de sites, aplicativos
e programas. Se você fizer uma breve pesquisa, provavelmente descobrirá alguma
solução que surgiu por meio dele — o Node.js é um bom exemplo. E como já foi dito
anteriormente, o java script fez surgir outra solução, o React.js..
Projeto de Pesquisa – Trabalho de Conclusão de Curso

Referências

OLIVEIRA; Dênis Ricardo Amaral de; SANTOS, Luan Rodrigo de Paulo dos.
Sistema de agendamento para estúdios de tatuagens. 2020. Trabalho de Graduação.
(Curso Superior de Tecnologia em Análise de Desenvolvimento de Sistemas),
“Faculdade de Tecnologia Dr. Thomaz Novelino”, Franca, 2021.
Beighley, Lynn; Morrison, Michael. Use a Cabeça! PHP & MySQL. Editora Alta
Books. 2010.
Junior, Edson. Entendendo float, clear e clearfix de uma vez por todas.
Disponível em: <https://edsonjunior.com/entendendo-float-clear-clearfix/>. Acesso
em: 2 de junho de 2017.
Junior, Elias. Principais tags de HTML. Disponível em:
<http://codigofonte.uol.com.br/artigos/principais-tags-de-html>. Acesso em: 23 de
janeiro de 2017.
Manual do PHP. Disponível em: <http://php.net>. Acesso em: 3 de junho de
2017.
MartinsDev. Unidades de medida px, dpi e dp. Disponível em:
<http://martinsdev.com.br/android/design/unidades-de-medida-px-dpi-e-dp>. Acesso
em: 2 de junho de 2017.
Gilmore, Jason W. PHP e MySQL: do Iniciante ao Profissional. Editora Alta
Books. 2008.
Mariano, D. C. B. et al. Introdução à programação para Bioinformática com
Biopython. Amazon: CreateSpace (Independently published). 2015.
Mariano, D. C. B.; de Melo-Minardi, R. C. Introdução à programação para
Bioinformática com Perl. Amazon: CreateSpace (Independently published). 2016.
Online syntax highlighter like TextMate. Disponível em:
<http://markup.su/highlighter/>. Acesso em: 6 de junho de 2017.
Riordan, Rebecca M. Use a Cabeça! Ajax. Editora Alta Books. 2009.
Silva, Maurício Samy. Fundamentos de HTML5 e CSS3. Editora Novatec.
2015.
Tableless. Qual unidade utilizar – Pixel, EM ou REM. Disponível em:
<https://tableless.com.br/unidade-pixels-em-rem/>. Acesso em: 2 de junho de 2017.
Projeto de Pesquisa – Trabalho de Conclusão de Curso

W3. Folhas de Estilo WebDicas & truques CSS. Disponível em:

<https://www.w3.org/Style/Examples/007/units.pt_BR.html>. Acesso em: 2 de junho
de 2017.
W3Schools. Disponível em: <https://www.w3schools.com/>. Acesso em: 23 de
janeiro de 2017.
Zakas, Nicholas C. JavaScript de Alto Desempenho. Editora Novatec. 2010.

Ituiutaba, _____ de _________________ de _________

_____________________________________________
____________________________________________
(nome complete do Aluno) (nome complete do
Orientador)
Assinatura Assinatura