UNIVERSIDADE VIRTUAL DO ESTADO DE SÃO PAULO

Arthur Endlein Correia, RA 2010741

Elaine Laube Melo, RA 2008167
Michelle Irani Oliveira, RA 2006431
Marcela de Oliveira Alves, RA 1600542
Patricia Pereira da Silva, RA 2004429

A Tecnologia web como ferramenta para a apresentação de

portfólio e cadastro de orçamento

Diadema - SP
2021
UNIVERSIDADE VIRTUAL DO ESTADO DE SÃO PAULO

A Tecnologia web como ferramenta para a apresentação de

portfólio e cadastro de orçamento

Relatório Técnico-Científico apresentado na

disciplina de Projeto Integrador para os cursos de
Engenharia da Computação, Engenharia de
Produção e Ciência de Dados da Universidade
Virtual do Estado de São Paulo (UNIVESP).

Diadema - SP
2021
ALVES, Marcela de Oliveira; CORREIA, Arthur Endlein; MELO, Elaine Laube;
OLIVEIRA, Michelle Irani; SILVA, Patricia Pereira. A Tecnologia web como
ferramenta para a apresentação de portfólio e cadastro de orçamento. Relatório
Técnico-Científico. Engenharia da Computação, Engenharia de Produção e Ciência
de Dados – Universidade Virtual do Estado de São Paulo. Tutor: Lillian Salatini
Mauricio Rodrigues. Polo Diadema, 2021.

RESUMO

Este projeto visa colocar em prática os conhecimentos adquiridos nos quatro primeiros
períodos do curso de Engenharia da Computação, atendo-se primordialmente em
soluções com Banco de Dados e Desenvolvimento Web.Com o objetivo de divulgação
de profissional na web, iremos utilizar de tecnologias de software web para crias uma
ferramenta (website) para exposição de portfólio de nosso cliente para conectar-se
com futuros clientes. Para o desenvolvimento do website, o grupo escolheu a
linguagem Python, uma linguagem de alto nível, dinâmica, interpretada, modular,
multiplataforma e orientada a objetos acessível e muito popular em setores
emergentes da indústria de tecnologia.

PALAVRAS-CHAVE: Framework Web; Banco de Dados; Python; SQL; Designer

Thinks.
 SUMÁRIO

1. INTRODUÇÃO 5
2. PROBLEMA E OBJETIVOS 6
2.1 OJETIVO GERAL 6
2.1.1. OBJETIVOS ESPECÍFICOS 6
2.2. JUSTIFICATIVA E DELIMITAÇÃO DO PROBLEMA 6
2.3. FUNDAMENTAÇÃO TEÓRICA 7
2.3.1. BANCO DE DADOS 7
2.3.2. FRAMEWORK 7
2.3.3. CONTROLE DE VERSÃO 7
2.3.4. PYTHON 8
2.3.5. DESIGN THINKING 8
2.4. METODOLOGIA 9
REFERÊNCIAS 11
 5

1. INTRODUÇÃO

Para este projeto escolhemos um profissional autônomo com dificuldade em

divulgar seu trabalho e receber orçamento por aqueles que se interessarem pelo seu
trabalho. Com o impacto da pandemia COVID 19, os profissionais autônomos tiveram
sua renda reduzida e necessidade de se reinventar.
Escolhemos este tema pois, os profissionais em geral foram introduzidos a
tecnologia da informação e comunicação nesta pandemia, seja por pagamento
eletrônico, vendas on-line ou teletrabalho, mostrando ao mundo a necessidade de se
alfabetizar tecnologicamente, modernizar seus sistemas e investir nas áreas de
Ciência, Tecnologia e Inovação.
Como Podemos apresentar o portfólio do profissional visando Conectar-se com
Futuros Clientes Através da Tecnologia de Softwares?
Usando o método Desing Thinking, podemos observar as fragilidades do
entrevistado e ter uma possível solução para o caso de estudo. Foi proposto a criação
de um site onde ele poderá expos seu portifólio e receber contato de possíveis clientes
pelo banco de dados de orçamento.
Para desenvolver esse projeto, usaremos os conhecimentos de matérias
anteriores e atuais temas apresentados no conteúdo do projeto Integrador I.
Abaixo as matérias já cursadas, para consultas:
• Pensamento computacional
• Formação Profissional em Computação
• Sistemas Computacionais
• Banco de Dados
• Algoritmos e programação de Computadores I e II
• Programação Orientada a Objetos.
 2. PROBLEMA E OBJETIVOS

Após observação e análise das problemáticas enfrentadas pela empresa na

ocasião de visita do grupo ao local de estudo, obteve-se como problema de pesquisa
a inexistência de um sistema ou banco de dados que pudesse conectar o profissional
com futuros clientes. Em outras palavras, o problema pode ser resumido pelo seguinte
questionamento:
- Como podemos apresentar o portfólio do profissional visando conectar-se com
futuros clientes através da tecnologia de softwares?

2.1 OJETIVO GERAL

Desenvolver um software com Framework Web que utilize noções de banco de

dados e controle de versão.

2.1.1. OBJETIVOS ESPECÍFICOS

Os objetivos específicos do trabalho são:

• exposição de portfólio na web para conectar- se com futuros clientes;
• melhorar a conexão entre o prestador de serviço autônomo e seus futuros
clientes;
• possibilitar ao cliente a retomada de seu negócio e de sua fonte de renda, em
tempos de pandemia;
• melhorar o controle de cadastro de clientes.

2.2. JUSTIFICATIVA E DELIMITAÇÃO DO PROBLEMA

A dificuldade de um profissional autônomo de expor seu portfólio para conectar-

se com futuros clientes, principalmente em tempos de pandemia, onde vários
profissionais autônomos tiveram sua renda bruscamente reduzida.
Através deste projeto também poderemos destacar a importância da utilização
da tecnologia de softwares web para a movimentação da economia e geração de
renda, demonstrando assim a necessidade de investimento nas áreas de
desenvolvimento econômico, ciência, tecnologia e inovação.
Demonstrar a importância do estudo e pesquisa na área de tecnologia para
atender às necessidades de novos profissionais no mercado de trabalho, para
produzir novas soluções de negócios.

2.3. FUNDAMENTAÇÃO TEÓRICA

2.3.1. BANCO DE DADOS

Os bancos de dados são cada vez mais utilizados em todas as áreas onde se
utiliza computadores. Todo banco de dados está relacionado com algum fato do
mundo real e tem objetivo específico, como armazenar dados e poder resgatá-los
quando necessário.
Sob este aspecto podemos dizer que Banco de Dados é uma coleção de fatos ou
dados da vida real que estão relacionados entre si (ELMASRI; NAVATHE, 2018,
pág. 4).

2.3.2. FRAMEWORK

A Web permite-nos pensar em um framework orientado a aplicações, indo além

do paradigma orientado a reuso de código, middleware ou serviços. Porém, assim
como na modelagem orientada a objetos, permanece a complexidade em relação a
partição do domínio. Uma questão típica é como lidar com aspectos não funcionais de
comunicação, cooperação, e coordenação, em geral embutidos em uma
estrutura/arquitetura de componentes. (XIV Simpósio Brasileiro de Informática na
Educação - NCE - IM/UFRJ 2003 – pág. 260)

2.3.3. CONTROLE DE VERSÃO

O Controle de versão é muitas vezes confundido com o GCS, pois para muitas
pessoas os dois conceitos têm o mesmo significado, no entanto, o controle de versões
é a parte central de um CGS e a funcionalidade principal em muitas ferramentas
(ASKLUND et al., 2001; MIDHA, 1997). Surgiu para controlar a evolução dos sistemas
de software (MIDHA, 1997), combinando procedimentos e ferramentas para
administrar diferentes versões de itens de configuração, criadas durante o processo
de software (PRESSMAN, 2002). Tem como objetivo:

• Automação do rastreamento de arquivo

• Prevenção de conflitos entre os desenvolvedores;
• Recuperação de versões anteriores;
• Desenvolvimento paralelo;
• Auditoria do desenvolvimento: quem, quando, o quê;
• Estabelecimento de agregação de arquivos: baselines e distribuições;

2.3.4. PYTHON

A linguagem de programação Python possui uma vasta biblioteca o que facilita a

criação de aplicações, e torna os programas bastante legíveis. Essa linguagem pode
ser usada para uso geral e é uma linguagem bastante popular atualmente
(PERKOVIC, 2016, pg. 8).
Por ser de fácil utilização iremos trabalhar com essa linguagem em nosso projeto.
Disciplinas Cursadas para o Desenvolvimento do Projeto:
• Formação Profissional em Computação
• Sistemas Computacionais
• Banco de Dados
• Algoritmos e programação de Computadores I e II
• Programação Orientada a Objetos.

2.3.5. DESIGN THINKING

O Design Thinking proporciona a inovação através de experimentos visando trazer

uma nova solução tecnológica para o negócio de seus clientes (BERGAMO FILHO,
2019, pg. 92).
 Em 1973 Robert MC Kim estabeleceu muitas ideias que sustentam o Design
Thinking em tempos atuais em seu livro “Experiences in Visual Thinking”. A partir disso
essa metodologia se expandiu nos mais diversos ramos.
O Design Thinking é composto por cinco etapas:
1º. Empatia: identificar e reunir as principais informações dos Clientes, ou seja, é
a fase de OUVIR para entender quem é o Cliente e suas características,
podendo ser através de Entrevista (assim como foi feito neste projeto);
2º. Definição: definir o problema que se deseja resolver de acordo com a
necessidade do cliente. Neste projeto definimos como Problema: Como
Podemos Melhorar a Exposição de Portfólio Profissional visando Conectar-se
com Futuros Clientes Através da Tecnologia de Softwares?
3º. Idealizar: buscar a solução do problema, essa é a fase de CRIAR ideias,
podendo ser através de sessões de Brainstorming onde quanto mais ideias é
melhor para definir as melhores e pode se combinar ideias dos componentes
do grupo como foi feito neste projeto. Desta forma criamos Valor ao
serviço/produto a ser criado, criando ideias de como resolver o problema do
Cliente;
4º. Prototipar: é a fase de construir/PROTOTIPAR um modelo de solução,
podendo ser simples, pois não é a solução final, mas que ele possa ser
testado;
5º. Testar: testar a solução com o Cliente, identificar melhorias e feedback geral.
Se precisar, pode voltar e refazer as etapas para alcançar melhorias no projeto
final.

2.4. METODOLOGIA

Entrevistamos o cliente profissional ilustrador autônomo, para entender suas

necessidade e objetivos. Por causa da pandemia, estava com dificuldade de obter
novos cliente e divulgar seu trabalho.
Analisamos as informações e percebemos que para este cliente seria interessante
apresentar seu trabalho em um site e que seu público tivesse um meio de entrar em
contato para contratação dos serviços.
 Pretendemos criar um site usando framework web, com controle de versão e um
banco de dados.
REFERÊNCIAS

ABNT – Associação Brasileira de Normas Técnicas. NBR 14724: Informação e

documentação. Trabalhos Acadêmicos - Apresentação. Rio de Janeiro: ABNT,
2002.
BERGAMO Filho, C. Ruptura no Modelo tradicional das empresas. Rio de Janeiro:
Brassport, 2019.
BOYER, C. B.; UTA, C. M. História da Matemática [Trad. Helena Castro]. 3 ed. São
Paulo: Blucher, 2012.
D’AMBRÓSIO, U. Educação Matemática: da teoria à prática. 23. ed. Campinas:
Papirus, 2012.
ELMASRI, Ramez; Navathe, Shamkant B. Sistemas de Banco de Dados. Pearson,
7a edição, 1128p., 2018.
KUBO, O.; BOTOMÉ, S. Ensino e aprendizagem: uma interação entre dois
processos comportamentais. Interação, v.5, p.123-32, 2001.
HART-DAVIS, A. O Livro da Ciência. 2. ed. São Paulo: Globo, 2016.
PERKOVIC, Ljubomir. Introdução à computação usando Python: um foco no
desenvolvimento de aplicações 1. ed. - Rio de Janeiro: LTC, 2016.
PILETTI, C. Didática geral. São Paulo: Ática, 1995.
RIBEIRO, J. L. P. Áreas e Proporções nas Superquadras de Brasília Usando o
Google Maps. Revista do Professor de Matemática. Rio de Janeiro, n. 92, p. 12-15,
jan-abr. 2017.
SEVERINO, A. J. Metodologia do trabalho científico. 22. ed. rev. e ampl. São Paulo:
Cortez, 2002.
CONTROLE de versões - um apoio à edição colaborativa na Web. USP São
Carlos, 2021. Disponível em:
https://www.teses.usp.br/teses/disponiveis/55/55134/tde-05072006-134135/en.php.
Acesso em: 5 out. 2021.
O trabalho deverá ser redigido conforme recomendações das Diretrizes para
confecção de teses e dissertações. Universidade de São Paulo (USP). Disponível
em:
http://www.teses.usp.br/index.php?option=com_content&view=article&id=52&Itemid=
67. Acesso em 24 set. 2021.
Um framework para construção cooperativa de ambientes virtuais de
aprendizagem na web. Disponível em:
http://www.br-ie.org/pub/index.php/sbie/article/view/256. Acesso em: 6 out. 2021